:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 0.875em; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-sm-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-md-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-lg-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-xl-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .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(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .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-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .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-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .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-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .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: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .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-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .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-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .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-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .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: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .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 { color: #fff; 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; } .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; } .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; } .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; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.width { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .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: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n + 3), .input-group.has-validation > .custom-select:nth-last-child(n + 3), .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #adb5bd; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50% / 50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.75rem); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; 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(0, 123, 255, 0.25); } .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: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill > .nav-link, .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50% / 100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; flex: 1; } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { -ms-flex-preferred-size: 350px; flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 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; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .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: #000; } .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: #000; } .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: #000; } .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: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 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; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50% / 100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentcolor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } @font-face{font-family:Icons;src:url(../fonts/open-iconic.eot);src:url(../fonts/open-iconic.eot?#iconic-sm) format('embedded-opentype'),url(../fonts/open-iconic.woff) format('woff'),url(../fonts/open-iconic.ttf) format('truetype'),url(../fonts/open-iconic.otf) format('opentype'),url(../fonts/open-iconic.svg#iconic-sm) format('svg');font-weight:400;font-style:normal}.oi{position:relative;top:1px;display:inline-block;speak:none;font-family:Icons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.oi:empty:before{width:1em;text-align:center;box-sizing:content-box}.oi.oi-align-center:before{text-align:center}.oi.oi-align-left:before{text-align:left}.oi.oi-align-right:before{text-align:right}.oi.oi-flip-horizontal:before{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.oi.oi-flip-vertical:before{-webkit-transform:scale(1,-1);-ms-transform:scale(-1,1);transform:scale(1,-1)}.oi.oi-flip-horizontal-vertical:before{-webkit-transform:scale(-1,-1);-ms-transform:scale(-1,1);transform:scale(-1,-1)}.oi-account-login:before{content:'\e000'}.oi-account-logout:before{content:'\e001'}.oi-action-redo:before{content:'\e002'}.oi-action-undo:before{content:'\e003'}.oi-align-center:before{content:'\e004'}.oi-align-left:before{content:'\e005'}.oi-align-right:before{content:'\e006'}.oi-aperture:before{content:'\e007'}.oi-arrow-bottom:before{content:'\e008'}.oi-arrow-circle-bottom:before{content:'\e009'}.oi-arrow-circle-left:before{content:'\e00a'}.oi-arrow-circle-right:before{content:'\e00b'}.oi-arrow-circle-top:before{content:'\e00c'}.oi-arrow-left:before{content:'\e00d'}.oi-arrow-right:before{content:'\e00e'}.oi-arrow-thick-bottom:before{content:'\e00f'}.oi-arrow-thick-left:before{content:'\e010'}.oi-arrow-thick-right:before{content:'\e011'}.oi-arrow-thick-top:before{content:'\e012'}.oi-arrow-top:before{content:'\e013'}.oi-audio-spectrum:before{content:'\e014'}.oi-audio:before{content:'\e015'}.oi-badge:before{content:'\e016'}.oi-ban:before{content:'\e017'}.oi-bar-chart:before{content:'\e018'}.oi-basket:before{content:'\e019'}.oi-battery-empty:before{content:'\e01a'}.oi-battery-full:before{content:'\e01b'}.oi-beaker:before{content:'\e01c'}.oi-bell:before{content:'\e01d'}.oi-bluetooth:before{content:'\e01e'}.oi-bold:before{content:'\e01f'}.oi-bolt:before{content:'\e020'}.oi-book:before{content:'\e021'}.oi-bookmark:before{content:'\e022'}.oi-box:before{content:'\e023'}.oi-briefcase:before{content:'\e024'}.oi-british-pound:before{content:'\e025'}.oi-browser:before{content:'\e026'}.oi-brush:before{content:'\e027'}.oi-bug:before{content:'\e028'}.oi-bullhorn:before{content:'\e029'}.oi-calculator:before{content:'\e02a'}.oi-calendar:before{content:'\e02b'}.oi-camera-slr:before{content:'\e02c'}.oi-caret-bottom:before{content:'\e02d'}.oi-caret-left:before{content:'\e02e'}.oi-caret-right:before{content:'\e02f'}.oi-caret-top:before{content:'\e030'}.oi-cart:before{content:'\e031'}.oi-chat:before{content:'\e032'}.oi-check:before{content:'\e033'}.oi-chevron-bottom:before{content:'\e034'}.oi-chevron-left:before{content:'\e035'}.oi-chevron-right:before{content:'\e036'}.oi-chevron-top:before{content:'\e037'}.oi-circle-check:before{content:'\e038'}.oi-circle-x:before{content:'\e039'}.oi-clipboard:before{content:'\e03a'}.oi-clock:before{content:'\e03b'}.oi-cloud-download:before{content:'\e03c'}.oi-cloud-upload:before{content:'\e03d'}.oi-cloud:before{content:'\e03e'}.oi-cloudy:before{content:'\e03f'}.oi-code:before{content:'\e040'}.oi-cog:before{content:'\e041'}.oi-collapse-down:before{content:'\e042'}.oi-collapse-left:before{content:'\e043'}.oi-collapse-right:before{content:'\e044'}.oi-collapse-up:before{content:'\e045'}.oi-command:before{content:'\e046'}.oi-comment-square:before{content:'\e047'}.oi-compass:before{content:'\e048'}.oi-contrast:before{content:'\e049'}.oi-copywriting:before{content:'\e04a'}.oi-credit-card:before{content:'\e04b'}.oi-crop:before{content:'\e04c'}.oi-dashboard:before{content:'\e04d'}.oi-data-transfer-download:before{content:'\e04e'}.oi-data-transfer-upload:before{content:'\e04f'}.oi-delete:before{content:'\e050'}.oi-dial:before{content:'\e051'}.oi-document:before{content:'\e052'}.oi-dollar:before{content:'\e053'}.oi-double-quote-sans-left:before{content:'\e054'}.oi-double-quote-sans-right:before{content:'\e055'}.oi-double-quote-serif-left:before{content:'\e056'}.oi-double-quote-serif-right:before{content:'\e057'}.oi-droplet:before{content:'\e058'}.oi-eject:before{content:'\e059'}.oi-elevator:before{content:'\e05a'}.oi-ellipses:before{content:'\e05b'}.oi-envelope-closed:before{content:'\e05c'}.oi-envelope-open:before{content:'\e05d'}.oi-euro:before{content:'\e05e'}.oi-excerpt:before{content:'\e05f'}.oi-expand-down:before{content:'\e060'}.oi-expand-left:before{content:'\e061'}.oi-expand-right:before{content:'\e062'}.oi-expand-up:before{content:'\e063'}.oi-external-link:before{content:'\e064'}.oi-eye:before{content:'\e065'}.oi-eyedropper:before{content:'\e066'}.oi-file:before{content:'\e067'}.oi-fire:before{content:'\e068'}.oi-flag:before{content:'\e069'}.oi-flash:before{content:'\e06a'}.oi-folder:before{content:'\e06b'}.oi-fork:before{content:'\e06c'}.oi-fullscreen-enter:before{content:'\e06d'}.oi-fullscreen-exit:before{content:'\e06e'}.oi-globe:before{content:'\e06f'}.oi-graph:before{content:'\e070'}.oi-grid-four-up:before{content:'\e071'}.oi-grid-three-up:before{content:'\e072'}.oi-grid-two-up:before{content:'\e073'}.oi-hard-drive:before{content:'\e074'}.oi-header:before{content:'\e075'}.oi-headphones:before{content:'\e076'}.oi-heart:before{content:'\e077'}.oi-home:before{content:'\e078'}.oi-image:before{content:'\e079'}.oi-inbox:before{content:'\e07a'}.oi-infinity:before{content:'\e07b'}.oi-info:before{content:'\e07c'}.oi-italic:before{content:'\e07d'}.oi-justify-center:before{content:'\e07e'}.oi-justify-left:before{content:'\e07f'}.oi-justify-right:before{content:'\e080'}.oi-key:before{content:'\e081'}.oi-laptop:before{content:'\e082'}.oi-layers:before{content:'\e083'}.oi-lightbulb:before{content:'\e084'}.oi-link-broken:before{content:'\e085'}.oi-link-intact:before{content:'\e086'}.oi-list-rich:before{content:'\e087'}.oi-list:before{content:'\e088'}.oi-location:before{content:'\e089'}.oi-lock-locked:before{content:'\e08a'}.oi-lock-unlocked:before{content:'\e08b'}.oi-loop-circular:before{content:'\e08c'}.oi-loop-square:before{content:'\e08d'}.oi-loop:before{content:'\e08e'}.oi-magnifying-glass:before{content:'\e08f'}.oi-map-marker:before{content:'\e090'}.oi-map:before{content:'\e091'}.oi-media-pause:before{content:'\e092'}.oi-media-play:before{content:'\e093'}.oi-media-record:before{content:'\e094'}.oi-media-skip-backward:before{content:'\e095'}.oi-media-skip-forward:before{content:'\e096'}.oi-media-step-backward:before{content:'\e097'}.oi-media-step-forward:before{content:'\e098'}.oi-media-stop:before{content:'\e099'}.oi-medical-cross:before{content:'\e09a'}.oi-menu:before{content:'\e09b'}.oi-microphone:before{content:'\e09c'}.oi-minus:before{content:'\e09d'}.oi-monitor:before{content:'\e09e'}.oi-moon:before{content:'\e09f'}.oi-move:before{content:'\e0a0'}.oi-musical-note:before{content:'\e0a1'}.oi-paperclip:before{content:'\e0a2'}.oi-pencil:before{content:'\e0a3'}.oi-people:before{content:'\e0a4'}.oi-person:before{content:'\e0a5'}.oi-phone:before{content:'\e0a6'}.oi-pie-chart:before{content:'\e0a7'}.oi-pin:before{content:'\e0a8'}.oi-play-circle:before{content:'\e0a9'}.oi-plus:before{content:'\e0aa'}.oi-power-standby:before{content:'\e0ab'}.oi-print:before{content:'\e0ac'}.oi-project:before{content:'\e0ad'}.oi-pulse:before{content:'\e0ae'}.oi-puzzle-piece:before{content:'\e0af'}.oi-question-mark:before{content:'\e0b0'}.oi-rain:before{content:'\e0b1'}.oi-random:before{content:'\e0b2'}.oi-reload:before{content:'\e0b3'}.oi-resize-both:before{content:'\e0b4'}.oi-resize-height:before{content:'\e0b5'}.oi-resize-width:before{content:'\e0b6'}.oi-rss-alt:before{content:'\e0b7'}.oi-rss:before{content:'\e0b8'}.oi-script:before{content:'\e0b9'}.oi-share-boxed:before{content:'\e0ba'}.oi-share:before{content:'\e0bb'}.oi-shield:before{content:'\e0bc'}.oi-signal:before{content:'\e0bd'}.oi-signpost:before{content:'\e0be'}.oi-sort-ascending:before{content:'\e0bf'}.oi-sort-descending:before{content:'\e0c0'}.oi-spreadsheet:before{content:'\e0c1'}.oi-star:before{content:'\e0c2'}.oi-sun:before{content:'\e0c3'}.oi-tablet:before{content:'\e0c4'}.oi-tag:before{content:'\e0c5'}.oi-tags:before{content:'\e0c6'}.oi-target:before{content:'\e0c7'}.oi-task:before{content:'\e0c8'}.oi-terminal:before{content:'\e0c9'}.oi-text:before{content:'\e0ca'}.oi-thumb-down:before{content:'\e0cb'}.oi-thumb-up:before{content:'\e0cc'}.oi-timer:before{content:'\e0cd'}.oi-transfer:before{content:'\e0ce'}.oi-trash:before{content:'\e0cf'}.oi-underline:before{content:'\e0d0'}.oi-vertical-align-bottom:before{content:'\e0d1'}.oi-vertical-align-center:before{content:'\e0d2'}.oi-vertical-align-top:before{content:'\e0d3'}.oi-video:before{content:'\e0d4'}.oi-volume-high:before{content:'\e0d5'}.oi-volume-low:before{content:'\e0d6'}.oi-volume-off:before{content:'\e0d7'}.oi-warning:before{content:'\e0d8'}.oi-wifi:before{content:'\e0d9'}.oi-wrench:before{content:'\e0da'}.oi-x:before{content:'\e0db'}.oi-yen:before{content:'\e0dc'}.oi-zoom-in:before{content:'\e0dd'}.oi-zoom-out:before{content:'\e0de'} .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} .k-sr-only { position: absolute; left: -1px; width: 1px; height: 1px; overflow: hidden; } .k-theme-test-class, .k-common-test-class { opacity: 0; } .k-body { font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); font-weight: var(--kendo-font-weight, normal); letter-spacing: var(--kendo-letter-spacing, normal); color: var(--kendo-body-text, initial); background-color: var(--kendo-body-bg, initial); margin: 0; } .k-hstack, .k-hbox { display: flex; flex-flow: row nowrap; } .k-vstack, .k-vbox { display: flex; flex-flow: column nowrap; } .k-spacer, .k-flex { flex: 1 1 auto; } .k-spacer-sized { flex: none; } .k-float-wrap::after, .k-floatwrap::after { content: ""; display: block; clear: both; } .k-flex-layout { display: flex; } .k-grid-layout { display: grid; } .k-separator { width: auto; height: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit; display: block; flex-grow: 0 !important; flex-shrink: 0 !important; align-self: stretch; } .k-separator-horizontal, .k-vstack > .k-separator, .k-vbox > .k-separator { width: auto; height: 0; border-width: 1px 0 0; } .k-separator-vertical, .k-hstack > .k-separator, .k-hbox > .k-separator { width: 0; height: auto; border-width: 0 0 0 1px; } hr.k-separator { margin: 0; padding: 0; } .k-hidden { display: none !important; } .k-rtl { direction: rtl; } [hidden] { display: none !important; } script { display: none !important; } .k-disabled, .k-widget[disabled], .k-disabled { outline: none; cursor: default; color: var(--kendo-disabled-text, inherit); border-color: var(--kendo-disabled-border, inherit); pointer-events: none; box-shadow: none; } .k-disabled .k-link, .k-widget[disabled] .k-link, .k-disabled .k-link { cursor: default; outline: 0; } .k-hr { margin-block: 1rem; padding: 0; height: 0; border-width: 1px 0 0; border-style: solid; border-color: var(--kendo-component-border, inherit); display: block; float: none; clear: both; } .k-d-flex-row > .k-hr { margin: 0; width: 0; height: auto; border-width: 0 0 0 1px; flex: 0 0 auto; } .k-d-flex-col > .k-hr { margin: 0; flex: 0 0 auto; } .k-sprite { display: inline-block; width: 1rem; height: 1rem; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; } .k-image { display: inline-block; } .k-reset { margin: 0; padding: 0; border-width: 0; outline: 0; text-decoration: none; font: inherit; list-style: none; } kendo-sortable { display: block; } .k-link, .k-link:hover { color: inherit; text-decoration: none; outline: 0; cursor: pointer; } .k-content { outline: 0; } .k-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .k-no-click { pointer-events: none; } .k-pdf-export-shadow { position: absolute; overflow: hidden; left: -15000px; width: 14400px; } .kendo-pdf-hide-pseudo-elements::before, .kendo-pdf-hide-pseudo-elements::after { display: none !important; } .k-dirty { margin: 0; padding: 0; width: 0; height: 0; border-width: 3px; border-style: solid; border-block-start-color: currentColor; border-block-end-color: transparent; border-inline-start-color: transparent; border-inline-end-color: currentColor; position: absolute; inset-block-start: 0; inset-inline-end: 0; } .k-loading-mask, .k-loading-image, .k-loading-color { width: 100%; height: 100%; box-sizing: border-box; position: absolute; top: 0; left: 0; } .k-loading-mask *, .k-loading-mask *::before, .k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after, .k-loading-image *, .k-loading-image *::before, .k-loading-image *::after, .k-loading-image::before, .k-loading-image::after, .k-loading-color *, .k-loading-color *::before, .k-loading-color *::after, .k-loading-color::before, .k-loading-color::after { box-sizing: border-box; } .k-loading-mask { z-index: 100; } .k-loading-mask.k-opaque .k-loading-color { opacity: 1; } .k-loading-text { text-indent: -4000px; text-align: center; position: absolute; } .k-loading-image { z-index: 2; } .k-loading-color { opacity: 0.3; } .k-i-loading { width: 1em; height: 1em; line-height: 1; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; vertical-align: middle; position: relative; background-color: transparent; box-sizing: border-box; } .k-i-loading::before, .k-i-loading::after { box-sizing: border-box; } .k-i-loading::before, .k-i-loading::after, .k-loading-image::before, .k-loading-image::after { position: absolute; top: 50%; left: 50%; display: inline-block; content: ""; box-sizing: inherit; border-radius: 50%; border-width: .05em; border-style: solid; border-color: currentColor; border-top-color: transparent; border-bottom-color: transparent; background-color: transparent; } .k-icon.k-i-loading::before, .k-icon.k-i-loading::after { content: ""; } .k-i-loading::before, .k-loading-image::before { margin-top: -.5em; margin-left: -.5em; width: 1em; height: 1em; animation: k-loading-animation .7s linear infinite; } .k-i-loading::after, .k-loading-image::after { margin-top: -.25em; margin-left: -.25em; width: .5em; height: .5em; animation: k-loading-animation reverse 1.4s linear infinite; } .k-loading-image::before, .k-loading-image::after { content: ""; border-width: 1px; border-width: clamp(0.015em, 1px, 1px); font-size: 4em; } @keyframes k-loading-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .k-marquee { position: absolute; z-index: 100000; } .k-marquee-color, .k-marquee-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .k-marquee-color { color: #ffffff; background-color: var(--kendo-primary-60, #0d6efd); border-color: var(--kendo-primary-100, #0c65e9); opacity: .6; } .k-marquee-text { color: #ffffff; } :root { --kendo-elevation-1: 0px 1px 2px rgba(0, 0, 0, 0.038); --kendo-elevation-2: 0px 2px 7px rgba(0, 0, 0, 0.075); --kendo-elevation-3: 0px 4px 10px rgba(0, 0, 0, 0.1); --kendo-elevation-4: 0px 6px 13px rgba(0, 0, 0, 0.125); --kendo-elevation-5: 0px 8px 16px 0px rgba(0, 0, 0, 0.15); --kendo-elevation-6: 0px 11px 24px 0px rgba(0, 0, 0, 0.159); --kendo-elevation-7: 0px 14px 36px 0px rgba(0, 0, 0, 0.168); --kendo-elevation-8: 0px 16px 48px 0px rgba(0, 0, 0, 0.176); --kendo-elevation-9: 0px 18px 60px 0px rgba(0, 0, 0, 0.185); } .k-reset { margin: 0; padding: 0; border-width: 0; outline: 0; text-decoration: none; font: inherit; list-style: none; } kendo-sortable { display: block; } .k-link, .k-link:hover { color: inherit; text-decoration: none; outline: 0; cursor: pointer; } .k-content { outline: 0; } .k-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .k-no-click { pointer-events: none; } .k-pdf-export-shadow { position: absolute; overflow: hidden; left: -15000px; width: 14400px; } .kendo-pdf-hide-pseudo-elements::before, .kendo-pdf-hide-pseudo-elements::after { display: none !important; } .k-text-selection ::selection { background-color: #0d6efd; color: white; } .k-block, .k-panel { border-radius: 0.375rem; border-color: #dee2e6; color: #212529; background-color: #ffffff; padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; } .k-block > .k-header, .k-panel > .k-header { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; border-color: #dee2e6; color: #212529; background-color: #f8f9fa; padding-inline: 0.5rem; padding-block: 0.25rem; } .k-block > .k-content, .k-panel > .k-content { padding-inline: 0.5rem; padding-block: 0.25rem; } .k-content { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-disabled, .k-widget[disabled] { outline: none; cursor: default; opacity: 0.65; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-disabled .k-link, .k-widget[disabled] .k-link { cursor: default; outline: 0; } .k-disabled [disabled], .k-disabled .k-disabled, .k-widget[disabled] [disabled], .k-widget[disabled] .k-disabled { opacity: 1; filter: grayscale(0); } .k-hr { margin: 1rem auto; padding: 0; height: 0; border-width: 1px 0 0; border-style: solid; border-color: #dee2e6; display: block; float: none; clear: both; } .k-d-flex-row > .k-hr { margin: 0; width: 0; height: auto; border-width: 0 0 0 1px; flex: 0 0 auto; } .k-d-flex-col > .k-hr { margin: 0; flex: 0 0 auto; } .k-dirty { margin: 0; padding: 0; width: 0; height: 0; border-width: 3px; border-style: solid; border-color: #dc3545 #dc3545 transparent transparent; position: absolute; top: 0; right: 0; } [dir="rtl"] .k-dirty, .k-rtl .k-dirty { border-color: transparent transparent #dc3545 #dc3545; right: auto; left: 0; } .k-animation-container { position: absolute; overflow: hidden; z-index: 100; } .k-animation-container-fixed { position: fixed; } .k-animation-container-relative { position: relative; display: inline-block; } .k-push-right-enter, .k-push-right-appear { transform: translate(-100%, 0); } .k-push-right-enter-active, .k-push-right-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-right-exit { transform: translate(0, 0); } .k-push-right-exit-active { transform: translate(100%, 0); transition: transform 300ms ease-in-out; } .k-push-left-enter, .k-push-left-appear { transform: translate(100%, 0); } .k-push-left-enter-active, .k-push-left-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-left-exit { transform: translate(0, 0); } .k-push-left-exit-active { transform: translate(-100%, 0); transition: transform 300ms ease-in-out; } .k-push-down-enter, .k-push-down-appear { transform: translate(0, -100%); } .k-push-down-enter-active, .k-push-down-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-down-exit { transform: translate(0, 0); } .k-push-down-exit-active { transform: translate(0, 100%); transition: transform 300ms ease-in-out; } .k-push-up-enter, .k-push-up-appear { transform: translate(0, 100%); } .k-push-up-enter-active, .k-push-up-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-up-exit { transform: translate(0, 0); } .k-push-up-exit-active { transform: translate(0, -100%); transition: transform 300ms ease-in-out; } .k-expand-vertical-enter, .k-expand-vertical-appear { transform: scaleY(0); } .k-expand-vertical-enter-active, .k-expand-vertical-appear-active { transform: scaleY(1); transition: transform 300ms ease-in-out; } .k-expand-vertical-exit { transform: scaleY(1); } .k-expand-vertical-exit-active { transform: scaleY(0); transition: transform 300ms ease-in-out; } .k-expand-horizontal-enter, .k-expand-horizontal-appear { transform: scaleX(0); } .k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active { transform: scaleX(1); transition: transform 300ms ease-in-out; } .k-expand-horizontal-exit { transform: scaleX(1); } .k-expand-horizontal-exit-active { transform: scaleX(0); transition: transform 300ms ease-in-out; } .k-fade-enter, .k-fade-appear { opacity: 0; } .k-fade-enter-active, .k-fade-appear-active { opacity: 1; transition: opacity 500ms ease-in-out; } .k-fade-exit { opacity: 1; } .k-fade-exit-active { opacity: 0; transition: opacity 500ms ease-in-out; } .k-fade-exit-active + .k-fade-exit-active, .k-fade-enter-active + .k-fade-enter-active { display: none; } .k-zoom-in-enter, .k-zoom-in-appear { opacity: 0; transform: scale(0); } .k-zoom-in-enter-active, .k-zoom-in-appear-active { opacity: 1; transform: scale(1); transition: transform, opacity 300ms ease-in-out; } .k-zoom-in-exit { opacity: 1; transform: scale(1); } .k-zoom-in-exit-active { opacity: 0; transform: scale(2); transition: transform, opacity 300ms ease-in-out; } .k-zoom-out-enter, .k-zoom-out-appear { opacity: 0; transform: scale(2); } .k-zoom-out-enter-active, .k-zoom-out-appear-active { opacity: 1; transform: scale(1); transition: transform, opacity 300ms ease-in-out; } .k-zoom-out-exit { opacity: 1; transform: scale(1); } .k-zoom-out-exit-active { opacity: 0; transform: scale(0); transition: transform, opacity 300ms ease-in-out; } .k-slide-in-appear { opacity: .1; transform: translate(0, -3em); } .k-slide-in-appear .k-centered { transform: translate(-50%, -60%); } .k-slide-in-appear-active { opacity: 1; transform: translate(0, 0); transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1); } .k-slide-in-appear-active .k-centered { transform: translate(-50%, -50%); } .k-slide-down-enter, .k-slide-down-appear { transform: translateY(-100%); } .k-slide-down-enter-active, .k-slide-down-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out; } .k-slide-down-exit { transform: translateY(0); } .k-slide-down-exit-active { transform: translateY(-100%); transition: transform 300ms ease-in-out; } .k-slide-up-enter, .k-slide-up-appear { transform: translateY(100%); } .k-slide-up-enter-active, .k-slide-up-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out; } .k-slide-up-exit { transform: translateY(0); } .k-slide-up-exit-active { transform: translateY(100%); transition: transform 300ms ease-in-out; } .k-slide-right-enter, .k-slide-right-appear { transform: translateX(-100%); } .k-slide-right-enter-active, .k-slide-right-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out; } .k-slide-right-exit { transform: translateX(0); } .k-slide-right-exit-active { transform: translateX(-100%); transition: transform 300ms ease-in-out; } .k-slide-left-enter, .k-slide-left-appear { transform: translateX(100%); } .k-slide-left-enter-active, .k-slide-left-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out; } .k-slide-left-exit { transform: translateX(0); } .k-slide-left-exit-active { transform: translateX(100%); transition: transform 300ms ease-in-out; } .k-reveal-vertical-enter, .k-reveal-vertical-appear { max-height: 0; } .k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active { transition: max-height 300ms ease-in-out; } .k-reveal-vertical-exit-active { max-height: 0 !important; transition: max-height 300ms ease-in-out; } .k-reveal-horizontal-enter, .k-reveal-horizontal-appear { max-width: 0; } .k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active { transition: max-width 300ms ease-in-out; } .k-reveal-horizontal-exit-active { max-width: 0 !important; transition: max-width 300ms ease-in-out; } .k-fx-end .k-fx-next, .k-fx-end .k-fx-current { transition: all 350ms ease-out; } .k-fx { position: relative; } .k-fx .k-fx-current { z-index: 0; } .k-fx .k-fx-next { z-index: 1; } .k-fx-hidden, .k-fx-hidden * { visibility: hidden !important; } .k-fx-reverse .k-fx-current { z-index: 1; } .k-fx-reverse .k-fx-next { z-index: 0; } .k-fx-zoom.k-fx-start .k-fx-next { transform: scale(0) !important; } .k-fx-zoom.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current { transform: scale(0) !important; } .k-fx-fade.k-fx-start .k-fx-next { will-change: opacity; opacity: 0; } .k-fx-fade.k-fx-end .k-fx-next { opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current { will-change: opacity; opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current { opacity: 0; } .k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer { transition: all 350ms ease-out; } .k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content { will-change: transform; transform: translateX(100%); } .k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer { will-change: opacity; opacity: 0; } .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content { will-change: transform; transform: translateX(0); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer { will-change: opacity; opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer { opacity: 0; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content { transform: translateX(0); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0%); } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%); } .k-fx-tile.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: translateX(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0%); } .k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next { transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next { transform: translateY(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next { transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current { transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current { transform: translateY(-100%); } .k-current-time { position: absolute; } .k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down { width: 0; height: 0; background: transparent; border: 4px solid transparent; } .k-current-time { background: #ff0000; } .k-current-time.k-current-time-arrow-left { border-right-color: #ff0000; } .k-current-time.k-current-time-arrow-right { border-left-color: #ff0000; } .k-current-time.k-current-time-arrow-down { border-top-color: #ff0000; } .k-resize-handle, .k-resize-hint { position: absolute; border-color: inherit; z-index: 200; } .k-resize-handle { display: flex; align-items: center; justify-content: center; } .k-resize-handle::before { content: ""; border: 0 solid; border-color: inherit; } .k-resize-n { width: 100%; height: 6px; flex-direction: row; left: 0; top: -3px; cursor: n-resize; } .k-resize-s { width: 100%; height: 6px; flex-direction: row; left: 0; bottom: -3px; cursor: s-resize; } .k-resize-w { width: 6px; height: 100%; flex-direction: column; top: 0; left: -3px; cursor: w-resize; } .k-resize-e { width: 6px; height: 100%; flex-direction: column; top: 0; right: -3px; cursor: e-resize; } .k-resize-sw, .k-resize-se, .k-resize-nw, .k-resize-ne { width: 5px; height: 5px; } .k-resize-sw { cursor: sw-resize; bottom: 0; left: 0; } .k-resize-se { cursor: se-resize; bottom: 0; right: 0; } .k-resize-nw { cursor: nw-resize; top: 0; left: 0; } .k-resize-ne { cursor: ne-resize; top: 0; right: 0; } .k-vertical-resize { cursor: row-resize; } .k-horizontal-resize { cursor: col-resize; } .k-resize-hint { display: flex; flex-direction: column; align-items: center; } .k-resize-hint .k-resize-hint-handle { width: auto; height: 20px; align-self: stretch; } .k-resize-hint .k-resize-hint-marker { width: 2px; height: auto; flex: 1 1 auto; } .k-resize-hint-vertical { display: flex; flex-direction: row; align-items: center; } .k-resize-hint-vertical .k-resize-hint-handle { width: 20px; height: auto; align-self: stretch; } .k-resize-hint-vertical .k-resize-hint-marker { width: auto; height: 2px; flex: 1 1 auto; } .k-scrollbar { position: absolute; overflow: scroll; } .k-scrollbar-vertical { top: 0; right: 0; width: 17px; height: 100%; overflow-x: hidden; } .k-touch-scrollbar { display: none; position: absolute; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585; } .k-ratio-auto { aspect-ratio: auto; } .\!k-ratio-auto { aspect-ratio: auto !important; } .k-ratio-1 { aspect-ratio: 1; } .\!k-ratio-1 { aspect-ratio: 1 !important; } .k-ratio-square { aspect-ratio: 1 / 1; } .\!k-ratio-square { aspect-ratio: 1 / 1 !important; } .k-ratio-video { aspect-ratio: 16 / 9; } .\!k-ratio-video { aspect-ratio: 16 / 9 !important; } .k-aspect-ratio-auto { aspect-ratio: auto; } .\!k-aspect-ratio-auto { aspect-ratio: auto !important; } .k-aspect-ratio-1 { aspect-ratio: 1; } .\!k-aspect-ratio-1 { aspect-ratio: 1 !important; } .k-aspect-ratio-square { aspect-ratio: 1 / 1; } .\!k-aspect-ratio-square { aspect-ratio: 1 / 1 !important; } .k-aspect-ratio-video { aspect-ratio: 16 / 9; } .\!k-aspect-ratio-video { aspect-ratio: 16 / 9 !important; } .k-box-sizing-border { box-sizing: border-box; } .\!k-box-sizing-border { box-sizing: border-box !important; } .k-box-sizing-content { box-sizing: content-box; } .\!k-box-sizing-content { box-sizing: content-box !important; } .k-clear-left { clear: left; } .\!k-clear-left { clear: left !important; } .k-clear-right { clear: right; } .\!k-clear-right { clear: right !important; } .k-clear-both { clear: both; } .\!k-clear-both { clear: both !important; } .k-clear-none { clear: none; } .\!k-clear-none { clear: none !important; } .k-columns-1 { columns: 1; } .\!k-columns-1 { columns: 1 !important; } .k-columns-2 { columns: 2; } .\!k-columns-2 { columns: 2 !important; } .k-columns-3 { columns: 3; } .\!k-columns-3 { columns: 3 !important; } .k-columns-4 { columns: 4; } .\!k-columns-4 { columns: 4 !important; } .k-columns-5 { columns: 5; } .\!k-columns-5 { columns: 5 !important; } .k-columns-6 { columns: 6; } .\!k-columns-6 { columns: 6 !important; } .k-columns-7 { columns: 7; } .\!k-columns-7 { columns: 7 !important; } .k-columns-8 { columns: 8; } .\!k-columns-8 { columns: 8 !important; } .k-columns-9 { columns: 9; } .\!k-columns-9 { columns: 9 !important; } .k-columns-10 { columns: 10; } .\!k-columns-10 { columns: 10 !important; } .k-columns-11 { columns: 11; } .\!k-columns-11 { columns: 11 !important; } .k-columns-12 { columns: 12; } .\!k-columns-12 { columns: 12 !important; } .k-columns-auto { columns: auto; } .\!k-columns-auto { columns: auto !important; } .k-d-none { display: none; } .\!k-d-none { display: none !important; } .k-d-contents { display: contents; } .\!k-d-contents { display: contents !important; } .k-d-block { display: block; } .\!k-d-block { display: block !important; } .k-d-inline { display: inline; } .\!k-d-inline { display: inline !important; } .k-d-inline-block { display: inline-block; } .\!k-d-inline-block { display: inline-block !important; } .k-d-flex, .k-d-flex-row, .k-d-flex-col { display: flex; } .\!k-d-flex, .\!k-d-flex-row, .\!k-d-flex-col { display: flex !important; } .k-d-inline-flex { display: inline-flex; } .\!k-d-inline-flex { display: inline-flex !important; } .k-d-grid { display: grid; } .\!k-d-grid { display: grid !important; } .k-d-inline-grid { display: inline-grid; } .\!k-d-inline-grid { display: inline-grid !important; } .k-d-table { display: table; } .\!k-d-table { display: table !important; } .k-d-inline-table { display: inline-table; } .\!k-d-inline-table { display: inline-table !important; } .k-d-table-row { display: table-row; } .\!k-d-table-row { display: table-row !important; } .k-d-table-cell { display: table-cell; } .\!k-d-table-cell { display: table-cell !important; } .k-d-list-item { display: list-item; } .\!k-d-list-item { display: list-item !important; } .k-display-none { display: none; } .\!k-display-none { display: none !important; } .k-display-contents { display: contents; } .\!k-display-contents { display: contents !important; } .k-display-block { display: block; } .\!k-display-block { display: block !important; } .k-display-inline { display: inline; } .\!k-display-inline { display: inline !important; } .k-display-inline-block { display: inline-block; } .\!k-display-inline-block { display: inline-block !important; } .k-display-flex { display: flex; } .\!k-display-flex { display: flex !important; } .k-display-inline-flex { display: inline-flex; } .\!k-display-inline-flex { display: inline-flex !important; } .k-display-grid { display: grid; } .\!k-display-grid { display: grid !important; } .k-display-inline-grid { display: inline-grid; } .\!k-display-inline-grid { display: inline-grid !important; } .k-display-table { display: table; } .\!k-display-table { display: table !important; } .k-display-inline-table { display: inline-table; } .\!k-display-inline-table { display: inline-table !important; } .k-display-table-row { display: table-row; } .\!k-display-table-row { display: table-row !important; } .k-display-table-cell { display: table-cell; } .\!k-display-table-cell { display: table-cell !important; } .k-display-list-item { display: list-item; } .\!k-display-list-item { display: list-item !important; } .k-float-left { float: left; } .\!k-float-left { float: left !important; } .k-float-right { float: right; } .\!k-float-right { float: right !important; } .k-float-none { float: none; } .\!k-float-none { float: none !important; } .k-object-fit-contain { object-fit: contain; } .\!k-object-fit-contain { object-fit: contain !important; } .k-object-fit-cover { object-fit: cover; } .\!k-object-fit-cover { object-fit: cover !important; } .k-object-fit-fill { object-fit: fill; } .\!k-object-fit-fill { object-fit: fill !important; } .k-object-fit-scale-down { object-fit: scale-down; } .\!k-object-fit-scale-down { object-fit: scale-down !important; } .k-object-fit-initial { object-fit: initial; } .\!k-object-fit-initial { object-fit: initial !important; } .k-object-fit-none { object-fit: none; } .\!k-object-fit-none { object-fit: none !important; } .k-object-position-center { object-position: center; } .\!k-object-position-center { object-position: center !important; } .k-object-position-top { object-position: top; } .\!k-object-position-top { object-position: top !important; } .k-object-position-right { object-position: right; } .\!k-object-position-right { object-position: right !important; } .k-object-position-bottom { object-position: bottom; } .\!k-object-position-bottom { object-position: bottom !important; } .k-object-position-left { object-position: left; } .\!k-object-position-left { object-position: left !important; } .k-object-position-top-left { object-position: top left; } .\!k-object-position-top-left { object-position: top left !important; } .k-object-position-top-right { object-position: top right; } .\!k-object-position-top-right { object-position: top right !important; } .k-object-position-bottom-left { object-position: bottom left; } .\!k-object-position-bottom-left { object-position: bottom left !important; } .k-object-position-bottom-right { object-position: bottom right; } .\!k-object-position-bottom-right { object-position: bottom right !important; } .k-overflow-auto { overflow: auto; } .\!k-overflow-auto { overflow: auto !important; } .k-overflow-hidden { overflow: hidden; } .\!k-overflow-hidden { overflow: hidden !important; } .k-overflow-visible { overflow: visible; } .\!k-overflow-visible { overflow: visible !important; } .k-overflow-scroll { overflow: scroll; } .\!k-overflow-scroll { overflow: scroll !important; } .k-overflow-clip { overflow: clip; } .\!k-overflow-clip { overflow: clip !important; } .k-overflow-x-auto { overflow-x: auto; } .\!k-overflow-x-auto { overflow-x: auto !important; } .k-overflow-x-hidden { overflow-x: hidden; } .\!k-overflow-x-hidden { overflow-x: hidden !important; } .k-overflow-x-visible { overflow-x: visible; } .\!k-overflow-x-visible { overflow-x: visible !important; } .k-overflow-x-scroll { overflow-x: scroll; } .\!k-overflow-x-scroll { overflow-x: scroll !important; } .k-overflow-x-clip { overflow-x: clip; } .\!k-overflow-x-clip { overflow-x: clip !important; } .k-overflow-y-auto { overflow-y: auto; } .\!k-overflow-y-auto { overflow-y: auto !important; } .k-overflow-y-hidden { overflow-y: hidden; } .\!k-overflow-y-hidden { overflow-y: hidden !important; } .k-overflow-y-visible { overflow-y: visible; } .\!k-overflow-y-visible { overflow-y: visible !important; } .k-overflow-y-scroll { overflow-y: scroll; } .\!k-overflow-y-scroll { overflow-y: scroll !important; } .k-overflow-y-clip { overflow-y: clip; } .\!k-overflow-y-clip { overflow-y: clip !important; } .k-top-0 { top: 0; } .\!k-top-0 { top: 0 !important; } .k-top-1px { top: 1px; } .\!k-top-1px { top: 1px !important; } .k-top-0\.5 { top: 0.125rem; } .\!k-top-0\.5 { top: 0.125rem !important; } .k-top-1 { top: 0.25rem; } .\!k-top-1 { top: 0.25rem !important; } .k-top-1\.5 { top: 0.375rem; } .\!k-top-1\.5 { top: 0.375rem !important; } .k-top-2 { top: 0.5rem; } .\!k-top-2 { top: 0.5rem !important; } .k-top-2\.5 { top: 0.625rem; } .\!k-top-2\.5 { top: 0.625rem !important; } .k-top-3 { top: 0.75rem; } .\!k-top-3 { top: 0.75rem !important; } .k-top-3\.5 { top: 0.875rem; } .\!k-top-3\.5 { top: 0.875rem !important; } .k-top-4 { top: 1rem; } .\!k-top-4 { top: 1rem !important; } .k-top-4\.5 { top: 1.125rem; } .\!k-top-4\.5 { top: 1.125rem !important; } .k-top-5 { top: 1.25rem; } .\!k-top-5 { top: 1.25rem !important; } .k-top-5\.5 { top: 1.375rem; } .\!k-top-5\.5 { top: 1.375rem !important; } .k-top-6 { top: 1.5rem; } .\!k-top-6 { top: 1.5rem !important; } .k-top-6\.5 { top: 1.625rem; } .\!k-top-6\.5 { top: 1.625rem !important; } .k-top-7 { top: 1.75rem; } .\!k-top-7 { top: 1.75rem !important; } .k-top-7\.5 { top: 1.875rem; } .\!k-top-7\.5 { top: 1.875rem !important; } .k-top-8 { top: 2rem; } .\!k-top-8 { top: 2rem !important; } .k-top-9 { top: 2.25rem; } .\!k-top-9 { top: 2.25rem !important; } .k-top-10 { top: 2.5rem; } .\!k-top-10 { top: 2.5rem !important; } .k-top-11 { top: 2.75rem; } .\!k-top-11 { top: 2.75rem !important; } .k-top-12 { top: 3rem; } .\!k-top-12 { top: 3rem !important; } .k-top-13 { top: 3.25rem; } .\!k-top-13 { top: 3.25rem !important; } .k-top-14 { top: 3.5rem; } .\!k-top-14 { top: 3.5rem !important; } .k-top-15 { top: 3.75rem; } .\!k-top-15 { top: 3.75rem !important; } .k-top-16 { top: 4rem; } .\!k-top-16 { top: 4rem !important; } .k-top-17 { top: 4.25rem; } .\!k-top-17 { top: 4.25rem !important; } .k-top-18 { top: 4.5rem; } .\!k-top-18 { top: 4.5rem !important; } .k-top-19 { top: 4.75rem; } .\!k-top-19 { top: 4.75rem !important; } .k-top-20 { top: 5rem; } .\!k-top-20 { top: 5rem !important; } .k-top-21 { top: 5.25rem; } .\!k-top-21 { top: 5.25rem !important; } .k-top-22 { top: 5.5rem; } .\!k-top-22 { top: 5.5rem !important; } .k-top-23 { top: 5.75rem; } .\!k-top-23 { top: 5.75rem !important; } .k-top-24 { top: 6rem; } .\!k-top-24 { top: 6rem !important; } .k-top--1 { top: -1px; } .\!k-top--1 { top: -1px !important; } .k-right-0 { right: 0; } .\!k-right-0 { right: 0 !important; } .k-right-1px { right: 1px; } .\!k-right-1px { right: 1px !important; } .k-right-0\.5 { right: 0.125rem; } .\!k-right-0\.5 { right: 0.125rem !important; } .k-right-1 { right: 0.25rem; } .\!k-right-1 { right: 0.25rem !important; } .k-right-1\.5 { right: 0.375rem; } .\!k-right-1\.5 { right: 0.375rem !important; } .k-right-2 { right: 0.5rem; } .\!k-right-2 { right: 0.5rem !important; } .k-right-2\.5 { right: 0.625rem; } .\!k-right-2\.5 { right: 0.625rem !important; } .k-right-3 { right: 0.75rem; } .\!k-right-3 { right: 0.75rem !important; } .k-right-3\.5 { right: 0.875rem; } .\!k-right-3\.5 { right: 0.875rem !important; } .k-right-4 { right: 1rem; } .\!k-right-4 { right: 1rem !important; } .k-right-4\.5 { right: 1.125rem; } .\!k-right-4\.5 { right: 1.125rem !important; } .k-right-5 { right: 1.25rem; } .\!k-right-5 { right: 1.25rem !important; } .k-right-5\.5 { right: 1.375rem; } .\!k-right-5\.5 { right: 1.375rem !important; } .k-right-6 { right: 1.5rem; } .\!k-right-6 { right: 1.5rem !important; } .k-right-6\.5 { right: 1.625rem; } .\!k-right-6\.5 { right: 1.625rem !important; } .k-right-7 { right: 1.75rem; } .\!k-right-7 { right: 1.75rem !important; } .k-right-7\.5 { right: 1.875rem; } .\!k-right-7\.5 { right: 1.875rem !important; } .k-right-8 { right: 2rem; } .\!k-right-8 { right: 2rem !important; } .k-right-9 { right: 2.25rem; } .\!k-right-9 { right: 2.25rem !important; } .k-right-10 { right: 2.5rem; } .\!k-right-10 { right: 2.5rem !important; } .k-right-11 { right: 2.75rem; } .\!k-right-11 { right: 2.75rem !important; } .k-right-12 { right: 3rem; } .\!k-right-12 { right: 3rem !important; } .k-right-13 { right: 3.25rem; } .\!k-right-13 { right: 3.25rem !important; } .k-right-14 { right: 3.5rem; } .\!k-right-14 { right: 3.5rem !important; } .k-right-15 { right: 3.75rem; } .\!k-right-15 { right: 3.75rem !important; } .k-right-16 { right: 4rem; } .\!k-right-16 { right: 4rem !important; } .k-right-17 { right: 4.25rem; } .\!k-right-17 { right: 4.25rem !important; } .k-right-18 { right: 4.5rem; } .\!k-right-18 { right: 4.5rem !important; } .k-right-19 { right: 4.75rem; } .\!k-right-19 { right: 4.75rem !important; } .k-right-20 { right: 5rem; } .\!k-right-20 { right: 5rem !important; } .k-right-21 { right: 5.25rem; } .\!k-right-21 { right: 5.25rem !important; } .k-right-22 { right: 5.5rem; } .\!k-right-22 { right: 5.5rem !important; } .k-right-23 { right: 5.75rem; } .\!k-right-23 { right: 5.75rem !important; } .k-right-24 { right: 6rem; } .\!k-right-24 { right: 6rem !important; } .k-right--1 { right: -1px; } .\!k-right--1 { right: -1px !important; } .k-bottom-0 { bottom: 0; } .\!k-bottom-0 { bottom: 0 !important; } .k-bottom-1px { bottom: 1px; } .\!k-bottom-1px { bottom: 1px !important; } .k-bottom-0\.5 { bottom: 0.125rem; } .\!k-bottom-0\.5 { bottom: 0.125rem !important; } .k-bottom-1 { bottom: 0.25rem; } .\!k-bottom-1 { bottom: 0.25rem !important; } .k-bottom-1\.5 { bottom: 0.375rem; } .\!k-bottom-1\.5 { bottom: 0.375rem !important; } .k-bottom-2 { bottom: 0.5rem; } .\!k-bottom-2 { bottom: 0.5rem !important; } .k-bottom-2\.5 { bottom: 0.625rem; } .\!k-bottom-2\.5 { bottom: 0.625rem !important; } .k-bottom-3 { bottom: 0.75rem; } .\!k-bottom-3 { bottom: 0.75rem !important; } .k-bottom-3\.5 { bottom: 0.875rem; } .\!k-bottom-3\.5 { bottom: 0.875rem !important; } .k-bottom-4 { bottom: 1rem; } .\!k-bottom-4 { bottom: 1rem !important; } .k-bottom-4\.5 { bottom: 1.125rem; } .\!k-bottom-4\.5 { bottom: 1.125rem !important; } .k-bottom-5 { bottom: 1.25rem; } .\!k-bottom-5 { bottom: 1.25rem !important; } .k-bottom-5\.5 { bottom: 1.375rem; } .\!k-bottom-5\.5 { bottom: 1.375rem !important; } .k-bottom-6 { bottom: 1.5rem; } .\!k-bottom-6 { bottom: 1.5rem !important; } .k-bottom-6\.5 { bottom: 1.625rem; } .\!k-bottom-6\.5 { bottom: 1.625rem !important; } .k-bottom-7 { bottom: 1.75rem; } .\!k-bottom-7 { bottom: 1.75rem !important; } .k-bottom-7\.5 { bottom: 1.875rem; } .\!k-bottom-7\.5 { bottom: 1.875rem !important; } .k-bottom-8 { bottom: 2rem; } .\!k-bottom-8 { bottom: 2rem !important; } .k-bottom-9 { bottom: 2.25rem; } .\!k-bottom-9 { bottom: 2.25rem !important; } .k-bottom-10 { bottom: 2.5rem; } .\!k-bottom-10 { bottom: 2.5rem !important; } .k-bottom-11 { bottom: 2.75rem; } .\!k-bottom-11 { bottom: 2.75rem !important; } .k-bottom-12 { bottom: 3rem; } .\!k-bottom-12 { bottom: 3rem !important; } .k-bottom-13 { bottom: 3.25rem; } .\!k-bottom-13 { bottom: 3.25rem !important; } .k-bottom-14 { bottom: 3.5rem; } .\!k-bottom-14 { bottom: 3.5rem !important; } .k-bottom-15 { bottom: 3.75rem; } .\!k-bottom-15 { bottom: 3.75rem !important; } .k-bottom-16 { bottom: 4rem; } .\!k-bottom-16 { bottom: 4rem !important; } .k-bottom-17 { bottom: 4.25rem; } .\!k-bottom-17 { bottom: 4.25rem !important; } .k-bottom-18 { bottom: 4.5rem; } .\!k-bottom-18 { bottom: 4.5rem !important; } .k-bottom-19 { bottom: 4.75rem; } .\!k-bottom-19 { bottom: 4.75rem !important; } .k-bottom-20 { bottom: 5rem; } .\!k-bottom-20 { bottom: 5rem !important; } .k-bottom-21 { bottom: 5.25rem; } .\!k-bottom-21 { bottom: 5.25rem !important; } .k-bottom-22 { bottom: 5.5rem; } .\!k-bottom-22 { bottom: 5.5rem !important; } .k-bottom-23 { bottom: 5.75rem; } .\!k-bottom-23 { bottom: 5.75rem !important; } .k-bottom-24 { bottom: 6rem; } .\!k-bottom-24 { bottom: 6rem !important; } .k-bottom--1 { bottom: -1px; } .\!k-bottom--1 { bottom: -1px !important; } .k-left-0 { left: 0; } .\!k-left-0 { left: 0 !important; } .k-left-1px { left: 1px; } .\!k-left-1px { left: 1px !important; } .k-left-0\.5 { left: 0.125rem; } .\!k-left-0\.5 { left: 0.125rem !important; } .k-left-1 { left: 0.25rem; } .\!k-left-1 { left: 0.25rem !important; } .k-left-1\.5 { left: 0.375rem; } .\!k-left-1\.5 { left: 0.375rem !important; } .k-left-2 { left: 0.5rem; } .\!k-left-2 { left: 0.5rem !important; } .k-left-2\.5 { left: 0.625rem; } .\!k-left-2\.5 { left: 0.625rem !important; } .k-left-3 { left: 0.75rem; } .\!k-left-3 { left: 0.75rem !important; } .k-left-3\.5 { left: 0.875rem; } .\!k-left-3\.5 { left: 0.875rem !important; } .k-left-4 { left: 1rem; } .\!k-left-4 { left: 1rem !important; } .k-left-4\.5 { left: 1.125rem; } .\!k-left-4\.5 { left: 1.125rem !important; } .k-left-5 { left: 1.25rem; } .\!k-left-5 { left: 1.25rem !important; } .k-left-5\.5 { left: 1.375rem; } .\!k-left-5\.5 { left: 1.375rem !important; } .k-left-6 { left: 1.5rem; } .\!k-left-6 { left: 1.5rem !important; } .k-left-6\.5 { left: 1.625rem; } .\!k-left-6\.5 { left: 1.625rem !important; } .k-left-7 { left: 1.75rem; } .\!k-left-7 { left: 1.75rem !important; } .k-left-7\.5 { left: 1.875rem; } .\!k-left-7\.5 { left: 1.875rem !important; } .k-left-8 { left: 2rem; } .\!k-left-8 { left: 2rem !important; } .k-left-9 { left: 2.25rem; } .\!k-left-9 { left: 2.25rem !important; } .k-left-10 { left: 2.5rem; } .\!k-left-10 { left: 2.5rem !important; } .k-left-11 { left: 2.75rem; } .\!k-left-11 { left: 2.75rem !important; } .k-left-12 { left: 3rem; } .\!k-left-12 { left: 3rem !important; } .k-left-13 { left: 3.25rem; } .\!k-left-13 { left: 3.25rem !important; } .k-left-14 { left: 3.5rem; } .\!k-left-14 { left: 3.5rem !important; } .k-left-15 { left: 3.75rem; } .\!k-left-15 { left: 3.75rem !important; } .k-left-16 { left: 4rem; } .\!k-left-16 { left: 4rem !important; } .k-left-17 { left: 4.25rem; } .\!k-left-17 { left: 4.25rem !important; } .k-left-18 { left: 4.5rem; } .\!k-left-18 { left: 4.5rem !important; } .k-left-19 { left: 4.75rem; } .\!k-left-19 { left: 4.75rem !important; } .k-left-20 { left: 5rem; } .\!k-left-20 { left: 5rem !important; } .k-left-21 { left: 5.25rem; } .\!k-left-21 { left: 5.25rem !important; } .k-left-22 { left: 5.5rem; } .\!k-left-22 { left: 5.5rem !important; } .k-left-23 { left: 5.75rem; } .\!k-left-23 { left: 5.75rem !important; } .k-left-24 { left: 6rem; } .\!k-left-24 { left: 6rem !important; } .k-left--1 { left: -1px; } .\!k-left--1 { left: -1px !important; } .k-top, .k-pos-top { top: 0; } .k-right, .k-pos-right { right: 0; } .k-bottom, .k-pos-bottom { bottom: 0; } .k-left, .k-pos-left { left: 0; } .k-inset-0 { inset: 0; } .\!k-inset-0 { inset: 0 !important; } .k-inset-1 { inset: 1px; } .\!k-inset-1 { inset: 1px !important; } .k-inset--1 { inset: -1px; } .\!k-inset--1 { inset: -1px !important; } .k-inset-x-0 { inset-inline: 0; } .\!k-inset-x-0 { inset-inline: 0 !important; } .k-inset-x-1 { inset-inline: 1px; } .\!k-inset-x-1 { inset-inline: 1px !important; } .k-inset-x--1 { inset-inline: -1px; } .\!k-inset-x--1 { inset-inline: -1px !important; } .k-inset-y-0 { inset-block: 0; } .\!k-inset-y-0 { inset-block: 0 !important; } .k-inset-y-1 { inset-block: 1px; } .\!k-inset-y-1 { inset-block: 1px !important; } .k-inset-y--1 { inset-block: -1px; } .\!k-inset-y--1 { inset-block: -1px !important; } .k-top-left-0 { top: 0; left: 0; } .\!k-top-left-0 { top: 0 !important; left: 0 !important; } .k-top-left-1 { top: 1px; left: 1px; } .\!k-top-left-1 { top: 1px !important; left: 1px !important; } .k-top-left--1 { top: -1px; left: -1px; } .\!k-top-left--1 { top: -1px !important; left: -1px !important; } .k-top-right-0 { top: 0; right: 0; } .\!k-top-right-0 { top: 0 !important; right: 0 !important; } .k-top-right-1 { top: 1px; right: 1px; } .\!k-top-right-1 { top: 1px !important; right: 1px !important; } .k-top-right--1 { top: -1px; right: -1px; } .\!k-top-right--1 { top: -1px !important; right: -1px !important; } .k-bottom-left-0 { bottom: 0; left: 0; } .\!k-bottom-left-0 { bottom: 0 !important; left: 0 !important; } .k-bottom-left-1 { bottom: 1px; left: 1px; } .\!k-bottom-left-1 { bottom: 1px !important; left: 1px !important; } .k-bottom-left--1 { bottom: -1px; left: -1px; } .\!k-bottom-left--1 { bottom: -1px !important; left: -1px !important; } .k-bottom-right-0 { bottom: 0; right: 0; } .\!k-bottom-right-0 { bottom: 0 !important; right: 0 !important; } .k-bottom-right-1 { bottom: 1px; right: 1px; } .\!k-bottom-right-1 { bottom: 1px !important; right: 1px !important; } .k-bottom-right--1 { bottom: -1px; right: -1px; } .\!k-bottom-right--1 { bottom: -1px !important; right: -1px !important; } .k-top-start, .k-pos-top-start { top: 0; inset-inline-start: 0; } .k-top-end, .k-pos-top-end { top: 0; inset-inline-end: 0; } .k-bottom-start, .k-pos-bottom-start { bottom: 0; inset-inline-start: 0; } .k-bottom-end, .k-pos-bottom-end { bottom: 0; inset-inline-end: 0; } .k-top-center, .k-pos-top-center { top: 0; left: 50%; transform: translateX(-50%); } .k-middle-left, .k-middle-start, .k-pos-middle-start { top: 50%; left: 0; transform: translateY(-50%); } .k-middle-center { top: 50%; left: 50%; transform: translateY(-50%); } .k-middle-right, .k-middle-end, .k-pos-middle-end { top: 50%; right: 0; transform: translateY(-50%); } .k-bottom-center, .k-pos-bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); } .k-pos-static, .k-static { position: static; } .\!k-pos-static, .\!k-static { position: static !important; } .k-pos-relative, .k-relative { position: relative; } .\!k-pos-relative, .\!k-relative { position: relative !important; } .k-pos-absolute, .k-absolute { position: absolute; } .\!k-pos-absolute, .\!k-absolute { position: absolute !important; } .k-pos-fixed, .k-fixed { position: fixed; } .\!k-pos-fixed, .\!k-fixed { position: fixed !important; } .k-pos-sticky, .k-sticky { position: sticky; } .\!k-pos-sticky, .\!k-sticky { position: sticky !important; } .k-visibility-visible, .k-visible { visibility: visible; } .\!k-visibility-visible, .\!k-visible { visibility: visible !important; } .k-visibility-invisible { visibility: hidden; } .\!k-visibility-invisible { visibility: hidden !important; } .k-visibility-collapse { visibility: collapse; } .\!k-visibility-collapse { visibility: collapse !important; } .k-z-0 { z-index: 0; } .\!k-z-0 { z-index: 0 !important; } .k-z-10 { z-index: 10; } .\!k-z-10 { z-index: 10 !important; } .k-z-20 { z-index: 20; } .\!k-z-20 { z-index: 20 !important; } .k-z-30 { z-index: 30; } .\!k-z-30 { z-index: 30 !important; } .k-z-40 { z-index: 40; } .\!k-z-40 { z-index: 40 !important; } .k-z-50 { z-index: 50; } .\!k-z-50 { z-index: 50 !important; } .k-z-auto { z-index: auto; } .\!k-z-auto { z-index: auto !important; } .k-align-content-normal { align-content: normal; } .\!k-align-content-normal { align-content: normal !important; } .k-align-content-stretch { align-content: stretch; } .\!k-align-content-stretch { align-content: stretch !important; } .k-align-content-center { align-content: center; } .\!k-align-content-center { align-content: center !important; } .k-align-content-start { align-content: start; } .\!k-align-content-start { align-content: start !important; } .k-align-content-end { align-content: end; } .\!k-align-content-end { align-content: end !important; } .k-align-content-flex-start { align-content: flex-start; } .\!k-align-content-flex-start { align-content: flex-start !important; } .k-align-content-flex-end { align-content: flex-end; } .\!k-align-content-flex-end { align-content: flex-end !important; } .k-align-content-baseline { align-content: baseline; } .\!k-align-content-baseline { align-content: baseline !important; } .k-align-content-first-baseline { align-content: first baseline; } .\!k-align-content-first-baseline { align-content: first baseline !important; } .k-align-content-last-baseline { align-content: last baseline; } .\!k-align-content-last-baseline { align-content: last baseline !important; } .k-align-content-between { align-content: space-between; } .\!k-align-content-between { align-content: space-between !important; } .k-align-content-around { align-content: space-around; } .\!k-align-content-around { align-content: space-around !important; } .k-align-content-evenly { align-content: space-evenly; } .\!k-align-content-evenly { align-content: space-evenly !important; } .k-align-items-normal { align-items: normal; } .\!k-align-items-normal { align-items: normal !important; } .k-align-items-stretch { align-items: stretch; } .\!k-align-items-stretch { align-items: stretch !important; } .k-align-items-center { align-items: center; } .\!k-align-items-center { align-items: center !important; } .k-align-items-start { align-items: start; } .\!k-align-items-start { align-items: start !important; } .k-align-items-end { align-items: end; } .\!k-align-items-end { align-items: end !important; } .k-align-items-flex-start { align-items: flex-start; } .\!k-align-items-flex-start { align-items: flex-start !important; } .k-align-items-flex-end { align-items: flex-end; } .\!k-align-items-flex-end { align-items: flex-end !important; } .k-align-items-baseline { align-items: baseline; } .\!k-align-items-baseline { align-items: baseline !important; } .k-align-items-first-baseline { align-items: first baseline; } .\!k-align-items-first-baseline { align-items: first baseline !important; } .k-align-items-last-baseline { align-items: last baseline; } .\!k-align-items-last-baseline { align-items: last baseline !important; } .k-align-items-self-start { align-items: self-start; } .\!k-align-items-self-start { align-items: self-start !important; } .k-align-items-self-end { align-items: self-end; } .\!k-align-items-self-end { align-items: self-end !important; } .k-align-self-auto { align-self: auto; } .\!k-align-self-auto { align-self: auto !important; } .k-align-self-normal { align-self: normal; } .\!k-align-self-normal { align-self: normal !important; } .k-align-self-stretch { align-self: stretch; } .\!k-align-self-stretch { align-self: stretch !important; } .k-align-self-center { align-self: center; } .\!k-align-self-center { align-self: center !important; } .k-align-self-start { align-self: start; } .\!k-align-self-start { align-self: start !important; } .k-align-self-end { align-self: end; } .\!k-align-self-end { align-self: end !important; } .k-align-self-flex-start { align-self: flex-start; } .\!k-align-self-flex-start { align-self: flex-start !important; } .k-align-self-flex-end { align-self: flex-end; } .\!k-align-self-flex-end { align-self: flex-end !important; } .k-align-self-baseline { align-self: baseline; } .\!k-align-self-baseline { align-self: baseline !important; } .k-align-self-first-baseline { align-self: first baseline; } .\!k-align-self-first-baseline { align-self: first baseline !important; } .k-align-self-last-baseline { align-self: last baseline; } .\!k-align-self-last-baseline { align-self: last baseline !important; } .k-align-self-self-start { align-self: self-start; } .\!k-align-self-self-start { align-self: self-start !important; } .k-align-self-self-end { align-self: self-end; } .\!k-align-self-self-end { align-self: self-end !important; } .k-basis-0 { flex-basis: 0; } .\!k-basis-0 { flex-basis: 0 !important; } .k-basis-1px { flex-basis: 1px; } .\!k-basis-1px { flex-basis: 1px !important; } .k-basis-0\.5 { flex-basis: 0.125rem; } .\!k-basis-0\.5 { flex-basis: 0.125rem !important; } .k-basis-1 { flex-basis: 0.25rem; } .\!k-basis-1 { flex-basis: 0.25rem !important; } .k-basis-1\.5 { flex-basis: 0.375rem; } .\!k-basis-1\.5 { flex-basis: 0.375rem !important; } .k-basis-2 { flex-basis: 0.5rem; } .\!k-basis-2 { flex-basis: 0.5rem !important; } .k-basis-2\.5 { flex-basis: 0.625rem; } .\!k-basis-2\.5 { flex-basis: 0.625rem !important; } .k-basis-3 { flex-basis: 0.75rem; } .\!k-basis-3 { flex-basis: 0.75rem !important; } .k-basis-3\.5 { flex-basis: 0.875rem; } .\!k-basis-3\.5 { flex-basis: 0.875rem !important; } .k-basis-4 { flex-basis: 1rem; } .\!k-basis-4 { flex-basis: 1rem !important; } .k-basis-4\.5 { flex-basis: 1.125rem; } .\!k-basis-4\.5 { flex-basis: 1.125rem !important; } .k-basis-5 { flex-basis: 1.25rem; } .\!k-basis-5 { flex-basis: 1.25rem !important; } .k-basis-5\.5 { flex-basis: 1.375rem; } .\!k-basis-5\.5 { flex-basis: 1.375rem !important; } .k-basis-6 { flex-basis: 1.5rem; } .\!k-basis-6 { flex-basis: 1.5rem !important; } .k-basis-6\.5 { flex-basis: 1.625rem; } .\!k-basis-6\.5 { flex-basis: 1.625rem !important; } .k-basis-7 { flex-basis: 1.75rem; } .\!k-basis-7 { flex-basis: 1.75rem !important; } .k-basis-7\.5 { flex-basis: 1.875rem; } .\!k-basis-7\.5 { flex-basis: 1.875rem !important; } .k-basis-8 { flex-basis: 2rem; } .\!k-basis-8 { flex-basis: 2rem !important; } .k-basis-9 { flex-basis: 2.25rem; } .\!k-basis-9 { flex-basis: 2.25rem !important; } .k-basis-10 { flex-basis: 2.5rem; } .\!k-basis-10 { flex-basis: 2.5rem !important; } .k-basis-11 { flex-basis: 2.75rem; } .\!k-basis-11 { flex-basis: 2.75rem !important; } .k-basis-12 { flex-basis: 3rem; } .\!k-basis-12 { flex-basis: 3rem !important; } .k-basis-13 { flex-basis: 3.25rem; } .\!k-basis-13 { flex-basis: 3.25rem !important; } .k-basis-14 { flex-basis: 3.5rem; } .\!k-basis-14 { flex-basis: 3.5rem !important; } .k-basis-15 { flex-basis: 3.75rem; } .\!k-basis-15 { flex-basis: 3.75rem !important; } .k-basis-16 { flex-basis: 4rem; } .\!k-basis-16 { flex-basis: 4rem !important; } .k-basis-17 { flex-basis: 4.25rem; } .\!k-basis-17 { flex-basis: 4.25rem !important; } .k-basis-18 { flex-basis: 4.5rem; } .\!k-basis-18 { flex-basis: 4.5rem !important; } .k-basis-19 { flex-basis: 4.75rem; } .\!k-basis-19 { flex-basis: 4.75rem !important; } .k-basis-20 { flex-basis: 5rem; } .\!k-basis-20 { flex-basis: 5rem !important; } .k-basis-21 { flex-basis: 5.25rem; } .\!k-basis-21 { flex-basis: 5.25rem !important; } .k-basis-22 { flex-basis: 5.5rem; } .\!k-basis-22 { flex-basis: 5.5rem !important; } .k-basis-23 { flex-basis: 5.75rem; } .\!k-basis-23 { flex-basis: 5.75rem !important; } .k-basis-24 { flex-basis: 6rem; } .\!k-basis-24 { flex-basis: 6rem !important; } .k-basis-auto { flex-basis: auto; } .\!k-basis-auto { flex-basis: auto !important; } .k-basis-1\/2 { flex-basis: 50%; } .\!k-basis-1\/2 { flex-basis: 50% !important; } .k-basis-1\/3 { flex-basis: 33.333333%; } .\!k-basis-1\/3 { flex-basis: 33.333333% !important; } .k-basis-2\/3 { flex-basis: 66.666667%; } .\!k-basis-2\/3 { flex-basis: 66.666667% !important; } .k-basis-1\/4 { flex-basis: 25%; } .\!k-basis-1\/4 { flex-basis: 25% !important; } .k-basis-2\/4 { flex-basis: 50%; } .\!k-basis-2\/4 { flex-basis: 50% !important; } .k-basis-3\/4 { flex-basis: 75%; } .\!k-basis-3\/4 { flex-basis: 75% !important; } .k-basis-1\/5 { flex-basis: 20%; } .\!k-basis-1\/5 { flex-basis: 20% !important; } .k-basis-2\/5 { flex-basis: 40%; } .\!k-basis-2\/5 { flex-basis: 40% !important; } .k-basis-3\/5 { flex-basis: 60%; } .\!k-basis-3\/5 { flex-basis: 60% !important; } .k-basis-4\/5 { flex-basis: 80%; } .\!k-basis-4\/5 { flex-basis: 80% !important; } .k-basis-1\/6 { flex-basis: 16.666667%; } .\!k-basis-1\/6 { flex-basis: 16.666667% !important; } .k-basis-2\/6 { flex-basis: 33.333333%; } .\!k-basis-2\/6 { flex-basis: 33.333333% !important; } .k-basis-3\/6 { flex-basis: 50%; } .\!k-basis-3\/6 { flex-basis: 50% !important; } .k-basis-4\/6 { flex-basis: 66.666667%; } .\!k-basis-4\/6 { flex-basis: 66.666667% !important; } .k-basis-5\/6 { flex-basis: 83.333333%; } .\!k-basis-5\/6 { flex-basis: 83.333333% !important; } .k-basis-1\/12 { flex-basis: 8.333333%; } .\!k-basis-1\/12 { flex-basis: 8.333333% !important; } .k-basis-2\/12 { flex-basis: 16.666667%; } .\!k-basis-2\/12 { flex-basis: 16.666667% !important; } .k-basis-3\/12 { flex-basis: 25%; } .\!k-basis-3\/12 { flex-basis: 25% !important; } .k-basis-4\/12 { flex-basis: 33.333333%; } .\!k-basis-4\/12 { flex-basis: 33.333333% !important; } .k-basis-5\/12 { flex-basis: 41.666667%; } .\!k-basis-5\/12 { flex-basis: 41.666667% !important; } .k-basis-6\/12 { flex-basis: 50%; } .\!k-basis-6\/12 { flex-basis: 50% !important; } .k-basis-7\/12 { flex-basis: 58.333333%; } .\!k-basis-7\/12 { flex-basis: 58.333333% !important; } .k-basis-8\/12 { flex-basis: 66.666667%; } .\!k-basis-8\/12 { flex-basis: 66.666667% !important; } .k-basis-9\/12 { flex-basis: 75%; } .\!k-basis-9\/12 { flex-basis: 75% !important; } .k-basis-10\/12 { flex-basis: 83.333333%; } .\!k-basis-10\/12 { flex-basis: 83.333333% !important; } .k-basis-11\/12 { flex-basis: 91.666667%; } .\!k-basis-11\/12 { flex-basis: 91.666667% !important; } .k-basis-full { flex-basis: 100%; } .\!k-basis-full { flex-basis: 100% !important; } .k-basis-min { flex-basis: min-content; } .\!k-basis-min { flex-basis: min-content !important; } .k-basis-max { flex-basis: max-content; } .\!k-basis-max { flex-basis: max-content !important; } .k-basis-fit { flex-basis: fit-content; } .\!k-basis-fit { flex-basis: fit-content !important; } .k-flex-basis-0 { flex-basis: 0; } .\!k-flex-basis-0 { flex-basis: 0 !important; } .k-flex-basis-1px { flex-basis: 1px; } .\!k-flex-basis-1px { flex-basis: 1px !important; } .k-flex-basis-0\.5 { flex-basis: 0.125rem; } .\!k-flex-basis-0\.5 { flex-basis: 0.125rem !important; } .k-flex-basis-1 { flex-basis: 0.25rem; } .\!k-flex-basis-1 { flex-basis: 0.25rem !important; } .k-flex-basis-1\.5 { flex-basis: 0.375rem; } .\!k-flex-basis-1\.5 { flex-basis: 0.375rem !important; } .k-flex-basis-2 { flex-basis: 0.5rem; } .\!k-flex-basis-2 { flex-basis: 0.5rem !important; } .k-flex-basis-2\.5 { flex-basis: 0.625rem; } .\!k-flex-basis-2\.5 { flex-basis: 0.625rem !important; } .k-flex-basis-3 { flex-basis: 0.75rem; } .\!k-flex-basis-3 { flex-basis: 0.75rem !important; } .k-flex-basis-3\.5 { flex-basis: 0.875rem; } .\!k-flex-basis-3\.5 { flex-basis: 0.875rem !important; } .k-flex-basis-4 { flex-basis: 1rem; } .\!k-flex-basis-4 { flex-basis: 1rem !important; } .k-flex-basis-4\.5 { flex-basis: 1.125rem; } .\!k-flex-basis-4\.5 { flex-basis: 1.125rem !important; } .k-flex-basis-5 { flex-basis: 1.25rem; } .\!k-flex-basis-5 { flex-basis: 1.25rem !important; } .k-flex-basis-5\.5 { flex-basis: 1.375rem; } .\!k-flex-basis-5\.5 { flex-basis: 1.375rem !important; } .k-flex-basis-6 { flex-basis: 1.5rem; } .\!k-flex-basis-6 { flex-basis: 1.5rem !important; } .k-flex-basis-6\.5 { flex-basis: 1.625rem; } .\!k-flex-basis-6\.5 { flex-basis: 1.625rem !important; } .k-flex-basis-7 { flex-basis: 1.75rem; } .\!k-flex-basis-7 { flex-basis: 1.75rem !important; } .k-flex-basis-7\.5 { flex-basis: 1.875rem; } .\!k-flex-basis-7\.5 { flex-basis: 1.875rem !important; } .k-flex-basis-8 { flex-basis: 2rem; } .\!k-flex-basis-8 { flex-basis: 2rem !important; } .k-flex-basis-9 { flex-basis: 2.25rem; } .\!k-flex-basis-9 { flex-basis: 2.25rem !important; } .k-flex-basis-10 { flex-basis: 2.5rem; } .\!k-flex-basis-10 { flex-basis: 2.5rem !important; } .k-flex-basis-11 { flex-basis: 2.75rem; } .\!k-flex-basis-11 { flex-basis: 2.75rem !important; } .k-flex-basis-12 { flex-basis: 3rem; } .\!k-flex-basis-12 { flex-basis: 3rem !important; } .k-flex-basis-13 { flex-basis: 3.25rem; } .\!k-flex-basis-13 { flex-basis: 3.25rem !important; } .k-flex-basis-14 { flex-basis: 3.5rem; } .\!k-flex-basis-14 { flex-basis: 3.5rem !important; } .k-flex-basis-15 { flex-basis: 3.75rem; } .\!k-flex-basis-15 { flex-basis: 3.75rem !important; } .k-flex-basis-16 { flex-basis: 4rem; } .\!k-flex-basis-16 { flex-basis: 4rem !important; } .k-flex-basis-17 { flex-basis: 4.25rem; } .\!k-flex-basis-17 { flex-basis: 4.25rem !important; } .k-flex-basis-18 { flex-basis: 4.5rem; } .\!k-flex-basis-18 { flex-basis: 4.5rem !important; } .k-flex-basis-19 { flex-basis: 4.75rem; } .\!k-flex-basis-19 { flex-basis: 4.75rem !important; } .k-flex-basis-20 { flex-basis: 5rem; } .\!k-flex-basis-20 { flex-basis: 5rem !important; } .k-flex-basis-21 { flex-basis: 5.25rem; } .\!k-flex-basis-21 { flex-basis: 5.25rem !important; } .k-flex-basis-22 { flex-basis: 5.5rem; } .\!k-flex-basis-22 { flex-basis: 5.5rem !important; } .k-flex-basis-23 { flex-basis: 5.75rem; } .\!k-flex-basis-23 { flex-basis: 5.75rem !important; } .k-flex-basis-24 { flex-basis: 6rem; } .\!k-flex-basis-24 { flex-basis: 6rem !important; } .k-flex-basis-auto { flex-basis: auto; } .\!k-flex-basis-auto { flex-basis: auto !important; } .k-flex-basis-1\/2 { flex-basis: 50%; } .\!k-flex-basis-1\/2 { flex-basis: 50% !important; } .k-flex-basis-1\/3 { flex-basis: 33.333333%; } .\!k-flex-basis-1\/3 { flex-basis: 33.333333% !important; } .k-flex-basis-2\/3 { flex-basis: 66.666667%; } .\!k-flex-basis-2\/3 { flex-basis: 66.666667% !important; } .k-flex-basis-1\/4 { flex-basis: 25%; } .\!k-flex-basis-1\/4 { flex-basis: 25% !important; } .k-flex-basis-2\/4 { flex-basis: 50%; } .\!k-flex-basis-2\/4 { flex-basis: 50% !important; } .k-flex-basis-3\/4 { flex-basis: 75%; } .\!k-flex-basis-3\/4 { flex-basis: 75% !important; } .k-flex-basis-1\/5 { flex-basis: 20%; } .\!k-flex-basis-1\/5 { flex-basis: 20% !important; } .k-flex-basis-2\/5 { flex-basis: 40%; } .\!k-flex-basis-2\/5 { flex-basis: 40% !important; } .k-flex-basis-3\/5 { flex-basis: 60%; } .\!k-flex-basis-3\/5 { flex-basis: 60% !important; } .k-flex-basis-4\/5 { flex-basis: 80%; } .\!k-flex-basis-4\/5 { flex-basis: 80% !important; } .k-flex-basis-1\/6 { flex-basis: 16.666667%; } .\!k-flex-basis-1\/6 { flex-basis: 16.666667% !important; } .k-flex-basis-2\/6 { flex-basis: 33.333333%; } .\!k-flex-basis-2\/6 { flex-basis: 33.333333% !important; } .k-flex-basis-3\/6 { flex-basis: 50%; } .\!k-flex-basis-3\/6 { flex-basis: 50% !important; } .k-flex-basis-4\/6 { flex-basis: 66.666667%; } .\!k-flex-basis-4\/6 { flex-basis: 66.666667% !important; } .k-flex-basis-5\/6 { flex-basis: 83.333333%; } .\!k-flex-basis-5\/6 { flex-basis: 83.333333% !important; } .k-flex-basis-1\/12 { flex-basis: 8.333333%; } .\!k-flex-basis-1\/12 { flex-basis: 8.333333% !important; } .k-flex-basis-2\/12 { flex-basis: 16.666667%; } .\!k-flex-basis-2\/12 { flex-basis: 16.666667% !important; } .k-flex-basis-3\/12 { flex-basis: 25%; } .\!k-flex-basis-3\/12 { flex-basis: 25% !important; } .k-flex-basis-4\/12 { flex-basis: 33.333333%; } .\!k-flex-basis-4\/12 { flex-basis: 33.333333% !important; } .k-flex-basis-5\/12 { flex-basis: 41.666667%; } .\!k-flex-basis-5\/12 { flex-basis: 41.666667% !important; } .k-flex-basis-6\/12 { flex-basis: 50%; } .\!k-flex-basis-6\/12 { flex-basis: 50% !important; } .k-flex-basis-7\/12 { flex-basis: 58.333333%; } .\!k-flex-basis-7\/12 { flex-basis: 58.333333% !important; } .k-flex-basis-8\/12 { flex-basis: 66.666667%; } .\!k-flex-basis-8\/12 { flex-basis: 66.666667% !important; } .k-flex-basis-9\/12 { flex-basis: 75%; } .\!k-flex-basis-9\/12 { flex-basis: 75% !important; } .k-flex-basis-10\/12 { flex-basis: 83.333333%; } .\!k-flex-basis-10\/12 { flex-basis: 83.333333% !important; } .k-flex-basis-11\/12 { flex-basis: 91.666667%; } .\!k-flex-basis-11\/12 { flex-basis: 91.666667% !important; } .k-flex-basis-full { flex-basis: 100%; } .\!k-flex-basis-full { flex-basis: 100% !important; } .k-flex-basis-min { flex-basis: min-content; } .\!k-flex-basis-min { flex-basis: min-content !important; } .k-flex-basis-max { flex-basis: max-content; } .\!k-flex-basis-max { flex-basis: max-content !important; } .k-flex-basis-fit { flex-basis: fit-content; } .\!k-flex-basis-fit { flex-basis: fit-content !important; } .k-flex-row, .k-d-flex-row { flex-direction: row; } .\!k-flex-row, .\!k-d-flex-row, .\!k-d-flex-col { flex-direction: row !important; } .k-flex-row-reverse { flex-direction: row-reverse; } .\!k-flex-row-reverse { flex-direction: row-reverse !important; } .k-flex-col, .k-d-flex-col, .k-flex-column { flex-direction: column; } .\!k-flex-col { flex-direction: column !important; } .k-flex-col-reverse, .k-flex-column-reverse { flex-direction: column-reverse; } .\!k-flex-col-reverse { flex-direction: column-reverse !important; } .k-grow { flex-grow: 1; } .\!k-grow { flex-grow: 1 !important; } .k-grow-0 { flex-grow: 0; } .\!k-grow-0 { flex-grow: 0 !important; } .k-flex-grow { flex-grow: 1; } .\!k-flex-grow { flex-grow: 1 !important; } .k-flex-grow-0 { flex-grow: 0; } .\!k-flex-grow-0 { flex-grow: 0 !important; } .k-shrink { flex-shrink: 1; } .\!k-shrink { flex-shrink: 1 !important; } .k-shrink-0 { flex-shrink: 0; } .\!k-shrink-0 { flex-shrink: 0 !important; } .k-flex-shrink { flex-shrink: 1; } .\!k-flex-shrink { flex-shrink: 1 !important; } .k-flex-shrink-0 { flex-shrink: 0; } .\!k-flex-shrink-0 { flex-shrink: 0 !important; } .k-flex-wrap { flex-wrap: wrap; } .\!k-flex-wrap { flex-wrap: wrap !important; } .k-flex-wrap-reverse { flex-wrap: wrap-reverse; } .\!k-flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .k-flex-nowrap { flex-wrap: nowrap; } .\!k-flex-nowrap { flex-wrap: nowrap !important; } .k-flex-1 { flex: 1 1 0%; } .\!k-flex-1 { flex: 1 1 0% !important; } .k-flex-auto { flex: 1 1 auto; } .\!k-flex-auto { flex: 1 1 auto !important; } .k-flex-initial { flex: 0 1 auto; } .\!k-flex-initial { flex: 0 1 auto !important; } .k-flex-none { flex: none; } .\!k-flex-none { flex: none !important; } .k-gap-0 { gap: 0; } .\!k-gap-0 { gap: 0 !important; } .k-gap-1px { gap: 1px; } .\!k-gap-1px { gap: 1px !important; } .k-gap-0\.5 { gap: 0.125rem; } .\!k-gap-0\.5 { gap: 0.125rem !important; } .k-gap-1 { gap: 0.25rem; } .\!k-gap-1 { gap: 0.25rem !important; } .k-gap-1\.5 { gap: 0.375rem; } .\!k-gap-1\.5 { gap: 0.375rem !important; } .k-gap-2 { gap: 0.5rem; } .\!k-gap-2 { gap: 0.5rem !important; } .k-gap-2\.5 { gap: 0.625rem; } .\!k-gap-2\.5 { gap: 0.625rem !important; } .k-gap-3 { gap: 0.75rem; } .\!k-gap-3 { gap: 0.75rem !important; } .k-gap-3\.5 { gap: 0.875rem; } .\!k-gap-3\.5 { gap: 0.875rem !important; } .k-gap-4 { gap: 1rem; } .\!k-gap-4 { gap: 1rem !important; } .k-gap-4\.5 { gap: 1.125rem; } .\!k-gap-4\.5 { gap: 1.125rem !important; } .k-gap-5 { gap: 1.25rem; } .\!k-gap-5 { gap: 1.25rem !important; } .k-gap-5\.5 { gap: 1.375rem; } .\!k-gap-5\.5 { gap: 1.375rem !important; } .k-gap-6 { gap: 1.5rem; } .\!k-gap-6 { gap: 1.5rem !important; } .k-gap-6\.5 { gap: 1.625rem; } .\!k-gap-6\.5 { gap: 1.625rem !important; } .k-gap-7 { gap: 1.75rem; } .\!k-gap-7 { gap: 1.75rem !important; } .k-gap-7\.5 { gap: 1.875rem; } .\!k-gap-7\.5 { gap: 1.875rem !important; } .k-gap-8 { gap: 2rem; } .\!k-gap-8 { gap: 2rem !important; } .k-gap-9 { gap: 2.25rem; } .\!k-gap-9 { gap: 2.25rem !important; } .k-gap-10 { gap: 2.5rem; } .\!k-gap-10 { gap: 2.5rem !important; } .k-gap-11 { gap: 2.75rem; } .\!k-gap-11 { gap: 2.75rem !important; } .k-gap-12 { gap: 3rem; } .\!k-gap-12 { gap: 3rem !important; } .k-gap-13 { gap: 3.25rem; } .\!k-gap-13 { gap: 3.25rem !important; } .k-gap-14 { gap: 3.5rem; } .\!k-gap-14 { gap: 3.5rem !important; } .k-gap-15 { gap: 3.75rem; } .\!k-gap-15 { gap: 3.75rem !important; } .k-gap-16 { gap: 4rem; } .\!k-gap-16 { gap: 4rem !important; } .k-gap-17 { gap: 4.25rem; } .\!k-gap-17 { gap: 4.25rem !important; } .k-gap-18 { gap: 4.5rem; } .\!k-gap-18 { gap: 4.5rem !important; } .k-gap-19 { gap: 4.75rem; } .\!k-gap-19 { gap: 4.75rem !important; } .k-gap-20 { gap: 5rem; } .\!k-gap-20 { gap: 5rem !important; } .k-gap-21 { gap: 5.25rem; } .\!k-gap-21 { gap: 5.25rem !important; } .k-gap-22 { gap: 5.5rem; } .\!k-gap-22 { gap: 5.5rem !important; } .k-gap-23 { gap: 5.75rem; } .\!k-gap-23 { gap: 5.75rem !important; } .k-gap-24 { gap: 6rem; } .\!k-gap-24 { gap: 6rem !important; } .k-gap-xs { gap: 0.25rem; } .\!k-gap-xs { gap: 0.25rem !important; } .k-gap-sm { gap: 0.5rem; } .\!k-gap-sm { gap: 0.5rem !important; } .k-gap-md { gap: 0.75rem; } .\!k-gap-md { gap: 0.75rem !important; } .k-gap-lg { gap: 1rem; } .\!k-gap-lg { gap: 1rem !important; } .k-gap-xl { gap: 1.5rem; } .\!k-gap-xl { gap: 1.5rem !important; } .k-gap-thin { gap: 0.125rem; } .\!k-gap-thin { gap: 0.125rem !important; } .k-gap-hair { gap: 1px; } .\!k-gap-hair { gap: 1px !important; } .k-gap-x-0 { column-gap: 0; } .\!k-gap-x-0 { column-gap: 0 !important; } .k-gap-x-1px { column-gap: 1px; } .\!k-gap-x-1px { column-gap: 1px !important; } .k-gap-x-0\.5 { column-gap: 0.125rem; } .\!k-gap-x-0\.5 { column-gap: 0.125rem !important; } .k-gap-x-1 { column-gap: 0.25rem; } .\!k-gap-x-1 { column-gap: 0.25rem !important; } .k-gap-x-1\.5 { column-gap: 0.375rem; } .\!k-gap-x-1\.5 { column-gap: 0.375rem !important; } .k-gap-x-2 { column-gap: 0.5rem; } .\!k-gap-x-2 { column-gap: 0.5rem !important; } .k-gap-x-2\.5 { column-gap: 0.625rem; } .\!k-gap-x-2\.5 { column-gap: 0.625rem !important; } .k-gap-x-3 { column-gap: 0.75rem; } .\!k-gap-x-3 { column-gap: 0.75rem !important; } .k-gap-x-3\.5 { column-gap: 0.875rem; } .\!k-gap-x-3\.5 { column-gap: 0.875rem !important; } .k-gap-x-4 { column-gap: 1rem; } .\!k-gap-x-4 { column-gap: 1rem !important; } .k-gap-x-4\.5 { column-gap: 1.125rem; } .\!k-gap-x-4\.5 { column-gap: 1.125rem !important; } .k-gap-x-5 { column-gap: 1.25rem; } .\!k-gap-x-5 { column-gap: 1.25rem !important; } .k-gap-x-5\.5 { column-gap: 1.375rem; } .\!k-gap-x-5\.5 { column-gap: 1.375rem !important; } .k-gap-x-6 { column-gap: 1.5rem; } .\!k-gap-x-6 { column-gap: 1.5rem !important; } .k-gap-x-6\.5 { column-gap: 1.625rem; } .\!k-gap-x-6\.5 { column-gap: 1.625rem !important; } .k-gap-x-7 { column-gap: 1.75rem; } .\!k-gap-x-7 { column-gap: 1.75rem !important; } .k-gap-x-7\.5 { column-gap: 1.875rem; } .\!k-gap-x-7\.5 { column-gap: 1.875rem !important; } .k-gap-x-8 { column-gap: 2rem; } .\!k-gap-x-8 { column-gap: 2rem !important; } .k-gap-x-9 { column-gap: 2.25rem; } .\!k-gap-x-9 { column-gap: 2.25rem !important; } .k-gap-x-10 { column-gap: 2.5rem; } .\!k-gap-x-10 { column-gap: 2.5rem !important; } .k-gap-x-11 { column-gap: 2.75rem; } .\!k-gap-x-11 { column-gap: 2.75rem !important; } .k-gap-x-12 { column-gap: 3rem; } .\!k-gap-x-12 { column-gap: 3rem !important; } .k-gap-x-13 { column-gap: 3.25rem; } .\!k-gap-x-13 { column-gap: 3.25rem !important; } .k-gap-x-14 { column-gap: 3.5rem; } .\!k-gap-x-14 { column-gap: 3.5rem !important; } .k-gap-x-15 { column-gap: 3.75rem; } .\!k-gap-x-15 { column-gap: 3.75rem !important; } .k-gap-x-16 { column-gap: 4rem; } .\!k-gap-x-16 { column-gap: 4rem !important; } .k-gap-x-17 { column-gap: 4.25rem; } .\!k-gap-x-17 { column-gap: 4.25rem !important; } .k-gap-x-18 { column-gap: 4.5rem; } .\!k-gap-x-18 { column-gap: 4.5rem !important; } .k-gap-x-19 { column-gap: 4.75rem; } .\!k-gap-x-19 { column-gap: 4.75rem !important; } .k-gap-x-20 { column-gap: 5rem; } .\!k-gap-x-20 { column-gap: 5rem !important; } .k-gap-x-21 { column-gap: 5.25rem; } .\!k-gap-x-21 { column-gap: 5.25rem !important; } .k-gap-x-22 { column-gap: 5.5rem; } .\!k-gap-x-22 { column-gap: 5.5rem !important; } .k-gap-x-23 { column-gap: 5.75rem; } .\!k-gap-x-23 { column-gap: 5.75rem !important; } .k-gap-x-24 { column-gap: 6rem; } .\!k-gap-x-24 { column-gap: 6rem !important; } .k-gap-x-xs { column-gap: 0.25rem; } .\!k-gap-x-xs { column-gap: 0.25rem !important; } .k-gap-x-sm { column-gap: 0.5rem; } .\!k-gap-x-sm { column-gap: 0.5rem !important; } .k-gap-x-md { column-gap: 0.75rem; } .\!k-gap-x-md { column-gap: 0.75rem !important; } .k-gap-x-lg { column-gap: 1rem; } .\!k-gap-x-lg { column-gap: 1rem !important; } .k-gap-x-xl { column-gap: 1.5rem; } .\!k-gap-x-xl { column-gap: 1.5rem !important; } .k-gap-x-thin { column-gap: 0.125rem; } .\!k-gap-x-thin { column-gap: 0.125rem !important; } .k-gap-x-hair { column-gap: 1px; } .\!k-gap-x-hair { column-gap: 1px !important; } .k-gap-y-0 { row-gap: 0; } .\!k-gap-y-0 { row-gap: 0 !important; } .k-gap-y-1px { row-gap: 1px; } .\!k-gap-y-1px { row-gap: 1px !important; } .k-gap-y-0\.5 { row-gap: 0.125rem; } .\!k-gap-y-0\.5 { row-gap: 0.125rem !important; } .k-gap-y-1 { row-gap: 0.25rem; } .\!k-gap-y-1 { row-gap: 0.25rem !important; } .k-gap-y-1\.5 { row-gap: 0.375rem; } .\!k-gap-y-1\.5 { row-gap: 0.375rem !important; } .k-gap-y-2 { row-gap: 0.5rem; } .\!k-gap-y-2 { row-gap: 0.5rem !important; } .k-gap-y-2\.5 { row-gap: 0.625rem; } .\!k-gap-y-2\.5 { row-gap: 0.625rem !important; } .k-gap-y-3 { row-gap: 0.75rem; } .\!k-gap-y-3 { row-gap: 0.75rem !important; } .k-gap-y-3\.5 { row-gap: 0.875rem; } .\!k-gap-y-3\.5 { row-gap: 0.875rem !important; } .k-gap-y-4 { row-gap: 1rem; } .\!k-gap-y-4 { row-gap: 1rem !important; } .k-gap-y-4\.5 { row-gap: 1.125rem; } .\!k-gap-y-4\.5 { row-gap: 1.125rem !important; } .k-gap-y-5 { row-gap: 1.25rem; } .\!k-gap-y-5 { row-gap: 1.25rem !important; } .k-gap-y-5\.5 { row-gap: 1.375rem; } .\!k-gap-y-5\.5 { row-gap: 1.375rem !important; } .k-gap-y-6 { row-gap: 1.5rem; } .\!k-gap-y-6 { row-gap: 1.5rem !important; } .k-gap-y-6\.5 { row-gap: 1.625rem; } .\!k-gap-y-6\.5 { row-gap: 1.625rem !important; } .k-gap-y-7 { row-gap: 1.75rem; } .\!k-gap-y-7 { row-gap: 1.75rem !important; } .k-gap-y-7\.5 { row-gap: 1.875rem; } .\!k-gap-y-7\.5 { row-gap: 1.875rem !important; } .k-gap-y-8 { row-gap: 2rem; } .\!k-gap-y-8 { row-gap: 2rem !important; } .k-gap-y-9 { row-gap: 2.25rem; } .\!k-gap-y-9 { row-gap: 2.25rem !important; } .k-gap-y-10 { row-gap: 2.5rem; } .\!k-gap-y-10 { row-gap: 2.5rem !important; } .k-gap-y-11 { row-gap: 2.75rem; } .\!k-gap-y-11 { row-gap: 2.75rem !important; } .k-gap-y-12 { row-gap: 3rem; } .\!k-gap-y-12 { row-gap: 3rem !important; } .k-gap-y-13 { row-gap: 3.25rem; } .\!k-gap-y-13 { row-gap: 3.25rem !important; } .k-gap-y-14 { row-gap: 3.5rem; } .\!k-gap-y-14 { row-gap: 3.5rem !important; } .k-gap-y-15 { row-gap: 3.75rem; } .\!k-gap-y-15 { row-gap: 3.75rem !important; } .k-gap-y-16 { row-gap: 4rem; } .\!k-gap-y-16 { row-gap: 4rem !important; } .k-gap-y-17 { row-gap: 4.25rem; } .\!k-gap-y-17 { row-gap: 4.25rem !important; } .k-gap-y-18 { row-gap: 4.5rem; } .\!k-gap-y-18 { row-gap: 4.5rem !important; } .k-gap-y-19 { row-gap: 4.75rem; } .\!k-gap-y-19 { row-gap: 4.75rem !important; } .k-gap-y-20 { row-gap: 5rem; } .\!k-gap-y-20 { row-gap: 5rem !important; } .k-gap-y-21 { row-gap: 5.25rem; } .\!k-gap-y-21 { row-gap: 5.25rem !important; } .k-gap-y-22 { row-gap: 5.5rem; } .\!k-gap-y-22 { row-gap: 5.5rem !important; } .k-gap-y-23 { row-gap: 5.75rem; } .\!k-gap-y-23 { row-gap: 5.75rem !important; } .k-gap-y-24 { row-gap: 6rem; } .\!k-gap-y-24 { row-gap: 6rem !important; } .k-gap-y-xs { row-gap: 0.25rem; } .\!k-gap-y-xs { row-gap: 0.25rem !important; } .k-gap-y-sm { row-gap: 0.5rem; } .\!k-gap-y-sm { row-gap: 0.5rem !important; } .k-gap-y-md { row-gap: 0.75rem; } .\!k-gap-y-md { row-gap: 0.75rem !important; } .k-gap-y-lg { row-gap: 1rem; } .\!k-gap-y-lg { row-gap: 1rem !important; } .k-gap-y-xl { row-gap: 1.5rem; } .\!k-gap-y-xl { row-gap: 1.5rem !important; } .k-gap-y-thin { row-gap: 0.125rem; } .\!k-gap-y-thin { row-gap: 0.125rem !important; } .k-gap-y-hair { row-gap: 1px; } .\!k-gap-y-hair { row-gap: 1px !important; } .k-grid-auto-cols-auto { grid-auto-columns: auto; } .\!k-grid-auto-cols-auto { grid-auto-columns: auto !important; } .k-grid-auto-cols-min { grid-auto-columns: min-content; } .\!k-grid-auto-cols-min { grid-auto-columns: min-content !important; } .k-grid-auto-cols-max { grid-auto-columns: max-content; } .\!k-grid-auto-cols-max { grid-auto-columns: max-content !important; } .k-grid-auto-cols-fr { grid-auto-columns: minmax(0, 1fr); } .\!k-grid-auto-cols-fr { grid-auto-columns: minmax(0, 1fr) !important; } .k-grid-flow-row { grid-auto-flow: row; } .\!k-grid-flow-row { grid-auto-flow: row !important; } .k-grid-flow-col { grid-auto-flow: column; } .\!k-grid-flow-col { grid-auto-flow: column !important; } .k-grid-flow-dense { grid-auto-flow: dense; } .\!k-grid-flow-dense { grid-auto-flow: dense !important; } .k-grid-flow-row-dense { grid-auto-flow: row dense; } .\!k-grid-flow-row-dense { grid-auto-flow: row dense !important; } .k-grid-flow-col-dense { grid-auto-flow: column dense; } .\!k-grid-flow-col-dense { grid-auto-flow: column dense !important; } .k-grid-flow-unset { grid-auto-flow: unset; } .\!k-grid-flow-unset { grid-auto-flow: unset !important; } .k-grid-auto-rows-auto { grid-auto-rows: auto; } .\!k-grid-auto-rows-auto { grid-auto-rows: auto !important; } .k-grid-auto-rows-min { grid-auto-rows: min-content; } .\!k-grid-auto-rows-min { grid-auto-rows: min-content !important; } .k-grid-auto-rows-max { grid-auto-rows: max-content; } .\!k-grid-auto-rows-max { grid-auto-rows: max-content !important; } .k-grid-auto-rows-fr { grid-auto-rows: minmax(0, 1fr); } .\!k-grid-auto-rows-fr { grid-auto-rows: minmax(0, 1fr) !important; } .k-col-start-1 { grid-column-start: 1; } .\!k-col-start-1 { grid-column-start: 1 !important; } .k-col-start-2 { grid-column-start: 2; } .\!k-col-start-2 { grid-column-start: 2 !important; } .k-col-start-3 { grid-column-start: 3; } .\!k-col-start-3 { grid-column-start: 3 !important; } .k-col-start-4 { grid-column-start: 4; } .\!k-col-start-4 { grid-column-start: 4 !important; } .k-col-start-5 { grid-column-start: 5; } .\!k-col-start-5 { grid-column-start: 5 !important; } .k-col-start-6 { grid-column-start: 6; } .\!k-col-start-6 { grid-column-start: 6 !important; } .k-col-start-7 { grid-column-start: 7; } .\!k-col-start-7 { grid-column-start: 7 !important; } .k-col-start-8 { grid-column-start: 8; } .\!k-col-start-8 { grid-column-start: 8 !important; } .k-col-start-9 { grid-column-start: 9; } .\!k-col-start-9 { grid-column-start: 9 !important; } .k-col-start-10 { grid-column-start: 10; } .\!k-col-start-10 { grid-column-start: 10 !important; } .k-col-start-11 { grid-column-start: 11; } .\!k-col-start-11 { grid-column-start: 11 !important; } .k-col-start-12 { grid-column-start: 12; } .\!k-col-start-12 { grid-column-start: 12 !important; } .k-col-start-13 { grid-column-start: 13; } .\!k-col-start-13 { grid-column-start: 13 !important; } .k-col-start--1 { grid-column-start: -1; } .\!k-col-start--1 { grid-column-start: -1 !important; } .k-col-start--2 { grid-column-start: -2; } .\!k-col-start--2 { grid-column-start: -2 !important; } .k-col-start--3 { grid-column-start: -3; } .\!k-col-start--3 { grid-column-start: -3 !important; } .k-col-start--4 { grid-column-start: -4; } .\!k-col-start--4 { grid-column-start: -4 !important; } .k-col-start--5 { grid-column-start: -5; } .\!k-col-start--5 { grid-column-start: -5 !important; } .k-col-start--6 { grid-column-start: -6; } .\!k-col-start--6 { grid-column-start: -6 !important; } .k-col-start--7 { grid-column-start: -7; } .\!k-col-start--7 { grid-column-start: -7 !important; } .k-col-start--8 { grid-column-start: -8; } .\!k-col-start--8 { grid-column-start: -8 !important; } .k-col-start--9 { grid-column-start: -9; } .\!k-col-start--9 { grid-column-start: -9 !important; } .k-col-start--10 { grid-column-start: -10; } .\!k-col-start--10 { grid-column-start: -10 !important; } .k-col-start--11 { grid-column-start: -11; } .\!k-col-start--11 { grid-column-start: -11 !important; } .k-col-start--12 { grid-column-start: -12; } .\!k-col-start--12 { grid-column-start: -12 !important; } .k-col-start--13 { grid-column-start: -13; } .\!k-col-start--13 { grid-column-start: -13 !important; } .k-col-start-auto { grid-column-start: auto; } .\!k-col-start-auto { grid-column-start: auto !important; } .k-col-end-1 { grid-column-end: 1; } .\!k-col-end-1 { grid-column-end: 1 !important; } .k-col-end-2 { grid-column-end: 2; } .\!k-col-end-2 { grid-column-end: 2 !important; } .k-col-end-3 { grid-column-end: 3; } .\!k-col-end-3 { grid-column-end: 3 !important; } .k-col-end-4 { grid-column-end: 4; } .\!k-col-end-4 { grid-column-end: 4 !important; } .k-col-end-5 { grid-column-end: 5; } .\!k-col-end-5 { grid-column-end: 5 !important; } .k-col-end-6 { grid-column-end: 6; } .\!k-col-end-6 { grid-column-end: 6 !important; } .k-col-end-7 { grid-column-end: 7; } .\!k-col-end-7 { grid-column-end: 7 !important; } .k-col-end-8 { grid-column-end: 8; } .\!k-col-end-8 { grid-column-end: 8 !important; } .k-col-end-9 { grid-column-end: 9; } .\!k-col-end-9 { grid-column-end: 9 !important; } .k-col-end-10 { grid-column-end: 10; } .\!k-col-end-10 { grid-column-end: 10 !important; } .k-col-end-11 { grid-column-end: 11; } .\!k-col-end-11 { grid-column-end: 11 !important; } .k-col-end-12 { grid-column-end: 12; } .\!k-col-end-12 { grid-column-end: 12 !important; } .k-col-end-13 { grid-column-end: 13; } .\!k-col-end-13 { grid-column-end: 13 !important; } .k-col-end--1 { grid-column-end: -1; } .\!k-col-end--1 { grid-column-end: -1 !important; } .k-col-end--2 { grid-column-end: -2; } .\!k-col-end--2 { grid-column-end: -2 !important; } .k-col-end--3 { grid-column-end: -3; } .\!k-col-end--3 { grid-column-end: -3 !important; } .k-col-end--4 { grid-column-end: -4; } .\!k-col-end--4 { grid-column-end: -4 !important; } .k-col-end--5 { grid-column-end: -5; } .\!k-col-end--5 { grid-column-end: -5 !important; } .k-col-end--6 { grid-column-end: -6; } .\!k-col-end--6 { grid-column-end: -6 !important; } .k-col-end--7 { grid-column-end: -7; } .\!k-col-end--7 { grid-column-end: -7 !important; } .k-col-end--8 { grid-column-end: -8; } .\!k-col-end--8 { grid-column-end: -8 !important; } .k-col-end--9 { grid-column-end: -9; } .\!k-col-end--9 { grid-column-end: -9 !important; } .k-col-end--10 { grid-column-end: -10; } .\!k-col-end--10 { grid-column-end: -10 !important; } .k-col-end--11 { grid-column-end: -11; } .\!k-col-end--11 { grid-column-end: -11 !important; } .k-col-end--12 { grid-column-end: -12; } .\!k-col-end--12 { grid-column-end: -12 !important; } .k-col-end--13 { grid-column-end: -13; } .\!k-col-end--13 { grid-column-end: -13 !important; } .k-col-end-auto { grid-column-end: auto; } .\!k-col-end-auto { grid-column-end: auto !important; } .k-col-span-1 { grid-column: span 1/span 1; } .\!k-col-span-1 { grid-column: span 1/span 1 !important; } .k-col-span-2 { grid-column: span 2/span 2; } .\!k-col-span-2 { grid-column: span 2/span 2 !important; } .k-col-span-3 { grid-column: span 3/span 3; } .\!k-col-span-3 { grid-column: span 3/span 3 !important; } .k-col-span-4 { grid-column: span 4/span 4; } .\!k-col-span-4 { grid-column: span 4/span 4 !important; } .k-col-span-5 { grid-column: span 5/span 5; } .\!k-col-span-5 { grid-column: span 5/span 5 !important; } .k-col-span-6 { grid-column: span 6/span 6; } .\!k-col-span-6 { grid-column: span 6/span 6 !important; } .k-col-span-7 { grid-column: span 7/span 7; } .\!k-col-span-7 { grid-column: span 7/span 7 !important; } .k-col-span-8 { grid-column: span 8/span 8; } .\!k-col-span-8 { grid-column: span 8/span 8 !important; } .k-col-span-9 { grid-column: span 9/span 9; } .\!k-col-span-9 { grid-column: span 9/span 9 !important; } .k-col-span-10 { grid-column: span 10/span 10; } .\!k-col-span-10 { grid-column: span 10/span 10 !important; } .k-col-span-11 { grid-column: span 11/span 11; } .\!k-col-span-11 { grid-column: span 11/span 11 !important; } .k-col-span-12 { grid-column: span 12/span 12; } .\!k-col-span-12 { grid-column: span 12/span 12 !important; } .k-col-span-full { grid-column: 1 / -1; } .\!k-col-span-full { grid-column: 1 / -1 !important; } .k-col-span-auto { grid-column: auto; } .\!k-col-span-auto { grid-column: auto !important; } .k-colspan-1 { grid-column: span 1/span 1; } .\!k-colspan-1 { grid-column: span 1/span 1 !important; } .k-colspan-2 { grid-column: span 2/span 2; } .\!k-colspan-2 { grid-column: span 2/span 2 !important; } .k-colspan-3 { grid-column: span 3/span 3; } .\!k-colspan-3 { grid-column: span 3/span 3 !important; } .k-colspan-4 { grid-column: span 4/span 4; } .\!k-colspan-4 { grid-column: span 4/span 4 !important; } .k-colspan-5 { grid-column: span 5/span 5; } .\!k-colspan-5 { grid-column: span 5/span 5 !important; } .k-colspan-6 { grid-column: span 6/span 6; } .\!k-colspan-6 { grid-column: span 6/span 6 !important; } .k-colspan-7 { grid-column: span 7/span 7; } .\!k-colspan-7 { grid-column: span 7/span 7 !important; } .k-colspan-8 { grid-column: span 8/span 8; } .\!k-colspan-8 { grid-column: span 8/span 8 !important; } .k-colspan-9 { grid-column: span 9/span 9; } .\!k-colspan-9 { grid-column: span 9/span 9 !important; } .k-colspan-10 { grid-column: span 10/span 10; } .\!k-colspan-10 { grid-column: span 10/span 10 !important; } .k-colspan-11 { grid-column: span 11/span 11; } .\!k-colspan-11 { grid-column: span 11/span 11 !important; } .k-colspan-12 { grid-column: span 12/span 12; } .\!k-colspan-12 { grid-column: span 12/span 12 !important; } .k-colspan-full, .k-colspan-all { grid-column: 1 / -1; } .\!k-colspan-full, .\!k-colspan-all { grid-column: 1 / -1 !important; } .k-colspan-auto { grid-column: auto; } .\!k-colspan-auto { grid-column: auto !important; } .k-row-start-1 { grid-row-start: 1; } .\!k-row-start-1 { grid-row-start: 1 !important; } .k-row-start-2 { grid-row-start: 2; } .\!k-row-start-2 { grid-row-start: 2 !important; } .k-row-start-3 { grid-row-start: 3; } .\!k-row-start-3 { grid-row-start: 3 !important; } .k-row-start-4 { grid-row-start: 4; } .\!k-row-start-4 { grid-row-start: 4 !important; } .k-row-start-5 { grid-row-start: 5; } .\!k-row-start-5 { grid-row-start: 5 !important; } .k-row-start-6 { grid-row-start: 6; } .\!k-row-start-6 { grid-row-start: 6 !important; } .k-row-start-7 { grid-row-start: 7; } .\!k-row-start-7 { grid-row-start: 7 !important; } .k-row-start-8 { grid-row-start: 8; } .\!k-row-start-8 { grid-row-start: 8 !important; } .k-row-start-9 { grid-row-start: 9; } .\!k-row-start-9 { grid-row-start: 9 !important; } .k-row-start-10 { grid-row-start: 10; } .\!k-row-start-10 { grid-row-start: 10 !important; } .k-row-start-11 { grid-row-start: 11; } .\!k-row-start-11 { grid-row-start: 11 !important; } .k-row-start-12 { grid-row-start: 12; } .\!k-row-start-12 { grid-row-start: 12 !important; } .k-row-start-13 { grid-row-start: 13; } .\!k-row-start-13 { grid-row-start: 13 !important; } .k-row-start--1 { grid-row-start: -1; } .\!k-row-start--1 { grid-row-start: -1 !important; } .k-row-start--2 { grid-row-start: -2; } .\!k-row-start--2 { grid-row-start: -2 !important; } .k-row-start--3 { grid-row-start: -3; } .\!k-row-start--3 { grid-row-start: -3 !important; } .k-row-start--4 { grid-row-start: -4; } .\!k-row-start--4 { grid-row-start: -4 !important; } .k-row-start--5 { grid-row-start: -5; } .\!k-row-start--5 { grid-row-start: -5 !important; } .k-row-start--6 { grid-row-start: -6; } .\!k-row-start--6 { grid-row-start: -6 !important; } .k-row-start--7 { grid-row-start: -7; } .\!k-row-start--7 { grid-row-start: -7 !important; } .k-row-start--8 { grid-row-start: -8; } .\!k-row-start--8 { grid-row-start: -8 !important; } .k-row-start--9 { grid-row-start: -9; } .\!k-row-start--9 { grid-row-start: -9 !important; } .k-row-start--10 { grid-row-start: -10; } .\!k-row-start--10 { grid-row-start: -10 !important; } .k-row-start--11 { grid-row-start: -11; } .\!k-row-start--11 { grid-row-start: -11 !important; } .k-row-start--12 { grid-row-start: -12; } .\!k-row-start--12 { grid-row-start: -12 !important; } .k-row-start--13 { grid-row-start: -13; } .\!k-row-start--13 { grid-row-start: -13 !important; } .k-row-start-auto { grid-row-start: auto; } .\!k-row-start-auto { grid-row-start: auto !important; } .k-row-end-1 { grid-row-end: 1; } .\!k-row-end-1 { grid-row-end: 1 !important; } .k-row-end-2 { grid-row-end: 2; } .\!k-row-end-2 { grid-row-end: 2 !important; } .k-row-end-3 { grid-row-end: 3; } .\!k-row-end-3 { grid-row-end: 3 !important; } .k-row-end-4 { grid-row-end: 4; } .\!k-row-end-4 { grid-row-end: 4 !important; } .k-row-end-5 { grid-row-end: 5; } .\!k-row-end-5 { grid-row-end: 5 !important; } .k-row-end-6 { grid-row-end: 6; } .\!k-row-end-6 { grid-row-end: 6 !important; } .k-row-end-7 { grid-row-end: 7; } .\!k-row-end-7 { grid-row-end: 7 !important; } .k-row-end-8 { grid-row-end: 8; } .\!k-row-end-8 { grid-row-end: 8 !important; } .k-row-end-9 { grid-row-end: 9; } .\!k-row-end-9 { grid-row-end: 9 !important; } .k-row-end-10 { grid-row-end: 10; } .\!k-row-end-10 { grid-row-end: 10 !important; } .k-row-end-11 { grid-row-end: 11; } .\!k-row-end-11 { grid-row-end: 11 !important; } .k-row-end-12 { grid-row-end: 12; } .\!k-row-end-12 { grid-row-end: 12 !important; } .k-row-end-13 { grid-row-end: 13; } .\!k-row-end-13 { grid-row-end: 13 !important; } .k-row-end--1 { grid-row-end: -1; } .\!k-row-end--1 { grid-row-end: -1 !important; } .k-row-end--2 { grid-row-end: -2; } .\!k-row-end--2 { grid-row-end: -2 !important; } .k-row-end--3 { grid-row-end: -3; } .\!k-row-end--3 { grid-row-end: -3 !important; } .k-row-end--4 { grid-row-end: -4; } .\!k-row-end--4 { grid-row-end: -4 !important; } .k-row-end--5 { grid-row-end: -5; } .\!k-row-end--5 { grid-row-end: -5 !important; } .k-row-end--6 { grid-row-end: -6; } .\!k-row-end--6 { grid-row-end: -6 !important; } .k-row-end--7 { grid-row-end: -7; } .\!k-row-end--7 { grid-row-end: -7 !important; } .k-row-end--8 { grid-row-end: -8; } .\!k-row-end--8 { grid-row-end: -8 !important; } .k-row-end--9 { grid-row-end: -9; } .\!k-row-end--9 { grid-row-end: -9 !important; } .k-row-end--10 { grid-row-end: -10; } .\!k-row-end--10 { grid-row-end: -10 !important; } .k-row-end--11 { grid-row-end: -11; } .\!k-row-end--11 { grid-row-end: -11 !important; } .k-row-end--12 { grid-row-end: -12; } .\!k-row-end--12 { grid-row-end: -12 !important; } .k-row-end--13 { grid-row-end: -13; } .\!k-row-end--13 { grid-row-end: -13 !important; } .k-row-end-auto { grid-row-end: auto; } .\!k-row-end-auto { grid-row-end: auto !important; } .k-row-span-1 { grid-row: span 1/span 1; } .\!k-row-span-1 { grid-row: span 1/span 1 !important; } .k-row-span-2 { grid-row: span 2/span 2; } .\!k-row-span-2 { grid-row: span 2/span 2 !important; } .k-row-span-3 { grid-row: span 3/span 3; } .\!k-row-span-3 { grid-row: span 3/span 3 !important; } .k-row-span-4 { grid-row: span 4/span 4; } .\!k-row-span-4 { grid-row: span 4/span 4 !important; } .k-row-span-5 { grid-row: span 5/span 5; } .\!k-row-span-5 { grid-row: span 5/span 5 !important; } .k-row-span-6 { grid-row: span 6/span 6; } .\!k-row-span-6 { grid-row: span 6/span 6 !important; } .k-row-span-7 { grid-row: span 7/span 7; } .\!k-row-span-7 { grid-row: span 7/span 7 !important; } .k-row-span-8 { grid-row: span 8/span 8; } .\!k-row-span-8 { grid-row: span 8/span 8 !important; } .k-row-span-9 { grid-row: span 9/span 9; } .\!k-row-span-9 { grid-row: span 9/span 9 !important; } .k-row-span-10 { grid-row: span 10/span 10; } .\!k-row-span-10 { grid-row: span 10/span 10 !important; } .k-row-span-11 { grid-row: span 11/span 11; } .\!k-row-span-11 { grid-row: span 11/span 11 !important; } .k-row-span-12 { grid-row: span 12/span 12; } .\!k-row-span-12 { grid-row: span 12/span 12 !important; } .k-row-span-full { grid-row: span 1/span -1; } .\!k-row-span-full { grid-row: span 1/span -1 !important; } .k-row-span-auto { grid-row: auto; } .\!k-row-span-auto { grid-row: auto !important; } .k-rowspan-1 { grid-row: span 1/span 1; } .\!k-rowspan-1 { grid-row: span 1/span 1 !important; } .k-rowspan-2 { grid-row: span 2/span 2; } .\!k-rowspan-2 { grid-row: span 2/span 2 !important; } .k-rowspan-3 { grid-row: span 3/span 3; } .\!k-rowspan-3 { grid-row: span 3/span 3 !important; } .k-rowspan-4 { grid-row: span 4/span 4; } .\!k-rowspan-4 { grid-row: span 4/span 4 !important; } .k-rowspan-5 { grid-row: span 5/span 5; } .\!k-rowspan-5 { grid-row: span 5/span 5 !important; } .k-rowspan-6 { grid-row: span 6/span 6; } .\!k-rowspan-6 { grid-row: span 6/span 6 !important; } .k-rowspan-7 { grid-row: span 7/span 7; } .\!k-rowspan-7 { grid-row: span 7/span 7 !important; } .k-rowspan-8 { grid-row: span 8/span 8; } .\!k-rowspan-8 { grid-row: span 8/span 8 !important; } .k-rowspan-9 { grid-row: span 9/span 9; } .\!k-rowspan-9 { grid-row: span 9/span 9 !important; } .k-rowspan-10 { grid-row: span 10/span 10; } .\!k-rowspan-10 { grid-row: span 10/span 10 !important; } .k-rowspan-11 { grid-row: span 11/span 11; } .\!k-rowspan-11 { grid-row: span 11/span 11 !important; } .k-rowspan-12 { grid-row: span 12/span 12; } .\!k-rowspan-12 { grid-row: span 12/span 12 !important; } .k-rowspan-full, .k-rowspan-all { grid-row: span 1/span -1; } .\!k-rowspan-full, .\!k-rowspan-all { grid-row: span 1/span -1 !important; } .k-rowspan-auto { grid-row: auto; } .\!k-rowspan-auto { grid-row: auto !important; } .k-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .\!k-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .k-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .\!k-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .k-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\!k-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .k-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .\!k-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .k-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .\!k-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .k-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .\!k-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .k-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .\!k-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .k-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .\!k-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .k-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .\!k-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .k-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .\!k-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .k-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .\!k-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .k-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .\!k-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .k-grid-cols-none { grid-template-columns: none; } .\!k-grid-cols-none { grid-template-columns: none !important; } .k-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .\!k-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } .k-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .\!k-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } .k-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .\!k-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } .k-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .\!k-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } .k-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); } .\!k-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } .k-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); } .\!k-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } .k-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); } .\!k-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)) !important; } .k-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); } .\!k-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)) !important; } .k-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); } .\!k-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)) !important; } .k-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); } .\!k-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)) !important; } .k-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); } .\!k-grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)) !important; } .k-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); } .\!k-grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)) !important; } .k-grid-rows-none { grid-template-rows: none; } .\!k-grid-rows-none { grid-template-rows: none !important; } .k-justify-content-normal { justify-content: normal; } .\!k-justify-content-normal { justify-content: normal !important; } .k-justify-content-stretch { justify-content: stretch; } .\!k-justify-content-stretch { justify-content: stretch !important; } .k-justify-content-center { justify-content: center; } .\!k-justify-content-center { justify-content: center !important; } .k-justify-content-start { justify-content: start; } .\!k-justify-content-start { justify-content: start !important; } .k-justify-content-end { justify-content: end; } .\!k-justify-content-end { justify-content: end !important; } .k-justify-content-flex-start { justify-content: flex-start; } .\!k-justify-content-flex-start { justify-content: flex-start !important; } .k-justify-content-flex-end { justify-content: flex-end; } .\!k-justify-content-flex-end { justify-content: flex-end !important; } .k-justify-content-left { justify-content: left; } .\!k-justify-content-left { justify-content: left !important; } .k-justify-content-right { justify-content: right; } .\!k-justify-content-right { justify-content: right !important; } .k-justify-content-baseline { justify-content: baseline; } .\!k-justify-content-baseline { justify-content: baseline !important; } .k-justify-content-first-baseline { justify-content: first baseline; } .\!k-justify-content-first-baseline { justify-content: first baseline !important; } .k-justify-content-last-baseline { justify-content: last baseline; } .\!k-justify-content-last-baseline { justify-content: last baseline !important; } .k-justify-content-between { justify-content: space-between; } .\!k-justify-content-between { justify-content: space-between !important; } .k-justify-content-around { justify-content: space-around; } .\!k-justify-content-around { justify-content: space-around !important; } .k-justify-content-evenly { justify-content: space-evenly; } .\!k-justify-content-evenly { justify-content: space-evenly !important; } .k-justify-content-stretch > * { flex: 1 0 0%; } .\!.k-justify-content-stretch > * { flex: 1 0 0% !important; } .k-justify-items-normal { justify-items: normal; } .\!k-justify-items-normal { justify-items: normal !important; } .k-justify-items-stretch { justify-items: stretch; } .\!k-justify-items-stretch { justify-items: stretch !important; } .k-justify-items-center { justify-items: center; } .\!k-justify-items-center { justify-items: center !important; } .k-justify-items-start { justify-items: start; } .\!k-justify-items-start { justify-items: start !important; } .k-justify-items-end { justify-items: end; } .\!k-justify-items-end { justify-items: end !important; } .k-justify-items-flex-start { justify-items: flex-start; } .\!k-justify-items-flex-start { justify-items: flex-start !important; } .k-justify-items-flex-end { justify-items: flex-end; } .\!k-justify-items-flex-end { justify-items: flex-end !important; } .k-justify-items-self-start { justify-items: self-start; } .\!k-justify-items-self-start { justify-items: self-start !important; } .k-justify-items-self-end { justify-items: self-end; } .\!k-justify-items-self-end { justify-items: self-end !important; } .k-justify-items-left { justify-items: left; } .\!k-justify-items-left { justify-items: left !important; } .k-justify-items-right { justify-items: right; } .\!k-justify-items-right { justify-items: right !important; } .k-justify-items-baseline { justify-items: baseline; } .\!k-justify-items-baseline { justify-items: baseline !important; } .k-justify-items-first-baseline { justify-items: first baseline; } .\!k-justify-items-first-baseline { justify-items: first baseline !important; } .k-justify-items-last-baseline { justify-items: last baseline; } .\!k-justify-items-last-baseline { justify-items: last baseline !important; } .k-justify-self-auto { justify-self: auto; } .\!k-justify-self-auto { justify-self: auto !important; } .k-justify-self-normal { justify-self: normal; } .\!k-justify-self-normal { justify-self: normal !important; } .k-justify-self-stretch { justify-self: stretch; } .\!k-justify-self-stretch { justify-self: stretch !important; } .k-justify-self-center { justify-self: center; } .\!k-justify-self-center { justify-self: center !important; } .k-justify-self-start { justify-self: start; } .\!k-justify-self-start { justify-self: start !important; } .k-justify-self-end { justify-self: end; } .\!k-justify-self-end { justify-self: end !important; } .k-justify-self-flex-start { justify-self: flex-start; } .\!k-justify-self-flex-start { justify-self: flex-start !important; } .k-justify-self-flex-end { justify-self: flex-end; } .\!k-justify-self-flex-end { justify-self: flex-end !important; } .k-justify-self-self-start { justify-self: self-start; } .\!k-justify-self-self-start { justify-self: self-start !important; } .k-justify-self-self-end { justify-self: self-end; } .\!k-justify-self-self-end { justify-self: self-end !important; } .k-justify-self-baseline { justify-self: baseline; } .\!k-justify-self-baseline { justify-self: baseline !important; } .k-justify-self-first-baseline { justify-self: first baseline; } .\!k-justify-self-first-baseline { justify-self: first baseline !important; } .k-justify-self-last-baseline { justify-self: last baseline; } .\!k-justify-self-last-baseline { justify-self: last baseline !important; } .k-order-1 { order: 1; } .\!k-order-1 { order: 1 !important; } .k-order-2 { order: 2; } .\!k-order-2 { order: 2 !important; } .k-order-3 { order: 3; } .\!k-order-3 { order: 3 !important; } .k-order-4 { order: 4; } .\!k-order-4 { order: 4 !important; } .k-order-5 { order: 5; } .\!k-order-5 { order: 5 !important; } .k-order-6 { order: 6; } .\!k-order-6 { order: 6 !important; } .k-order-7 { order: 7; } .\!k-order-7 { order: 7 !important; } .k-order-8 { order: 8; } .\!k-order-8 { order: 8 !important; } .k-order-9 { order: 9; } .\!k-order-9 { order: 9 !important; } .k-order-10 { order: 10; } .\!k-order-10 { order: 10 !important; } .k-order-11 { order: 11; } .\!k-order-11 { order: 11 !important; } .k-order-12 { order: 12; } .\!k-order-12 { order: 12 !important; } .k-order-first { order: -9999; } .\!k-order-first { order: -9999 !important; } .k-order-last { order: 9999; } .\!k-order-last { order: 9999 !important; } .k-order-none { order: 0; } .\!k-order-none { order: 0 !important; } .k-place-content-normal { place-content: normal; } .\!k-place-content-normal { place-content: normal !important; } .k-place-content-stretch { place-content: stretch; } .\!k-place-content-stretch { place-content: stretch !important; } .k-place-content-center { place-content: center; } .\!k-place-content-center { place-content: center !important; } .k-place-content-start { place-content: start; } .\!k-place-content-start { place-content: start !important; } .k-place-content-end { place-content: end; } .\!k-place-content-end { place-content: end !important; } .k-place-content-flex-start { place-content: flex-start; } .\!k-place-content-flex-start { place-content: flex-start !important; } .k-place-content-flex-end { place-content: flex-end; } .\!k-place-content-flex-end { place-content: flex-end !important; } .k-place-content-baseline { place-content: baseline; } .\!k-place-content-baseline { place-content: baseline !important; } .k-place-content-between { place-content: space-between; } .\!k-place-content-between { place-content: space-between !important; } .k-place-content-around { place-content: space-around; } .\!k-place-content-around { place-content: space-around !important; } .k-place-content-evenly { place-content: space-evenly; } .\!k-place-content-evenly { place-content: space-evenly !important; } .k-place-items-normal { place-items: normal; } .\!k-place-items-normal { place-items: normal !important; } .k-place-items-stretch { place-items: stretch; } .\!k-place-items-stretch { place-items: stretch !important; } .k-place-items-center { place-items: center; } .\!k-place-items-center { place-items: center !important; } .k-place-items-start { place-items: start; } .\!k-place-items-start { place-items: start !important; } .k-place-items-end { place-items: end; } .\!k-place-items-end { place-items: end !important; } .k-place-items-flex-start { place-items: flex-start; } .\!k-place-items-flex-start { place-items: flex-start !important; } .k-place-items-flex-end { place-items: flex-end; } .\!k-place-items-flex-end { place-items: flex-end !important; } .k-place-items-self-start { place-items: self-start; } .\!k-place-items-self-start { place-items: self-start !important; } .k-place-items-self-end { place-items: self-end; } .\!k-place-items-self-end { place-items: self-end !important; } .k-place-items-baseline { place-items: baseline; } .\!k-place-items-baseline { place-items: baseline !important; } .k-place-self-auto { place-self: auto; } .\!k-place-self-auto { place-self: auto !important; } .k-place-self-normal { place-self: normal; } .\!k-place-self-normal { place-self: normal !important; } .k-place-self-stretch { place-self: stretch; } .\!k-place-self-stretch { place-self: stretch !important; } .k-place-self-center { place-self: center; } .\!k-place-self-center { place-self: center !important; } .k-place-self-start { place-self: start; } .\!k-place-self-start { place-self: start !important; } .k-place-self-end { place-self: end; } .\!k-place-self-end { place-self: end !important; } .k-place-self-flex-start { place-self: flex-start; } .\!k-place-self-flex-start { place-self: flex-start !important; } .k-place-self-flex-end { place-self: flex-end; } .\!k-place-self-flex-end { place-self: flex-end !important; } .k-place-self-self-start { place-self: self-start; } .\!k-place-self-self-start { place-self: self-start !important; } .k-place-self-self-end { place-self: self-end; } .\!k-place-self-self-end { place-self: self-end !important; } .k-place-self-baseline { place-self: baseline; } .\!k-place-self-baseline { place-self: baseline !important; } .k-m-0 { margin: 0; } .\!k-m-0 { margin: 0 !important; } .k-m-1px { margin: 1px; } .\!k-m-1px { margin: 1px !important; } .k-m-0\.5 { margin: 0.125rem; } .\!k-m-0\.5 { margin: 0.125rem !important; } .k-m-1 { margin: 0.25rem; } .\!k-m-1 { margin: 0.25rem !important; } .k-m-1\.5 { margin: 0.375rem; } .\!k-m-1\.5 { margin: 0.375rem !important; } .k-m-2 { margin: 0.5rem; } .\!k-m-2 { margin: 0.5rem !important; } .k-m-2\.5 { margin: 0.625rem; } .\!k-m-2\.5 { margin: 0.625rem !important; } .k-m-3 { margin: 0.75rem; } .\!k-m-3 { margin: 0.75rem !important; } .k-m-3\.5 { margin: 0.875rem; } .\!k-m-3\.5 { margin: 0.875rem !important; } .k-m-4 { margin: 1rem; } .\!k-m-4 { margin: 1rem !important; } .k-m-4\.5 { margin: 1.125rem; } .\!k-m-4\.5 { margin: 1.125rem !important; } .k-m-5 { margin: 1.25rem; } .\!k-m-5 { margin: 1.25rem !important; } .k-m-5\.5 { margin: 1.375rem; } .\!k-m-5\.5 { margin: 1.375rem !important; } .k-m-6 { margin: 1.5rem; } .\!k-m-6 { margin: 1.5rem !important; } .k-m-6\.5 { margin: 1.625rem; } .\!k-m-6\.5 { margin: 1.625rem !important; } .k-m-7 { margin: 1.75rem; } .\!k-m-7 { margin: 1.75rem !important; } .k-m-7\.5 { margin: 1.875rem; } .\!k-m-7\.5 { margin: 1.875rem !important; } .k-m-8 { margin: 2rem; } .\!k-m-8 { margin: 2rem !important; } .k-m-9 { margin: 2.25rem; } .\!k-m-9 { margin: 2.25rem !important; } .k-m-10 { margin: 2.5rem; } .\!k-m-10 { margin: 2.5rem !important; } .k-m-11 { margin: 2.75rem; } .\!k-m-11 { margin: 2.75rem !important; } .k-m-12 { margin: 3rem; } .\!k-m-12 { margin: 3rem !important; } .k-m-13 { margin: 3.25rem; } .\!k-m-13 { margin: 3.25rem !important; } .k-m-14 { margin: 3.5rem; } .\!k-m-14 { margin: 3.5rem !important; } .k-m-15 { margin: 3.75rem; } .\!k-m-15 { margin: 3.75rem !important; } .k-m-16 { margin: 4rem; } .\!k-m-16 { margin: 4rem !important; } .k-m-17 { margin: 4.25rem; } .\!k-m-17 { margin: 4.25rem !important; } .k-m-18 { margin: 4.5rem; } .\!k-m-18 { margin: 4.5rem !important; } .k-m-19 { margin: 4.75rem; } .\!k-m-19 { margin: 4.75rem !important; } .k-m-20 { margin: 5rem; } .\!k-m-20 { margin: 5rem !important; } .k-m-21 { margin: 5.25rem; } .\!k-m-21 { margin: 5.25rem !important; } .k-m-22 { margin: 5.5rem; } .\!k-m-22 { margin: 5.5rem !important; } .k-m-23 { margin: 5.75rem; } .\!k-m-23 { margin: 5.75rem !important; } .k-m-24 { margin: 6rem; } .\!k-m-24 { margin: 6rem !important; } .k-m--1px { margin: -1px; } .\!k-m--1px { margin: -1px !important; } .k-m--0\.5 { margin: -0.125rem; } .\!k-m--0\.5 { margin: -0.125rem !important; } .k-m--1 { margin: -0.25rem; } .\!k-m--1 { margin: -0.25rem !important; } .k-m--1\.5 { margin: -0.375rem; } .\!k-m--1\.5 { margin: -0.375rem !important; } .k-m--2 { margin: -0.5rem; } .\!k-m--2 { margin: -0.5rem !important; } .k-m--2\.5 { margin: -0.625rem; } .\!k-m--2\.5 { margin: -0.625rem !important; } .k-m--3 { margin: -0.75rem; } .\!k-m--3 { margin: -0.75rem !important; } .k-m--3\.5 { margin: -0.875rem; } .\!k-m--3\.5 { margin: -0.875rem !important; } .k-m--4 { margin: -1rem; } .\!k-m--4 { margin: -1rem !important; } .k-m--4\.5 { margin: -1.125rem; } .\!k-m--4\.5 { margin: -1.125rem !important; } .k-m--5 { margin: -1.25rem; } .\!k-m--5 { margin: -1.25rem !important; } .k-m--5\.5 { margin: -1.375rem; } .\!k-m--5\.5 { margin: -1.375rem !important; } .k-m--6 { margin: -1.5rem; } .\!k-m--6 { margin: -1.5rem !important; } .k-m--6\.5 { margin: -1.625rem; } .\!k-m--6\.5 { margin: -1.625rem !important; } .k-m--7 { margin: -1.75rem; } .\!k-m--7 { margin: -1.75rem !important; } .k-m--7\.5 { margin: -1.875rem; } .\!k-m--7\.5 { margin: -1.875rem !important; } .k-m--8 { margin: -2rem; } .\!k-m--8 { margin: -2rem !important; } .k-m--9 { margin: -2.25rem; } .\!k-m--9 { margin: -2.25rem !important; } .k-m--10 { margin: -2.5rem; } .\!k-m--10 { margin: -2.5rem !important; } .k-m--11 { margin: -2.75rem; } .\!k-m--11 { margin: -2.75rem !important; } .k-m--12 { margin: -3rem; } .\!k-m--12 { margin: -3rem !important; } .k-m--13 { margin: -3.25rem; } .\!k-m--13 { margin: -3.25rem !important; } .k-m--14 { margin: -3.5rem; } .\!k-m--14 { margin: -3.5rem !important; } .k-m--15 { margin: -3.75rem; } .\!k-m--15 { margin: -3.75rem !important; } .k-m--16 { margin: -4rem; } .\!k-m--16 { margin: -4rem !important; } .k-m--17 { margin: -4.25rem; } .\!k-m--17 { margin: -4.25rem !important; } .k-m--18 { margin: -4.5rem; } .\!k-m--18 { margin: -4.5rem !important; } .k-m--19 { margin: -4.75rem; } .\!k-m--19 { margin: -4.75rem !important; } .k-m--20 { margin: -5rem; } .\!k-m--20 { margin: -5rem !important; } .k-m--21 { margin: -5.25rem; } .\!k-m--21 { margin: -5.25rem !important; } .k-m--22 { margin: -5.5rem; } .\!k-m--22 { margin: -5.5rem !important; } .k-m--23 { margin: -5.75rem; } .\!k-m--23 { margin: -5.75rem !important; } .k-m--24 { margin: -6rem; } .\!k-m--24 { margin: -6rem !important; } .k-m-xs { margin: 0.25rem; } .\!k-m-xs { margin: 0.25rem !important; } .k-m-sm { margin: 0.5rem; } .\!k-m-sm { margin: 0.5rem !important; } .k-m-md { margin: 0.75rem; } .\!k-m-md { margin: 0.75rem !important; } .k-m-lg { margin: 1rem; } .\!k-m-lg { margin: 1rem !important; } .k-m-xl { margin: 1.5rem; } .\!k-m-xl { margin: 1.5rem !important; } .k-m-thin { margin: 0.125rem; } .\!k-m-thin { margin: 0.125rem !important; } .k-m-hair { margin: 1px; } .\!k-m-hair { margin: 1px !important; } .k-m-auto { margin: auto; } .\!k-m-auto { margin: auto !important; } .k-mt-0 { margin-top: 0; } .\!k-mt-0 { margin-top: 0 !important; } .k-mt-1px { margin-top: 1px; } .\!k-mt-1px { margin-top: 1px !important; } .k-mt-0\.5 { margin-top: 0.125rem; } .\!k-mt-0\.5 { margin-top: 0.125rem !important; } .k-mt-1 { margin-top: 0.25rem; } .\!k-mt-1 { margin-top: 0.25rem !important; } .k-mt-1\.5 { margin-top: 0.375rem; } .\!k-mt-1\.5 { margin-top: 0.375rem !important; } .k-mt-2 { margin-top: 0.5rem; } .\!k-mt-2 { margin-top: 0.5rem !important; } .k-mt-2\.5 { margin-top: 0.625rem; } .\!k-mt-2\.5 { margin-top: 0.625rem !important; } .k-mt-3 { margin-top: 0.75rem; } .\!k-mt-3 { margin-top: 0.75rem !important; } .k-mt-3\.5 { margin-top: 0.875rem; } .\!k-mt-3\.5 { margin-top: 0.875rem !important; } .k-mt-4 { margin-top: 1rem; } .\!k-mt-4 { margin-top: 1rem !important; } .k-mt-4\.5 { margin-top: 1.125rem; } .\!k-mt-4\.5 { margin-top: 1.125rem !important; } .k-mt-5 { margin-top: 1.25rem; } .\!k-mt-5 { margin-top: 1.25rem !important; } .k-mt-5\.5 { margin-top: 1.375rem; } .\!k-mt-5\.5 { margin-top: 1.375rem !important; } .k-mt-6 { margin-top: 1.5rem; } .\!k-mt-6 { margin-top: 1.5rem !important; } .k-mt-6\.5 { margin-top: 1.625rem; } .\!k-mt-6\.5 { margin-top: 1.625rem !important; } .k-mt-7 { margin-top: 1.75rem; } .\!k-mt-7 { margin-top: 1.75rem !important; } .k-mt-7\.5 { margin-top: 1.875rem; } .\!k-mt-7\.5 { margin-top: 1.875rem !important; } .k-mt-8 { margin-top: 2rem; } .\!k-mt-8 { margin-top: 2rem !important; } .k-mt-9 { margin-top: 2.25rem; } .\!k-mt-9 { margin-top: 2.25rem !important; } .k-mt-10 { margin-top: 2.5rem; } .\!k-mt-10 { margin-top: 2.5rem !important; } .k-mt-11 { margin-top: 2.75rem; } .\!k-mt-11 { margin-top: 2.75rem !important; } .k-mt-12 { margin-top: 3rem; } .\!k-mt-12 { margin-top: 3rem !important; } .k-mt-13 { margin-top: 3.25rem; } .\!k-mt-13 { margin-top: 3.25rem !important; } .k-mt-14 { margin-top: 3.5rem; } .\!k-mt-14 { margin-top: 3.5rem !important; } .k-mt-15 { margin-top: 3.75rem; } .\!k-mt-15 { margin-top: 3.75rem !important; } .k-mt-16 { margin-top: 4rem; } .\!k-mt-16 { margin-top: 4rem !important; } .k-mt-17 { margin-top: 4.25rem; } .\!k-mt-17 { margin-top: 4.25rem !important; } .k-mt-18 { margin-top: 4.5rem; } .\!k-mt-18 { margin-top: 4.5rem !important; } .k-mt-19 { margin-top: 4.75rem; } .\!k-mt-19 { margin-top: 4.75rem !important; } .k-mt-20 { margin-top: 5rem; } .\!k-mt-20 { margin-top: 5rem !important; } .k-mt-21 { margin-top: 5.25rem; } .\!k-mt-21 { margin-top: 5.25rem !important; } .k-mt-22 { margin-top: 5.5rem; } .\!k-mt-22 { margin-top: 5.5rem !important; } .k-mt-23 { margin-top: 5.75rem; } .\!k-mt-23 { margin-top: 5.75rem !important; } .k-mt-24 { margin-top: 6rem; } .\!k-mt-24 { margin-top: 6rem !important; } .k-mt--1px { margin-top: -1px; } .\!k-mt--1px { margin-top: -1px !important; } .k-mt--0\.5 { margin-top: -0.125rem; } .\!k-mt--0\.5 { margin-top: -0.125rem !important; } .k-mt--1 { margin-top: -0.25rem; } .\!k-mt--1 { margin-top: -0.25rem !important; } .k-mt--1\.5 { margin-top: -0.375rem; } .\!k-mt--1\.5 { margin-top: -0.375rem !important; } .k-mt--2 { margin-top: -0.5rem; } .\!k-mt--2 { margin-top: -0.5rem !important; } .k-mt--2\.5 { margin-top: -0.625rem; } .\!k-mt--2\.5 { margin-top: -0.625rem !important; } .k-mt--3 { margin-top: -0.75rem; } .\!k-mt--3 { margin-top: -0.75rem !important; } .k-mt--3\.5 { margin-top: -0.875rem; } .\!k-mt--3\.5 { margin-top: -0.875rem !important; } .k-mt--4 { margin-top: -1rem; } .\!k-mt--4 { margin-top: -1rem !important; } .k-mt--4\.5 { margin-top: -1.125rem; } .\!k-mt--4\.5 { margin-top: -1.125rem !important; } .k-mt--5 { margin-top: -1.25rem; } .\!k-mt--5 { margin-top: -1.25rem !important; } .k-mt--5\.5 { margin-top: -1.375rem; } .\!k-mt--5\.5 { margin-top: -1.375rem !important; } .k-mt--6 { margin-top: -1.5rem; } .\!k-mt--6 { margin-top: -1.5rem !important; } .k-mt--6\.5 { margin-top: -1.625rem; } .\!k-mt--6\.5 { margin-top: -1.625rem !important; } .k-mt--7 { margin-top: -1.75rem; } .\!k-mt--7 { margin-top: -1.75rem !important; } .k-mt--7\.5 { margin-top: -1.875rem; } .\!k-mt--7\.5 { margin-top: -1.875rem !important; } .k-mt--8 { margin-top: -2rem; } .\!k-mt--8 { margin-top: -2rem !important; } .k-mt--9 { margin-top: -2.25rem; } .\!k-mt--9 { margin-top: -2.25rem !important; } .k-mt--10 { margin-top: -2.5rem; } .\!k-mt--10 { margin-top: -2.5rem !important; } .k-mt--11 { margin-top: -2.75rem; } .\!k-mt--11 { margin-top: -2.75rem !important; } .k-mt--12 { margin-top: -3rem; } .\!k-mt--12 { margin-top: -3rem !important; } .k-mt--13 { margin-top: -3.25rem; } .\!k-mt--13 { margin-top: -3.25rem !important; } .k-mt--14 { margin-top: -3.5rem; } .\!k-mt--14 { margin-top: -3.5rem !important; } .k-mt--15 { margin-top: -3.75rem; } .\!k-mt--15 { margin-top: -3.75rem !important; } .k-mt--16 { margin-top: -4rem; } .\!k-mt--16 { margin-top: -4rem !important; } .k-mt--17 { margin-top: -4.25rem; } .\!k-mt--17 { margin-top: -4.25rem !important; } .k-mt--18 { margin-top: -4.5rem; } .\!k-mt--18 { margin-top: -4.5rem !important; } .k-mt--19 { margin-top: -4.75rem; } .\!k-mt--19 { margin-top: -4.75rem !important; } .k-mt--20 { margin-top: -5rem; } .\!k-mt--20 { margin-top: -5rem !important; } .k-mt--21 { margin-top: -5.25rem; } .\!k-mt--21 { margin-top: -5.25rem !important; } .k-mt--22 { margin-top: -5.5rem; } .\!k-mt--22 { margin-top: -5.5rem !important; } .k-mt--23 { margin-top: -5.75rem; } .\!k-mt--23 { margin-top: -5.75rem !important; } .k-mt--24 { margin-top: -6rem; } .\!k-mt--24 { margin-top: -6rem !important; } .k-mt-xs { margin-top: 0.25rem; } .\!k-mt-xs { margin-top: 0.25rem !important; } .k-mt-sm { margin-top: 0.5rem; } .\!k-mt-sm { margin-top: 0.5rem !important; } .k-mt-md { margin-top: 0.75rem; } .\!k-mt-md { margin-top: 0.75rem !important; } .k-mt-lg { margin-top: 1rem; } .\!k-mt-lg { margin-top: 1rem !important; } .k-mt-xl { margin-top: 1.5rem; } .\!k-mt-xl { margin-top: 1.5rem !important; } .k-mt-thin { margin-top: 0.125rem; } .\!k-mt-thin { margin-top: 0.125rem !important; } .k-mt-hair { margin-top: 1px; } .\!k-mt-hair { margin-top: 1px !important; } .k-mt-auto { margin-top: auto; } .\!k-mt-auto { margin-top: auto !important; } .k-mr-0 { margin-right: 0; } .\!k-mr-0 { margin-right: 0 !important; } .k-mr-1px { margin-right: 1px; } .\!k-mr-1px { margin-right: 1px !important; } .k-mr-0\.5 { margin-right: 0.125rem; } .\!k-mr-0\.5 { margin-right: 0.125rem !important; } .k-mr-1 { margin-right: 0.25rem; } .\!k-mr-1 { margin-right: 0.25rem !important; } .k-mr-1\.5 { margin-right: 0.375rem; } .\!k-mr-1\.5 { margin-right: 0.375rem !important; } .k-mr-2 { margin-right: 0.5rem; } .\!k-mr-2 { margin-right: 0.5rem !important; } .k-mr-2\.5 { margin-right: 0.625rem; } .\!k-mr-2\.5 { margin-right: 0.625rem !important; } .k-mr-3 { margin-right: 0.75rem; } .\!k-mr-3 { margin-right: 0.75rem !important; } .k-mr-3\.5 { margin-right: 0.875rem; } .\!k-mr-3\.5 { margin-right: 0.875rem !important; } .k-mr-4 { margin-right: 1rem; } .\!k-mr-4 { margin-right: 1rem !important; } .k-mr-4\.5 { margin-right: 1.125rem; } .\!k-mr-4\.5 { margin-right: 1.125rem !important; } .k-mr-5 { margin-right: 1.25rem; } .\!k-mr-5 { margin-right: 1.25rem !important; } .k-mr-5\.5 { margin-right: 1.375rem; } .\!k-mr-5\.5 { margin-right: 1.375rem !important; } .k-mr-6 { margin-right: 1.5rem; } .\!k-mr-6 { margin-right: 1.5rem !important; } .k-mr-6\.5 { margin-right: 1.625rem; } .\!k-mr-6\.5 { margin-right: 1.625rem !important; } .k-mr-7 { margin-right: 1.75rem; } .\!k-mr-7 { margin-right: 1.75rem !important; } .k-mr-7\.5 { margin-right: 1.875rem; } .\!k-mr-7\.5 { margin-right: 1.875rem !important; } .k-mr-8 { margin-right: 2rem; } .\!k-mr-8 { margin-right: 2rem !important; } .k-mr-9 { margin-right: 2.25rem; } .\!k-mr-9 { margin-right: 2.25rem !important; } .k-mr-10 { margin-right: 2.5rem; } .\!k-mr-10 { margin-right: 2.5rem !important; } .k-mr-11 { margin-right: 2.75rem; } .\!k-mr-11 { margin-right: 2.75rem !important; } .k-mr-12 { margin-right: 3rem; } .\!k-mr-12 { margin-right: 3rem !important; } .k-mr-13 { margin-right: 3.25rem; } .\!k-mr-13 { margin-right: 3.25rem !important; } .k-mr-14 { margin-right: 3.5rem; } .\!k-mr-14 { margin-right: 3.5rem !important; } .k-mr-15 { margin-right: 3.75rem; } .\!k-mr-15 { margin-right: 3.75rem !important; } .k-mr-16 { margin-right: 4rem; } .\!k-mr-16 { margin-right: 4rem !important; } .k-mr-17 { margin-right: 4.25rem; } .\!k-mr-17 { margin-right: 4.25rem !important; } .k-mr-18 { margin-right: 4.5rem; } .\!k-mr-18 { margin-right: 4.5rem !important; } .k-mr-19 { margin-right: 4.75rem; } .\!k-mr-19 { margin-right: 4.75rem !important; } .k-mr-20 { margin-right: 5rem; } .\!k-mr-20 { margin-right: 5rem !important; } .k-mr-21 { margin-right: 5.25rem; } .\!k-mr-21 { margin-right: 5.25rem !important; } .k-mr-22 { margin-right: 5.5rem; } .\!k-mr-22 { margin-right: 5.5rem !important; } .k-mr-23 { margin-right: 5.75rem; } .\!k-mr-23 { margin-right: 5.75rem !important; } .k-mr-24 { margin-right: 6rem; } .\!k-mr-24 { margin-right: 6rem !important; } .k-mr--1px { margin-right: -1px; } .\!k-mr--1px { margin-right: -1px !important; } .k-mr--0\.5 { margin-right: -0.125rem; } .\!k-mr--0\.5 { margin-right: -0.125rem !important; } .k-mr--1 { margin-right: -0.25rem; } .\!k-mr--1 { margin-right: -0.25rem !important; } .k-mr--1\.5 { margin-right: -0.375rem; } .\!k-mr--1\.5 { margin-right: -0.375rem !important; } .k-mr--2 { margin-right: -0.5rem; } .\!k-mr--2 { margin-right: -0.5rem !important; } .k-mr--2\.5 { margin-right: -0.625rem; } .\!k-mr--2\.5 { margin-right: -0.625rem !important; } .k-mr--3 { margin-right: -0.75rem; } .\!k-mr--3 { margin-right: -0.75rem !important; } .k-mr--3\.5 { margin-right: -0.875rem; } .\!k-mr--3\.5 { margin-right: -0.875rem !important; } .k-mr--4 { margin-right: -1rem; } .\!k-mr--4 { margin-right: -1rem !important; } .k-mr--4\.5 { margin-right: -1.125rem; } .\!k-mr--4\.5 { margin-right: -1.125rem !important; } .k-mr--5 { margin-right: -1.25rem; } .\!k-mr--5 { margin-right: -1.25rem !important; } .k-mr--5\.5 { margin-right: -1.375rem; } .\!k-mr--5\.5 { margin-right: -1.375rem !important; } .k-mr--6 { margin-right: -1.5rem; } .\!k-mr--6 { margin-right: -1.5rem !important; } .k-mr--6\.5 { margin-right: -1.625rem; } .\!k-mr--6\.5 { margin-right: -1.625rem !important; } .k-mr--7 { margin-right: -1.75rem; } .\!k-mr--7 { margin-right: -1.75rem !important; } .k-mr--7\.5 { margin-right: -1.875rem; } .\!k-mr--7\.5 { margin-right: -1.875rem !important; } .k-mr--8 { margin-right: -2rem; } .\!k-mr--8 { margin-right: -2rem !important; } .k-mr--9 { margin-right: -2.25rem; } .\!k-mr--9 { margin-right: -2.25rem !important; } .k-mr--10 { margin-right: -2.5rem; } .\!k-mr--10 { margin-right: -2.5rem !important; } .k-mr--11 { margin-right: -2.75rem; } .\!k-mr--11 { margin-right: -2.75rem !important; } .k-mr--12 { margin-right: -3rem; } .\!k-mr--12 { margin-right: -3rem !important; } .k-mr--13 { margin-right: -3.25rem; } .\!k-mr--13 { margin-right: -3.25rem !important; } .k-mr--14 { margin-right: -3.5rem; } .\!k-mr--14 { margin-right: -3.5rem !important; } .k-mr--15 { margin-right: -3.75rem; } .\!k-mr--15 { margin-right: -3.75rem !important; } .k-mr--16 { margin-right: -4rem; } .\!k-mr--16 { margin-right: -4rem !important; } .k-mr--17 { margin-right: -4.25rem; } .\!k-mr--17 { margin-right: -4.25rem !important; } .k-mr--18 { margin-right: -4.5rem; } .\!k-mr--18 { margin-right: -4.5rem !important; } .k-mr--19 { margin-right: -4.75rem; } .\!k-mr--19 { margin-right: -4.75rem !important; } .k-mr--20 { margin-right: -5rem; } .\!k-mr--20 { margin-right: -5rem !important; } .k-mr--21 { margin-right: -5.25rem; } .\!k-mr--21 { margin-right: -5.25rem !important; } .k-mr--22 { margin-right: -5.5rem; } .\!k-mr--22 { margin-right: -5.5rem !important; } .k-mr--23 { margin-right: -5.75rem; } .\!k-mr--23 { margin-right: -5.75rem !important; } .k-mr--24 { margin-right: -6rem; } .\!k-mr--24 { margin-right: -6rem !important; } .k-mr-xs { margin-right: 0.25rem; } .\!k-mr-xs { margin-right: 0.25rem !important; } .k-mr-sm { margin-right: 0.5rem; } .\!k-mr-sm { margin-right: 0.5rem !important; } .k-mr-md { margin-right: 0.75rem; } .\!k-mr-md { margin-right: 0.75rem !important; } .k-mr-lg { margin-right: 1rem; } .\!k-mr-lg { margin-right: 1rem !important; } .k-mr-xl { margin-right: 1.5rem; } .\!k-mr-xl { margin-right: 1.5rem !important; } .k-mr-thin { margin-right: 0.125rem; } .\!k-mr-thin { margin-right: 0.125rem !important; } .k-mr-hair { margin-right: 1px; } .\!k-mr-hair { margin-right: 1px !important; } .k-mr-auto { margin-right: auto; } .\!k-mr-auto { margin-right: auto !important; } .k-mb-0 { margin-bottom: 0; } .\!k-mb-0 { margin-bottom: 0 !important; } .k-mb-1px { margin-bottom: 1px; } .\!k-mb-1px { margin-bottom: 1px !important; } .k-mb-0\.5 { margin-bottom: 0.125rem; } .\!k-mb-0\.5 { margin-bottom: 0.125rem !important; } .k-mb-1 { margin-bottom: 0.25rem; } .\!k-mb-1 { margin-bottom: 0.25rem !important; } .k-mb-1\.5 { margin-bottom: 0.375rem; } .\!k-mb-1\.5 { margin-bottom: 0.375rem !important; } .k-mb-2 { margin-bottom: 0.5rem; } .\!k-mb-2 { margin-bottom: 0.5rem !important; } .k-mb-2\.5 { margin-bottom: 0.625rem; } .\!k-mb-2\.5 { margin-bottom: 0.625rem !important; } .k-mb-3 { margin-bottom: 0.75rem; } .\!k-mb-3 { margin-bottom: 0.75rem !important; } .k-mb-3\.5 { margin-bottom: 0.875rem; } .\!k-mb-3\.5 { margin-bottom: 0.875rem !important; } .k-mb-4 { margin-bottom: 1rem; } .\!k-mb-4 { margin-bottom: 1rem !important; } .k-mb-4\.5 { margin-bottom: 1.125rem; } .\!k-mb-4\.5 { margin-bottom: 1.125rem !important; } .k-mb-5 { margin-bottom: 1.25rem; } .\!k-mb-5 { margin-bottom: 1.25rem !important; } .k-mb-5\.5 { margin-bottom: 1.375rem; } .\!k-mb-5\.5 { margin-bottom: 1.375rem !important; } .k-mb-6 { margin-bottom: 1.5rem; } .\!k-mb-6 { margin-bottom: 1.5rem !important; } .k-mb-6\.5 { margin-bottom: 1.625rem; } .\!k-mb-6\.5 { margin-bottom: 1.625rem !important; } .k-mb-7 { margin-bottom: 1.75rem; } .\!k-mb-7 { margin-bottom: 1.75rem !important; } .k-mb-7\.5 { margin-bottom: 1.875rem; } .\!k-mb-7\.5 { margin-bottom: 1.875rem !important; } .k-mb-8 { margin-bottom: 2rem; } .\!k-mb-8 { margin-bottom: 2rem !important; } .k-mb-9 { margin-bottom: 2.25rem; } .\!k-mb-9 { margin-bottom: 2.25rem !important; } .k-mb-10 { margin-bottom: 2.5rem; } .\!k-mb-10 { margin-bottom: 2.5rem !important; } .k-mb-11 { margin-bottom: 2.75rem; } .\!k-mb-11 { margin-bottom: 2.75rem !important; } .k-mb-12 { margin-bottom: 3rem; } .\!k-mb-12 { margin-bottom: 3rem !important; } .k-mb-13 { margin-bottom: 3.25rem; } .\!k-mb-13 { margin-bottom: 3.25rem !important; } .k-mb-14 { margin-bottom: 3.5rem; } .\!k-mb-14 { margin-bottom: 3.5rem !important; } .k-mb-15 { margin-bottom: 3.75rem; } .\!k-mb-15 { margin-bottom: 3.75rem !important; } .k-mb-16 { margin-bottom: 4rem; } .\!k-mb-16 { margin-bottom: 4rem !important; } .k-mb-17 { margin-bottom: 4.25rem; } .\!k-mb-17 { margin-bottom: 4.25rem !important; } .k-mb-18 { margin-bottom: 4.5rem; } .\!k-mb-18 { margin-bottom: 4.5rem !important; } .k-mb-19 { margin-bottom: 4.75rem; } .\!k-mb-19 { margin-bottom: 4.75rem !important; } .k-mb-20 { margin-bottom: 5rem; } .\!k-mb-20 { margin-bottom: 5rem !important; } .k-mb-21 { margin-bottom: 5.25rem; } .\!k-mb-21 { margin-bottom: 5.25rem !important; } .k-mb-22 { margin-bottom: 5.5rem; } .\!k-mb-22 { margin-bottom: 5.5rem !important; } .k-mb-23 { margin-bottom: 5.75rem; } .\!k-mb-23 { margin-bottom: 5.75rem !important; } .k-mb-24 { margin-bottom: 6rem; } .\!k-mb-24 { margin-bottom: 6rem !important; } .k-mb--1px { margin-bottom: -1px; } .\!k-mb--1px { margin-bottom: -1px !important; } .k-mb--0\.5 { margin-bottom: -0.125rem; } .\!k-mb--0\.5 { margin-bottom: -0.125rem !important; } .k-mb--1 { margin-bottom: -0.25rem; } .\!k-mb--1 { margin-bottom: -0.25rem !important; } .k-mb--1\.5 { margin-bottom: -0.375rem; } .\!k-mb--1\.5 { margin-bottom: -0.375rem !important; } .k-mb--2 { margin-bottom: -0.5rem; } .\!k-mb--2 { margin-bottom: -0.5rem !important; } .k-mb--2\.5 { margin-bottom: -0.625rem; } .\!k-mb--2\.5 { margin-bottom: -0.625rem !important; } .k-mb--3 { margin-bottom: -0.75rem; } .\!k-mb--3 { margin-bottom: -0.75rem !important; } .k-mb--3\.5 { margin-bottom: -0.875rem; } .\!k-mb--3\.5 { margin-bottom: -0.875rem !important; } .k-mb--4 { margin-bottom: -1rem; } .\!k-mb--4 { margin-bottom: -1rem !important; } .k-mb--4\.5 { margin-bottom: -1.125rem; } .\!k-mb--4\.5 { margin-bottom: -1.125rem !important; } .k-mb--5 { margin-bottom: -1.25rem; } .\!k-mb--5 { margin-bottom: -1.25rem !important; } .k-mb--5\.5 { margin-bottom: -1.375rem; } .\!k-mb--5\.5 { margin-bottom: -1.375rem !important; } .k-mb--6 { margin-bottom: -1.5rem; } .\!k-mb--6 { margin-bottom: -1.5rem !important; } .k-mb--6\.5 { margin-bottom: -1.625rem; } .\!k-mb--6\.5 { margin-bottom: -1.625rem !important; } .k-mb--7 { margin-bottom: -1.75rem; } .\!k-mb--7 { margin-bottom: -1.75rem !important; } .k-mb--7\.5 { margin-bottom: -1.875rem; } .\!k-mb--7\.5 { margin-bottom: -1.875rem !important; } .k-mb--8 { margin-bottom: -2rem; } .\!k-mb--8 { margin-bottom: -2rem !important; } .k-mb--9 { margin-bottom: -2.25rem; } .\!k-mb--9 { margin-bottom: -2.25rem !important; } .k-mb--10 { margin-bottom: -2.5rem; } .\!k-mb--10 { margin-bottom: -2.5rem !important; } .k-mb--11 { margin-bottom: -2.75rem; } .\!k-mb--11 { margin-bottom: -2.75rem !important; } .k-mb--12 { margin-bottom: -3rem; } .\!k-mb--12 { margin-bottom: -3rem !important; } .k-mb--13 { margin-bottom: -3.25rem; } .\!k-mb--13 { margin-bottom: -3.25rem !important; } .k-mb--14 { margin-bottom: -3.5rem; } .\!k-mb--14 { margin-bottom: -3.5rem !important; } .k-mb--15 { margin-bottom: -3.75rem; } .\!k-mb--15 { margin-bottom: -3.75rem !important; } .k-mb--16 { margin-bottom: -4rem; } .\!k-mb--16 { margin-bottom: -4rem !important; } .k-mb--17 { margin-bottom: -4.25rem; } .\!k-mb--17 { margin-bottom: -4.25rem !important; } .k-mb--18 { margin-bottom: -4.5rem; } .\!k-mb--18 { margin-bottom: -4.5rem !important; } .k-mb--19 { margin-bottom: -4.75rem; } .\!k-mb--19 { margin-bottom: -4.75rem !important; } .k-mb--20 { margin-bottom: -5rem; } .\!k-mb--20 { margin-bottom: -5rem !important; } .k-mb--21 { margin-bottom: -5.25rem; } .\!k-mb--21 { margin-bottom: -5.25rem !important; } .k-mb--22 { margin-bottom: -5.5rem; } .\!k-mb--22 { margin-bottom: -5.5rem !important; } .k-mb--23 { margin-bottom: -5.75rem; } .\!k-mb--23 { margin-bottom: -5.75rem !important; } .k-mb--24 { margin-bottom: -6rem; } .\!k-mb--24 { margin-bottom: -6rem !important; } .k-mb-xs { margin-bottom: 0.25rem; } .\!k-mb-xs { margin-bottom: 0.25rem !important; } .k-mb-sm { margin-bottom: 0.5rem; } .\!k-mb-sm { margin-bottom: 0.5rem !important; } .k-mb-md { margin-bottom: 0.75rem; } .\!k-mb-md { margin-bottom: 0.75rem !important; } .k-mb-lg { margin-bottom: 1rem; } .\!k-mb-lg { margin-bottom: 1rem !important; } .k-mb-xl { margin-bottom: 1.5rem; } .\!k-mb-xl { margin-bottom: 1.5rem !important; } .k-mb-thin { margin-bottom: 0.125rem; } .\!k-mb-thin { margin-bottom: 0.125rem !important; } .k-mb-hair { margin-bottom: 1px; } .\!k-mb-hair { margin-bottom: 1px !important; } .k-mb-auto { margin-bottom: auto; } .\!k-mb-auto { margin-bottom: auto !important; } .k-ml-0 { margin-left: 0; } .\!k-ml-0 { margin-left: 0 !important; } .k-ml-1px { margin-left: 1px; } .\!k-ml-1px { margin-left: 1px !important; } .k-ml-0\.5 { margin-left: 0.125rem; } .\!k-ml-0\.5 { margin-left: 0.125rem !important; } .k-ml-1 { margin-left: 0.25rem; } .\!k-ml-1 { margin-left: 0.25rem !important; } .k-ml-1\.5 { margin-left: 0.375rem; } .\!k-ml-1\.5 { margin-left: 0.375rem !important; } .k-ml-2 { margin-left: 0.5rem; } .\!k-ml-2 { margin-left: 0.5rem !important; } .k-ml-2\.5 { margin-left: 0.625rem; } .\!k-ml-2\.5 { margin-left: 0.625rem !important; } .k-ml-3 { margin-left: 0.75rem; } .\!k-ml-3 { margin-left: 0.75rem !important; } .k-ml-3\.5 { margin-left: 0.875rem; } .\!k-ml-3\.5 { margin-left: 0.875rem !important; } .k-ml-4 { margin-left: 1rem; } .\!k-ml-4 { margin-left: 1rem !important; } .k-ml-4\.5 { margin-left: 1.125rem; } .\!k-ml-4\.5 { margin-left: 1.125rem !important; } .k-ml-5 { margin-left: 1.25rem; } .\!k-ml-5 { margin-left: 1.25rem !important; } .k-ml-5\.5 { margin-left: 1.375rem; } .\!k-ml-5\.5 { margin-left: 1.375rem !important; } .k-ml-6 { margin-left: 1.5rem; } .\!k-ml-6 { margin-left: 1.5rem !important; } .k-ml-6\.5 { margin-left: 1.625rem; } .\!k-ml-6\.5 { margin-left: 1.625rem !important; } .k-ml-7 { margin-left: 1.75rem; } .\!k-ml-7 { margin-left: 1.75rem !important; } .k-ml-7\.5 { margin-left: 1.875rem; } .\!k-ml-7\.5 { margin-left: 1.875rem !important; } .k-ml-8 { margin-left: 2rem; } .\!k-ml-8 { margin-left: 2rem !important; } .k-ml-9 { margin-left: 2.25rem; } .\!k-ml-9 { margin-left: 2.25rem !important; } .k-ml-10 { margin-left: 2.5rem; } .\!k-ml-10 { margin-left: 2.5rem !important; } .k-ml-11 { margin-left: 2.75rem; } .\!k-ml-11 { margin-left: 2.75rem !important; } .k-ml-12 { margin-left: 3rem; } .\!k-ml-12 { margin-left: 3rem !important; } .k-ml-13 { margin-left: 3.25rem; } .\!k-ml-13 { margin-left: 3.25rem !important; } .k-ml-14 { margin-left: 3.5rem; } .\!k-ml-14 { margin-left: 3.5rem !important; } .k-ml-15 { margin-left: 3.75rem; } .\!k-ml-15 { margin-left: 3.75rem !important; } .k-ml-16 { margin-left: 4rem; } .\!k-ml-16 { margin-left: 4rem !important; } .k-ml-17 { margin-left: 4.25rem; } .\!k-ml-17 { margin-left: 4.25rem !important; } .k-ml-18 { margin-left: 4.5rem; } .\!k-ml-18 { margin-left: 4.5rem !important; } .k-ml-19 { margin-left: 4.75rem; } .\!k-ml-19 { margin-left: 4.75rem !important; } .k-ml-20 { margin-left: 5rem; } .\!k-ml-20 { margin-left: 5rem !important; } .k-ml-21 { margin-left: 5.25rem; } .\!k-ml-21 { margin-left: 5.25rem !important; } .k-ml-22 { margin-left: 5.5rem; } .\!k-ml-22 { margin-left: 5.5rem !important; } .k-ml-23 { margin-left: 5.75rem; } .\!k-ml-23 { margin-left: 5.75rem !important; } .k-ml-24 { margin-left: 6rem; } .\!k-ml-24 { margin-left: 6rem !important; } .k-ml--1px { margin-left: -1px; } .\!k-ml--1px { margin-left: -1px !important; } .k-ml--0\.5 { margin-left: -0.125rem; } .\!k-ml--0\.5 { margin-left: -0.125rem !important; } .k-ml--1 { margin-left: -0.25rem; } .\!k-ml--1 { margin-left: -0.25rem !important; } .k-ml--1\.5 { margin-left: -0.375rem; } .\!k-ml--1\.5 { margin-left: -0.375rem !important; } .k-ml--2 { margin-left: -0.5rem; } .\!k-ml--2 { margin-left: -0.5rem !important; } .k-ml--2\.5 { margin-left: -0.625rem; } .\!k-ml--2\.5 { margin-left: -0.625rem !important; } .k-ml--3 { margin-left: -0.75rem; } .\!k-ml--3 { margin-left: -0.75rem !important; } .k-ml--3\.5 { margin-left: -0.875rem; } .\!k-ml--3\.5 { margin-left: -0.875rem !important; } .k-ml--4 { margin-left: -1rem; } .\!k-ml--4 { margin-left: -1rem !important; } .k-ml--4\.5 { margin-left: -1.125rem; } .\!k-ml--4\.5 { margin-left: -1.125rem !important; } .k-ml--5 { margin-left: -1.25rem; } .\!k-ml--5 { margin-left: -1.25rem !important; } .k-ml--5\.5 { margin-left: -1.375rem; } .\!k-ml--5\.5 { margin-left: -1.375rem !important; } .k-ml--6 { margin-left: -1.5rem; } .\!k-ml--6 { margin-left: -1.5rem !important; } .k-ml--6\.5 { margin-left: -1.625rem; } .\!k-ml--6\.5 { margin-left: -1.625rem !important; } .k-ml--7 { margin-left: -1.75rem; } .\!k-ml--7 { margin-left: -1.75rem !important; } .k-ml--7\.5 { margin-left: -1.875rem; } .\!k-ml--7\.5 { margin-left: -1.875rem !important; } .k-ml--8 { margin-left: -2rem; } .\!k-ml--8 { margin-left: -2rem !important; } .k-ml--9 { margin-left: -2.25rem; } .\!k-ml--9 { margin-left: -2.25rem !important; } .k-ml--10 { margin-left: -2.5rem; } .\!k-ml--10 { margin-left: -2.5rem !important; } .k-ml--11 { margin-left: -2.75rem; } .\!k-ml--11 { margin-left: -2.75rem !important; } .k-ml--12 { margin-left: -3rem; } .\!k-ml--12 { margin-left: -3rem !important; } .k-ml--13 { margin-left: -3.25rem; } .\!k-ml--13 { margin-left: -3.25rem !important; } .k-ml--14 { margin-left: -3.5rem; } .\!k-ml--14 { margin-left: -3.5rem !important; } .k-ml--15 { margin-left: -3.75rem; } .\!k-ml--15 { margin-left: -3.75rem !important; } .k-ml--16 { margin-left: -4rem; } .\!k-ml--16 { margin-left: -4rem !important; } .k-ml--17 { margin-left: -4.25rem; } .\!k-ml--17 { margin-left: -4.25rem !important; } .k-ml--18 { margin-left: -4.5rem; } .\!k-ml--18 { margin-left: -4.5rem !important; } .k-ml--19 { margin-left: -4.75rem; } .\!k-ml--19 { margin-left: -4.75rem !important; } .k-ml--20 { margin-left: -5rem; } .\!k-ml--20 { margin-left: -5rem !important; } .k-ml--21 { margin-left: -5.25rem; } .\!k-ml--21 { margin-left: -5.25rem !important; } .k-ml--22 { margin-left: -5.5rem; } .\!k-ml--22 { margin-left: -5.5rem !important; } .k-ml--23 { margin-left: -5.75rem; } .\!k-ml--23 { margin-left: -5.75rem !important; } .k-ml--24 { margin-left: -6rem; } .\!k-ml--24 { margin-left: -6rem !important; } .k-ml-xs { margin-left: 0.25rem; } .\!k-ml-xs { margin-left: 0.25rem !important; } .k-ml-sm { margin-left: 0.5rem; } .\!k-ml-sm { margin-left: 0.5rem !important; } .k-ml-md { margin-left: 0.75rem; } .\!k-ml-md { margin-left: 0.75rem !important; } .k-ml-lg { margin-left: 1rem; } .\!k-ml-lg { margin-left: 1rem !important; } .k-ml-xl { margin-left: 1.5rem; } .\!k-ml-xl { margin-left: 1.5rem !important; } .k-ml-thin { margin-left: 0.125rem; } .\!k-ml-thin { margin-left: 0.125rem !important; } .k-ml-hair { margin-left: 1px; } .\!k-ml-hair { margin-left: 1px !important; } .k-ml-auto { margin-left: auto; } .\!k-ml-auto { margin-left: auto !important; } .k-mx-0 { margin-inline: 0; } .\!k-mx-0 { margin-inline: 0 !important; } .k-mx-1px { margin-inline: 1px; } .\!k-mx-1px { margin-inline: 1px !important; } .k-mx-0\.5 { margin-inline: 0.125rem; } .\!k-mx-0\.5 { margin-inline: 0.125rem !important; } .k-mx-1 { margin-inline: 0.25rem; } .\!k-mx-1 { margin-inline: 0.25rem !important; } .k-mx-1\.5 { margin-inline: 0.375rem; } .\!k-mx-1\.5 { margin-inline: 0.375rem !important; } .k-mx-2 { margin-inline: 0.5rem; } .\!k-mx-2 { margin-inline: 0.5rem !important; } .k-mx-2\.5 { margin-inline: 0.625rem; } .\!k-mx-2\.5 { margin-inline: 0.625rem !important; } .k-mx-3 { margin-inline: 0.75rem; } .\!k-mx-3 { margin-inline: 0.75rem !important; } .k-mx-3\.5 { margin-inline: 0.875rem; } .\!k-mx-3\.5 { margin-inline: 0.875rem !important; } .k-mx-4 { margin-inline: 1rem; } .\!k-mx-4 { margin-inline: 1rem !important; } .k-mx-4\.5 { margin-inline: 1.125rem; } .\!k-mx-4\.5 { margin-inline: 1.125rem !important; } .k-mx-5 { margin-inline: 1.25rem; } .\!k-mx-5 { margin-inline: 1.25rem !important; } .k-mx-5\.5 { margin-inline: 1.375rem; } .\!k-mx-5\.5 { margin-inline: 1.375rem !important; } .k-mx-6 { margin-inline: 1.5rem; } .\!k-mx-6 { margin-inline: 1.5rem !important; } .k-mx-6\.5 { margin-inline: 1.625rem; } .\!k-mx-6\.5 { margin-inline: 1.625rem !important; } .k-mx-7 { margin-inline: 1.75rem; } .\!k-mx-7 { margin-inline: 1.75rem !important; } .k-mx-7\.5 { margin-inline: 1.875rem; } .\!k-mx-7\.5 { margin-inline: 1.875rem !important; } .k-mx-8 { margin-inline: 2rem; } .\!k-mx-8 { margin-inline: 2rem !important; } .k-mx-9 { margin-inline: 2.25rem; } .\!k-mx-9 { margin-inline: 2.25rem !important; } .k-mx-10 { margin-inline: 2.5rem; } .\!k-mx-10 { margin-inline: 2.5rem !important; } .k-mx-11 { margin-inline: 2.75rem; } .\!k-mx-11 { margin-inline: 2.75rem !important; } .k-mx-12 { margin-inline: 3rem; } .\!k-mx-12 { margin-inline: 3rem !important; } .k-mx-13 { margin-inline: 3.25rem; } .\!k-mx-13 { margin-inline: 3.25rem !important; } .k-mx-14 { margin-inline: 3.5rem; } .\!k-mx-14 { margin-inline: 3.5rem !important; } .k-mx-15 { margin-inline: 3.75rem; } .\!k-mx-15 { margin-inline: 3.75rem !important; } .k-mx-16 { margin-inline: 4rem; } .\!k-mx-16 { margin-inline: 4rem !important; } .k-mx-17 { margin-inline: 4.25rem; } .\!k-mx-17 { margin-inline: 4.25rem !important; } .k-mx-18 { margin-inline: 4.5rem; } .\!k-mx-18 { margin-inline: 4.5rem !important; } .k-mx-19 { margin-inline: 4.75rem; } .\!k-mx-19 { margin-inline: 4.75rem !important; } .k-mx-20 { margin-inline: 5rem; } .\!k-mx-20 { margin-inline: 5rem !important; } .k-mx-21 { margin-inline: 5.25rem; } .\!k-mx-21 { margin-inline: 5.25rem !important; } .k-mx-22 { margin-inline: 5.5rem; } .\!k-mx-22 { margin-inline: 5.5rem !important; } .k-mx-23 { margin-inline: 5.75rem; } .\!k-mx-23 { margin-inline: 5.75rem !important; } .k-mx-24 { margin-inline: 6rem; } .\!k-mx-24 { margin-inline: 6rem !important; } .k-mx--1px { margin-inline: -1px; } .\!k-mx--1px { margin-inline: -1px !important; } .k-mx--0\.5 { margin-inline: -0.125rem; } .\!k-mx--0\.5 { margin-inline: -0.125rem !important; } .k-mx--1 { margin-inline: -0.25rem; } .\!k-mx--1 { margin-inline: -0.25rem !important; } .k-mx--1\.5 { margin-inline: -0.375rem; } .\!k-mx--1\.5 { margin-inline: -0.375rem !important; } .k-mx--2 { margin-inline: -0.5rem; } .\!k-mx--2 { margin-inline: -0.5rem !important; } .k-mx--2\.5 { margin-inline: -0.625rem; } .\!k-mx--2\.5 { margin-inline: -0.625rem !important; } .k-mx--3 { margin-inline: -0.75rem; } .\!k-mx--3 { margin-inline: -0.75rem !important; } .k-mx--3\.5 { margin-inline: -0.875rem; } .\!k-mx--3\.5 { margin-inline: -0.875rem !important; } .k-mx--4 { margin-inline: -1rem; } .\!k-mx--4 { margin-inline: -1rem !important; } .k-mx--4\.5 { margin-inline: -1.125rem; } .\!k-mx--4\.5 { margin-inline: -1.125rem !important; } .k-mx--5 { margin-inline: -1.25rem; } .\!k-mx--5 { margin-inline: -1.25rem !important; } .k-mx--5\.5 { margin-inline: -1.375rem; } .\!k-mx--5\.5 { margin-inline: -1.375rem !important; } .k-mx--6 { margin-inline: -1.5rem; } .\!k-mx--6 { margin-inline: -1.5rem !important; } .k-mx--6\.5 { margin-inline: -1.625rem; } .\!k-mx--6\.5 { margin-inline: -1.625rem !important; } .k-mx--7 { margin-inline: -1.75rem; } .\!k-mx--7 { margin-inline: -1.75rem !important; } .k-mx--7\.5 { margin-inline: -1.875rem; } .\!k-mx--7\.5 { margin-inline: -1.875rem !important; } .k-mx--8 { margin-inline: -2rem; } .\!k-mx--8 { margin-inline: -2rem !important; } .k-mx--9 { margin-inline: -2.25rem; } .\!k-mx--9 { margin-inline: -2.25rem !important; } .k-mx--10 { margin-inline: -2.5rem; } .\!k-mx--10 { margin-inline: -2.5rem !important; } .k-mx--11 { margin-inline: -2.75rem; } .\!k-mx--11 { margin-inline: -2.75rem !important; } .k-mx--12 { margin-inline: -3rem; } .\!k-mx--12 { margin-inline: -3rem !important; } .k-mx--13 { margin-inline: -3.25rem; } .\!k-mx--13 { margin-inline: -3.25rem !important; } .k-mx--14 { margin-inline: -3.5rem; } .\!k-mx--14 { margin-inline: -3.5rem !important; } .k-mx--15 { margin-inline: -3.75rem; } .\!k-mx--15 { margin-inline: -3.75rem !important; } .k-mx--16 { margin-inline: -4rem; } .\!k-mx--16 { margin-inline: -4rem !important; } .k-mx--17 { margin-inline: -4.25rem; } .\!k-mx--17 { margin-inline: -4.25rem !important; } .k-mx--18 { margin-inline: -4.5rem; } .\!k-mx--18 { margin-inline: -4.5rem !important; } .k-mx--19 { margin-inline: -4.75rem; } .\!k-mx--19 { margin-inline: -4.75rem !important; } .k-mx--20 { margin-inline: -5rem; } .\!k-mx--20 { margin-inline: -5rem !important; } .k-mx--21 { margin-inline: -5.25rem; } .\!k-mx--21 { margin-inline: -5.25rem !important; } .k-mx--22 { margin-inline: -5.5rem; } .\!k-mx--22 { margin-inline: -5.5rem !important; } .k-mx--23 { margin-inline: -5.75rem; } .\!k-mx--23 { margin-inline: -5.75rem !important; } .k-mx--24 { margin-inline: -6rem; } .\!k-mx--24 { margin-inline: -6rem !important; } .k-mx-xs { margin-inline: 0.25rem; } .\!k-mx-xs { margin-inline: 0.25rem !important; } .k-mx-sm { margin-inline: 0.5rem; } .\!k-mx-sm { margin-inline: 0.5rem !important; } .k-mx-md { margin-inline: 0.75rem; } .\!k-mx-md { margin-inline: 0.75rem !important; } .k-mx-lg { margin-inline: 1rem; } .\!k-mx-lg { margin-inline: 1rem !important; } .k-mx-xl { margin-inline: 1.5rem; } .\!k-mx-xl { margin-inline: 1.5rem !important; } .k-mx-thin { margin-inline: 0.125rem; } .\!k-mx-thin { margin-inline: 0.125rem !important; } .k-mx-hair { margin-inline: 1px; } .\!k-mx-hair { margin-inline: 1px !important; } .k-mx-auto { margin-inline: auto; } .\!k-mx-auto { margin-inline: auto !important; } .k-my-0 { margin-block: 0; } .\!k-my-0 { margin-block: 0 !important; } .k-my-1px { margin-block: 1px; } .\!k-my-1px { margin-block: 1px !important; } .k-my-0\.5 { margin-block: 0.125rem; } .\!k-my-0\.5 { margin-block: 0.125rem !important; } .k-my-1 { margin-block: 0.25rem; } .\!k-my-1 { margin-block: 0.25rem !important; } .k-my-1\.5 { margin-block: 0.375rem; } .\!k-my-1\.5 { margin-block: 0.375rem !important; } .k-my-2 { margin-block: 0.5rem; } .\!k-my-2 { margin-block: 0.5rem !important; } .k-my-2\.5 { margin-block: 0.625rem; } .\!k-my-2\.5 { margin-block: 0.625rem !important; } .k-my-3 { margin-block: 0.75rem; } .\!k-my-3 { margin-block: 0.75rem !important; } .k-my-3\.5 { margin-block: 0.875rem; } .\!k-my-3\.5 { margin-block: 0.875rem !important; } .k-my-4 { margin-block: 1rem; } .\!k-my-4 { margin-block: 1rem !important; } .k-my-4\.5 { margin-block: 1.125rem; } .\!k-my-4\.5 { margin-block: 1.125rem !important; } .k-my-5 { margin-block: 1.25rem; } .\!k-my-5 { margin-block: 1.25rem !important; } .k-my-5\.5 { margin-block: 1.375rem; } .\!k-my-5\.5 { margin-block: 1.375rem !important; } .k-my-6 { margin-block: 1.5rem; } .\!k-my-6 { margin-block: 1.5rem !important; } .k-my-6\.5 { margin-block: 1.625rem; } .\!k-my-6\.5 { margin-block: 1.625rem !important; } .k-my-7 { margin-block: 1.75rem; } .\!k-my-7 { margin-block: 1.75rem !important; } .k-my-7\.5 { margin-block: 1.875rem; } .\!k-my-7\.5 { margin-block: 1.875rem !important; } .k-my-8 { margin-block: 2rem; } .\!k-my-8 { margin-block: 2rem !important; } .k-my-9 { margin-block: 2.25rem; } .\!k-my-9 { margin-block: 2.25rem !important; } .k-my-10 { margin-block: 2.5rem; } .\!k-my-10 { margin-block: 2.5rem !important; } .k-my-11 { margin-block: 2.75rem; } .\!k-my-11 { margin-block: 2.75rem !important; } .k-my-12 { margin-block: 3rem; } .\!k-my-12 { margin-block: 3rem !important; } .k-my-13 { margin-block: 3.25rem; } .\!k-my-13 { margin-block: 3.25rem !important; } .k-my-14 { margin-block: 3.5rem; } .\!k-my-14 { margin-block: 3.5rem !important; } .k-my-15 { margin-block: 3.75rem; } .\!k-my-15 { margin-block: 3.75rem !important; } .k-my-16 { margin-block: 4rem; } .\!k-my-16 { margin-block: 4rem !important; } .k-my-17 { margin-block: 4.25rem; } .\!k-my-17 { margin-block: 4.25rem !important; } .k-my-18 { margin-block: 4.5rem; } .\!k-my-18 { margin-block: 4.5rem !important; } .k-my-19 { margin-block: 4.75rem; } .\!k-my-19 { margin-block: 4.75rem !important; } .k-my-20 { margin-block: 5rem; } .\!k-my-20 { margin-block: 5rem !important; } .k-my-21 { margin-block: 5.25rem; } .\!k-my-21 { margin-block: 5.25rem !important; } .k-my-22 { margin-block: 5.5rem; } .\!k-my-22 { margin-block: 5.5rem !important; } .k-my-23 { margin-block: 5.75rem; } .\!k-my-23 { margin-block: 5.75rem !important; } .k-my-24 { margin-block: 6rem; } .\!k-my-24 { margin-block: 6rem !important; } .k-my--1px { margin-block: -1px; } .\!k-my--1px { margin-block: -1px !important; } .k-my--0\.5 { margin-block: -0.125rem; } .\!k-my--0\.5 { margin-block: -0.125rem !important; } .k-my--1 { margin-block: -0.25rem; } .\!k-my--1 { margin-block: -0.25rem !important; } .k-my--1\.5 { margin-block: -0.375rem; } .\!k-my--1\.5 { margin-block: -0.375rem !important; } .k-my--2 { margin-block: -0.5rem; } .\!k-my--2 { margin-block: -0.5rem !important; } .k-my--2\.5 { margin-block: -0.625rem; } .\!k-my--2\.5 { margin-block: -0.625rem !important; } .k-my--3 { margin-block: -0.75rem; } .\!k-my--3 { margin-block: -0.75rem !important; } .k-my--3\.5 { margin-block: -0.875rem; } .\!k-my--3\.5 { margin-block: -0.875rem !important; } .k-my--4 { margin-block: -1rem; } .\!k-my--4 { margin-block: -1rem !important; } .k-my--4\.5 { margin-block: -1.125rem; } .\!k-my--4\.5 { margin-block: -1.125rem !important; } .k-my--5 { margin-block: -1.25rem; } .\!k-my--5 { margin-block: -1.25rem !important; } .k-my--5\.5 { margin-block: -1.375rem; } .\!k-my--5\.5 { margin-block: -1.375rem !important; } .k-my--6 { margin-block: -1.5rem; } .\!k-my--6 { margin-block: -1.5rem !important; } .k-my--6\.5 { margin-block: -1.625rem; } .\!k-my--6\.5 { margin-block: -1.625rem !important; } .k-my--7 { margin-block: -1.75rem; } .\!k-my--7 { margin-block: -1.75rem !important; } .k-my--7\.5 { margin-block: -1.875rem; } .\!k-my--7\.5 { margin-block: -1.875rem !important; } .k-my--8 { margin-block: -2rem; } .\!k-my--8 { margin-block: -2rem !important; } .k-my--9 { margin-block: -2.25rem; } .\!k-my--9 { margin-block: -2.25rem !important; } .k-my--10 { margin-block: -2.5rem; } .\!k-my--10 { margin-block: -2.5rem !important; } .k-my--11 { margin-block: -2.75rem; } .\!k-my--11 { margin-block: -2.75rem !important; } .k-my--12 { margin-block: -3rem; } .\!k-my--12 { margin-block: -3rem !important; } .k-my--13 { margin-block: -3.25rem; } .\!k-my--13 { margin-block: -3.25rem !important; } .k-my--14 { margin-block: -3.5rem; } .\!k-my--14 { margin-block: -3.5rem !important; } .k-my--15 { margin-block: -3.75rem; } .\!k-my--15 { margin-block: -3.75rem !important; } .k-my--16 { margin-block: -4rem; } .\!k-my--16 { margin-block: -4rem !important; } .k-my--17 { margin-block: -4.25rem; } .\!k-my--17 { margin-block: -4.25rem !important; } .k-my--18 { margin-block: -4.5rem; } .\!k-my--18 { margin-block: -4.5rem !important; } .k-my--19 { margin-block: -4.75rem; } .\!k-my--19 { margin-block: -4.75rem !important; } .k-my--20 { margin-block: -5rem; } .\!k-my--20 { margin-block: -5rem !important; } .k-my--21 { margin-block: -5.25rem; } .\!k-my--21 { margin-block: -5.25rem !important; } .k-my--22 { margin-block: -5.5rem; } .\!k-my--22 { margin-block: -5.5rem !important; } .k-my--23 { margin-block: -5.75rem; } .\!k-my--23 { margin-block: -5.75rem !important; } .k-my--24 { margin-block: -6rem; } .\!k-my--24 { margin-block: -6rem !important; } .k-my-xs { margin-block: 0.25rem; } .\!k-my-xs { margin-block: 0.25rem !important; } .k-my-sm { margin-block: 0.5rem; } .\!k-my-sm { margin-block: 0.5rem !important; } .k-my-md { margin-block: 0.75rem; } .\!k-my-md { margin-block: 0.75rem !important; } .k-my-lg { margin-block: 1rem; } .\!k-my-lg { margin-block: 1rem !important; } .k-my-xl { margin-block: 1.5rem; } .\!k-my-xl { margin-block: 1.5rem !important; } .k-my-thin { margin-block: 0.125rem; } .\!k-my-thin { margin-block: 0.125rem !important; } .k-my-hair { margin-block: 1px; } .\!k-my-hair { margin-block: 1px !important; } .k-my-auto { margin-block: auto; } .\!k-my-auto { margin-block: auto !important; } .k-p-0 { padding: 0; } .\!k-p-0 { padding: 0 !important; } .k-p-1px { padding: 1px; } .\!k-p-1px { padding: 1px !important; } .k-p-0\.5 { padding: 0.125rem; } .\!k-p-0\.5 { padding: 0.125rem !important; } .k-p-1 { padding: 0.25rem; } .\!k-p-1 { padding: 0.25rem !important; } .k-p-1\.5 { padding: 0.375rem; } .\!k-p-1\.5 { padding: 0.375rem !important; } .k-p-2 { padding: 0.5rem; } .\!k-p-2 { padding: 0.5rem !important; } .k-p-2\.5 { padding: 0.625rem; } .\!k-p-2\.5 { padding: 0.625rem !important; } .k-p-3 { padding: 0.75rem; } .\!k-p-3 { padding: 0.75rem !important; } .k-p-3\.5 { padding: 0.875rem; } .\!k-p-3\.5 { padding: 0.875rem !important; } .k-p-4 { padding: 1rem; } .\!k-p-4 { padding: 1rem !important; } .k-p-4\.5 { padding: 1.125rem; } .\!k-p-4\.5 { padding: 1.125rem !important; } .k-p-5 { padding: 1.25rem; } .\!k-p-5 { padding: 1.25rem !important; } .k-p-5\.5 { padding: 1.375rem; } .\!k-p-5\.5 { padding: 1.375rem !important; } .k-p-6 { padding: 1.5rem; } .\!k-p-6 { padding: 1.5rem !important; } .k-p-6\.5 { padding: 1.625rem; } .\!k-p-6\.5 { padding: 1.625rem !important; } .k-p-7 { padding: 1.75rem; } .\!k-p-7 { padding: 1.75rem !important; } .k-p-7\.5 { padding: 1.875rem; } .\!k-p-7\.5 { padding: 1.875rem !important; } .k-p-8 { padding: 2rem; } .\!k-p-8 { padding: 2rem !important; } .k-p-9 { padding: 2.25rem; } .\!k-p-9 { padding: 2.25rem !important; } .k-p-10 { padding: 2.5rem; } .\!k-p-10 { padding: 2.5rem !important; } .k-p-11 { padding: 2.75rem; } .\!k-p-11 { padding: 2.75rem !important; } .k-p-12 { padding: 3rem; } .\!k-p-12 { padding: 3rem !important; } .k-p-13 { padding: 3.25rem; } .\!k-p-13 { padding: 3.25rem !important; } .k-p-14 { padding: 3.5rem; } .\!k-p-14 { padding: 3.5rem !important; } .k-p-15 { padding: 3.75rem; } .\!k-p-15 { padding: 3.75rem !important; } .k-p-16 { padding: 4rem; } .\!k-p-16 { padding: 4rem !important; } .k-p-17 { padding: 4.25rem; } .\!k-p-17 { padding: 4.25rem !important; } .k-p-18 { padding: 4.5rem; } .\!k-p-18 { padding: 4.5rem !important; } .k-p-19 { padding: 4.75rem; } .\!k-p-19 { padding: 4.75rem !important; } .k-p-20 { padding: 5rem; } .\!k-p-20 { padding: 5rem !important; } .k-p-21 { padding: 5.25rem; } .\!k-p-21 { padding: 5.25rem !important; } .k-p-22 { padding: 5.5rem; } .\!k-p-22 { padding: 5.5rem !important; } .k-p-23 { padding: 5.75rem; } .\!k-p-23 { padding: 5.75rem !important; } .k-p-24 { padding: 6rem; } .\!k-p-24 { padding: 6rem !important; } .k-p-xs { padding: 0.25rem; } .\!k-p-xs { padding: 0.25rem !important; } .k-p-sm { padding: 0.5rem; } .\!k-p-sm { padding: 0.5rem !important; } .k-p-md { padding: 0.75rem; } .\!k-p-md { padding: 0.75rem !important; } .k-p-lg { padding: 1rem; } .\!k-p-lg { padding: 1rem !important; } .k-p-xl { padding: 1.5rem; } .\!k-p-xl { padding: 1.5rem !important; } .k-p-thin { padding: 0.125rem; } .\!k-p-thin { padding: 0.125rem !important; } .k-p-hair { padding: 1px; } .\!k-p-hair { padding: 1px !important; } .k-pt-0 { padding-top: 0; } .\!k-pt-0 { padding-top: 0 !important; } .k-pt-1px { padding-top: 1px; } .\!k-pt-1px { padding-top: 1px !important; } .k-pt-0\.5 { padding-top: 0.125rem; } .\!k-pt-0\.5 { padding-top: 0.125rem !important; } .k-pt-1 { padding-top: 0.25rem; } .\!k-pt-1 { padding-top: 0.25rem !important; } .k-pt-1\.5 { padding-top: 0.375rem; } .\!k-pt-1\.5 { padding-top: 0.375rem !important; } .k-pt-2 { padding-top: 0.5rem; } .\!k-pt-2 { padding-top: 0.5rem !important; } .k-pt-2\.5 { padding-top: 0.625rem; } .\!k-pt-2\.5 { padding-top: 0.625rem !important; } .k-pt-3 { padding-top: 0.75rem; } .\!k-pt-3 { padding-top: 0.75rem !important; } .k-pt-3\.5 { padding-top: 0.875rem; } .\!k-pt-3\.5 { padding-top: 0.875rem !important; } .k-pt-4 { padding-top: 1rem; } .\!k-pt-4 { padding-top: 1rem !important; } .k-pt-4\.5 { padding-top: 1.125rem; } .\!k-pt-4\.5 { padding-top: 1.125rem !important; } .k-pt-5 { padding-top: 1.25rem; } .\!k-pt-5 { padding-top: 1.25rem !important; } .k-pt-5\.5 { padding-top: 1.375rem; } .\!k-pt-5\.5 { padding-top: 1.375rem !important; } .k-pt-6 { padding-top: 1.5rem; } .\!k-pt-6 { padding-top: 1.5rem !important; } .k-pt-6\.5 { padding-top: 1.625rem; } .\!k-pt-6\.5 { padding-top: 1.625rem !important; } .k-pt-7 { padding-top: 1.75rem; } .\!k-pt-7 { padding-top: 1.75rem !important; } .k-pt-7\.5 { padding-top: 1.875rem; } .\!k-pt-7\.5 { padding-top: 1.875rem !important; } .k-pt-8 { padding-top: 2rem; } .\!k-pt-8 { padding-top: 2rem !important; } .k-pt-9 { padding-top: 2.25rem; } .\!k-pt-9 { padding-top: 2.25rem !important; } .k-pt-10 { padding-top: 2.5rem; } .\!k-pt-10 { padding-top: 2.5rem !important; } .k-pt-11 { padding-top: 2.75rem; } .\!k-pt-11 { padding-top: 2.75rem !important; } .k-pt-12 { padding-top: 3rem; } .\!k-pt-12 { padding-top: 3rem !important; } .k-pt-13 { padding-top: 3.25rem; } .\!k-pt-13 { padding-top: 3.25rem !important; } .k-pt-14 { padding-top: 3.5rem; } .\!k-pt-14 { padding-top: 3.5rem !important; } .k-pt-15 { padding-top: 3.75rem; } .\!k-pt-15 { padding-top: 3.75rem !important; } .k-pt-16 { padding-top: 4rem; } .\!k-pt-16 { padding-top: 4rem !important; } .k-pt-17 { padding-top: 4.25rem; } .\!k-pt-17 { padding-top: 4.25rem !important; } .k-pt-18 { padding-top: 4.5rem; } .\!k-pt-18 { padding-top: 4.5rem !important; } .k-pt-19 { padding-top: 4.75rem; } .\!k-pt-19 { padding-top: 4.75rem !important; } .k-pt-20 { padding-top: 5rem; } .\!k-pt-20 { padding-top: 5rem !important; } .k-pt-21 { padding-top: 5.25rem; } .\!k-pt-21 { padding-top: 5.25rem !important; } .k-pt-22 { padding-top: 5.5rem; } .\!k-pt-22 { padding-top: 5.5rem !important; } .k-pt-23 { padding-top: 5.75rem; } .\!k-pt-23 { padding-top: 5.75rem !important; } .k-pt-24 { padding-top: 6rem; } .\!k-pt-24 { padding-top: 6rem !important; } .k-pt-xs { padding-top: 0.25rem; } .\!k-pt-xs { padding-top: 0.25rem !important; } .k-pt-sm { padding-top: 0.5rem; } .\!k-pt-sm { padding-top: 0.5rem !important; } .k-pt-md { padding-top: 0.75rem; } .\!k-pt-md { padding-top: 0.75rem !important; } .k-pt-lg { padding-top: 1rem; } .\!k-pt-lg { padding-top: 1rem !important; } .k-pt-xl { padding-top: 1.5rem; } .\!k-pt-xl { padding-top: 1.5rem !important; } .k-pt-thin { padding-top: 0.125rem; } .\!k-pt-thin { padding-top: 0.125rem !important; } .k-pt-hair { padding-top: 1px; } .\!k-pt-hair { padding-top: 1px !important; } .k-pr-0 { padding-right: 0; } .\!k-pr-0 { padding-right: 0 !important; } .k-pr-1px { padding-right: 1px; } .\!k-pr-1px { padding-right: 1px !important; } .k-pr-0\.5 { padding-right: 0.125rem; } .\!k-pr-0\.5 { padding-right: 0.125rem !important; } .k-pr-1 { padding-right: 0.25rem; } .\!k-pr-1 { padding-right: 0.25rem !important; } .k-pr-1\.5 { padding-right: 0.375rem; } .\!k-pr-1\.5 { padding-right: 0.375rem !important; } .k-pr-2 { padding-right: 0.5rem; } .\!k-pr-2 { padding-right: 0.5rem !important; } .k-pr-2\.5 { padding-right: 0.625rem; } .\!k-pr-2\.5 { padding-right: 0.625rem !important; } .k-pr-3 { padding-right: 0.75rem; } .\!k-pr-3 { padding-right: 0.75rem !important; } .k-pr-3\.5 { padding-right: 0.875rem; } .\!k-pr-3\.5 { padding-right: 0.875rem !important; } .k-pr-4 { padding-right: 1rem; } .\!k-pr-4 { padding-right: 1rem !important; } .k-pr-4\.5 { padding-right: 1.125rem; } .\!k-pr-4\.5 { padding-right: 1.125rem !important; } .k-pr-5 { padding-right: 1.25rem; } .\!k-pr-5 { padding-right: 1.25rem !important; } .k-pr-5\.5 { padding-right: 1.375rem; } .\!k-pr-5\.5 { padding-right: 1.375rem !important; } .k-pr-6 { padding-right: 1.5rem; } .\!k-pr-6 { padding-right: 1.5rem !important; } .k-pr-6\.5 { padding-right: 1.625rem; } .\!k-pr-6\.5 { padding-right: 1.625rem !important; } .k-pr-7 { padding-right: 1.75rem; } .\!k-pr-7 { padding-right: 1.75rem !important; } .k-pr-7\.5 { padding-right: 1.875rem; } .\!k-pr-7\.5 { padding-right: 1.875rem !important; } .k-pr-8 { padding-right: 2rem; } .\!k-pr-8 { padding-right: 2rem !important; } .k-pr-9 { padding-right: 2.25rem; } .\!k-pr-9 { padding-right: 2.25rem !important; } .k-pr-10 { padding-right: 2.5rem; } .\!k-pr-10 { padding-right: 2.5rem !important; } .k-pr-11 { padding-right: 2.75rem; } .\!k-pr-11 { padding-right: 2.75rem !important; } .k-pr-12 { padding-right: 3rem; } .\!k-pr-12 { padding-right: 3rem !important; } .k-pr-13 { padding-right: 3.25rem; } .\!k-pr-13 { padding-right: 3.25rem !important; } .k-pr-14 { padding-right: 3.5rem; } .\!k-pr-14 { padding-right: 3.5rem !important; } .k-pr-15 { padding-right: 3.75rem; } .\!k-pr-15 { padding-right: 3.75rem !important; } .k-pr-16 { padding-right: 4rem; } .\!k-pr-16 { padding-right: 4rem !important; } .k-pr-17 { padding-right: 4.25rem; } .\!k-pr-17 { padding-right: 4.25rem !important; } .k-pr-18 { padding-right: 4.5rem; } .\!k-pr-18 { padding-right: 4.5rem !important; } .k-pr-19 { padding-right: 4.75rem; } .\!k-pr-19 { padding-right: 4.75rem !important; } .k-pr-20 { padding-right: 5rem; } .\!k-pr-20 { padding-right: 5rem !important; } .k-pr-21 { padding-right: 5.25rem; } .\!k-pr-21 { padding-right: 5.25rem !important; } .k-pr-22 { padding-right: 5.5rem; } .\!k-pr-22 { padding-right: 5.5rem !important; } .k-pr-23 { padding-right: 5.75rem; } .\!k-pr-23 { padding-right: 5.75rem !important; } .k-pr-24 { padding-right: 6rem; } .\!k-pr-24 { padding-right: 6rem !important; } .k-pr-xs { padding-right: 0.25rem; } .\!k-pr-xs { padding-right: 0.25rem !important; } .k-pr-sm { padding-right: 0.5rem; } .\!k-pr-sm { padding-right: 0.5rem !important; } .k-pr-md { padding-right: 0.75rem; } .\!k-pr-md { padding-right: 0.75rem !important; } .k-pr-lg { padding-right: 1rem; } .\!k-pr-lg { padding-right: 1rem !important; } .k-pr-xl { padding-right: 1.5rem; } .\!k-pr-xl { padding-right: 1.5rem !important; } .k-pr-thin { padding-right: 0.125rem; } .\!k-pr-thin { padding-right: 0.125rem !important; } .k-pr-hair { padding-right: 1px; } .\!k-pr-hair { padding-right: 1px !important; } .k-pb-0 { padding-bottom: 0; } .\!k-pb-0 { padding-bottom: 0 !important; } .k-pb-1px { padding-bottom: 1px; } .\!k-pb-1px { padding-bottom: 1px !important; } .k-pb-0\.5 { padding-bottom: 0.125rem; } .\!k-pb-0\.5 { padding-bottom: 0.125rem !important; } .k-pb-1 { padding-bottom: 0.25rem; } .\!k-pb-1 { padding-bottom: 0.25rem !important; } .k-pb-1\.5 { padding-bottom: 0.375rem; } .\!k-pb-1\.5 { padding-bottom: 0.375rem !important; } .k-pb-2 { padding-bottom: 0.5rem; } .\!k-pb-2 { padding-bottom: 0.5rem !important; } .k-pb-2\.5 { padding-bottom: 0.625rem; } .\!k-pb-2\.5 { padding-bottom: 0.625rem !important; } .k-pb-3 { padding-bottom: 0.75rem; } .\!k-pb-3 { padding-bottom: 0.75rem !important; } .k-pb-3\.5 { padding-bottom: 0.875rem; } .\!k-pb-3\.5 { padding-bottom: 0.875rem !important; } .k-pb-4 { padding-bottom: 1rem; } .\!k-pb-4 { padding-bottom: 1rem !important; } .k-pb-4\.5 { padding-bottom: 1.125rem; } .\!k-pb-4\.5 { padding-bottom: 1.125rem !important; } .k-pb-5 { padding-bottom: 1.25rem; } .\!k-pb-5 { padding-bottom: 1.25rem !important; } .k-pb-5\.5 { padding-bottom: 1.375rem; } .\!k-pb-5\.5 { padding-bottom: 1.375rem !important; } .k-pb-6 { padding-bottom: 1.5rem; } .\!k-pb-6 { padding-bottom: 1.5rem !important; } .k-pb-6\.5 { padding-bottom: 1.625rem; } .\!k-pb-6\.5 { padding-bottom: 1.625rem !important; } .k-pb-7 { padding-bottom: 1.75rem; } .\!k-pb-7 { padding-bottom: 1.75rem !important; } .k-pb-7\.5 { padding-bottom: 1.875rem; } .\!k-pb-7\.5 { padding-bottom: 1.875rem !important; } .k-pb-8 { padding-bottom: 2rem; } .\!k-pb-8 { padding-bottom: 2rem !important; } .k-pb-9 { padding-bottom: 2.25rem; } .\!k-pb-9 { padding-bottom: 2.25rem !important; } .k-pb-10 { padding-bottom: 2.5rem; } .\!k-pb-10 { padding-bottom: 2.5rem !important; } .k-pb-11 { padding-bottom: 2.75rem; } .\!k-pb-11 { padding-bottom: 2.75rem !important; } .k-pb-12 { padding-bottom: 3rem; } .\!k-pb-12 { padding-bottom: 3rem !important; } .k-pb-13 { padding-bottom: 3.25rem; } .\!k-pb-13 { padding-bottom: 3.25rem !important; } .k-pb-14 { padding-bottom: 3.5rem; } .\!k-pb-14 { padding-bottom: 3.5rem !important; } .k-pb-15 { padding-bottom: 3.75rem; } .\!k-pb-15 { padding-bottom: 3.75rem !important; } .k-pb-16 { padding-bottom: 4rem; } .\!k-pb-16 { padding-bottom: 4rem !important; } .k-pb-17 { padding-bottom: 4.25rem; } .\!k-pb-17 { padding-bottom: 4.25rem !important; } .k-pb-18 { padding-bottom: 4.5rem; } .\!k-pb-18 { padding-bottom: 4.5rem !important; } .k-pb-19 { padding-bottom: 4.75rem; } .\!k-pb-19 { padding-bottom: 4.75rem !important; } .k-pb-20 { padding-bottom: 5rem; } .\!k-pb-20 { padding-bottom: 5rem !important; } .k-pb-21 { padding-bottom: 5.25rem; } .\!k-pb-21 { padding-bottom: 5.25rem !important; } .k-pb-22 { padding-bottom: 5.5rem; } .\!k-pb-22 { padding-bottom: 5.5rem !important; } .k-pb-23 { padding-bottom: 5.75rem; } .\!k-pb-23 { padding-bottom: 5.75rem !important; } .k-pb-24 { padding-bottom: 6rem; } .\!k-pb-24 { padding-bottom: 6rem !important; } .k-pb-xs { padding-bottom: 0.25rem; } .\!k-pb-xs { padding-bottom: 0.25rem !important; } .k-pb-sm { padding-bottom: 0.5rem; } .\!k-pb-sm { padding-bottom: 0.5rem !important; } .k-pb-md { padding-bottom: 0.75rem; } .\!k-pb-md { padding-bottom: 0.75rem !important; } .k-pb-lg { padding-bottom: 1rem; } .\!k-pb-lg { padding-bottom: 1rem !important; } .k-pb-xl { padding-bottom: 1.5rem; } .\!k-pb-xl { padding-bottom: 1.5rem !important; } .k-pb-thin { padding-bottom: 0.125rem; } .\!k-pb-thin { padding-bottom: 0.125rem !important; } .k-pb-hair { padding-bottom: 1px; } .\!k-pb-hair { padding-bottom: 1px !important; } .k-pl-0 { padding-left: 0; } .\!k-pl-0 { padding-left: 0 !important; } .k-pl-1px { padding-left: 1px; } .\!k-pl-1px { padding-left: 1px !important; } .k-pl-0\.5 { padding-left: 0.125rem; } .\!k-pl-0\.5 { padding-left: 0.125rem !important; } .k-pl-1 { padding-left: 0.25rem; } .\!k-pl-1 { padding-left: 0.25rem !important; } .k-pl-1\.5 { padding-left: 0.375rem; } .\!k-pl-1\.5 { padding-left: 0.375rem !important; } .k-pl-2 { padding-left: 0.5rem; } .\!k-pl-2 { padding-left: 0.5rem !important; } .k-pl-2\.5 { padding-left: 0.625rem; } .\!k-pl-2\.5 { padding-left: 0.625rem !important; } .k-pl-3 { padding-left: 0.75rem; } .\!k-pl-3 { padding-left: 0.75rem !important; } .k-pl-3\.5 { padding-left: 0.875rem; } .\!k-pl-3\.5 { padding-left: 0.875rem !important; } .k-pl-4 { padding-left: 1rem; } .\!k-pl-4 { padding-left: 1rem !important; } .k-pl-4\.5 { padding-left: 1.125rem; } .\!k-pl-4\.5 { padding-left: 1.125rem !important; } .k-pl-5 { padding-left: 1.25rem; } .\!k-pl-5 { padding-left: 1.25rem !important; } .k-pl-5\.5 { padding-left: 1.375rem; } .\!k-pl-5\.5 { padding-left: 1.375rem !important; } .k-pl-6 { padding-left: 1.5rem; } .\!k-pl-6 { padding-left: 1.5rem !important; } .k-pl-6\.5 { padding-left: 1.625rem; } .\!k-pl-6\.5 { padding-left: 1.625rem !important; } .k-pl-7 { padding-left: 1.75rem; } .\!k-pl-7 { padding-left: 1.75rem !important; } .k-pl-7\.5 { padding-left: 1.875rem; } .\!k-pl-7\.5 { padding-left: 1.875rem !important; } .k-pl-8 { padding-left: 2rem; } .\!k-pl-8 { padding-left: 2rem !important; } .k-pl-9 { padding-left: 2.25rem; } .\!k-pl-9 { padding-left: 2.25rem !important; } .k-pl-10 { padding-left: 2.5rem; } .\!k-pl-10 { padding-left: 2.5rem !important; } .k-pl-11 { padding-left: 2.75rem; } .\!k-pl-11 { padding-left: 2.75rem !important; } .k-pl-12 { padding-left: 3rem; } .\!k-pl-12 { padding-left: 3rem !important; } .k-pl-13 { padding-left: 3.25rem; } .\!k-pl-13 { padding-left: 3.25rem !important; } .k-pl-14 { padding-left: 3.5rem; } .\!k-pl-14 { padding-left: 3.5rem !important; } .k-pl-15 { padding-left: 3.75rem; } .\!k-pl-15 { padding-left: 3.75rem !important; } .k-pl-16 { padding-left: 4rem; } .\!k-pl-16 { padding-left: 4rem !important; } .k-pl-17 { padding-left: 4.25rem; } .\!k-pl-17 { padding-left: 4.25rem !important; } .k-pl-18 { padding-left: 4.5rem; } .\!k-pl-18 { padding-left: 4.5rem !important; } .k-pl-19 { padding-left: 4.75rem; } .\!k-pl-19 { padding-left: 4.75rem !important; } .k-pl-20 { padding-left: 5rem; } .\!k-pl-20 { padding-left: 5rem !important; } .k-pl-21 { padding-left: 5.25rem; } .\!k-pl-21 { padding-left: 5.25rem !important; } .k-pl-22 { padding-left: 5.5rem; } .\!k-pl-22 { padding-left: 5.5rem !important; } .k-pl-23 { padding-left: 5.75rem; } .\!k-pl-23 { padding-left: 5.75rem !important; } .k-pl-24 { padding-left: 6rem; } .\!k-pl-24 { padding-left: 6rem !important; } .k-pl-xs { padding-left: 0.25rem; } .\!k-pl-xs { padding-left: 0.25rem !important; } .k-pl-sm { padding-left: 0.5rem; } .\!k-pl-sm { padding-left: 0.5rem !important; } .k-pl-md { padding-left: 0.75rem; } .\!k-pl-md { padding-left: 0.75rem !important; } .k-pl-lg { padding-left: 1rem; } .\!k-pl-lg { padding-left: 1rem !important; } .k-pl-xl { padding-left: 1.5rem; } .\!k-pl-xl { padding-left: 1.5rem !important; } .k-pl-thin { padding-left: 0.125rem; } .\!k-pl-thin { padding-left: 0.125rem !important; } .k-pl-hair { padding-left: 1px; } .\!k-pl-hair { padding-left: 1px !important; } .k-px-0 { padding-inline: 0; } .\!k-px-0 { padding-inline: 0 !important; } .k-px-1px { padding-inline: 1px; } .\!k-px-1px { padding-inline: 1px !important; } .k-px-0\.5 { padding-inline: 0.125rem; } .\!k-px-0\.5 { padding-inline: 0.125rem !important; } .k-px-1 { padding-inline: 0.25rem; } .\!k-px-1 { padding-inline: 0.25rem !important; } .k-px-1\.5 { padding-inline: 0.375rem; } .\!k-px-1\.5 { padding-inline: 0.375rem !important; } .k-px-2 { padding-inline: 0.5rem; } .\!k-px-2 { padding-inline: 0.5rem !important; } .k-px-2\.5 { padding-inline: 0.625rem; } .\!k-px-2\.5 { padding-inline: 0.625rem !important; } .k-px-3 { padding-inline: 0.75rem; } .\!k-px-3 { padding-inline: 0.75rem !important; } .k-px-3\.5 { padding-inline: 0.875rem; } .\!k-px-3\.5 { padding-inline: 0.875rem !important; } .k-px-4 { padding-inline: 1rem; } .\!k-px-4 { padding-inline: 1rem !important; } .k-px-4\.5 { padding-inline: 1.125rem; } .\!k-px-4\.5 { padding-inline: 1.125rem !important; } .k-px-5 { padding-inline: 1.25rem; } .\!k-px-5 { padding-inline: 1.25rem !important; } .k-px-5\.5 { padding-inline: 1.375rem; } .\!k-px-5\.5 { padding-inline: 1.375rem !important; } .k-px-6 { padding-inline: 1.5rem; } .\!k-px-6 { padding-inline: 1.5rem !important; } .k-px-6\.5 { padding-inline: 1.625rem; } .\!k-px-6\.5 { padding-inline: 1.625rem !important; } .k-px-7 { padding-inline: 1.75rem; } .\!k-px-7 { padding-inline: 1.75rem !important; } .k-px-7\.5 { padding-inline: 1.875rem; } .\!k-px-7\.5 { padding-inline: 1.875rem !important; } .k-px-8 { padding-inline: 2rem; } .\!k-px-8 { padding-inline: 2rem !important; } .k-px-9 { padding-inline: 2.25rem; } .\!k-px-9 { padding-inline: 2.25rem !important; } .k-px-10 { padding-inline: 2.5rem; } .\!k-px-10 { padding-inline: 2.5rem !important; } .k-px-11 { padding-inline: 2.75rem; } .\!k-px-11 { padding-inline: 2.75rem !important; } .k-px-12 { padding-inline: 3rem; } .\!k-px-12 { padding-inline: 3rem !important; } .k-px-13 { padding-inline: 3.25rem; } .\!k-px-13 { padding-inline: 3.25rem !important; } .k-px-14 { padding-inline: 3.5rem; } .\!k-px-14 { padding-inline: 3.5rem !important; } .k-px-15 { padding-inline: 3.75rem; } .\!k-px-15 { padding-inline: 3.75rem !important; } .k-px-16 { padding-inline: 4rem; } .\!k-px-16 { padding-inline: 4rem !important; } .k-px-17 { padding-inline: 4.25rem; } .\!k-px-17 { padding-inline: 4.25rem !important; } .k-px-18 { padding-inline: 4.5rem; } .\!k-px-18 { padding-inline: 4.5rem !important; } .k-px-19 { padding-inline: 4.75rem; } .\!k-px-19 { padding-inline: 4.75rem !important; } .k-px-20 { padding-inline: 5rem; } .\!k-px-20 { padding-inline: 5rem !important; } .k-px-21 { padding-inline: 5.25rem; } .\!k-px-21 { padding-inline: 5.25rem !important; } .k-px-22 { padding-inline: 5.5rem; } .\!k-px-22 { padding-inline: 5.5rem !important; } .k-px-23 { padding-inline: 5.75rem; } .\!k-px-23 { padding-inline: 5.75rem !important; } .k-px-24 { padding-inline: 6rem; } .\!k-px-24 { padding-inline: 6rem !important; } .k-px-xs { padding-inline: 0.25rem; } .\!k-px-xs { padding-inline: 0.25rem !important; } .k-px-sm { padding-inline: 0.5rem; } .\!k-px-sm { padding-inline: 0.5rem !important; } .k-px-md { padding-inline: 0.75rem; } .\!k-px-md { padding-inline: 0.75rem !important; } .k-px-lg { padding-inline: 1rem; } .\!k-px-lg { padding-inline: 1rem !important; } .k-px-xl { padding-inline: 1.5rem; } .\!k-px-xl { padding-inline: 1.5rem !important; } .k-px-thin { padding-inline: 0.125rem; } .\!k-px-thin { padding-inline: 0.125rem !important; } .k-px-hair { padding-inline: 1px; } .\!k-px-hair { padding-inline: 1px !important; } .k-py-0 { padding-block: 0; } .\!k-py-0 { padding-block: 0 !important; } .k-py-1px { padding-block: 1px; } .\!k-py-1px { padding-block: 1px !important; } .k-py-0\.5 { padding-block: 0.125rem; } .\!k-py-0\.5 { padding-block: 0.125rem !important; } .k-py-1 { padding-block: 0.25rem; } .\!k-py-1 { padding-block: 0.25rem !important; } .k-py-1\.5 { padding-block: 0.375rem; } .\!k-py-1\.5 { padding-block: 0.375rem !important; } .k-py-2 { padding-block: 0.5rem; } .\!k-py-2 { padding-block: 0.5rem !important; } .k-py-2\.5 { padding-block: 0.625rem; } .\!k-py-2\.5 { padding-block: 0.625rem !important; } .k-py-3 { padding-block: 0.75rem; } .\!k-py-3 { padding-block: 0.75rem !important; } .k-py-3\.5 { padding-block: 0.875rem; } .\!k-py-3\.5 { padding-block: 0.875rem !important; } .k-py-4 { padding-block: 1rem; } .\!k-py-4 { padding-block: 1rem !important; } .k-py-4\.5 { padding-block: 1.125rem; } .\!k-py-4\.5 { padding-block: 1.125rem !important; } .k-py-5 { padding-block: 1.25rem; } .\!k-py-5 { padding-block: 1.25rem !important; } .k-py-5\.5 { padding-block: 1.375rem; } .\!k-py-5\.5 { padding-block: 1.375rem !important; } .k-py-6 { padding-block: 1.5rem; } .\!k-py-6 { padding-block: 1.5rem !important; } .k-py-6\.5 { padding-block: 1.625rem; } .\!k-py-6\.5 { padding-block: 1.625rem !important; } .k-py-7 { padding-block: 1.75rem; } .\!k-py-7 { padding-block: 1.75rem !important; } .k-py-7\.5 { padding-block: 1.875rem; } .\!k-py-7\.5 { padding-block: 1.875rem !important; } .k-py-8 { padding-block: 2rem; } .\!k-py-8 { padding-block: 2rem !important; } .k-py-9 { padding-block: 2.25rem; } .\!k-py-9 { padding-block: 2.25rem !important; } .k-py-10 { padding-block: 2.5rem; } .\!k-py-10 { padding-block: 2.5rem !important; } .k-py-11 { padding-block: 2.75rem; } .\!k-py-11 { padding-block: 2.75rem !important; } .k-py-12 { padding-block: 3rem; } .\!k-py-12 { padding-block: 3rem !important; } .k-py-13 { padding-block: 3.25rem; } .\!k-py-13 { padding-block: 3.25rem !important; } .k-py-14 { padding-block: 3.5rem; } .\!k-py-14 { padding-block: 3.5rem !important; } .k-py-15 { padding-block: 3.75rem; } .\!k-py-15 { padding-block: 3.75rem !important; } .k-py-16 { padding-block: 4rem; } .\!k-py-16 { padding-block: 4rem !important; } .k-py-17 { padding-block: 4.25rem; } .\!k-py-17 { padding-block: 4.25rem !important; } .k-py-18 { padding-block: 4.5rem; } .\!k-py-18 { padding-block: 4.5rem !important; } .k-py-19 { padding-block: 4.75rem; } .\!k-py-19 { padding-block: 4.75rem !important; } .k-py-20 { padding-block: 5rem; } .\!k-py-20 { padding-block: 5rem !important; } .k-py-21 { padding-block: 5.25rem; } .\!k-py-21 { padding-block: 5.25rem !important; } .k-py-22 { padding-block: 5.5rem; } .\!k-py-22 { padding-block: 5.5rem !important; } .k-py-23 { padding-block: 5.75rem; } .\!k-py-23 { padding-block: 5.75rem !important; } .k-py-24 { padding-block: 6rem; } .\!k-py-24 { padding-block: 6rem !important; } .k-py-xs { padding-block: 0.25rem; } .\!k-py-xs { padding-block: 0.25rem !important; } .k-py-sm { padding-block: 0.5rem; } .\!k-py-sm { padding-block: 0.5rem !important; } .k-py-md { padding-block: 0.75rem; } .\!k-py-md { padding-block: 0.75rem !important; } .k-py-lg { padding-block: 1rem; } .\!k-py-lg { padding-block: 1rem !important; } .k-py-xl { padding-block: 1.5rem; } .\!k-py-xl { padding-block: 1.5rem !important; } .k-py-thin { padding-block: 0.125rem; } .\!k-py-thin { padding-block: 0.125rem !important; } .k-py-hair { padding-block: 1px; } .\!k-py-hair { padding-block: 1px !important; } .k-h-0 { height: 0; } .\!k-h-0 { height: 0 !important; } .k-h-1px { height: 1px; } .\!k-h-1px { height: 1px !important; } .k-h-0\.5 { height: 0.125rem; } .\!k-h-0\.5 { height: 0.125rem !important; } .k-h-1 { height: 0.25rem; } .\!k-h-1 { height: 0.25rem !important; } .k-h-1\.5 { height: 0.375rem; } .\!k-h-1\.5 { height: 0.375rem !important; } .k-h-2 { height: 0.5rem; } .\!k-h-2 { height: 0.5rem !important; } .k-h-2\.5 { height: 0.625rem; } .\!k-h-2\.5 { height: 0.625rem !important; } .k-h-3 { height: 0.75rem; } .\!k-h-3 { height: 0.75rem !important; } .k-h-3\.5 { height: 0.875rem; } .\!k-h-3\.5 { height: 0.875rem !important; } .k-h-4 { height: 1rem; } .\!k-h-4 { height: 1rem !important; } .k-h-4\.5 { height: 1.125rem; } .\!k-h-4\.5 { height: 1.125rem !important; } .k-h-5 { height: 1.25rem; } .\!k-h-5 { height: 1.25rem !important; } .k-h-5\.5 { height: 1.375rem; } .\!k-h-5\.5 { height: 1.375rem !important; } .k-h-6 { height: 1.5rem; } .\!k-h-6 { height: 1.5rem !important; } .k-h-6\.5 { height: 1.625rem; } .\!k-h-6\.5 { height: 1.625rem !important; } .k-h-7 { height: 1.75rem; } .\!k-h-7 { height: 1.75rem !important; } .k-h-7\.5 { height: 1.875rem; } .\!k-h-7\.5 { height: 1.875rem !important; } .k-h-8 { height: 2rem; } .\!k-h-8 { height: 2rem !important; } .k-h-9 { height: 2.25rem; } .\!k-h-9 { height: 2.25rem !important; } .k-h-10 { height: 2.5rem; } .\!k-h-10 { height: 2.5rem !important; } .k-h-11 { height: 2.75rem; } .\!k-h-11 { height: 2.75rem !important; } .k-h-12 { height: 3rem; } .\!k-h-12 { height: 3rem !important; } .k-h-13 { height: 3.25rem; } .\!k-h-13 { height: 3.25rem !important; } .k-h-14 { height: 3.5rem; } .\!k-h-14 { height: 3.5rem !important; } .k-h-15 { height: 3.75rem; } .\!k-h-15 { height: 3.75rem !important; } .k-h-16 { height: 4rem; } .\!k-h-16 { height: 4rem !important; } .k-h-17 { height: 4.25rem; } .\!k-h-17 { height: 4.25rem !important; } .k-h-18 { height: 4.5rem; } .\!k-h-18 { height: 4.5rem !important; } .k-h-19 { height: 4.75rem; } .\!k-h-19 { height: 4.75rem !important; } .k-h-20 { height: 5rem; } .\!k-h-20 { height: 5rem !important; } .k-h-21 { height: 5.25rem; } .\!k-h-21 { height: 5.25rem !important; } .k-h-22 { height: 5.5rem; } .\!k-h-22 { height: 5.5rem !important; } .k-h-23 { height: 5.75rem; } .\!k-h-23 { height: 5.75rem !important; } .k-h-24 { height: 6rem; } .\!k-h-24 { height: 6rem !important; } .k-h-auto { height: auto; } .\!k-h-auto { height: auto !important; } .k-h-1\/2 { height: 50%; } .\!k-h-1\/2 { height: 50% !important; } .k-h-1\/3 { height: 33.333333%; } .\!k-h-1\/3 { height: 33.333333% !important; } .k-h-2\/3 { height: 66.666667%; } .\!k-h-2\/3 { height: 66.666667% !important; } .k-h-1\/4 { height: 25%; } .\!k-h-1\/4 { height: 25% !important; } .k-h-2\/4 { height: 50%; } .\!k-h-2\/4 { height: 50% !important; } .k-h-3\/4 { height: 75%; } .\!k-h-3\/4 { height: 75% !important; } .k-h-1\/5 { height: 20%; } .\!k-h-1\/5 { height: 20% !important; } .k-h-2\/5 { height: 40%; } .\!k-h-2\/5 { height: 40% !important; } .k-h-3\/5 { height: 60%; } .\!k-h-3\/5 { height: 60% !important; } .k-h-4\/5 { height: 80%; } .\!k-h-4\/5 { height: 80% !important; } .k-h-1\/6 { height: 16.666667%; } .\!k-h-1\/6 { height: 16.666667% !important; } .k-h-2\/6 { height: 33.333333%; } .\!k-h-2\/6 { height: 33.333333% !important; } .k-h-3\/6 { height: 50%; } .\!k-h-3\/6 { height: 50% !important; } .k-h-4\/6 { height: 66.666667%; } .\!k-h-4\/6 { height: 66.666667% !important; } .k-h-5\/6 { height: 83.333333%; } .\!k-h-5\/6 { height: 83.333333% !important; } .k-h-1\/12 { height: 8.333333%; } .\!k-h-1\/12 { height: 8.333333% !important; } .k-h-2\/12 { height: 16.666667%; } .\!k-h-2\/12 { height: 16.666667% !important; } .k-h-3\/12 { height: 25%; } .\!k-h-3\/12 { height: 25% !important; } .k-h-4\/12 { height: 33.333333%; } .\!k-h-4\/12 { height: 33.333333% !important; } .k-h-5\/12 { height: 41.666667%; } .\!k-h-5\/12 { height: 41.666667% !important; } .k-h-6\/12 { height: 50%; } .\!k-h-6\/12 { height: 50% !important; } .k-h-7\/12 { height: 58.333333%; } .\!k-h-7\/12 { height: 58.333333% !important; } .k-h-8\/12 { height: 66.666667%; } .\!k-h-8\/12 { height: 66.666667% !important; } .k-h-9\/12 { height: 75%; } .\!k-h-9\/12 { height: 75% !important; } .k-h-10\/12 { height: 83.333333%; } .\!k-h-10\/12 { height: 83.333333% !important; } .k-h-11\/12 { height: 91.666667%; } .\!k-h-11\/12 { height: 91.666667% !important; } .k-h-full { height: 100%; } .\!k-h-full { height: 100% !important; } .k-h-min { height: min-content; } .\!k-h-min { height: min-content !important; } .k-h-max { height: max-content; } .\!k-h-max { height: max-content !important; } .k-h-fit { height: -moz-fit-content; height: fit-content; } .\!k-h-fit { height: -moz-fit-content !important; height: fit-content !important; } .k-h-screen { height: 100vh; } .\!k-h-screen { height: 100vh !important; } .k-min-h-0 { min-height: 0; } .\!k-min-h-0 { min-height: 0 !important; } .k-min-h-full { min-height: 100%; } .\!k-min-h-full { min-height: 100% !important; } .k-min-h-screen { min-height: 100vh; } .\!k-min-h-screen { min-height: 100vh !important; } .k-min-h-min { min-height: min-content; } .\!k-min-h-min { min-height: min-content !important; } .k-min-h-max { min-height: max-content; } .\!k-min-h-max { min-height: max-content !important; } .k-min-h-fit { min-height: -moz-fit-content; min-height: fit-content; } .\!k-min-h-fit { min-height: -moz-fit-content !important; min-height: fit-content !important; } .k-max-h-none { max-height: none; } .\!k-max-h-none { max-height: none !important; } .k-max-h-0 { max-height: 0; } .\!k-max-h-0 { max-height: 0 !important; } .k-max-h-full { max-height: 100%; } .\!k-max-h-full { max-height: 100% !important; } .k-max-h-screen { max-height: 100vh; } .\!k-max-h-screen { max-height: 100vh !important; } .k-max-h-min { max-height: min-content; } .\!k-max-h-min { max-height: min-content !important; } .k-max-h-max { max-height: max-content; } .\!k-max-h-max { max-height: max-content !important; } .k-max-h-fit { max-height: -moz-fit-content; max-height: fit-content; } .\!k-max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .k-w-0 { width: 0; } .\!k-w-0 { width: 0 !important; } .k-w-1px { width: 1px; } .\!k-w-1px { width: 1px !important; } .k-w-0\.5 { width: 0.125rem; } .\!k-w-0\.5 { width: 0.125rem !important; } .k-w-1 { width: 0.25rem; } .\!k-w-1 { width: 0.25rem !important; } .k-w-1\.5 { width: 0.375rem; } .\!k-w-1\.5 { width: 0.375rem !important; } .k-w-2 { width: 0.5rem; } .\!k-w-2 { width: 0.5rem !important; } .k-w-2\.5 { width: 0.625rem; } .\!k-w-2\.5 { width: 0.625rem !important; } .k-w-3 { width: 0.75rem; } .\!k-w-3 { width: 0.75rem !important; } .k-w-3\.5 { width: 0.875rem; } .\!k-w-3\.5 { width: 0.875rem !important; } .k-w-4 { width: 1rem; } .\!k-w-4 { width: 1rem !important; } .k-w-4\.5 { width: 1.125rem; } .\!k-w-4\.5 { width: 1.125rem !important; } .k-w-5 { width: 1.25rem; } .\!k-w-5 { width: 1.25rem !important; } .k-w-5\.5 { width: 1.375rem; } .\!k-w-5\.5 { width: 1.375rem !important; } .k-w-6 { width: 1.5rem; } .\!k-w-6 { width: 1.5rem !important; } .k-w-6\.5 { width: 1.625rem; } .\!k-w-6\.5 { width: 1.625rem !important; } .k-w-7 { width: 1.75rem; } .\!k-w-7 { width: 1.75rem !important; } .k-w-7\.5 { width: 1.875rem; } .\!k-w-7\.5 { width: 1.875rem !important; } .k-w-8 { width: 2rem; } .\!k-w-8 { width: 2rem !important; } .k-w-9 { width: 2.25rem; } .\!k-w-9 { width: 2.25rem !important; } .k-w-10 { width: 2.5rem; } .\!k-w-10 { width: 2.5rem !important; } .k-w-11 { width: 2.75rem; } .\!k-w-11 { width: 2.75rem !important; } .k-w-12 { width: 3rem; } .\!k-w-12 { width: 3rem !important; } .k-w-13 { width: 3.25rem; } .\!k-w-13 { width: 3.25rem !important; } .k-w-14 { width: 3.5rem; } .\!k-w-14 { width: 3.5rem !important; } .k-w-15 { width: 3.75rem; } .\!k-w-15 { width: 3.75rem !important; } .k-w-16 { width: 4rem; } .\!k-w-16 { width: 4rem !important; } .k-w-17 { width: 4.25rem; } .\!k-w-17 { width: 4.25rem !important; } .k-w-18 { width: 4.5rem; } .\!k-w-18 { width: 4.5rem !important; } .k-w-19 { width: 4.75rem; } .\!k-w-19 { width: 4.75rem !important; } .k-w-20 { width: 5rem; } .\!k-w-20 { width: 5rem !important; } .k-w-21 { width: 5.25rem; } .\!k-w-21 { width: 5.25rem !important; } .k-w-22 { width: 5.5rem; } .\!k-w-22 { width: 5.5rem !important; } .k-w-23 { width: 5.75rem; } .\!k-w-23 { width: 5.75rem !important; } .k-w-24 { width: 6rem; } .\!k-w-24 { width: 6rem !important; } .k-w-auto { width: auto; } .\!k-w-auto { width: auto !important; } .k-w-1\/2 { width: 50%; } .\!k-w-1\/2 { width: 50% !important; } .k-w-1\/3 { width: 33.333333%; } .\!k-w-1\/3 { width: 33.333333% !important; } .k-w-2\/3 { width: 66.666667%; } .\!k-w-2\/3 { width: 66.666667% !important; } .k-w-1\/4 { width: 25%; } .\!k-w-1\/4 { width: 25% !important; } .k-w-2\/4 { width: 50%; } .\!k-w-2\/4 { width: 50% !important; } .k-w-3\/4 { width: 75%; } .\!k-w-3\/4 { width: 75% !important; } .k-w-1\/5 { width: 20%; } .\!k-w-1\/5 { width: 20% !important; } .k-w-2\/5 { width: 40%; } .\!k-w-2\/5 { width: 40% !important; } .k-w-3\/5 { width: 60%; } .\!k-w-3\/5 { width: 60% !important; } .k-w-4\/5 { width: 80%; } .\!k-w-4\/5 { width: 80% !important; } .k-w-1\/6 { width: 16.666667%; } .\!k-w-1\/6 { width: 16.666667% !important; } .k-w-2\/6 { width: 33.333333%; } .\!k-w-2\/6 { width: 33.333333% !important; } .k-w-3\/6 { width: 50%; } .\!k-w-3\/6 { width: 50% !important; } .k-w-4\/6 { width: 66.666667%; } .\!k-w-4\/6 { width: 66.666667% !important; } .k-w-5\/6 { width: 83.333333%; } .\!k-w-5\/6 { width: 83.333333% !important; } .k-w-1\/12 { width: 8.333333%; } .\!k-w-1\/12 { width: 8.333333% !important; } .k-w-2\/12 { width: 16.666667%; } .\!k-w-2\/12 { width: 16.666667% !important; } .k-w-3\/12 { width: 25%; } .\!k-w-3\/12 { width: 25% !important; } .k-w-4\/12 { width: 33.333333%; } .\!k-w-4\/12 { width: 33.333333% !important; } .k-w-5\/12 { width: 41.666667%; } .\!k-w-5\/12 { width: 41.666667% !important; } .k-w-6\/12 { width: 50%; } .\!k-w-6\/12 { width: 50% !important; } .k-w-7\/12 { width: 58.333333%; } .\!k-w-7\/12 { width: 58.333333% !important; } .k-w-8\/12 { width: 66.666667%; } .\!k-w-8\/12 { width: 66.666667% !important; } .k-w-9\/12 { width: 75%; } .\!k-w-9\/12 { width: 75% !important; } .k-w-10\/12 { width: 83.333333%; } .\!k-w-10\/12 { width: 83.333333% !important; } .k-w-11\/12 { width: 91.666667%; } .\!k-w-11\/12 { width: 91.666667% !important; } .k-w-full { width: 100%; } .\!k-w-full { width: 100% !important; } .k-w-min { width: min-content; } .\!k-w-min { width: min-content !important; } .k-w-max { width: max-content; } .\!k-w-max { width: max-content !important; } .k-w-fit { width: -moz-fit-content; width: fit-content; } .\!k-w-fit { width: -moz-fit-content !important; width: fit-content !important; } .k-w-screen { width: 100vw; } .\!k-w-screen { width: 100vw !important; } .k-min-w-0 { min-width: 0; } .\!k-min-w-0 { min-width: 0 !important; } .k-min-w-full { min-width: 100%; } .\!k-min-w-full { min-width: 100% !important; } .k-min-w-screen { min-width: 100vw; } .\!k-min-w-screen { min-width: 100vw !important; } .k-min-w-min { min-width: min-content; } .\!k-min-w-min { min-width: min-content !important; } .k-min-w-max { min-width: max-content; } .\!k-min-w-max { min-width: max-content !important; } .k-min-w-fit { min-width: -moz-fit-content; min-width: fit-content; } .\!k-min-w-fit { min-width: -moz-fit-content !important; min-width: fit-content !important; } .k-max-w-none { max-width: none; } .\!k-max-w-none { max-width: none !important; } .k-max-w-0 { max-width: 0; } .\!k-max-w-0 { max-width: 0 !important; } .k-max-w-full { max-width: 100%; } .\!k-max-w-full { max-width: 100% !important; } .k-max-w-screen { max-width: 100vw; } .\!k-max-w-screen { max-width: 100vw !important; } .k-max-w-min { max-width: min-content; } .\!k-max-w-min { max-width: min-content !important; } .k-max-w-max { max-width: max-content; } .\!k-max-w-max { max-width: max-content !important; } .k-max-w-fit { max-width: -moz-fit-content; max-width: fit-content; } .\!k-max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .k-font-size-xs { font-size: 0.75rem; } .\!k-font-size-xs { font-size: 0.75rem !important; } .k-font-size-sm { font-size: 0.875rem; } .\!k-font-size-sm { font-size: 0.875rem !important; } .k-font-size-md { font-size: 1rem; } .\!k-font-size-md { font-size: 1rem !important; } .k-font-size-lg { font-size: 1.25rem; } .\!k-font-size-lg { font-size: 1.25rem !important; } .k-font-size-xl { font-size: 1.5rem; } .\!k-font-size-xl { font-size: 1.5rem !important; } .k-fs-xs { font-size: 0.75rem; } .\!k-fs-xs { font-size: 0.75rem !important; } .k-fs-sm { font-size: 0.875rem; } .\!k-fs-sm { font-size: 0.875rem !important; } .k-fs-md { font-size: 1rem; } .\!k-fs-md { font-size: 1rem !important; } .k-fs-lg { font-size: 1.25rem; } .\!k-fs-lg { font-size: 1.25rem !important; } .k-fs-xl { font-size: 1.5rem; } .\!k-fs-xl { font-size: 1.5rem !important; } .k-font-italic { font-style: italic; } .\!k-font-italic { font-style: italic !important; } .k-font-non-italic { font-style: normal; } .\!k-font-non-italic { font-style: normal !important; } .k-font-thin { font-weight: 100; } .\!k-font-thin { font-weight: 100 !important; } .k-font-extralight { font-weight: 200; } .\!k-font-extralight { font-weight: 200 !important; } .k-font-light { font-weight: 300; } .\!k-font-light { font-weight: 300 !important; } .k-font-normal { font-weight: 400; } .\!k-font-normal { font-weight: 400 !important; } .k-font-medium { font-weight: 500; } .\!k-font-medium { font-weight: 500 !important; } .k-font-semibold { font-weight: 600; } .\!k-font-semibold { font-weight: 600 !important; } .k-font-bold { font-weight: 700; } .\!k-font-bold { font-weight: 700 !important; } .k-font-extrabold { font-weight: 800; } .\!k-font-extrabold { font-weight: 800 !important; } .k-font-black { font-weight: 900; } .\!k-font-black { font-weight: 900 !important; } .k-font-weight-thin { font-weight: 100; } .\!k-font-weight-thin { font-weight: 100 !important; } .k-font-weight-extralight { font-weight: 200; } .\!k-font-weight-extralight { font-weight: 200 !important; } .k-font-weight-light { font-weight: 300; } .\!k-font-weight-light { font-weight: 300 !important; } .k-font-weight-normal { font-weight: 400; } .\!k-font-weight-normal { font-weight: 400 !important; } .k-font-weight-medium { font-weight: 500; } .\!k-font-weight-medium { font-weight: 500 !important; } .k-font-weight-semibold { font-weight: 600; } .\!k-font-weight-semibold { font-weight: 600 !important; } .k-font-weight-bold { font-weight: 700; } .\!k-font-weight-bold { font-weight: 700 !important; } .k-font-weight-extrabold { font-weight: 800; } .\!k-font-weight-extrabold { font-weight: 800 !important; } .k-font-weight-black { font-weight: 900; } .\!k-font-weight-black { font-weight: 900 !important; } .k-list-none { list-style-type: none; } .\!k-list-none { list-style-type: none !important; } .k-list-disc { list-style-type: disc; } .\!k-list-disc { list-style-type: disc !important; } .k-list-decimal { list-style-type: decimal; } .\!k-list-decimal { list-style-type: decimal !important; } .k-text-left { text-align: left; } .\!k-text-left { text-align: left !important; } .k-text-right { text-align: right; } .\!k-text-right { text-align: right !important; } .k-text-center { text-align: center; } .\!k-text-center { text-align: center !important; } .k-text-justify { text-align: justify; } .\!k-text-justify { text-align: justify !important; } .k-text-start { text-align: start; } .\!k-text-start { text-align: start !important; } .k-text-end { text-align: end; } .\!k-text-end { text-align: end !important; } .k-text-primary { color: #0d6efd; } .\!k-text-primary { color: #0d6efd !important; } .k-text-secondary { color: #6c757d; } .\!k-text-secondary { color: #6c757d !important; } .k-text-tertiary { color: #6f42c1; } .\!k-text-tertiary { color: #6f42c1 !important; } .k-text-info { color: #0dcaf0; } .\!k-text-info { color: #0dcaf0 !important; } .k-text-success { color: #198754; } .\!k-text-success { color: #198754 !important; } .k-text-warning { color: #ffc107; } .\!k-text-warning { color: #ffc107 !important; } .k-text-error { color: #dc3545; } .\!k-text-error { color: #dc3545 !important; } .k-text-dark { color: #212529; } .\!k-text-dark { color: #212529 !important; } .k-text-light { color: #f8f9fa; } .\!k-text-light { color: #f8f9fa !important; } .k-text-inverse { color: #212529; } .\!k-text-inverse { color: #212529 !important; } .k-text-inherit { color: inherit; } .\!k-text-inherit { color: inherit !important; } .k-text-current { color: currentColor; } .\!k-text-current { color: currentColor !important; } .k-text-transparent { color: transparent; } .\!k-text-transparent { color: transparent !important; } .k-text-black { color: black; } .\!k-text-black { color: black !important; } .k-text-white { color: white; } .\!k-text-white { color: white !important; } .k-color-primary { color: #0d6efd; } .\!k-color-primary { color: #0d6efd !important; } .k-color-secondary { color: #6c757d; } .\!k-color-secondary { color: #6c757d !important; } .k-color-tertiary { color: #6f42c1; } .\!k-color-tertiary { color: #6f42c1 !important; } .k-color-info { color: #0dcaf0; } .\!k-color-info { color: #0dcaf0 !important; } .k-color-success { color: #198754; } .\!k-color-success { color: #198754 !important; } .k-color-warning { color: #ffc107; } .\!k-color-warning { color: #ffc107 !important; } .k-color-error { color: #dc3545; } .\!k-color-error { color: #dc3545 !important; } .k-color-dark { color: #212529; } .\!k-color-dark { color: #212529 !important; } .k-color-light { color: #f8f9fa; } .\!k-color-light { color: #f8f9fa !important; } .k-color-inverse { color: #212529; } .\!k-color-inverse { color: #212529 !important; } .k-color-inherit { color: inherit; } .\!k-color-inherit { color: inherit !important; } .k-color-current { color: currentColor; } .\!k-color-current { color: currentColor !important; } .k-color-transparent { color: transparent; } .\!k-color-transparent { color: transparent !important; } .k-color-black { color: black; } .\!k-color-black { color: black !important; } .k-color-white { color: white; } .\!k-color-white { color: white !important; } .k-text-underline { text-decoration: underline; } .\!k-text-underline { text-decoration: underline !important; } .k-text-overline { text-decoration: overline; } .\!k-text-overline { text-decoration: overline !important; } .k-text-line-through { text-decoration: line-through; } .\!k-text-line-through { text-decoration: line-through !important; } .k-text-no-underline { text-decoration: none; } .\!k-text-no-underline { text-decoration: none !important; } .k-text-clip { text-overflow: clip; } .\!k-text-clip { text-overflow: clip !important; } .k-text-ellipsis { text-overflow: ellipsis; } .\!k-text-ellipsis { text-overflow: ellipsis !important; } .k-text-truncate, .k-text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .\!k-text-truncate, .\!k-text-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .k-text-uppercase { text-transform: uppercase; } .\!k-text-uppercase { text-transform: uppercase !important; } .k-text-lowercase { text-transform: lowercase; } .\!k-text-lowercase { text-transform: lowercase !important; } .k-text-capitalize { text-transform: capitalize; } .\!k-text-capitalize { text-transform: capitalize !important; } .k-text-normal-case { text-transform: none; } .\!k-text-normal-case { text-transform: none !important; } .k-align-baseline { vertical-align: baseline; } .\!k-align-baseline { vertical-align: baseline !important; } .k-align-top { vertical-align: top; } .\!k-align-top { vertical-align: top !important; } .k-align-middle { vertical-align: middle; } .\!k-align-middle { vertical-align: middle !important; } .k-align-bottom { vertical-align: bottom; } .\!k-align-bottom { vertical-align: bottom !important; } .k-align-text-top { vertical-align: text-top; } .\!k-align-text-top { vertical-align: text-top !important; } .k-align-text-bottom { vertical-align: text-bottom; } .\!k-align-text-bottom { vertical-align: text-bottom !important; } .k-align-sub { vertical-align: sub; } .\!k-align-sub { vertical-align: sub !important; } .k-align-super { vertical-align: super; } .\!k-align-super { vertical-align: super !important; } .k-white-space-normal { white-space: normal; } .\!k-white-space-normal { white-space: normal !important; } .k-white-space-nowrap, .k-text-nowrap { white-space: nowrap; } .\!k-white-space-nowrap { white-space: nowrap !important; } .k-white-space-pre { white-space: pre; } .\!k-white-space-pre { white-space: pre !important; } .k-white-space-pre-line { white-space: pre-line; } .\!k-white-space-pre-line { white-space: pre-line !important; } .k-white-space-pre-wrap { white-space: pre-wrap; } .\!k-white-space-pre-wrap { white-space: pre-wrap !important; } .k-white-space-break-spaces { white-space: break-spaces; } .\!k-white-space-break-spaces { white-space: break-spaces !important; } .k-whitespace-normal { white-space: normal; } .\!k-whitespace-normal { white-space: normal !important; } .k-whitespace-nowrap { white-space: nowrap; } .\!k-whitespace-nowrap { white-space: nowrap !important; } .k-whitespace-pre { white-space: pre; } .\!k-whitespace-pre { white-space: pre !important; } .k-whitespace-pre-line { white-space: pre-line; } .\!k-whitespace-pre-line { white-space: pre-line !important; } .k-whitespace-pre-wrap { white-space: pre-wrap; } .\!k-whitespace-pre-wrap { white-space: pre-wrap !important; } .k-whitespace-break-spaces { white-space: break-spaces; } .\!k-whitespace-break-spaces { white-space: break-spaces !important; } .k-bg-clip-border { background-clip: border-box; } .\!k-bg-clip-border { background-clip: border-box !important; } .k-bg-clip-padding { background-clip: padding-box; } .\!k-bg-clip-padding { background-clip: padding-box !important; } .k-bg-clip-content { background-clip: content-box; } .\!k-bg-clip-content { background-clip: content-box !important; } .k-bg-clip-text { -webkit-background-clip: text; background-clip: text; } .\!k-bg-clip-text { -webkit-background-clip: text !important; background-clip: text !important; } .k-bg-primary { background-color: #0d6efd; } .\!k-bg-primary { background-color: #0d6efd !important; } .k-bg-secondary { background-color: #6c757d; } .\!k-bg-secondary { background-color: #6c757d !important; } .k-bg-tertiary { background-color: #6f42c1; } .\!k-bg-tertiary { background-color: #6f42c1 !important; } .k-bg-info { background-color: #0dcaf0; } .\!k-bg-info { background-color: #0dcaf0 !important; } .k-bg-success { background-color: #198754; } .\!k-bg-success { background-color: #198754 !important; } .k-bg-warning { background-color: #ffc107; } .\!k-bg-warning { background-color: #ffc107 !important; } .k-bg-error { background-color: #dc3545; } .\!k-bg-error { background-color: #dc3545 !important; } .k-bg-dark { background-color: #212529; } .\!k-bg-dark { background-color: #212529 !important; } .k-bg-light { background-color: #f8f9fa; } .\!k-bg-light { background-color: #f8f9fa !important; } .k-bg-inverse { background-color: #212529; } .\!k-bg-inverse { background-color: #212529 !important; } .k-bg-inherit { background-color: inherit; } .\!k-bg-inherit { background-color: inherit !important; } .k-bg-transparent { background-color: transparent; } .\!k-bg-transparent { background-color: transparent !important; } .k-bg-black { background-color: black; } .\!k-bg-black { background-color: black !important; } .k-bg-white { background-color: white; } .\!k-bg-white { background-color: white !important; } .k-bg-center { background-position: center; } .\!k-bg-center { background-position: center !important; } .k-bg-top { background-position: top; } .\!k-bg-top { background-position: top !important; } .k-bg-right { background-position: right; } .\!k-bg-right { background-position: right !important; } .k-bg-bottom { background-position: bottom; } .\!k-bg-bottom { background-position: bottom !important; } .k-bg-left { background-position: left; } .\!k-bg-left { background-position: left !important; } .k-bg-top-left { background-position: top left; } .\!k-bg-top-left { background-position: top left !important; } .k-bg-top-right { background-position: top right; } .\!k-bg-top-right { background-position: top right !important; } .k-bg-bottom-left { background-position: bottom left; } .\!k-bg-bottom-left { background-position: bottom left !important; } .k-bg-bottom-right { background-position: bottom right; } .\!k-bg-bottom-right { background-position: bottom right !important; } .k-bg-auto { background-size: auto; } .\!k-bg-auto { background-size: auto !important; } .k-bg-cover { background-size: cover; } .\!k-bg-cover { background-size: cover !important; } .k-bg-contain { background-size: contain; } .\!k-bg-contain { background-size: contain !important; } .k-border-primary { border-color: #0d6efd; } .\!k-border-primary { border-color: #0d6efd !important; } .k-border-secondary { border-color: #6c757d; } .\!k-border-secondary { border-color: #6c757d !important; } .k-border-tertiary { border-color: #6f42c1; } .\!k-border-tertiary { border-color: #6f42c1 !important; } .k-border-info { border-color: #0dcaf0; } .\!k-border-info { border-color: #0dcaf0 !important; } .k-border-success { border-color: #198754; } .\!k-border-success { border-color: #198754 !important; } .k-border-warning { border-color: #ffc107; } .\!k-border-warning { border-color: #ffc107 !important; } .k-border-error { border-color: #dc3545; } .\!k-border-error { border-color: #dc3545 !important; } .k-border-dark { border-color: #212529; } .\!k-border-dark { border-color: #212529 !important; } .k-border-light { border-color: #f8f9fa; } .\!k-border-light { border-color: #f8f9fa !important; } .k-border-inverse { border-color: #212529; } .\!k-border-inverse { border-color: #212529 !important; } .k-border-inherit { border-color: inherit; } .\!k-border-inherit { border-color: inherit !important; } .k-border-current { border-color: currentColor; } .\!k-border-current { border-color: currentColor !important; } .k-border-transparent { border-color: transparent; } .\!k-border-transparent { border-color: transparent !important; } .k-border-black { border-color: black; } .\!k-border-black { border-color: black !important; } .k-border-white { border-color: white; } .\!k-border-white { border-color: white !important; } .k-border-t-primary { border-top-color: #0d6efd; } .\!k-border-t-primary { border-top-color: #0d6efd !important; } .k-border-t-secondary { border-top-color: #6c757d; } .\!k-border-t-secondary { border-top-color: #6c757d !important; } .k-border-t-tertiary { border-top-color: #6f42c1; } .\!k-border-t-tertiary { border-top-color: #6f42c1 !important; } .k-border-t-info { border-top-color: #0dcaf0; } .\!k-border-t-info { border-top-color: #0dcaf0 !important; } .k-border-t-success { border-top-color: #198754; } .\!k-border-t-success { border-top-color: #198754 !important; } .k-border-t-warning { border-top-color: #ffc107; } .\!k-border-t-warning { border-top-color: #ffc107 !important; } .k-border-t-error { border-top-color: #dc3545; } .\!k-border-t-error { border-top-color: #dc3545 !important; } .k-border-t-dark { border-top-color: #212529; } .\!k-border-t-dark { border-top-color: #212529 !important; } .k-border-t-light { border-top-color: #f8f9fa; } .\!k-border-t-light { border-top-color: #f8f9fa !important; } .k-border-t-inverse { border-top-color: #212529; } .\!k-border-t-inverse { border-top-color: #212529 !important; } .k-border-t-inherit { border-top-color: inherit; } .\!k-border-t-inherit { border-top-color: inherit !important; } .k-border-t-current { border-top-color: currentColor; } .\!k-border-t-current { border-top-color: currentColor !important; } .k-border-t-transparent { border-top-color: transparent; } .\!k-border-t-transparent { border-top-color: transparent !important; } .k-border-t-black { border-top-color: black; } .\!k-border-t-black { border-top-color: black !important; } .k-border-t-white { border-top-color: white; } .\!k-border-t-white { border-top-color: white !important; } .k-border-r-primary { border-right-color: #0d6efd; } .\!k-border-r-primary { border-right-color: #0d6efd !important; } .k-border-r-secondary { border-right-color: #6c757d; } .\!k-border-r-secondary { border-right-color: #6c757d !important; } .k-border-r-tertiary { border-right-color: #6f42c1; } .\!k-border-r-tertiary { border-right-color: #6f42c1 !important; } .k-border-r-info { border-right-color: #0dcaf0; } .\!k-border-r-info { border-right-color: #0dcaf0 !important; } .k-border-r-success { border-right-color: #198754; } .\!k-border-r-success { border-right-color: #198754 !important; } .k-border-r-warning { border-right-color: #ffc107; } .\!k-border-r-warning { border-right-color: #ffc107 !important; } .k-border-r-error { border-right-color: #dc3545; } .\!k-border-r-error { border-right-color: #dc3545 !important; } .k-border-r-dark { border-right-color: #212529; } .\!k-border-r-dark { border-right-color: #212529 !important; } .k-border-r-light { border-right-color: #f8f9fa; } .\!k-border-r-light { border-right-color: #f8f9fa !important; } .k-border-r-inverse { border-right-color: #212529; } .\!k-border-r-inverse { border-right-color: #212529 !important; } .k-border-r-inherit { border-right-color: inherit; } .\!k-border-r-inherit { border-right-color: inherit !important; } .k-border-r-current { border-right-color: currentColor; } .\!k-border-r-current { border-right-color: currentColor !important; } .k-border-r-transparent { border-right-color: transparent; } .\!k-border-r-transparent { border-right-color: transparent !important; } .k-border-r-black { border-right-color: black; } .\!k-border-r-black { border-right-color: black !important; } .k-border-r-white { border-right-color: white; } .\!k-border-r-white { border-right-color: white !important; } .k-border-b-primary { border-bottom-color: #0d6efd; } .\!k-border-b-primary { border-bottom-color: #0d6efd !important; } .k-border-b-secondary { border-bottom-color: #6c757d; } .\!k-border-b-secondary { border-bottom-color: #6c757d !important; } .k-border-b-tertiary { border-bottom-color: #6f42c1; } .\!k-border-b-tertiary { border-bottom-color: #6f42c1 !important; } .k-border-b-info { border-bottom-color: #0dcaf0; } .\!k-border-b-info { border-bottom-color: #0dcaf0 !important; } .k-border-b-success { border-bottom-color: #198754; } .\!k-border-b-success { border-bottom-color: #198754 !important; } .k-border-b-warning { border-bottom-color: #ffc107; } .\!k-border-b-warning { border-bottom-color: #ffc107 !important; } .k-border-b-error { border-bottom-color: #dc3545; } .\!k-border-b-error { border-bottom-color: #dc3545 !important; } .k-border-b-dark { border-bottom-color: #212529; } .\!k-border-b-dark { border-bottom-color: #212529 !important; } .k-border-b-light { border-bottom-color: #f8f9fa; } .\!k-border-b-light { border-bottom-color: #f8f9fa !important; } .k-border-b-inverse { border-bottom-color: #212529; } .\!k-border-b-inverse { border-bottom-color: #212529 !important; } .k-border-b-inherit { border-bottom-color: inherit; } .\!k-border-b-inherit { border-bottom-color: inherit !important; } .k-border-b-current { border-bottom-color: currentColor; } .\!k-border-b-current { border-bottom-color: currentColor !important; } .k-border-b-transparent { border-bottom-color: transparent; } .\!k-border-b-transparent { border-bottom-color: transparent !important; } .k-border-b-black { border-bottom-color: black; } .\!k-border-b-black { border-bottom-color: black !important; } .k-border-b-white { border-bottom-color: white; } .\!k-border-b-white { border-bottom-color: white !important; } .k-border-l-primary { border-left-color: #0d6efd; } .\!k-border-l-primary { border-left-color: #0d6efd !important; } .k-border-l-secondary { border-left-color: #6c757d; } .\!k-border-l-secondary { border-left-color: #6c757d !important; } .k-border-l-tertiary { border-left-color: #6f42c1; } .\!k-border-l-tertiary { border-left-color: #6f42c1 !important; } .k-border-l-info { border-left-color: #0dcaf0; } .\!k-border-l-info { border-left-color: #0dcaf0 !important; } .k-border-l-success { border-left-color: #198754; } .\!k-border-l-success { border-left-color: #198754 !important; } .k-border-l-warning { border-left-color: #ffc107; } .\!k-border-l-warning { border-left-color: #ffc107 !important; } .k-border-l-error { border-left-color: #dc3545; } .\!k-border-l-error { border-left-color: #dc3545 !important; } .k-border-l-dark { border-left-color: #212529; } .\!k-border-l-dark { border-left-color: #212529 !important; } .k-border-l-light { border-left-color: #f8f9fa; } .\!k-border-l-light { border-left-color: #f8f9fa !important; } .k-border-l-inverse { border-left-color: #212529; } .\!k-border-l-inverse { border-left-color: #212529 !important; } .k-border-l-inherit { border-left-color: inherit; } .\!k-border-l-inherit { border-left-color: inherit !important; } .k-border-l-current { border-left-color: currentColor; } .\!k-border-l-current { border-left-color: currentColor !important; } .k-border-l-transparent { border-left-color: transparent; } .\!k-border-l-transparent { border-left-color: transparent !important; } .k-border-l-black { border-left-color: black; } .\!k-border-l-black { border-left-color: black !important; } .k-border-l-white { border-left-color: white; } .\!k-border-l-white { border-left-color: white !important; } .k-border-x-primary { border-inline-color: #0d6efd; } .\!k-border-x-primary { border-inline-color: #0d6efd !important; } .k-border-x-secondary { border-inline-color: #6c757d; } .\!k-border-x-secondary { border-inline-color: #6c757d !important; } .k-border-x-tertiary { border-inline-color: #6f42c1; } .\!k-border-x-tertiary { border-inline-color: #6f42c1 !important; } .k-border-x-info { border-inline-color: #0dcaf0; } .\!k-border-x-info { border-inline-color: #0dcaf0 !important; } .k-border-x-success { border-inline-color: #198754; } .\!k-border-x-success { border-inline-color: #198754 !important; } .k-border-x-warning { border-inline-color: #ffc107; } .\!k-border-x-warning { border-inline-color: #ffc107 !important; } .k-border-x-error { border-inline-color: #dc3545; } .\!k-border-x-error { border-inline-color: #dc3545 !important; } .k-border-x-dark { border-inline-color: #212529; } .\!k-border-x-dark { border-inline-color: #212529 !important; } .k-border-x-light { border-inline-color: #f8f9fa; } .\!k-border-x-light { border-inline-color: #f8f9fa !important; } .k-border-x-inverse { border-inline-color: #212529; } .\!k-border-x-inverse { border-inline-color: #212529 !important; } .k-border-x-inherit { border-inline-color: inherit; } .\!k-border-x-inherit { border-inline-color: inherit !important; } .k-border-x-current { border-inline-color: currentColor; } .\!k-border-x-current { border-inline-color: currentColor !important; } .k-border-x-transparent { border-inline-color: transparent; } .\!k-border-x-transparent { border-inline-color: transparent !important; } .k-border-x-black { border-inline-color: black; } .\!k-border-x-black { border-inline-color: black !important; } .k-border-x-white { border-inline-color: white; } .\!k-border-x-white { border-inline-color: white !important; } .k-border-y-primary { border-block-color: #0d6efd; } .\!k-border-y-primary { border-block-color: #0d6efd !important; } .k-border-y-secondary { border-block-color: #6c757d; } .\!k-border-y-secondary { border-block-color: #6c757d !important; } .k-border-y-tertiary { border-block-color: #6f42c1; } .\!k-border-y-tertiary { border-block-color: #6f42c1 !important; } .k-border-y-info { border-block-color: #0dcaf0; } .\!k-border-y-info { border-block-color: #0dcaf0 !important; } .k-border-y-success { border-block-color: #198754; } .\!k-border-y-success { border-block-color: #198754 !important; } .k-border-y-warning { border-block-color: #ffc107; } .\!k-border-y-warning { border-block-color: #ffc107 !important; } .k-border-y-error { border-block-color: #dc3545; } .\!k-border-y-error { border-block-color: #dc3545 !important; } .k-border-y-dark { border-block-color: #212529; } .\!k-border-y-dark { border-block-color: #212529 !important; } .k-border-y-light { border-block-color: #f8f9fa; } .\!k-border-y-light { border-block-color: #f8f9fa !important; } .k-border-y-inverse { border-block-color: #212529; } .\!k-border-y-inverse { border-block-color: #212529 !important; } .k-border-y-inherit { border-block-color: inherit; } .\!k-border-y-inherit { border-block-color: inherit !important; } .k-border-y-current { border-block-color: currentColor; } .\!k-border-y-current { border-block-color: currentColor !important; } .k-border-y-transparent { border-block-color: transparent; } .\!k-border-y-transparent { border-block-color: transparent !important; } .k-border-y-black { border-block-color: black; } .\!k-border-y-black { border-block-color: black !important; } .k-border-y-white { border-block-color: white; } .\!k-border-y-white { border-block-color: white !important; } .k-rounded { border-radius: 0.375rem; } .\!k-rounded { border-radius: 0.375rem !important; } .k-rounded-0 { border-radius: 0; } .\!k-rounded-0 { border-radius: 0 !important; } .k-rounded-sm { border-radius: 0.25rem; } .\!k-rounded-sm { border-radius: 0.25rem !important; } .k-rounded-md { border-radius: 0.375rem; } .\!k-rounded-md { border-radius: 0.375rem !important; } .k-rounded-lg { border-radius: 0.5rem; } .\!k-rounded-lg { border-radius: 0.5rem !important; } .k-rounded-full { border-radius: 9999px; } .\!k-rounded-full { border-radius: 9999px !important; } .k-rounded-tl { border-top-left-radius: 0.375rem; } .\!k-rounded-tl { border-top-left-radius: 0.375rem !important; } .k-rounded-tl-0 { border-top-left-radius: 0; } .\!k-rounded-tl-0 { border-top-left-radius: 0 !important; } .k-rounded-tl-sm { border-top-left-radius: 0.25rem; } .\!k-rounded-tl-sm { border-top-left-radius: 0.25rem !important; } .k-rounded-tl-md { border-top-left-radius: 0.375rem; } .\!k-rounded-tl-md { border-top-left-radius: 0.375rem !important; } .k-rounded-tl-lg { border-top-left-radius: 0.5rem; } .\!k-rounded-tl-lg { border-top-left-radius: 0.5rem !important; } .k-rounded-tl-full { border-top-left-radius: 9999px; } .\!k-rounded-tl-full { border-top-left-radius: 9999px !important; } .k-rounded-tr { border-top-right-radius: 0.375rem; } .\!k-rounded-tr { border-top-right-radius: 0.375rem !important; } .k-rounded-tr-0 { border-top-right-radius: 0; } .\!k-rounded-tr-0 { border-top-right-radius: 0 !important; } .k-rounded-tr-sm { border-top-right-radius: 0.25rem; } .\!k-rounded-tr-sm { border-top-right-radius: 0.25rem !important; } .k-rounded-tr-md { border-top-right-radius: 0.375rem; } .\!k-rounded-tr-md { border-top-right-radius: 0.375rem !important; } .k-rounded-tr-lg { border-top-right-radius: 0.5rem; } .\!k-rounded-tr-lg { border-top-right-radius: 0.5rem !important; } .k-rounded-tr-full { border-top-right-radius: 9999px; } .\!k-rounded-tr-full { border-top-right-radius: 9999px !important; } .k-rounded-br { border-bottom-right-radius: 0.375rem; } .\!k-rounded-br { border-bottom-right-radius: 0.375rem !important; } .k-rounded-br-0 { border-bottom-right-radius: 0; } .\!k-rounded-br-0 { border-bottom-right-radius: 0 !important; } .k-rounded-br-sm { border-bottom-right-radius: 0.25rem; } .\!k-rounded-br-sm { border-bottom-right-radius: 0.25rem !important; } .k-rounded-br-md { border-bottom-right-radius: 0.375rem; } .\!k-rounded-br-md { border-bottom-right-radius: 0.375rem !important; } .k-rounded-br-lg { border-bottom-right-radius: 0.5rem; } .\!k-rounded-br-lg { border-bottom-right-radius: 0.5rem !important; } .k-rounded-br-full { border-bottom-right-radius: 9999px; } .\!k-rounded-br-full { border-bottom-right-radius: 9999px !important; } .k-rounded-bl { border-bottom-left-radius: 0.375rem; } .\!k-rounded-bl { border-bottom-left-radius: 0.375rem !important; } .k-rounded-bl-0 { border-bottom-left-radius: 0; } .\!k-rounded-bl-0 { border-bottom-left-radius: 0 !important; } .k-rounded-bl-sm { border-bottom-left-radius: 0.25rem; } .\!k-rounded-bl-sm { border-bottom-left-radius: 0.25rem !important; } .k-rounded-bl-md { border-bottom-left-radius: 0.375rem; } .\!k-rounded-bl-md { border-bottom-left-radius: 0.375rem !important; } .k-rounded-bl-lg { border-bottom-left-radius: 0.5rem; } .\!k-rounded-bl-lg { border-bottom-left-radius: 0.5rem !important; } .k-rounded-bl-full { border-bottom-left-radius: 9999px; } .\!k-rounded-bl-full { border-bottom-left-radius: 9999px !important; } .k-rounded-t { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } .\!k-rounded-t { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .k-rounded-t-0 { border-top-left-radius: 0; border-top-right-radius: 0; } .\!k-rounded-t-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .k-rounded-t-sm { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .\!k-rounded-t-sm { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .k-rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } .\!k-rounded-t-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .k-rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .\!k-rounded-t-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .k-rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; } .\!k-rounded-t-full { border-top-left-radius: 9999px !important; border-top-right-radius: 9999px !important; } .k-rounded-r { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\!k-rounded-r { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .k-rounded-r-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .\!k-rounded-r-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .k-rounded-r-sm { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .\!k-rounded-r-sm { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .k-rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\!k-rounded-r-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .k-rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .\!k-rounded-r-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .k-rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; } .\!k-rounded-r-full { border-top-right-radius: 9999px !important; border-bottom-right-radius: 9999px !important; } .k-rounded-b { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\!k-rounded-b { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .k-rounded-b-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .\!k-rounded-b-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .k-rounded-b-sm { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .\!k-rounded-b-sm { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .k-rounded-b-md { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\!k-rounded-b-md { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .k-rounded-b-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .\!k-rounded-b-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .k-rounded-b-full { border-bottom-left-radius: 9999px; border-bottom-right-radius: 9999px; } .\!k-rounded-b-full { border-bottom-left-radius: 9999px !important; border-bottom-right-radius: 9999px !important; } .k-rounded-l { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .\!k-rounded-l { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .k-rounded-l-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .\!k-rounded-l-0 { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .k-rounded-l-sm { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .\!k-rounded-l-sm { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .k-rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .\!k-rounded-l-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .k-rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .\!k-rounded-l-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .k-rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; } .\!k-rounded-l-full { border-top-left-radius: 9999px !important; border-bottom-left-radius: 9999px !important; } .k-border-solid { border-style: solid; } .\!k-border-solid { border-style: solid !important; } .k-border-dashed { border-style: dashed; } .\!k-border-dashed { border-style: dashed !important; } .k-border-dotted { border-style: dotted; } .\!k-border-dotted { border-style: dotted !important; } .k-border-double { border-style: double; } .\!k-border-double { border-style: double !important; } .k-border-inset { border-style: inset; } .\!k-border-inset { border-style: inset !important; } .k-border-outset { border-style: outset; } .\!k-border-outset { border-style: outset !important; } .k-border-hidden { border-style: hidden; } .\!k-border-hidden { border-style: hidden !important; } .k-border-none { border-style: none; } .\!k-border-none { border-style: none !important; } .k-border-t-solid { border-top-style: solid; } .\!k-border-t-solid { border-top-style: solid !important; } .k-border-t-dashed { border-top-style: dashed; } .\!k-border-t-dashed { border-top-style: dashed !important; } .k-border-t-dotted { border-top-style: dotted; } .\!k-border-t-dotted { border-top-style: dotted !important; } .k-border-t-double { border-top-style: double; } .\!k-border-t-double { border-top-style: double !important; } .k-border-t-inset { border-top-style: inset; } .\!k-border-t-inset { border-top-style: inset !important; } .k-border-t-outset { border-top-style: outset; } .\!k-border-t-outset { border-top-style: outset !important; } .k-border-t-hidden { border-top-style: hidden; } .\!k-border-t-hidden { border-top-style: hidden !important; } .k-border-t-none { border-top-style: none; } .\!k-border-t-none { border-top-style: none !important; } .k-border-r-solid { border-right-style: solid; } .\!k-border-r-solid { border-right-style: solid !important; } .k-border-r-dashed { border-right-style: dashed; } .\!k-border-r-dashed { border-right-style: dashed !important; } .k-border-r-dotted { border-right-style: dotted; } .\!k-border-r-dotted { border-right-style: dotted !important; } .k-border-r-double { border-right-style: double; } .\!k-border-r-double { border-right-style: double !important; } .k-border-r-inset { border-right-style: inset; } .\!k-border-r-inset { border-right-style: inset !important; } .k-border-r-outset { border-right-style: outset; } .\!k-border-r-outset { border-right-style: outset !important; } .k-border-r-hidden { border-right-style: hidden; } .\!k-border-r-hidden { border-right-style: hidden !important; } .k-border-r-none { border-right-style: none; } .\!k-border-r-none { border-right-style: none !important; } .k-border-b-solid { border-bottom-style: solid; } .\!k-border-b-solid { border-bottom-style: solid !important; } .k-border-b-dashed { border-bottom-style: dashed; } .\!k-border-b-dashed { border-bottom-style: dashed !important; } .k-border-b-dotted { border-bottom-style: dotted; } .\!k-border-b-dotted { border-bottom-style: dotted !important; } .k-border-b-double { border-bottom-style: double; } .\!k-border-b-double { border-bottom-style: double !important; } .k-border-b-inset { border-bottom-style: inset; } .\!k-border-b-inset { border-bottom-style: inset !important; } .k-border-b-outset { border-bottom-style: outset; } .\!k-border-b-outset { border-bottom-style: outset !important; } .k-border-b-hidden { border-bottom-style: hidden; } .\!k-border-b-hidden { border-bottom-style: hidden !important; } .k-border-b-none { border-bottom-style: none; } .\!k-border-b-none { border-bottom-style: none !important; } .k-border-l-solid { border-left-style: solid; } .\!k-border-l-solid { border-left-style: solid !important; } .k-border-l-dashed { border-left-style: dashed; } .\!k-border-l-dashed { border-left-style: dashed !important; } .k-border-l-dotted { border-left-style: dotted; } .\!k-border-l-dotted { border-left-style: dotted !important; } .k-border-l-double { border-left-style: double; } .\!k-border-l-double { border-left-style: double !important; } .k-border-l-inset { border-left-style: inset; } .\!k-border-l-inset { border-left-style: inset !important; } .k-border-l-outset { border-left-style: outset; } .\!k-border-l-outset { border-left-style: outset !important; } .k-border-l-hidden { border-left-style: hidden; } .\!k-border-l-hidden { border-left-style: hidden !important; } .k-border-l-none { border-left-style: none; } .\!k-border-l-none { border-left-style: none !important; } .k-border-x-solid { border-inline-style: solid; } .\!k-border-x-solid { border-inline-style: solid !important; } .k-border-x-dashed { border-inline-style: dashed; } .\!k-border-x-dashed { border-inline-style: dashed !important; } .k-border-x-dotted { border-inline-style: dotted; } .\!k-border-x-dotted { border-inline-style: dotted !important; } .k-border-x-double { border-inline-style: double; } .\!k-border-x-double { border-inline-style: double !important; } .k-border-x-inset { border-inline-style: inset; } .\!k-border-x-inset { border-inline-style: inset !important; } .k-border-x-outset { border-inline-style: outset; } .\!k-border-x-outset { border-inline-style: outset !important; } .k-border-x-hidden { border-inline-style: hidden; } .\!k-border-x-hidden { border-inline-style: hidden !important; } .k-border-x-none { border-inline-style: none; } .\!k-border-x-none { border-inline-style: none !important; } .k-border-y-solid { border-block-style: solid; } .\!k-border-y-solid { border-block-style: solid !important; } .k-border-y-dashed { border-block-style: dashed; } .\!k-border-y-dashed { border-block-style: dashed !important; } .k-border-y-dotted { border-block-style: dotted; } .\!k-border-y-dotted { border-block-style: dotted !important; } .k-border-y-double { border-block-style: double; } .\!k-border-y-double { border-block-style: double !important; } .k-border-y-inset { border-block-style: inset; } .\!k-border-y-inset { border-block-style: inset !important; } .k-border-y-outset { border-block-style: outset; } .\!k-border-y-outset { border-block-style: outset !important; } .k-border-y-hidden { border-block-style: hidden; } .\!k-border-y-hidden { border-block-style: hidden !important; } .k-border-y-none { border-block-style: none; } .\!k-border-y-none { border-block-style: none !important; } .k-border { border-width: 1px; } .\!k-border { border-width: 1px !important; } .k-border-0 { border-width: 0; } .\!k-border-0 { border-width: 0 !important; } .k-border-2 { border-width: 2px; } .\!k-border-2 { border-width: 2px !important; } .k-border-4 { border-width: 4px; } .\!k-border-4 { border-width: 4px !important; } .k-border-8 { border-width: 8px; } .\!k-border-8 { border-width: 8px !important; } .k-border-t { border-top-width: 1px; } .\!k-border-t { border-top-width: 1px !important; } .k-border-t-0 { border-top-width: 0; } .\!k-border-t-0 { border-top-width: 0 !important; } .k-border-t-2 { border-top-width: 2px; } .\!k-border-t-2 { border-top-width: 2px !important; } .k-border-t-4 { border-top-width: 4px; } .\!k-border-t-4 { border-top-width: 4px !important; } .k-border-t-8 { border-top-width: 8px; } .\!k-border-t-8 { border-top-width: 8px !important; } .k-border-r { border-right-width: 1px; } .\!k-border-r { border-right-width: 1px !important; } .k-border-r-0 { border-right-width: 0; } .\!k-border-r-0 { border-right-width: 0 !important; } .k-border-r-2 { border-right-width: 2px; } .\!k-border-r-2 { border-right-width: 2px !important; } .k-border-r-4 { border-right-width: 4px; } .\!k-border-r-4 { border-right-width: 4px !important; } .k-border-r-8 { border-right-width: 8px; } .\!k-border-r-8 { border-right-width: 8px !important; } .k-border-b { border-bottom-width: 1px; } .\!k-border-b { border-bottom-width: 1px !important; } .k-border-b-0 { border-bottom-width: 0; } .\!k-border-b-0 { border-bottom-width: 0 !important; } .k-border-b-2 { border-bottom-width: 2px; } .\!k-border-b-2 { border-bottom-width: 2px !important; } .k-border-b-4 { border-bottom-width: 4px; } .\!k-border-b-4 { border-bottom-width: 4px !important; } .k-border-b-8 { border-bottom-width: 8px; } .\!k-border-b-8 { border-bottom-width: 8px !important; } .k-border-l { border-left-width: 1px; } .\!k-border-l { border-left-width: 1px !important; } .k-border-l-0 { border-left-width: 0; } .\!k-border-l-0 { border-left-width: 0 !important; } .k-border-l-2 { border-left-width: 2px; } .\!k-border-l-2 { border-left-width: 2px !important; } .k-border-l-4 { border-left-width: 4px; } .\!k-border-l-4 { border-left-width: 4px !important; } .k-border-l-8 { border-left-width: 8px; } .\!k-border-l-8 { border-left-width: 8px !important; } .k-border-x { border-inline-width: 1px; } .\!k-border-x { border-inline-width: 1px !important; } .k-border-x-0 { border-inline-width: 0; } .\!k-border-x-0 { border-inline-width: 0 !important; } .k-border-x-2 { border-inline-width: 2px; } .\!k-border-x-2 { border-inline-width: 2px !important; } .k-border-x-4 { border-inline-width: 4px; } .\!k-border-x-4 { border-inline-width: 4px !important; } .k-border-x-8 { border-inline-width: 8px; } .\!k-border-x-8 { border-inline-width: 8px !important; } .k-border-y { border-block-width: 1px; } .\!k-border-y { border-block-width: 1px !important; } .k-border-y-0 { border-block-width: 0; } .\!k-border-y-0 { border-block-width: 0 !important; } .k-border-y-2 { border-block-width: 2px; } .\!k-border-y-2 { border-block-width: 2px !important; } .k-border-y-4 { border-block-width: 4px; } .\!k-border-y-4 { border-block-width: 4px !important; } .k-border-y-8 { border-block-width: 8px; } .\!k-border-y-8 { border-block-width: 8px !important; } .k-border-top { border-top-width: 1px; } .\!k-border-top { border-top-width: 1px !important; } .k-border-top-0 { border-top-width: 0; } .\!k-border-top-0 { border-top-width: 0 !important; } .k-border-top-2 { border-top-width: 2px; } .\!k-border-top-2 { border-top-width: 2px !important; } .k-border-top-4 { border-top-width: 4px; } .\!k-border-top-4 { border-top-width: 4px !important; } .k-border-top-8 { border-top-width: 8px; } .\!k-border-top-8 { border-top-width: 8px !important; } .k-border-right { border-right-width: 1px; } .\!k-border-right { border-right-width: 1px !important; } .k-border-right-0 { border-right-width: 0; } .\!k-border-right-0 { border-right-width: 0 !important; } .k-border-right-2 { border-right-width: 2px; } .\!k-border-right-2 { border-right-width: 2px !important; } .k-border-right-4 { border-right-width: 4px; } .\!k-border-right-4 { border-right-width: 4px !important; } .k-border-right-8 { border-right-width: 8px; } .\!k-border-right-8 { border-right-width: 8px !important; } .k-border-bottom { border-bottom-width: 1px; } .\!k-border-bottom { border-bottom-width: 1px !important; } .k-border-bottom-0 { border-bottom-width: 0; } .\!k-border-bottom-0 { border-bottom-width: 0 !important; } .k-border-bottom-2 { border-bottom-width: 2px; } .\!k-border-bottom-2 { border-bottom-width: 2px !important; } .k-border-bottom-4 { border-bottom-width: 4px; } .\!k-border-bottom-4 { border-bottom-width: 4px !important; } .k-border-bottom-8 { border-bottom-width: 8px; } .\!k-border-bottom-8 { border-bottom-width: 8px !important; } .k-border-left { border-left-width: 1px; } .\!k-border-left { border-left-width: 1px !important; } .k-border-left-0 { border-left-width: 0; } .\!k-border-left-0 { border-left-width: 0 !important; } .k-border-left-2 { border-left-width: 2px; } .\!k-border-left-2 { border-left-width: 2px !important; } .k-border-left-4 { border-left-width: 4px; } .\!k-border-left-4 { border-left-width: 4px !important; } .k-border-left-8 { border-left-width: 8px; } .\!k-border-left-8 { border-left-width: 8px !important; } .k-outline-primary { outline-color: #0d6efd; } .\!k-outline-primary { outline-color: #0d6efd !important; } .k-outline-secondary { outline-color: #6c757d; } .\!k-outline-secondary { outline-color: #6c757d !important; } .k-outline-tertiary { outline-color: #6f42c1; } .\!k-outline-tertiary { outline-color: #6f42c1 !important; } .k-outline-info { outline-color: #0dcaf0; } .\!k-outline-info { outline-color: #0dcaf0 !important; } .k-outline-success { outline-color: #198754; } .\!k-outline-success { outline-color: #198754 !important; } .k-outline-warning { outline-color: #ffc107; } .\!k-outline-warning { outline-color: #ffc107 !important; } .k-outline-error { outline-color: #dc3545; } .\!k-outline-error { outline-color: #dc3545 !important; } .k-outline-dark { outline-color: #212529; } .\!k-outline-dark { outline-color: #212529 !important; } .k-outline-light { outline-color: #f8f9fa; } .\!k-outline-light { outline-color: #f8f9fa !important; } .k-outline-inverse { outline-color: #212529; } .\!k-outline-inverse { outline-color: #212529 !important; } .k-outline-inherit { outline-color: inherit; } .\!k-outline-inherit { outline-color: inherit !important; } .k-outline-current { outline-color: currentColor; } .\!k-outline-current { outline-color: currentColor !important; } .k-outline-transparent { outline-color: transparent; } .\!k-outline-transparent { outline-color: transparent !important; } .k-outline-black { outline-color: black; } .\!k-outline-black { outline-color: black !important; } .k-outline-white { outline-color: white; } .\!k-outline-white { outline-color: white !important; } .k-outline-offset-0 { outline-offset: 0; } .\!k-outline-offset-0 { outline-offset: 0 !important; } .k-outline-offset-1 { outline-offset: 1px; } .\!k-outline-offset-1 { outline-offset: 1px !important; } .k-outline-offset-2 { outline-offset: 2px; } .\!k-outline-offset-2 { outline-offset: 2px !important; } .k-outline-offset-4 { outline-offset: 4px; } .\!k-outline-offset-4 { outline-offset: 4px !important; } .k-outline-offset-8 { outline-offset: 8px; } .\!k-outline-offset-8 { outline-offset: 8px !important; } .k-outline-solid { outline-style: solid; } .\!k-outline-solid { outline-style: solid !important; } .k-outline-dashed { outline-style: dashed; } .\!k-outline-dashed { outline-style: dashed !important; } .k-outline-dotted { outline-style: dotted; } .\!k-outline-dotted { outline-style: dotted !important; } .k-outline-double { outline-style: double; } .\!k-outline-double { outline-style: double !important; } .k-outline-inset { outline-style: inset; } .\!k-outline-inset { outline-style: inset !important; } .k-outline-outset { outline-style: outset; } .\!k-outline-outset { outline-style: outset !important; } .k-outline-none { outline-style: none; } .\!k-outline-none { outline-style: none !important; } .k-outline { outline-width: 1px; } .\!k-outline { outline-width: 1px !important; } .k-outline-0 { outline-width: 0; } .\!k-outline-0 { outline-width: 0 !important; } .k-outline-2 { outline-width: 2px; } .\!k-outline-2 { outline-width: 2px !important; } .k-outline-4 { outline-width: 4px; } .\!k-outline-4 { outline-width: 4px !important; } .k-outline-8 { outline-width: 8px; } .\!k-outline-8 { outline-width: 8px !important; } .k-opacity-0 { opacity: 0; } .\!k-opacity-0 { opacity: 0 !important; } .k-opacity-5 { opacity: 0.05; } .\!k-opacity-5 { opacity: 0.05 !important; } .k-opacity-10 { opacity: 0.1; } .\!k-opacity-10 { opacity: 0.1 !important; } .k-opacity-20 { opacity: 0.2; } .\!k-opacity-20 { opacity: 0.2 !important; } .k-opacity-30 { opacity: 0.3; } .\!k-opacity-30 { opacity: 0.3 !important; } .k-opacity-40 { opacity: 0.4; } .\!k-opacity-40 { opacity: 0.4 !important; } .k-opacity-50 { opacity: 0.5; } .\!k-opacity-50 { opacity: 0.5 !important; } .k-opacity-60 { opacity: 0.6; } .\!k-opacity-60 { opacity: 0.6 !important; } .k-opacity-70 { opacity: 0.7; } .\!k-opacity-70 { opacity: 0.7 !important; } .k-opacity-80 { opacity: 0.8; } .\!k-opacity-80 { opacity: 0.8 !important; } .k-opacity-90 { opacity: 0.9; } .\!k-opacity-90 { opacity: 0.9 !important; } .k-opacity-100 { opacity: 1; } .\!k-opacity-100 { opacity: 1 !important; } .k-backdrop-blur { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } .\!k-backdrop-blur { -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; } .k-backdrop-blur-none { -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); } .\!k-backdrop-blur-none { -webkit-backdrop-filter: blur(0) !important; backdrop-filter: blur(0) !important; } .k-backdrop-blur-sm { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .\!k-backdrop-blur-sm { -webkit-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important; } .k-backdrop-blur-md { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } .\!k-backdrop-blur-md { -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important; } .k-backdrop-blur-lg { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .\!k-backdrop-blur-lg { -webkit-backdrop-filter: blur(12px) !important; backdrop-filter: blur(12px) !important; } .k-border-collapse { border-collapse: collapse; } .\!k-border-collapse { border-collapse: collapse !important; } .k-border-separate { border-collapse: separate; } .\!k-border-separate { border-collapse: separate !important; } .k-table-auto { table-layout: auto; } .\!k-table-auto { table-layout: auto !important; } .k-table-fixed { table-layout: fixed; } .\!k-table-fixed { table-layout: fixed !important; } .k-table-layout-auto { table-layout: auto; } .\!k-table-layout-auto { table-layout: auto !important; } .k-table-layout-fixed { table-layout: fixed; } .\!k-table-layout-fixed { table-layout: fixed !important; } .k-flip-h, .k-flip-x { transform: scaleX(-1); } .\!k-flip-h, .\!k-flip-x { transform: scaleX(-1) !important; } .k-flip-v, .k-flip-y { transform: scaleY(-1); } .\!k-flip-v, .\!k-flip-y { transform: scaleY(-1) !important; } .k-flip-h.k-flip-v, .k-flip-v.k-flip-x, .k-flip-x.k-flip-y, .k-flip-h.k-flip-y { transform: scale(-1, -1); } .\!k-flip-h.\!k-flip-v, .\!k-flip-v.\!k-flip-x, .\!k-flip-x.\!k-flip-y, .\!k-flip-h.\!k-flip-y { transform: scale(-1, -1) !important; } .k-origin-center { transform-origin: center; } .\!k-origin-center { transform-origin: center !important; } .k-origin-top { transform-origin: top; } .\!k-origin-top { transform-origin: top !important; } .k-origin-right { transform-origin: right; } .\!k-origin-right { transform-origin: right !important; } .k-origin-bottom { transform-origin: bottom; } .\!k-origin-bottom { transform-origin: bottom !important; } .k-origin-left { transform-origin: left; } .\!k-origin-left { transform-origin: left !important; } .k-origin-top-left { transform-origin: top left; } .\!k-origin-top-left { transform-origin: top left !important; } .k-origin-top-right { transform-origin: top right; } .\!k-origin-top-right { transform-origin: top right !important; } .k-origin-bottom-left { transform-origin: bottom left; } .\!k-origin-bottom-left { transform-origin: bottom left !important; } .k-origin-bottom-right { transform-origin: bottom right; } .\!k-origin-bottom-right { transform-origin: bottom right !important; } .k-rotate-0 { transform: rotate(0deg); } .\!k-rotate-0 { transform: rotate(0deg) !important; } .k-rotate-45 { transform: rotate(45deg); } .\!k-rotate-45 { transform: rotate(45deg) !important; } .k-rotate-90 { transform: rotate(90deg); } .\!k-rotate-90 { transform: rotate(90deg) !important; } .k-rotate-135 { transform: rotate(135deg); } .\!k-rotate-135 { transform: rotate(135deg) !important; } .k-rotate-180 { transform: rotate(180deg); } .\!k-rotate-180 { transform: rotate(180deg) !important; } .k-rotate-225 { transform: rotate(225deg); } .\!k-rotate-225 { transform: rotate(225deg) !important; } .k-rotate-270 { transform: rotate(270deg); } .\!k-rotate-270 { transform: rotate(270deg) !important; } .k-rotate-315 { transform: rotate(315deg); } .\!k-rotate-315 { transform: rotate(315deg) !important; } .k-scale-0 { transform: scale(0); } .\!k-scale-0 { transform: scale(0) !important; } .k-scale-0\.25 { transform: scale(0.25); } .\!k-scale-0\.25 { transform: scale(0.25) !important; } .k-scale-0\.5 { transform: scale(0.5); } .\!k-scale-0\.5 { transform: scale(0.5) !important; } .k-scale-0\.75 { transform: scale(0.75); } .\!k-scale-0\.75 { transform: scale(0.75) !important; } .k-scale-1 { transform: scale(1); } .\!k-scale-1 { transform: scale(1) !important; } .k-scale-1\.25 { transform: scale(1.25); } .\!k-scale-1\.25 { transform: scale(1.25) !important; } .k-scale-1\.5 { transform: scale(1.5); } .\!k-scale-1\.5 { transform: scale(1.5) !important; } .k-scale-2 { transform: scale(2); } .\!k-scale-2 { transform: scale(2) !important; } .k-scale-x-0 { transform: scaleX(0); } .\!k-scale-x-0 { transform: scaleX(0) !important; } .k-scale-x-0\.25 { transform: scaleX(0.25); } .\!k-scale-x-0\.25 { transform: scaleX(0.25) !important; } .k-scale-x-0\.5 { transform: scaleX(0.5); } .\!k-scale-x-0\.5 { transform: scaleX(0.5) !important; } .k-scale-x-0\.75 { transform: scaleX(0.75); } .\!k-scale-x-0\.75 { transform: scaleX(0.75) !important; } .k-scale-x-1 { transform: scaleX(1); } .\!k-scale-x-1 { transform: scaleX(1) !important; } .k-scale-x-1\.25 { transform: scaleX(1.25); } .\!k-scale-x-1\.25 { transform: scaleX(1.25) !important; } .k-scale-x-1\.5 { transform: scaleX(1.5); } .\!k-scale-x-1\.5 { transform: scaleX(1.5) !important; } .k-scale-x-2 { transform: scaleX(2); } .\!k-scale-x-2 { transform: scaleX(2) !important; } .k-scale-y-0 { transform: scaleY(0); } .\!k-scale-y-0 { transform: scaleY(0) !important; } .k-scale-y-0\.25 { transform: scaleY(0.25); } .\!k-scale-y-0\.25 { transform: scaleY(0.25) !important; } .k-scale-y-0\.5 { transform: scaleY(0.5); } .\!k-scale-y-0\.5 { transform: scaleY(0.5) !important; } .k-scale-y-0\.75 { transform: scaleY(0.75); } .\!k-scale-y-0\.75 { transform: scaleY(0.75) !important; } .k-scale-y-1 { transform: scaleY(1); } .\!k-scale-y-1 { transform: scaleY(1) !important; } .k-scale-y-1\.25 { transform: scaleY(1.25); } .\!k-scale-y-1\.25 { transform: scaleY(1.25) !important; } .k-scale-y-1\.5 { transform: scaleY(1.5); } .\!k-scale-y-1\.5 { transform: scaleY(1.5) !important; } .k-scale-y-2 { transform: scaleY(2); } .\!k-scale-y-2 { transform: scaleY(2) !important; } .k-skew-x-0 { transform: skewX(0deg); } .\!k-skew-x-0 { transform: skewX(0deg) !important; } .k-skew-x-1 { transform: skewX(1deg); } .\!k-skew-x-1 { transform: skewX(1deg) !important; } .k-skew-x-2 { transform: skewX(2deg); } .\!k-skew-x-2 { transform: skewX(2deg) !important; } .k-skew-x-3 { transform: skewX(3deg); } .\!k-skew-x-3 { transform: skewX(3deg) !important; } .k-skew-x-4 { transform: skewX(4deg); } .\!k-skew-x-4 { transform: skewX(4deg) !important; } .k-skew-x-5 { transform: skewX(5deg); } .\!k-skew-x-5 { transform: skewX(5deg) !important; } .k-skew-x-6 { transform: skewX(6deg); } .\!k-skew-x-6 { transform: skewX(6deg) !important; } .k-skew-x-7 { transform: skewX(7deg); } .\!k-skew-x-7 { transform: skewX(7deg) !important; } .k-skew-x-8 { transform: skewX(8deg); } .\!k-skew-x-8 { transform: skewX(8deg) !important; } .k-skew-x-9 { transform: skewX(9deg); } .\!k-skew-x-9 { transform: skewX(9deg) !important; } .k-skew-x-10 { transform: skewX(10deg); } .\!k-skew-x-10 { transform: skewX(10deg) !important; } .k-skew-x-11 { transform: skewX(11deg); } .\!k-skew-x-11 { transform: skewX(11deg) !important; } .k-skew-x-12 { transform: skewX(12deg); } .\!k-skew-x-12 { transform: skewX(12deg) !important; } .k-skew-y-0 { transform: skewY(0deg); } .\!k-skew-y-0 { transform: skewY(0deg) !important; } .k-skew-y-1 { transform: skewY(1deg); } .\!k-skew-y-1 { transform: skewY(1deg) !important; } .k-skew-y-2 { transform: skewY(2deg); } .\!k-skew-y-2 { transform: skewY(2deg) !important; } .k-skew-y-3 { transform: skewY(3deg); } .\!k-skew-y-3 { transform: skewY(3deg) !important; } .k-skew-y-4 { transform: skewY(4deg); } .\!k-skew-y-4 { transform: skewY(4deg) !important; } .k-skew-y-5 { transform: skewY(5deg); } .\!k-skew-y-5 { transform: skewY(5deg) !important; } .k-skew-y-6 { transform: skewY(6deg); } .\!k-skew-y-6 { transform: skewY(6deg) !important; } .k-skew-y-7 { transform: skewY(7deg); } .\!k-skew-y-7 { transform: skewY(7deg) !important; } .k-skew-y-8 { transform: skewY(8deg); } .\!k-skew-y-8 { transform: skewY(8deg) !important; } .k-skew-y-9 { transform: skewY(9deg); } .\!k-skew-y-9 { transform: skewY(9deg) !important; } .k-skew-y-10 { transform: skewY(10deg); } .\!k-skew-y-10 { transform: skewY(10deg) !important; } .k-skew-y-11 { transform: skewY(11deg); } .\!k-skew-y-11 { transform: skewY(11deg) !important; } .k-skew-y-12 { transform: skewY(12deg); } .\!k-skew-y-12 { transform: skewY(12deg) !important; } .k-translate-0 { transform: translate(0, 0); } .\!k-translate-0 { transform: translate(0, 0) !important; } .k-translate-0-50 { transform: translate(0, 50%); } .\!k-translate-0-50 { transform: translate(0, 50%) !important; } .k-translate-0-100 { transform: translate(0, 100%); } .\!k-translate-0-100 { transform: translate(0, 100%) !important; } .k-translate-50-0 { transform: translate(50%, 0); } .\!k-translate-50-0 { transform: translate(50%, 0) !important; } .k-translate-50-50 { transform: translate(50%, 50%); } .\!k-translate-50-50 { transform: translate(50%, 50%) !important; } .k-translate-50-100 { transform: translate(50%, 100%); } .\!k-translate-50-100 { transform: translate(50%, 100%) !important; } .k-translate-100-0 { transform: translate(100%, 0); } .\!k-translate-100-0 { transform: translate(100%, 0) !important; } .k-translate-100-50 { transform: translate(100%, 50%); } .\!k-translate-100-50 { transform: translate(100%, 50%) !important; } .k-translate-100-100 { transform: translate(100%, 100%); } .\!k-translate-100-100 { transform: translate(100%, 100%) !important; } .k-translate-x-0 { transform: translateX(0); } .\!k-translate-x-0 { transform: translateX(0) !important; } .k-translate-x-1px { transform: translateX(1px); } .\!k-translate-x-1px { transform: translateX(1px) !important; } .k-translate-x-0\.5 { transform: translateX(0.125rem); } .\!k-translate-x-0\.5 { transform: translateX(0.125rem) !important; } .k-translate-x-1 { transform: translateX(0.25rem); } .\!k-translate-x-1 { transform: translateX(0.25rem) !important; } .k-translate-x-1\.5 { transform: translateX(0.375rem); } .\!k-translate-x-1\.5 { transform: translateX(0.375rem) !important; } .k-translate-x-2 { transform: translateX(0.5rem); } .\!k-translate-x-2 { transform: translateX(0.5rem) !important; } .k-translate-x-2\.5 { transform: translateX(0.625rem); } .\!k-translate-x-2\.5 { transform: translateX(0.625rem) !important; } .k-translate-x-3 { transform: translateX(0.75rem); } .\!k-translate-x-3 { transform: translateX(0.75rem) !important; } .k-translate-x-3\.5 { transform: translateX(0.875rem); } .\!k-translate-x-3\.5 { transform: translateX(0.875rem) !important; } .k-translate-x-4 { transform: translateX(1rem); } .\!k-translate-x-4 { transform: translateX(1rem) !important; } .k-translate-x-4\.5 { transform: translateX(1.125rem); } .\!k-translate-x-4\.5 { transform: translateX(1.125rem) !important; } .k-translate-x-5 { transform: translateX(1.25rem); } .\!k-translate-x-5 { transform: translateX(1.25rem) !important; } .k-translate-x-5\.5 { transform: translateX(1.375rem); } .\!k-translate-x-5\.5 { transform: translateX(1.375rem) !important; } .k-translate-x-6 { transform: translateX(1.5rem); } .\!k-translate-x-6 { transform: translateX(1.5rem) !important; } .k-translate-x-6\.5 { transform: translateX(1.625rem); } .\!k-translate-x-6\.5 { transform: translateX(1.625rem) !important; } .k-translate-x-7 { transform: translateX(1.75rem); } .\!k-translate-x-7 { transform: translateX(1.75rem) !important; } .k-translate-x-7\.5 { transform: translateX(1.875rem); } .\!k-translate-x-7\.5 { transform: translateX(1.875rem) !important; } .k-translate-x-8 { transform: translateX(2rem); } .\!k-translate-x-8 { transform: translateX(2rem) !important; } .k-translate-x-9 { transform: translateX(2.25rem); } .\!k-translate-x-9 { transform: translateX(2.25rem) !important; } .k-translate-x-10 { transform: translateX(2.5rem); } .\!k-translate-x-10 { transform: translateX(2.5rem) !important; } .k-translate-x-11 { transform: translateX(2.75rem); } .\!k-translate-x-11 { transform: translateX(2.75rem) !important; } .k-translate-x-12 { transform: translateX(3rem); } .\!k-translate-x-12 { transform: translateX(3rem) !important; } .k-translate-x-13 { transform: translateX(3.25rem); } .\!k-translate-x-13 { transform: translateX(3.25rem) !important; } .k-translate-x-14 { transform: translateX(3.5rem); } .\!k-translate-x-14 { transform: translateX(3.5rem) !important; } .k-translate-x-15 { transform: translateX(3.75rem); } .\!k-translate-x-15 { transform: translateX(3.75rem) !important; } .k-translate-x-16 { transform: translateX(4rem); } .\!k-translate-x-16 { transform: translateX(4rem) !important; } .k-translate-x-17 { transform: translateX(4.25rem); } .\!k-translate-x-17 { transform: translateX(4.25rem) !important; } .k-translate-x-18 { transform: translateX(4.5rem); } .\!k-translate-x-18 { transform: translateX(4.5rem) !important; } .k-translate-x-19 { transform: translateX(4.75rem); } .\!k-translate-x-19 { transform: translateX(4.75rem) !important; } .k-translate-x-20 { transform: translateX(5rem); } .\!k-translate-x-20 { transform: translateX(5rem) !important; } .k-translate-x-21 { transform: translateX(5.25rem); } .\!k-translate-x-21 { transform: translateX(5.25rem) !important; } .k-translate-x-22 { transform: translateX(5.5rem); } .\!k-translate-x-22 { transform: translateX(5.5rem) !important; } .k-translate-x-23 { transform: translateX(5.75rem); } .\!k-translate-x-23 { transform: translateX(5.75rem) !important; } .k-translate-x-24 { transform: translateX(6rem); } .\!k-translate-x-24 { transform: translateX(6rem) !important; } .k-translate-x-1\/2 { transform: translateX(50%); } .\!k-translate-x-1\/2 { transform: translateX(50%) !important; } .k-translate-x-1\/3 { transform: translateX(33.333333%); } .\!k-translate-x-1\/3 { transform: translateX(33.333333%) !important; } .k-translate-x-2\/3 { transform: translateX(66.666667%); } .\!k-translate-x-2\/3 { transform: translateX(66.666667%) !important; } .k-translate-x-1\/4 { transform: translateX(25%); } .\!k-translate-x-1\/4 { transform: translateX(25%) !important; } .k-translate-x-2\/4 { transform: translateX(50%); } .\!k-translate-x-2\/4 { transform: translateX(50%) !important; } .k-translate-x-3\/4 { transform: translateX(75%); } .\!k-translate-x-3\/4 { transform: translateX(75%) !important; } .k-translate-x-1\/5 { transform: translateX(20%); } .\!k-translate-x-1\/5 { transform: translateX(20%) !important; } .k-translate-x-2\/5 { transform: translateX(40%); } .\!k-translate-x-2\/5 { transform: translateX(40%) !important; } .k-translate-x-3\/5 { transform: translateX(60%); } .\!k-translate-x-3\/5 { transform: translateX(60%) !important; } .k-translate-x-4\/5 { transform: translateX(80%); } .\!k-translate-x-4\/5 { transform: translateX(80%) !important; } .k-translate-x-1\/6 { transform: translateX(16.666667%); } .\!k-translate-x-1\/6 { transform: translateX(16.666667%) !important; } .k-translate-x-2\/6 { transform: translateX(33.333333%); } .\!k-translate-x-2\/6 { transform: translateX(33.333333%) !important; } .k-translate-x-3\/6 { transform: translateX(50%); } .\!k-translate-x-3\/6 { transform: translateX(50%) !important; } .k-translate-x-4\/6 { transform: translateX(66.666667%); } .\!k-translate-x-4\/6 { transform: translateX(66.666667%) !important; } .k-translate-x-5\/6 { transform: translateX(83.333333%); } .\!k-translate-x-5\/6 { transform: translateX(83.333333%) !important; } .k-translate-x-1\/12 { transform: translateX(8.333333%); } .\!k-translate-x-1\/12 { transform: translateX(8.333333%) !important; } .k-translate-x-2\/12 { transform: translateX(16.666667%); } .\!k-translate-x-2\/12 { transform: translateX(16.666667%) !important; } .k-translate-x-3\/12 { transform: translateX(25%); } .\!k-translate-x-3\/12 { transform: translateX(25%) !important; } .k-translate-x-4\/12 { transform: translateX(33.333333%); } .\!k-translate-x-4\/12 { transform: translateX(33.333333%) !important; } .k-translate-x-5\/12 { transform: translateX(41.666667%); } .\!k-translate-x-5\/12 { transform: translateX(41.666667%) !important; } .k-translate-x-6\/12 { transform: translateX(50%); } .\!k-translate-x-6\/12 { transform: translateX(50%) !important; } .k-translate-x-7\/12 { transform: translateX(58.333333%); } .\!k-translate-x-7\/12 { transform: translateX(58.333333%) !important; } .k-translate-x-8\/12 { transform: translateX(66.666667%); } .\!k-translate-x-8\/12 { transform: translateX(66.666667%) !important; } .k-translate-x-9\/12 { transform: translateX(75%); } .\!k-translate-x-9\/12 { transform: translateX(75%) !important; } .k-translate-x-10\/12 { transform: translateX(83.333333%); } .\!k-translate-x-10\/12 { transform: translateX(83.333333%) !important; } .k-translate-x-11\/12 { transform: translateX(91.666667%); } .\!k-translate-x-11\/12 { transform: translateX(91.666667%) !important; } .k-translate-x-full { transform: translateX(100%); } .\!k-translate-x-full { transform: translateX(100%) !important; } .k-translate-y-0 { transform: translateY(0); } .\!k-translate-y-0 { transform: translateY(0) !important; } .k-translate-y-1px { transform: translateY(1px); } .\!k-translate-y-1px { transform: translateY(1px) !important; } .k-translate-y-0\.5 { transform: translateY(0.125rem); } .\!k-translate-y-0\.5 { transform: translateY(0.125rem) !important; } .k-translate-y-1 { transform: translateY(0.25rem); } .\!k-translate-y-1 { transform: translateY(0.25rem) !important; } .k-translate-y-1\.5 { transform: translateY(0.375rem); } .\!k-translate-y-1\.5 { transform: translateY(0.375rem) !important; } .k-translate-y-2 { transform: translateY(0.5rem); } .\!k-translate-y-2 { transform: translateY(0.5rem) !important; } .k-translate-y-2\.5 { transform: translateY(0.625rem); } .\!k-translate-y-2\.5 { transform: translateY(0.625rem) !important; } .k-translate-y-3 { transform: translateY(0.75rem); } .\!k-translate-y-3 { transform: translateY(0.75rem) !important; } .k-translate-y-3\.5 { transform: translateY(0.875rem); } .\!k-translate-y-3\.5 { transform: translateY(0.875rem) !important; } .k-translate-y-4 { transform: translateY(1rem); } .\!k-translate-y-4 { transform: translateY(1rem) !important; } .k-translate-y-4\.5 { transform: translateY(1.125rem); } .\!k-translate-y-4\.5 { transform: translateY(1.125rem) !important; } .k-translate-y-5 { transform: translateY(1.25rem); } .\!k-translate-y-5 { transform: translateY(1.25rem) !important; } .k-translate-y-5\.5 { transform: translateY(1.375rem); } .\!k-translate-y-5\.5 { transform: translateY(1.375rem) !important; } .k-translate-y-6 { transform: translateY(1.5rem); } .\!k-translate-y-6 { transform: translateY(1.5rem) !important; } .k-translate-y-6\.5 { transform: translateY(1.625rem); } .\!k-translate-y-6\.5 { transform: translateY(1.625rem) !important; } .k-translate-y-7 { transform: translateY(1.75rem); } .\!k-translate-y-7 { transform: translateY(1.75rem) !important; } .k-translate-y-7\.5 { transform: translateY(1.875rem); } .\!k-translate-y-7\.5 { transform: translateY(1.875rem) !important; } .k-translate-y-8 { transform: translateY(2rem); } .\!k-translate-y-8 { transform: translateY(2rem) !important; } .k-translate-y-9 { transform: translateY(2.25rem); } .\!k-translate-y-9 { transform: translateY(2.25rem) !important; } .k-translate-y-10 { transform: translateY(2.5rem); } .\!k-translate-y-10 { transform: translateY(2.5rem) !important; } .k-translate-y-11 { transform: translateY(2.75rem); } .\!k-translate-y-11 { transform: translateY(2.75rem) !important; } .k-translate-y-12 { transform: translateY(3rem); } .\!k-translate-y-12 { transform: translateY(3rem) !important; } .k-translate-y-13 { transform: translateY(3.25rem); } .\!k-translate-y-13 { transform: translateY(3.25rem) !important; } .k-translate-y-14 { transform: translateY(3.5rem); } .\!k-translate-y-14 { transform: translateY(3.5rem) !important; } .k-translate-y-15 { transform: translateY(3.75rem); } .\!k-translate-y-15 { transform: translateY(3.75rem) !important; } .k-translate-y-16 { transform: translateY(4rem); } .\!k-translate-y-16 { transform: translateY(4rem) !important; } .k-translate-y-17 { transform: translateY(4.25rem); } .\!k-translate-y-17 { transform: translateY(4.25rem) !important; } .k-translate-y-18 { transform: translateY(4.5rem); } .\!k-translate-y-18 { transform: translateY(4.5rem) !important; } .k-translate-y-19 { transform: translateY(4.75rem); } .\!k-translate-y-19 { transform: translateY(4.75rem) !important; } .k-translate-y-20 { transform: translateY(5rem); } .\!k-translate-y-20 { transform: translateY(5rem) !important; } .k-translate-y-21 { transform: translateY(5.25rem); } .\!k-translate-y-21 { transform: translateY(5.25rem) !important; } .k-translate-y-22 { transform: translateY(5.5rem); } .\!k-translate-y-22 { transform: translateY(5.5rem) !important; } .k-translate-y-23 { transform: translateY(5.75rem); } .\!k-translate-y-23 { transform: translateY(5.75rem) !important; } .k-translate-y-24 { transform: translateY(6rem); } .\!k-translate-y-24 { transform: translateY(6rem) !important; } .k-translate-y-1\/2 { transform: translateY(50%); } .\!k-translate-y-1\/2 { transform: translateY(50%) !important; } .k-translate-y-1\/3 { transform: translateY(33.333333%); } .\!k-translate-y-1\/3 { transform: translateY(33.333333%) !important; } .k-translate-y-2\/3 { transform: translateY(66.666667%); } .\!k-translate-y-2\/3 { transform: translateY(66.666667%) !important; } .k-translate-y-1\/4 { transform: translateY(25%); } .\!k-translate-y-1\/4 { transform: translateY(25%) !important; } .k-translate-y-2\/4 { transform: translateY(50%); } .\!k-translate-y-2\/4 { transform: translateY(50%) !important; } .k-translate-y-3\/4 { transform: translateY(75%); } .\!k-translate-y-3\/4 { transform: translateY(75%) !important; } .k-translate-y-1\/5 { transform: translateY(20%); } .\!k-translate-y-1\/5 { transform: translateY(20%) !important; } .k-translate-y-2\/5 { transform: translateY(40%); } .\!k-translate-y-2\/5 { transform: translateY(40%) !important; } .k-translate-y-3\/5 { transform: translateY(60%); } .\!k-translate-y-3\/5 { transform: translateY(60%) !important; } .k-translate-y-4\/5 { transform: translateY(80%); } .\!k-translate-y-4\/5 { transform: translateY(80%) !important; } .k-translate-y-1\/6 { transform: translateY(16.666667%); } .\!k-translate-y-1\/6 { transform: translateY(16.666667%) !important; } .k-translate-y-2\/6 { transform: translateY(33.333333%); } .\!k-translate-y-2\/6 { transform: translateY(33.333333%) !important; } .k-translate-y-3\/6 { transform: translateY(50%); } .\!k-translate-y-3\/6 { transform: translateY(50%) !important; } .k-translate-y-4\/6 { transform: translateY(66.666667%); } .\!k-translate-y-4\/6 { transform: translateY(66.666667%) !important; } .k-translate-y-5\/6 { transform: translateY(83.333333%); } .\!k-translate-y-5\/6 { transform: translateY(83.333333%) !important; } .k-translate-y-1\/12 { transform: translateY(8.333333%); } .\!k-translate-y-1\/12 { transform: translateY(8.333333%) !important; } .k-translate-y-2\/12 { transform: translateY(16.666667%); } .\!k-translate-y-2\/12 { transform: translateY(16.666667%) !important; } .k-translate-y-3\/12 { transform: translateY(25%); } .\!k-translate-y-3\/12 { transform: translateY(25%) !important; } .k-translate-y-4\/12 { transform: translateY(33.333333%); } .\!k-translate-y-4\/12 { transform: translateY(33.333333%) !important; } .k-translate-y-5\/12 { transform: translateY(41.666667%); } .\!k-translate-y-5\/12 { transform: translateY(41.666667%) !important; } .k-translate-y-6\/12 { transform: translateY(50%); } .\!k-translate-y-6\/12 { transform: translateY(50%) !important; } .k-translate-y-7\/12 { transform: translateY(58.333333%); } .\!k-translate-y-7\/12 { transform: translateY(58.333333%) !important; } .k-translate-y-8\/12 { transform: translateY(66.666667%); } .\!k-translate-y-8\/12 { transform: translateY(66.666667%) !important; } .k-translate-y-9\/12 { transform: translateY(75%); } .\!k-translate-y-9\/12 { transform: translateY(75%) !important; } .k-translate-y-10\/12 { transform: translateY(83.333333%); } .\!k-translate-y-10\/12 { transform: translateY(83.333333%) !important; } .k-translate-y-11\/12 { transform: translateY(91.666667%); } .\!k-translate-y-11\/12 { transform: translateY(91.666667%) !important; } .k-translate-y-full { transform: translateY(100%); } .\!k-translate-y-full { transform: translateY(100%) !important; } .k-appearance-none { appearance: none; } .\!k-appearance-none { appearance: none !important; } .k-appearance-auto { appearance: auto; } .\!k-appearance-auto { appearance: auto !important; } .k-cursor-none { cursor: none; } .\!k-cursor-none { cursor: none !important; } .k-cursor-auto { cursor: auto; } .\!k-cursor-auto { cursor: auto !important; } .k-cursor-default { cursor: default; } .\!k-cursor-default { cursor: default !important; } .k-cursor-context-menu { cursor: context-menu; } .\!k-cursor-context-menu { cursor: context-menu !important; } .k-cursor-help { cursor: help; } .\!k-cursor-help { cursor: help !important; } .k-cursor-pointer { cursor: pointer; } .\!k-cursor-pointer { cursor: pointer !important; } .k-cursor-progress { cursor: progress; } .\!k-cursor-progress { cursor: progress !important; } .k-cursor-wait { cursor: wait; } .\!k-cursor-wait { cursor: wait !important; } .k-cursor-cell { cursor: cell; } .\!k-cursor-cell { cursor: cell !important; } .k-cursor-crosshair { cursor: crosshair; } .\!k-cursor-crosshair { cursor: crosshair !important; } .k-cursor-text { cursor: text; } .\!k-cursor-text { cursor: text !important; } .k-cursor-vertical-text { cursor: vertical-text; } .\!k-cursor-vertical-text { cursor: vertical-text !important; } .k-cursor-alias { cursor: alias; } .\!k-cursor-alias { cursor: alias !important; } .k-cursor-copy { cursor: copy; } .\!k-cursor-copy { cursor: copy !important; } .k-cursor-move { cursor: move; } .\!k-cursor-move { cursor: move !important; } .k-cursor-no-drop { cursor: no-drop; } .\!k-cursor-no-drop { cursor: no-drop !important; } .k-cursor-not-allowed { cursor: not-allowed; } .\!k-cursor-not-allowed { cursor: not-allowed !important; } .k-cursor-e-resize { cursor: e-resize; } .\!k-cursor-e-resize { cursor: e-resize !important; } .k-cursor-n-resize { cursor: n-resize; } .\!k-cursor-n-resize { cursor: n-resize !important; } .k-cursor-ne-resize { cursor: ne-resize; } .\!k-cursor-ne-resize { cursor: ne-resize !important; } .k-cursor-nw-resize { cursor: nw-resize; } .\!k-cursor-nw-resize { cursor: nw-resize !important; } .k-cursor-s-resize { cursor: s-resize; } .\!k-cursor-s-resize { cursor: s-resize !important; } .k-cursor-se-resize { cursor: se-resize; } .\!k-cursor-se-resize { cursor: se-resize !important; } .k-cursor-sw-resize { cursor: sw-resize; } .\!k-cursor-sw-resize { cursor: sw-resize !important; } .k-cursor-w-resize { cursor: w-resize; } .\!k-cursor-w-resize { cursor: w-resize !important; } .k-cursor-ew-resize { cursor: ew-resize; } .\!k-cursor-ew-resize { cursor: ew-resize !important; } .k-cursor-ns-resize { cursor: ns-resize; } .\!k-cursor-ns-resize { cursor: ns-resize !important; } .k-cursor-nesw-resize { cursor: nesw-resize; } .\!k-cursor-nesw-resize { cursor: nesw-resize !important; } .k-cursor-nwse-resize { cursor: nwse-resize; } .\!k-cursor-nwse-resize { cursor: nwse-resize !important; } .k-cursor-col-resize { cursor: col-resize; } .\!k-cursor-col-resize { cursor: col-resize !important; } .k-cursor-row-resize { cursor: row-resize; } .\!k-cursor-row-resize { cursor: row-resize !important; } .k-cursor-all-scroll { cursor: all-scroll; } .\!k-cursor-all-scroll { cursor: all-scroll !important; } .k-cursor-zoom-in { cursor: zoom-in; } .\!k-cursor-zoom-in { cursor: zoom-in !important; } .k-cursor-zoom-out { cursor: zoom-out; } .\!k-cursor-zoom-out { cursor: zoom-out !important; } .k-cursor-grab { cursor: grab; } .\!k-cursor-grab { cursor: grab !important; } .k-cursor-grabbing { cursor: grabbing; } .\!k-cursor-grabbing { cursor: grabbing !important; } .k-pointer-events-none { pointer-events: none; } .\!k-pointer-events-none { pointer-events: none !important; } .k-pointer-events-auto { pointer-events: auto; } .\!k-pointer-events-auto { pointer-events: auto !important; } .k-resize { resize: both; } .\!k-resize { resize: both !important; } .k-resize-none { resize: none; } .\!k-resize-none { resize: none !important; } .k-resize-x { resize: horizontal; } .\!k-resize-x { resize: horizontal !important; } .k-resize-y { resize: vertical; } .\!k-resize-y { resize: vertical !important; } .k-scroll-auto { scroll-behavior: auto; } .\!k-scroll-auto { scroll-behavior: auto !important; } .k-scroll-smooth { scroll-behavior: smooth; } .\!k-scroll-smooth { scroll-behavior: smooth !important; } .k-scroll-snap-none { -ms-scroll-snap-type: none; scroll-snap-type: none; } .\!k-scroll-snap-none { -ms-scroll-snap-type: none !important; scroll-snap-type: none !important; } .k-scroll-snap-snap-x { -ms-scroll-snap-type: x var(--k-scroll-snap-strictness); scroll-snap-type: x var(--k-scroll-snap-strictness); } .\!k-scroll-snap-snap-x { -ms-scroll-snap-type: x var(--k-scroll-snap-strictness) !important; scroll-snap-type: x var(--k-scroll-snap-strictness) !important; } .k-scroll-snap-snap-y { -ms-scroll-snap-type: y var(--k-scroll-snap-strictness); scroll-snap-type: y var(--k-scroll-snap-strictness); } .\!k-scroll-snap-snap-y { -ms-scroll-snap-type: y var(--k-scroll-snap-strictness) !important; scroll-snap-type: y var(--k-scroll-snap-strictness) !important; } .k-scroll-snap-snap-both { -ms-scroll-snap-type: both var(--k-scroll-snap-strictness); scroll-snap-type: both var(--k-scroll-snap-strictness); } .\!k-scroll-snap-snap-both { -ms-scroll-snap-type: both var(--k-scroll-snap-strictness) !important; scroll-snap-type: both var(--k-scroll-snap-strictness) !important; } .k-scroll-snap-mandatory { --k-scroll-snap-strictness: mandatory; } .k-scroll-snap-proximity { --k-scroll-snap-strictness: proximity; } .k-scroll-snap-stop-normal { scroll-snap-stop: normal; } .\!k-scroll-snap-stop-normal { scroll-snap-stop: normal !important; } .k-scroll-snap-stop-always { scroll-snap-stop: always; } .\!k-scroll-snap-stop-always { scroll-snap-stop: always !important; } .k-scroll-snap-align-start { scroll-snap-align: start; } .\!k-scroll-snap-align-start { scroll-snap-align: start !important; } .k-scroll-snap-align-end { scroll-snap-align: end; } .\!k-scroll-snap-align-end { scroll-snap-align: end !important; } .k-scroll-snap-align-center { scroll-snap-align: center; } .\!k-scroll-snap-align-center { scroll-snap-align: center !important; } .k-scroll-snap-align-none { scroll-snap-align: none; } .\!k-scroll-snap-align-none { scroll-snap-align: none !important; } .k-scroll-m-0 { scroll-margin: 0; } .\!k-scroll-m-0 { scroll-margin: 0 !important; } .k-scroll-m-1px { scroll-margin: 1px; } .\!k-scroll-m-1px { scroll-margin: 1px !important; } .k-scroll-m-0\.5 { scroll-margin: 0.125rem; } .\!k-scroll-m-0\.5 { scroll-margin: 0.125rem !important; } .k-scroll-m-1 { scroll-margin: 0.25rem; } .\!k-scroll-m-1 { scroll-margin: 0.25rem !important; } .k-scroll-m-1\.5 { scroll-margin: 0.375rem; } .\!k-scroll-m-1\.5 { scroll-margin: 0.375rem !important; } .k-scroll-m-2 { scroll-margin: 0.5rem; } .\!k-scroll-m-2 { scroll-margin: 0.5rem !important; } .k-scroll-m-2\.5 { scroll-margin: 0.625rem; } .\!k-scroll-m-2\.5 { scroll-margin: 0.625rem !important; } .k-scroll-m-3 { scroll-margin: 0.75rem; } .\!k-scroll-m-3 { scroll-margin: 0.75rem !important; } .k-scroll-m-3\.5 { scroll-margin: 0.875rem; } .\!k-scroll-m-3\.5 { scroll-margin: 0.875rem !important; } .k-scroll-m-4 { scroll-margin: 1rem; } .\!k-scroll-m-4 { scroll-margin: 1rem !important; } .k-scroll-m-4\.5 { scroll-margin: 1.125rem; } .\!k-scroll-m-4\.5 { scroll-margin: 1.125rem !important; } .k-scroll-m-5 { scroll-margin: 1.25rem; } .\!k-scroll-m-5 { scroll-margin: 1.25rem !important; } .k-scroll-m-5\.5 { scroll-margin: 1.375rem; } .\!k-scroll-m-5\.5 { scroll-margin: 1.375rem !important; } .k-scroll-m-6 { scroll-margin: 1.5rem; } .\!k-scroll-m-6 { scroll-margin: 1.5rem !important; } .k-scroll-m-6\.5 { scroll-margin: 1.625rem; } .\!k-scroll-m-6\.5 { scroll-margin: 1.625rem !important; } .k-scroll-m-7 { scroll-margin: 1.75rem; } .\!k-scroll-m-7 { scroll-margin: 1.75rem !important; } .k-scroll-m-7\.5 { scroll-margin: 1.875rem; } .\!k-scroll-m-7\.5 { scroll-margin: 1.875rem !important; } .k-scroll-m-8 { scroll-margin: 2rem; } .\!k-scroll-m-8 { scroll-margin: 2rem !important; } .k-scroll-m-9 { scroll-margin: 2.25rem; } .\!k-scroll-m-9 { scroll-margin: 2.25rem !important; } .k-scroll-m-10 { scroll-margin: 2.5rem; } .\!k-scroll-m-10 { scroll-margin: 2.5rem !important; } .k-scroll-m-11 { scroll-margin: 2.75rem; } .\!k-scroll-m-11 { scroll-margin: 2.75rem !important; } .k-scroll-m-12 { scroll-margin: 3rem; } .\!k-scroll-m-12 { scroll-margin: 3rem !important; } .k-scroll-m-13 { scroll-margin: 3.25rem; } .\!k-scroll-m-13 { scroll-margin: 3.25rem !important; } .k-scroll-m-14 { scroll-margin: 3.5rem; } .\!k-scroll-m-14 { scroll-margin: 3.5rem !important; } .k-scroll-m-15 { scroll-margin: 3.75rem; } .\!k-scroll-m-15 { scroll-margin: 3.75rem !important; } .k-scroll-m-16 { scroll-margin: 4rem; } .\!k-scroll-m-16 { scroll-margin: 4rem !important; } .k-scroll-m-17 { scroll-margin: 4.25rem; } .\!k-scroll-m-17 { scroll-margin: 4.25rem !important; } .k-scroll-m-18 { scroll-margin: 4.5rem; } .\!k-scroll-m-18 { scroll-margin: 4.5rem !important; } .k-scroll-m-19 { scroll-margin: 4.75rem; } .\!k-scroll-m-19 { scroll-margin: 4.75rem !important; } .k-scroll-m-20 { scroll-margin: 5rem; } .\!k-scroll-m-20 { scroll-margin: 5rem !important; } .k-scroll-m-21 { scroll-margin: 5.25rem; } .\!k-scroll-m-21 { scroll-margin: 5.25rem !important; } .k-scroll-m-22 { scroll-margin: 5.5rem; } .\!k-scroll-m-22 { scroll-margin: 5.5rem !important; } .k-scroll-m-23 { scroll-margin: 5.75rem; } .\!k-scroll-m-23 { scroll-margin: 5.75rem !important; } .k-scroll-m-24 { scroll-margin: 6rem; } .\!k-scroll-m-24 { scroll-margin: 6rem !important; } .k-scroll-mt-0 { scroll-margin-top: 0; } .\!k-scroll-mt-0 { scroll-margin-top: 0 !important; } .k-scroll-mt-1px { scroll-margin-top: 1px; } .\!k-scroll-mt-1px { scroll-margin-top: 1px !important; } .k-scroll-mt-0\.5 { scroll-margin-top: 0.125rem; } .\!k-scroll-mt-0\.5 { scroll-margin-top: 0.125rem !important; } .k-scroll-mt-1 { scroll-margin-top: 0.25rem; } .\!k-scroll-mt-1 { scroll-margin-top: 0.25rem !important; } .k-scroll-mt-1\.5 { scroll-margin-top: 0.375rem; } .\!k-scroll-mt-1\.5 { scroll-margin-top: 0.375rem !important; } .k-scroll-mt-2 { scroll-margin-top: 0.5rem; } .\!k-scroll-mt-2 { scroll-margin-top: 0.5rem !important; } .k-scroll-mt-2\.5 { scroll-margin-top: 0.625rem; } .\!k-scroll-mt-2\.5 { scroll-margin-top: 0.625rem !important; } .k-scroll-mt-3 { scroll-margin-top: 0.75rem; } .\!k-scroll-mt-3 { scroll-margin-top: 0.75rem !important; } .k-scroll-mt-3\.5 { scroll-margin-top: 0.875rem; } .\!k-scroll-mt-3\.5 { scroll-margin-top: 0.875rem !important; } .k-scroll-mt-4 { scroll-margin-top: 1rem; } .\!k-scroll-mt-4 { scroll-margin-top: 1rem !important; } .k-scroll-mt-4\.5 { scroll-margin-top: 1.125rem; } .\!k-scroll-mt-4\.5 { scroll-margin-top: 1.125rem !important; } .k-scroll-mt-5 { scroll-margin-top: 1.25rem; } .\!k-scroll-mt-5 { scroll-margin-top: 1.25rem !important; } .k-scroll-mt-5\.5 { scroll-margin-top: 1.375rem; } .\!k-scroll-mt-5\.5 { scroll-margin-top: 1.375rem !important; } .k-scroll-mt-6 { scroll-margin-top: 1.5rem; } .\!k-scroll-mt-6 { scroll-margin-top: 1.5rem !important; } .k-scroll-mt-6\.5 { scroll-margin-top: 1.625rem; } .\!k-scroll-mt-6\.5 { scroll-margin-top: 1.625rem !important; } .k-scroll-mt-7 { scroll-margin-top: 1.75rem; } .\!k-scroll-mt-7 { scroll-margin-top: 1.75rem !important; } .k-scroll-mt-7\.5 { scroll-margin-top: 1.875rem; } .\!k-scroll-mt-7\.5 { scroll-margin-top: 1.875rem !important; } .k-scroll-mt-8 { scroll-margin-top: 2rem; } .\!k-scroll-mt-8 { scroll-margin-top: 2rem !important; } .k-scroll-mt-9 { scroll-margin-top: 2.25rem; } .\!k-scroll-mt-9 { scroll-margin-top: 2.25rem !important; } .k-scroll-mt-10 { scroll-margin-top: 2.5rem; } .\!k-scroll-mt-10 { scroll-margin-top: 2.5rem !important; } .k-scroll-mt-11 { scroll-margin-top: 2.75rem; } .\!k-scroll-mt-11 { scroll-margin-top: 2.75rem !important; } .k-scroll-mt-12 { scroll-margin-top: 3rem; } .\!k-scroll-mt-12 { scroll-margin-top: 3rem !important; } .k-scroll-mt-13 { scroll-margin-top: 3.25rem; } .\!k-scroll-mt-13 { scroll-margin-top: 3.25rem !important; } .k-scroll-mt-14 { scroll-margin-top: 3.5rem; } .\!k-scroll-mt-14 { scroll-margin-top: 3.5rem !important; } .k-scroll-mt-15 { scroll-margin-top: 3.75rem; } .\!k-scroll-mt-15 { scroll-margin-top: 3.75rem !important; } .k-scroll-mt-16 { scroll-margin-top: 4rem; } .\!k-scroll-mt-16 { scroll-margin-top: 4rem !important; } .k-scroll-mt-17 { scroll-margin-top: 4.25rem; } .\!k-scroll-mt-17 { scroll-margin-top: 4.25rem !important; } .k-scroll-mt-18 { scroll-margin-top: 4.5rem; } .\!k-scroll-mt-18 { scroll-margin-top: 4.5rem !important; } .k-scroll-mt-19 { scroll-margin-top: 4.75rem; } .\!k-scroll-mt-19 { scroll-margin-top: 4.75rem !important; } .k-scroll-mt-20 { scroll-margin-top: 5rem; } .\!k-scroll-mt-20 { scroll-margin-top: 5rem !important; } .k-scroll-mt-21 { scroll-margin-top: 5.25rem; } .\!k-scroll-mt-21 { scroll-margin-top: 5.25rem !important; } .k-scroll-mt-22 { scroll-margin-top: 5.5rem; } .\!k-scroll-mt-22 { scroll-margin-top: 5.5rem !important; } .k-scroll-mt-23 { scroll-margin-top: 5.75rem; } .\!k-scroll-mt-23 { scroll-margin-top: 5.75rem !important; } .k-scroll-mt-24 { scroll-margin-top: 6rem; } .\!k-scroll-mt-24 { scroll-margin-top: 6rem !important; } .k-scroll-mr-0 { scroll-margin-right: 0; } .\!k-scroll-mr-0 { scroll-margin-right: 0 !important; } .k-scroll-mr-1px { scroll-margin-right: 1px; } .\!k-scroll-mr-1px { scroll-margin-right: 1px !important; } .k-scroll-mr-0\.5 { scroll-margin-right: 0.125rem; } .\!k-scroll-mr-0\.5 { scroll-margin-right: 0.125rem !important; } .k-scroll-mr-1 { scroll-margin-right: 0.25rem; } .\!k-scroll-mr-1 { scroll-margin-right: 0.25rem !important; } .k-scroll-mr-1\.5 { scroll-margin-right: 0.375rem; } .\!k-scroll-mr-1\.5 { scroll-margin-right: 0.375rem !important; } .k-scroll-mr-2 { scroll-margin-right: 0.5rem; } .\!k-scroll-mr-2 { scroll-margin-right: 0.5rem !important; } .k-scroll-mr-2\.5 { scroll-margin-right: 0.625rem; } .\!k-scroll-mr-2\.5 { scroll-margin-right: 0.625rem !important; } .k-scroll-mr-3 { scroll-margin-right: 0.75rem; } .\!k-scroll-mr-3 { scroll-margin-right: 0.75rem !important; } .k-scroll-mr-3\.5 { scroll-margin-right: 0.875rem; } .\!k-scroll-mr-3\.5 { scroll-margin-right: 0.875rem !important; } .k-scroll-mr-4 { scroll-margin-right: 1rem; } .\!k-scroll-mr-4 { scroll-margin-right: 1rem !important; } .k-scroll-mr-4\.5 { scroll-margin-right: 1.125rem; } .\!k-scroll-mr-4\.5 { scroll-margin-right: 1.125rem !important; } .k-scroll-mr-5 { scroll-margin-right: 1.25rem; } .\!k-scroll-mr-5 { scroll-margin-right: 1.25rem !important; } .k-scroll-mr-5\.5 { scroll-margin-right: 1.375rem; } .\!k-scroll-mr-5\.5 { scroll-margin-right: 1.375rem !important; } .k-scroll-mr-6 { scroll-margin-right: 1.5rem; } .\!k-scroll-mr-6 { scroll-margin-right: 1.5rem !important; } .k-scroll-mr-6\.5 { scroll-margin-right: 1.625rem; } .\!k-scroll-mr-6\.5 { scroll-margin-right: 1.625rem !important; } .k-scroll-mr-7 { scroll-margin-right: 1.75rem; } .\!k-scroll-mr-7 { scroll-margin-right: 1.75rem !important; } .k-scroll-mr-7\.5 { scroll-margin-right: 1.875rem; } .\!k-scroll-mr-7\.5 { scroll-margin-right: 1.875rem !important; } .k-scroll-mr-8 { scroll-margin-right: 2rem; } .\!k-scroll-mr-8 { scroll-margin-right: 2rem !important; } .k-scroll-mr-9 { scroll-margin-right: 2.25rem; } .\!k-scroll-mr-9 { scroll-margin-right: 2.25rem !important; } .k-scroll-mr-10 { scroll-margin-right: 2.5rem; } .\!k-scroll-mr-10 { scroll-margin-right: 2.5rem !important; } .k-scroll-mr-11 { scroll-margin-right: 2.75rem; } .\!k-scroll-mr-11 { scroll-margin-right: 2.75rem !important; } .k-scroll-mr-12 { scroll-margin-right: 3rem; } .\!k-scroll-mr-12 { scroll-margin-right: 3rem !important; } .k-scroll-mr-13 { scroll-margin-right: 3.25rem; } .\!k-scroll-mr-13 { scroll-margin-right: 3.25rem !important; } .k-scroll-mr-14 { scroll-margin-right: 3.5rem; } .\!k-scroll-mr-14 { scroll-margin-right: 3.5rem !important; } .k-scroll-mr-15 { scroll-margin-right: 3.75rem; } .\!k-scroll-mr-15 { scroll-margin-right: 3.75rem !important; } .k-scroll-mr-16 { scroll-margin-right: 4rem; } .\!k-scroll-mr-16 { scroll-margin-right: 4rem !important; } .k-scroll-mr-17 { scroll-margin-right: 4.25rem; } .\!k-scroll-mr-17 { scroll-margin-right: 4.25rem !important; } .k-scroll-mr-18 { scroll-margin-right: 4.5rem; } .\!k-scroll-mr-18 { scroll-margin-right: 4.5rem !important; } .k-scroll-mr-19 { scroll-margin-right: 4.75rem; } .\!k-scroll-mr-19 { scroll-margin-right: 4.75rem !important; } .k-scroll-mr-20 { scroll-margin-right: 5rem; } .\!k-scroll-mr-20 { scroll-margin-right: 5rem !important; } .k-scroll-mr-21 { scroll-margin-right: 5.25rem; } .\!k-scroll-mr-21 { scroll-margin-right: 5.25rem !important; } .k-scroll-mr-22 { scroll-margin-right: 5.5rem; } .\!k-scroll-mr-22 { scroll-margin-right: 5.5rem !important; } .k-scroll-mr-23 { scroll-margin-right: 5.75rem; } .\!k-scroll-mr-23 { scroll-margin-right: 5.75rem !important; } .k-scroll-mr-24 { scroll-margin-right: 6rem; } .\!k-scroll-mr-24 { scroll-margin-right: 6rem !important; } .k-scroll-mb-0 { scroll-margin-bottom: 0; } .\!k-scroll-mb-0 { scroll-margin-bottom: 0 !important; } .k-scroll-mb-1px { scroll-margin-bottom: 1px; } .\!k-scroll-mb-1px { scroll-margin-bottom: 1px !important; } .k-scroll-mb-0\.5 { scroll-margin-bottom: 0.125rem; } .\!k-scroll-mb-0\.5 { scroll-margin-bottom: 0.125rem !important; } .k-scroll-mb-1 { scroll-margin-bottom: 0.25rem; } .\!k-scroll-mb-1 { scroll-margin-bottom: 0.25rem !important; } .k-scroll-mb-1\.5 { scroll-margin-bottom: 0.375rem; } .\!k-scroll-mb-1\.5 { scroll-margin-bottom: 0.375rem !important; } .k-scroll-mb-2 { scroll-margin-bottom: 0.5rem; } .\!k-scroll-mb-2 { scroll-margin-bottom: 0.5rem !important; } .k-scroll-mb-2\.5 { scroll-margin-bottom: 0.625rem; } .\!k-scroll-mb-2\.5 { scroll-margin-bottom: 0.625rem !important; } .k-scroll-mb-3 { scroll-margin-bottom: 0.75rem; } .\!k-scroll-mb-3 { scroll-margin-bottom: 0.75rem !important; } .k-scroll-mb-3\.5 { scroll-margin-bottom: 0.875rem; } .\!k-scroll-mb-3\.5 { scroll-margin-bottom: 0.875rem !important; } .k-scroll-mb-4 { scroll-margin-bottom: 1rem; } .\!k-scroll-mb-4 { scroll-margin-bottom: 1rem !important; } .k-scroll-mb-4\.5 { scroll-margin-bottom: 1.125rem; } .\!k-scroll-mb-4\.5 { scroll-margin-bottom: 1.125rem !important; } .k-scroll-mb-5 { scroll-margin-bottom: 1.25rem; } .\!k-scroll-mb-5 { scroll-margin-bottom: 1.25rem !important; } .k-scroll-mb-5\.5 { scroll-margin-bottom: 1.375rem; } .\!k-scroll-mb-5\.5 { scroll-margin-bottom: 1.375rem !important; } .k-scroll-mb-6 { scroll-margin-bottom: 1.5rem; } .\!k-scroll-mb-6 { scroll-margin-bottom: 1.5rem !important; } .k-scroll-mb-6\.5 { scroll-margin-bottom: 1.625rem; } .\!k-scroll-mb-6\.5 { scroll-margin-bottom: 1.625rem !important; } .k-scroll-mb-7 { scroll-margin-bottom: 1.75rem; } .\!k-scroll-mb-7 { scroll-margin-bottom: 1.75rem !important; } .k-scroll-mb-7\.5 { scroll-margin-bottom: 1.875rem; } .\!k-scroll-mb-7\.5 { scroll-margin-bottom: 1.875rem !important; } .k-scroll-mb-8 { scroll-margin-bottom: 2rem; } .\!k-scroll-mb-8 { scroll-margin-bottom: 2rem !important; } .k-scroll-mb-9 { scroll-margin-bottom: 2.25rem; } .\!k-scroll-mb-9 { scroll-margin-bottom: 2.25rem !important; } .k-scroll-mb-10 { scroll-margin-bottom: 2.5rem; } .\!k-scroll-mb-10 { scroll-margin-bottom: 2.5rem !important; } .k-scroll-mb-11 { scroll-margin-bottom: 2.75rem; } .\!k-scroll-mb-11 { scroll-margin-bottom: 2.75rem !important; } .k-scroll-mb-12 { scroll-margin-bottom: 3rem; } .\!k-scroll-mb-12 { scroll-margin-bottom: 3rem !important; } .k-scroll-mb-13 { scroll-margin-bottom: 3.25rem; } .\!k-scroll-mb-13 { scroll-margin-bottom: 3.25rem !important; } .k-scroll-mb-14 { scroll-margin-bottom: 3.5rem; } .\!k-scroll-mb-14 { scroll-margin-bottom: 3.5rem !important; } .k-scroll-mb-15 { scroll-margin-bottom: 3.75rem; } .\!k-scroll-mb-15 { scroll-margin-bottom: 3.75rem !important; } .k-scroll-mb-16 { scroll-margin-bottom: 4rem; } .\!k-scroll-mb-16 { scroll-margin-bottom: 4rem !important; } .k-scroll-mb-17 { scroll-margin-bottom: 4.25rem; } .\!k-scroll-mb-17 { scroll-margin-bottom: 4.25rem !important; } .k-scroll-mb-18 { scroll-margin-bottom: 4.5rem; } .\!k-scroll-mb-18 { scroll-margin-bottom: 4.5rem !important; } .k-scroll-mb-19 { scroll-margin-bottom: 4.75rem; } .\!k-scroll-mb-19 { scroll-margin-bottom: 4.75rem !important; } .k-scroll-mb-20 { scroll-margin-bottom: 5rem; } .\!k-scroll-mb-20 { scroll-margin-bottom: 5rem !important; } .k-scroll-mb-21 { scroll-margin-bottom: 5.25rem; } .\!k-scroll-mb-21 { scroll-margin-bottom: 5.25rem !important; } .k-scroll-mb-22 { scroll-margin-bottom: 5.5rem; } .\!k-scroll-mb-22 { scroll-margin-bottom: 5.5rem !important; } .k-scroll-mb-23 { scroll-margin-bottom: 5.75rem; } .\!k-scroll-mb-23 { scroll-margin-bottom: 5.75rem !important; } .k-scroll-mb-24 { scroll-margin-bottom: 6rem; } .\!k-scroll-mb-24 { scroll-margin-bottom: 6rem !important; } .k-scroll-ml-0 { scroll-margin-left: 0; } .\!k-scroll-ml-0 { scroll-margin-left: 0 !important; } .k-scroll-ml-1px { scroll-margin-left: 1px; } .\!k-scroll-ml-1px { scroll-margin-left: 1px !important; } .k-scroll-ml-0\.5 { scroll-margin-left: 0.125rem; } .\!k-scroll-ml-0\.5 { scroll-margin-left: 0.125rem !important; } .k-scroll-ml-1 { scroll-margin-left: 0.25rem; } .\!k-scroll-ml-1 { scroll-margin-left: 0.25rem !important; } .k-scroll-ml-1\.5 { scroll-margin-left: 0.375rem; } .\!k-scroll-ml-1\.5 { scroll-margin-left: 0.375rem !important; } .k-scroll-ml-2 { scroll-margin-left: 0.5rem; } .\!k-scroll-ml-2 { scroll-margin-left: 0.5rem !important; } .k-scroll-ml-2\.5 { scroll-margin-left: 0.625rem; } .\!k-scroll-ml-2\.5 { scroll-margin-left: 0.625rem !important; } .k-scroll-ml-3 { scroll-margin-left: 0.75rem; } .\!k-scroll-ml-3 { scroll-margin-left: 0.75rem !important; } .k-scroll-ml-3\.5 { scroll-margin-left: 0.875rem; } .\!k-scroll-ml-3\.5 { scroll-margin-left: 0.875rem !important; } .k-scroll-ml-4 { scroll-margin-left: 1rem; } .\!k-scroll-ml-4 { scroll-margin-left: 1rem !important; } .k-scroll-ml-4\.5 { scroll-margin-left: 1.125rem; } .\!k-scroll-ml-4\.5 { scroll-margin-left: 1.125rem !important; } .k-scroll-ml-5 { scroll-margin-left: 1.25rem; } .\!k-scroll-ml-5 { scroll-margin-left: 1.25rem !important; } .k-scroll-ml-5\.5 { scroll-margin-left: 1.375rem; } .\!k-scroll-ml-5\.5 { scroll-margin-left: 1.375rem !important; } .k-scroll-ml-6 { scroll-margin-left: 1.5rem; } .\!k-scroll-ml-6 { scroll-margin-left: 1.5rem !important; } .k-scroll-ml-6\.5 { scroll-margin-left: 1.625rem; } .\!k-scroll-ml-6\.5 { scroll-margin-left: 1.625rem !important; } .k-scroll-ml-7 { scroll-margin-left: 1.75rem; } .\!k-scroll-ml-7 { scroll-margin-left: 1.75rem !important; } .k-scroll-ml-7\.5 { scroll-margin-left: 1.875rem; } .\!k-scroll-ml-7\.5 { scroll-margin-left: 1.875rem !important; } .k-scroll-ml-8 { scroll-margin-left: 2rem; } .\!k-scroll-ml-8 { scroll-margin-left: 2rem !important; } .k-scroll-ml-9 { scroll-margin-left: 2.25rem; } .\!k-scroll-ml-9 { scroll-margin-left: 2.25rem !important; } .k-scroll-ml-10 { scroll-margin-left: 2.5rem; } .\!k-scroll-ml-10 { scroll-margin-left: 2.5rem !important; } .k-scroll-ml-11 { scroll-margin-left: 2.75rem; } .\!k-scroll-ml-11 { scroll-margin-left: 2.75rem !important; } .k-scroll-ml-12 { scroll-margin-left: 3rem; } .\!k-scroll-ml-12 { scroll-margin-left: 3rem !important; } .k-scroll-ml-13 { scroll-margin-left: 3.25rem; } .\!k-scroll-ml-13 { scroll-margin-left: 3.25rem !important; } .k-scroll-ml-14 { scroll-margin-left: 3.5rem; } .\!k-scroll-ml-14 { scroll-margin-left: 3.5rem !important; } .k-scroll-ml-15 { scroll-margin-left: 3.75rem; } .\!k-scroll-ml-15 { scroll-margin-left: 3.75rem !important; } .k-scroll-ml-16 { scroll-margin-left: 4rem; } .\!k-scroll-ml-16 { scroll-margin-left: 4rem !important; } .k-scroll-ml-17 { scroll-margin-left: 4.25rem; } .\!k-scroll-ml-17 { scroll-margin-left: 4.25rem !important; } .k-scroll-ml-18 { scroll-margin-left: 4.5rem; } .\!k-scroll-ml-18 { scroll-margin-left: 4.5rem !important; } .k-scroll-ml-19 { scroll-margin-left: 4.75rem; } .\!k-scroll-ml-19 { scroll-margin-left: 4.75rem !important; } .k-scroll-ml-20 { scroll-margin-left: 5rem; } .\!k-scroll-ml-20 { scroll-margin-left: 5rem !important; } .k-scroll-ml-21 { scroll-margin-left: 5.25rem; } .\!k-scroll-ml-21 { scroll-margin-left: 5.25rem !important; } .k-scroll-ml-22 { scroll-margin-left: 5.5rem; } .\!k-scroll-ml-22 { scroll-margin-left: 5.5rem !important; } .k-scroll-ml-23 { scroll-margin-left: 5.75rem; } .\!k-scroll-ml-23 { scroll-margin-left: 5.75rem !important; } .k-scroll-ml-24 { scroll-margin-left: 6rem; } .\!k-scroll-ml-24 { scroll-margin-left: 6rem !important; } .k-scroll-mx-0 { scroll-margin-inline: 0; } .\!k-scroll-mx-0 { scroll-margin-inline: 0 !important; } .k-scroll-mx-1px { scroll-margin-inline: 1px; } .\!k-scroll-mx-1px { scroll-margin-inline: 1px !important; } .k-scroll-mx-0\.5 { scroll-margin-inline: 0.125rem; } .\!k-scroll-mx-0\.5 { scroll-margin-inline: 0.125rem !important; } .k-scroll-mx-1 { scroll-margin-inline: 0.25rem; } .\!k-scroll-mx-1 { scroll-margin-inline: 0.25rem !important; } .k-scroll-mx-1\.5 { scroll-margin-inline: 0.375rem; } .\!k-scroll-mx-1\.5 { scroll-margin-inline: 0.375rem !important; } .k-scroll-mx-2 { scroll-margin-inline: 0.5rem; } .\!k-scroll-mx-2 { scroll-margin-inline: 0.5rem !important; } .k-scroll-mx-2\.5 { scroll-margin-inline: 0.625rem; } .\!k-scroll-mx-2\.5 { scroll-margin-inline: 0.625rem !important; } .k-scroll-mx-3 { scroll-margin-inline: 0.75rem; } .\!k-scroll-mx-3 { scroll-margin-inline: 0.75rem !important; } .k-scroll-mx-3\.5 { scroll-margin-inline: 0.875rem; } .\!k-scroll-mx-3\.5 { scroll-margin-inline: 0.875rem !important; } .k-scroll-mx-4 { scroll-margin-inline: 1rem; } .\!k-scroll-mx-4 { scroll-margin-inline: 1rem !important; } .k-scroll-mx-4\.5 { scroll-margin-inline: 1.125rem; } .\!k-scroll-mx-4\.5 { scroll-margin-inline: 1.125rem !important; } .k-scroll-mx-5 { scroll-margin-inline: 1.25rem; } .\!k-scroll-mx-5 { scroll-margin-inline: 1.25rem !important; } .k-scroll-mx-5\.5 { scroll-margin-inline: 1.375rem; } .\!k-scroll-mx-5\.5 { scroll-margin-inline: 1.375rem !important; } .k-scroll-mx-6 { scroll-margin-inline: 1.5rem; } .\!k-scroll-mx-6 { scroll-margin-inline: 1.5rem !important; } .k-scroll-mx-6\.5 { scroll-margin-inline: 1.625rem; } .\!k-scroll-mx-6\.5 { scroll-margin-inline: 1.625rem !important; } .k-scroll-mx-7 { scroll-margin-inline: 1.75rem; } .\!k-scroll-mx-7 { scroll-margin-inline: 1.75rem !important; } .k-scroll-mx-7\.5 { scroll-margin-inline: 1.875rem; } .\!k-scroll-mx-7\.5 { scroll-margin-inline: 1.875rem !important; } .k-scroll-mx-8 { scroll-margin-inline: 2rem; } .\!k-scroll-mx-8 { scroll-margin-inline: 2rem !important; } .k-scroll-mx-9 { scroll-margin-inline: 2.25rem; } .\!k-scroll-mx-9 { scroll-margin-inline: 2.25rem !important; } .k-scroll-mx-10 { scroll-margin-inline: 2.5rem; } .\!k-scroll-mx-10 { scroll-margin-inline: 2.5rem !important; } .k-scroll-mx-11 { scroll-margin-inline: 2.75rem; } .\!k-scroll-mx-11 { scroll-margin-inline: 2.75rem !important; } .k-scroll-mx-12 { scroll-margin-inline: 3rem; } .\!k-scroll-mx-12 { scroll-margin-inline: 3rem !important; } .k-scroll-mx-13 { scroll-margin-inline: 3.25rem; } .\!k-scroll-mx-13 { scroll-margin-inline: 3.25rem !important; } .k-scroll-mx-14 { scroll-margin-inline: 3.5rem; } .\!k-scroll-mx-14 { scroll-margin-inline: 3.5rem !important; } .k-scroll-mx-15 { scroll-margin-inline: 3.75rem; } .\!k-scroll-mx-15 { scroll-margin-inline: 3.75rem !important; } .k-scroll-mx-16 { scroll-margin-inline: 4rem; } .\!k-scroll-mx-16 { scroll-margin-inline: 4rem !important; } .k-scroll-mx-17 { scroll-margin-inline: 4.25rem; } .\!k-scroll-mx-17 { scroll-margin-inline: 4.25rem !important; } .k-scroll-mx-18 { scroll-margin-inline: 4.5rem; } .\!k-scroll-mx-18 { scroll-margin-inline: 4.5rem !important; } .k-scroll-mx-19 { scroll-margin-inline: 4.75rem; } .\!k-scroll-mx-19 { scroll-margin-inline: 4.75rem !important; } .k-scroll-mx-20 { scroll-margin-inline: 5rem; } .\!k-scroll-mx-20 { scroll-margin-inline: 5rem !important; } .k-scroll-mx-21 { scroll-margin-inline: 5.25rem; } .\!k-scroll-mx-21 { scroll-margin-inline: 5.25rem !important; } .k-scroll-mx-22 { scroll-margin-inline: 5.5rem; } .\!k-scroll-mx-22 { scroll-margin-inline: 5.5rem !important; } .k-scroll-mx-23 { scroll-margin-inline: 5.75rem; } .\!k-scroll-mx-23 { scroll-margin-inline: 5.75rem !important; } .k-scroll-mx-24 { scroll-margin-inline: 6rem; } .\!k-scroll-mx-24 { scroll-margin-inline: 6rem !important; } .k-scroll-my-0 { scroll-margin-block: 0; } .\!k-scroll-my-0 { scroll-margin-block: 0 !important; } .k-scroll-my-1px { scroll-margin-block: 1px; } .\!k-scroll-my-1px { scroll-margin-block: 1px !important; } .k-scroll-my-0\.5 { scroll-margin-block: 0.125rem; } .\!k-scroll-my-0\.5 { scroll-margin-block: 0.125rem !important; } .k-scroll-my-1 { scroll-margin-block: 0.25rem; } .\!k-scroll-my-1 { scroll-margin-block: 0.25rem !important; } .k-scroll-my-1\.5 { scroll-margin-block: 0.375rem; } .\!k-scroll-my-1\.5 { scroll-margin-block: 0.375rem !important; } .k-scroll-my-2 { scroll-margin-block: 0.5rem; } .\!k-scroll-my-2 { scroll-margin-block: 0.5rem !important; } .k-scroll-my-2\.5 { scroll-margin-block: 0.625rem; } .\!k-scroll-my-2\.5 { scroll-margin-block: 0.625rem !important; } .k-scroll-my-3 { scroll-margin-block: 0.75rem; } .\!k-scroll-my-3 { scroll-margin-block: 0.75rem !important; } .k-scroll-my-3\.5 { scroll-margin-block: 0.875rem; } .\!k-scroll-my-3\.5 { scroll-margin-block: 0.875rem !important; } .k-scroll-my-4 { scroll-margin-block: 1rem; } .\!k-scroll-my-4 { scroll-margin-block: 1rem !important; } .k-scroll-my-4\.5 { scroll-margin-block: 1.125rem; } .\!k-scroll-my-4\.5 { scroll-margin-block: 1.125rem !important; } .k-scroll-my-5 { scroll-margin-block: 1.25rem; } .\!k-scroll-my-5 { scroll-margin-block: 1.25rem !important; } .k-scroll-my-5\.5 { scroll-margin-block: 1.375rem; } .\!k-scroll-my-5\.5 { scroll-margin-block: 1.375rem !important; } .k-scroll-my-6 { scroll-margin-block: 1.5rem; } .\!k-scroll-my-6 { scroll-margin-block: 1.5rem !important; } .k-scroll-my-6\.5 { scroll-margin-block: 1.625rem; } .\!k-scroll-my-6\.5 { scroll-margin-block: 1.625rem !important; } .k-scroll-my-7 { scroll-margin-block: 1.75rem; } .\!k-scroll-my-7 { scroll-margin-block: 1.75rem !important; } .k-scroll-my-7\.5 { scroll-margin-block: 1.875rem; } .\!k-scroll-my-7\.5 { scroll-margin-block: 1.875rem !important; } .k-scroll-my-8 { scroll-margin-block: 2rem; } .\!k-scroll-my-8 { scroll-margin-block: 2rem !important; } .k-scroll-my-9 { scroll-margin-block: 2.25rem; } .\!k-scroll-my-9 { scroll-margin-block: 2.25rem !important; } .k-scroll-my-10 { scroll-margin-block: 2.5rem; } .\!k-scroll-my-10 { scroll-margin-block: 2.5rem !important; } .k-scroll-my-11 { scroll-margin-block: 2.75rem; } .\!k-scroll-my-11 { scroll-margin-block: 2.75rem !important; } .k-scroll-my-12 { scroll-margin-block: 3rem; } .\!k-scroll-my-12 { scroll-margin-block: 3rem !important; } .k-scroll-my-13 { scroll-margin-block: 3.25rem; } .\!k-scroll-my-13 { scroll-margin-block: 3.25rem !important; } .k-scroll-my-14 { scroll-margin-block: 3.5rem; } .\!k-scroll-my-14 { scroll-margin-block: 3.5rem !important; } .k-scroll-my-15 { scroll-margin-block: 3.75rem; } .\!k-scroll-my-15 { scroll-margin-block: 3.75rem !important; } .k-scroll-my-16 { scroll-margin-block: 4rem; } .\!k-scroll-my-16 { scroll-margin-block: 4rem !important; } .k-scroll-my-17 { scroll-margin-block: 4.25rem; } .\!k-scroll-my-17 { scroll-margin-block: 4.25rem !important; } .k-scroll-my-18 { scroll-margin-block: 4.5rem; } .\!k-scroll-my-18 { scroll-margin-block: 4.5rem !important; } .k-scroll-my-19 { scroll-margin-block: 4.75rem; } .\!k-scroll-my-19 { scroll-margin-block: 4.75rem !important; } .k-scroll-my-20 { scroll-margin-block: 5rem; } .\!k-scroll-my-20 { scroll-margin-block: 5rem !important; } .k-scroll-my-21 { scroll-margin-block: 5.25rem; } .\!k-scroll-my-21 { scroll-margin-block: 5.25rem !important; } .k-scroll-my-22 { scroll-margin-block: 5.5rem; } .\!k-scroll-my-22 { scroll-margin-block: 5.5rem !important; } .k-scroll-my-23 { scroll-margin-block: 5.75rem; } .\!k-scroll-my-23 { scroll-margin-block: 5.75rem !important; } .k-scroll-my-24 { scroll-margin-block: 6rem; } .\!k-scroll-my-24 { scroll-margin-block: 6rem !important; } .k-scroll-p-0 { scroll-padding: 0; } .\!k-scroll-p-0 { scroll-padding: 0 !important; } .k-scroll-p-1px { scroll-padding: 1px; } .\!k-scroll-p-1px { scroll-padding: 1px !important; } .k-scroll-p-0\.5 { scroll-padding: 0.125rem; } .\!k-scroll-p-0\.5 { scroll-padding: 0.125rem !important; } .k-scroll-p-1 { scroll-padding: 0.25rem; } .\!k-scroll-p-1 { scroll-padding: 0.25rem !important; } .k-scroll-p-1\.5 { scroll-padding: 0.375rem; } .\!k-scroll-p-1\.5 { scroll-padding: 0.375rem !important; } .k-scroll-p-2 { scroll-padding: 0.5rem; } .\!k-scroll-p-2 { scroll-padding: 0.5rem !important; } .k-scroll-p-2\.5 { scroll-padding: 0.625rem; } .\!k-scroll-p-2\.5 { scroll-padding: 0.625rem !important; } .k-scroll-p-3 { scroll-padding: 0.75rem; } .\!k-scroll-p-3 { scroll-padding: 0.75rem !important; } .k-scroll-p-3\.5 { scroll-padding: 0.875rem; } .\!k-scroll-p-3\.5 { scroll-padding: 0.875rem !important; } .k-scroll-p-4 { scroll-padding: 1rem; } .\!k-scroll-p-4 { scroll-padding: 1rem !important; } .k-scroll-p-4\.5 { scroll-padding: 1.125rem; } .\!k-scroll-p-4\.5 { scroll-padding: 1.125rem !important; } .k-scroll-p-5 { scroll-padding: 1.25rem; } .\!k-scroll-p-5 { scroll-padding: 1.25rem !important; } .k-scroll-p-5\.5 { scroll-padding: 1.375rem; } .\!k-scroll-p-5\.5 { scroll-padding: 1.375rem !important; } .k-scroll-p-6 { scroll-padding: 1.5rem; } .\!k-scroll-p-6 { scroll-padding: 1.5rem !important; } .k-scroll-p-6\.5 { scroll-padding: 1.625rem; } .\!k-scroll-p-6\.5 { scroll-padding: 1.625rem !important; } .k-scroll-p-7 { scroll-padding: 1.75rem; } .\!k-scroll-p-7 { scroll-padding: 1.75rem !important; } .k-scroll-p-7\.5 { scroll-padding: 1.875rem; } .\!k-scroll-p-7\.5 { scroll-padding: 1.875rem !important; } .k-scroll-p-8 { scroll-padding: 2rem; } .\!k-scroll-p-8 { scroll-padding: 2rem !important; } .k-scroll-p-9 { scroll-padding: 2.25rem; } .\!k-scroll-p-9 { scroll-padding: 2.25rem !important; } .k-scroll-p-10 { scroll-padding: 2.5rem; } .\!k-scroll-p-10 { scroll-padding: 2.5rem !important; } .k-scroll-p-11 { scroll-padding: 2.75rem; } .\!k-scroll-p-11 { scroll-padding: 2.75rem !important; } .k-scroll-p-12 { scroll-padding: 3rem; } .\!k-scroll-p-12 { scroll-padding: 3rem !important; } .k-scroll-p-13 { scroll-padding: 3.25rem; } .\!k-scroll-p-13 { scroll-padding: 3.25rem !important; } .k-scroll-p-14 { scroll-padding: 3.5rem; } .\!k-scroll-p-14 { scroll-padding: 3.5rem !important; } .k-scroll-p-15 { scroll-padding: 3.75rem; } .\!k-scroll-p-15 { scroll-padding: 3.75rem !important; } .k-scroll-p-16 { scroll-padding: 4rem; } .\!k-scroll-p-16 { scroll-padding: 4rem !important; } .k-scroll-p-17 { scroll-padding: 4.25rem; } .\!k-scroll-p-17 { scroll-padding: 4.25rem !important; } .k-scroll-p-18 { scroll-padding: 4.5rem; } .\!k-scroll-p-18 { scroll-padding: 4.5rem !important; } .k-scroll-p-19 { scroll-padding: 4.75rem; } .\!k-scroll-p-19 { scroll-padding: 4.75rem !important; } .k-scroll-p-20 { scroll-padding: 5rem; } .\!k-scroll-p-20 { scroll-padding: 5rem !important; } .k-scroll-p-21 { scroll-padding: 5.25rem; } .\!k-scroll-p-21 { scroll-padding: 5.25rem !important; } .k-scroll-p-22 { scroll-padding: 5.5rem; } .\!k-scroll-p-22 { scroll-padding: 5.5rem !important; } .k-scroll-p-23 { scroll-padding: 5.75rem; } .\!k-scroll-p-23 { scroll-padding: 5.75rem !important; } .k-scroll-p-24 { scroll-padding: 6rem; } .\!k-scroll-p-24 { scroll-padding: 6rem !important; } .k-scroll-pt-0 { scroll-padding-top: 0; } .\!k-scroll-pt-0 { scroll-padding-top: 0 !important; } .k-scroll-pt-1px { scroll-padding-top: 1px; } .\!k-scroll-pt-1px { scroll-padding-top: 1px !important; } .k-scroll-pt-0\.5 { scroll-padding-top: 0.125rem; } .\!k-scroll-pt-0\.5 { scroll-padding-top: 0.125rem !important; } .k-scroll-pt-1 { scroll-padding-top: 0.25rem; } .\!k-scroll-pt-1 { scroll-padding-top: 0.25rem !important; } .k-scroll-pt-1\.5 { scroll-padding-top: 0.375rem; } .\!k-scroll-pt-1\.5 { scroll-padding-top: 0.375rem !important; } .k-scroll-pt-2 { scroll-padding-top: 0.5rem; } .\!k-scroll-pt-2 { scroll-padding-top: 0.5rem !important; } .k-scroll-pt-2\.5 { scroll-padding-top: 0.625rem; } .\!k-scroll-pt-2\.5 { scroll-padding-top: 0.625rem !important; } .k-scroll-pt-3 { scroll-padding-top: 0.75rem; } .\!k-scroll-pt-3 { scroll-padding-top: 0.75rem !important; } .k-scroll-pt-3\.5 { scroll-padding-top: 0.875rem; } .\!k-scroll-pt-3\.5 { scroll-padding-top: 0.875rem !important; } .k-scroll-pt-4 { scroll-padding-top: 1rem; } .\!k-scroll-pt-4 { scroll-padding-top: 1rem !important; } .k-scroll-pt-4\.5 { scroll-padding-top: 1.125rem; } .\!k-scroll-pt-4\.5 { scroll-padding-top: 1.125rem !important; } .k-scroll-pt-5 { scroll-padding-top: 1.25rem; } .\!k-scroll-pt-5 { scroll-padding-top: 1.25rem !important; } .k-scroll-pt-5\.5 { scroll-padding-top: 1.375rem; } .\!k-scroll-pt-5\.5 { scroll-padding-top: 1.375rem !important; } .k-scroll-pt-6 { scroll-padding-top: 1.5rem; } .\!k-scroll-pt-6 { scroll-padding-top: 1.5rem !important; } .k-scroll-pt-6\.5 { scroll-padding-top: 1.625rem; } .\!k-scroll-pt-6\.5 { scroll-padding-top: 1.625rem !important; } .k-scroll-pt-7 { scroll-padding-top: 1.75rem; } .\!k-scroll-pt-7 { scroll-padding-top: 1.75rem !important; } .k-scroll-pt-7\.5 { scroll-padding-top: 1.875rem; } .\!k-scroll-pt-7\.5 { scroll-padding-top: 1.875rem !important; } .k-scroll-pt-8 { scroll-padding-top: 2rem; } .\!k-scroll-pt-8 { scroll-padding-top: 2rem !important; } .k-scroll-pt-9 { scroll-padding-top: 2.25rem; } .\!k-scroll-pt-9 { scroll-padding-top: 2.25rem !important; } .k-scroll-pt-10 { scroll-padding-top: 2.5rem; } .\!k-scroll-pt-10 { scroll-padding-top: 2.5rem !important; } .k-scroll-pt-11 { scroll-padding-top: 2.75rem; } .\!k-scroll-pt-11 { scroll-padding-top: 2.75rem !important; } .k-scroll-pt-12 { scroll-padding-top: 3rem; } .\!k-scroll-pt-12 { scroll-padding-top: 3rem !important; } .k-scroll-pt-13 { scroll-padding-top: 3.25rem; } .\!k-scroll-pt-13 { scroll-padding-top: 3.25rem !important; } .k-scroll-pt-14 { scroll-padding-top: 3.5rem; } .\!k-scroll-pt-14 { scroll-padding-top: 3.5rem !important; } .k-scroll-pt-15 { scroll-padding-top: 3.75rem; } .\!k-scroll-pt-15 { scroll-padding-top: 3.75rem !important; } .k-scroll-pt-16 { scroll-padding-top: 4rem; } .\!k-scroll-pt-16 { scroll-padding-top: 4rem !important; } .k-scroll-pt-17 { scroll-padding-top: 4.25rem; } .\!k-scroll-pt-17 { scroll-padding-top: 4.25rem !important; } .k-scroll-pt-18 { scroll-padding-top: 4.5rem; } .\!k-scroll-pt-18 { scroll-padding-top: 4.5rem !important; } .k-scroll-pt-19 { scroll-padding-top: 4.75rem; } .\!k-scroll-pt-19 { scroll-padding-top: 4.75rem !important; } .k-scroll-pt-20 { scroll-padding-top: 5rem; } .\!k-scroll-pt-20 { scroll-padding-top: 5rem !important; } .k-scroll-pt-21 { scroll-padding-top: 5.25rem; } .\!k-scroll-pt-21 { scroll-padding-top: 5.25rem !important; } .k-scroll-pt-22 { scroll-padding-top: 5.5rem; } .\!k-scroll-pt-22 { scroll-padding-top: 5.5rem !important; } .k-scroll-pt-23 { scroll-padding-top: 5.75rem; } .\!k-scroll-pt-23 { scroll-padding-top: 5.75rem !important; } .k-scroll-pt-24 { scroll-padding-top: 6rem; } .\!k-scroll-pt-24 { scroll-padding-top: 6rem !important; } .k-scroll-pr-0 { scroll-padding-right: 0; } .\!k-scroll-pr-0 { scroll-padding-right: 0 !important; } .k-scroll-pr-1px { scroll-padding-right: 1px; } .\!k-scroll-pr-1px { scroll-padding-right: 1px !important; } .k-scroll-pr-0\.5 { scroll-padding-right: 0.125rem; } .\!k-scroll-pr-0\.5 { scroll-padding-right: 0.125rem !important; } .k-scroll-pr-1 { scroll-padding-right: 0.25rem; } .\!k-scroll-pr-1 { scroll-padding-right: 0.25rem !important; } .k-scroll-pr-1\.5 { scroll-padding-right: 0.375rem; } .\!k-scroll-pr-1\.5 { scroll-padding-right: 0.375rem !important; } .k-scroll-pr-2 { scroll-padding-right: 0.5rem; } .\!k-scroll-pr-2 { scroll-padding-right: 0.5rem !important; } .k-scroll-pr-2\.5 { scroll-padding-right: 0.625rem; } .\!k-scroll-pr-2\.5 { scroll-padding-right: 0.625rem !important; } .k-scroll-pr-3 { scroll-padding-right: 0.75rem; } .\!k-scroll-pr-3 { scroll-padding-right: 0.75rem !important; } .k-scroll-pr-3\.5 { scroll-padding-right: 0.875rem; } .\!k-scroll-pr-3\.5 { scroll-padding-right: 0.875rem !important; } .k-scroll-pr-4 { scroll-padding-right: 1rem; } .\!k-scroll-pr-4 { scroll-padding-right: 1rem !important; } .k-scroll-pr-4\.5 { scroll-padding-right: 1.125rem; } .\!k-scroll-pr-4\.5 { scroll-padding-right: 1.125rem !important; } .k-scroll-pr-5 { scroll-padding-right: 1.25rem; } .\!k-scroll-pr-5 { scroll-padding-right: 1.25rem !important; } .k-scroll-pr-5\.5 { scroll-padding-right: 1.375rem; } .\!k-scroll-pr-5\.5 { scroll-padding-right: 1.375rem !important; } .k-scroll-pr-6 { scroll-padding-right: 1.5rem; } .\!k-scroll-pr-6 { scroll-padding-right: 1.5rem !important; } .k-scroll-pr-6\.5 { scroll-padding-right: 1.625rem; } .\!k-scroll-pr-6\.5 { scroll-padding-right: 1.625rem !important; } .k-scroll-pr-7 { scroll-padding-right: 1.75rem; } .\!k-scroll-pr-7 { scroll-padding-right: 1.75rem !important; } .k-scroll-pr-7\.5 { scroll-padding-right: 1.875rem; } .\!k-scroll-pr-7\.5 { scroll-padding-right: 1.875rem !important; } .k-scroll-pr-8 { scroll-padding-right: 2rem; } .\!k-scroll-pr-8 { scroll-padding-right: 2rem !important; } .k-scroll-pr-9 { scroll-padding-right: 2.25rem; } .\!k-scroll-pr-9 { scroll-padding-right: 2.25rem !important; } .k-scroll-pr-10 { scroll-padding-right: 2.5rem; } .\!k-scroll-pr-10 { scroll-padding-right: 2.5rem !important; } .k-scroll-pr-11 { scroll-padding-right: 2.75rem; } .\!k-scroll-pr-11 { scroll-padding-right: 2.75rem !important; } .k-scroll-pr-12 { scroll-padding-right: 3rem; } .\!k-scroll-pr-12 { scroll-padding-right: 3rem !important; } .k-scroll-pr-13 { scroll-padding-right: 3.25rem; } .\!k-scroll-pr-13 { scroll-padding-right: 3.25rem !important; } .k-scroll-pr-14 { scroll-padding-right: 3.5rem; } .\!k-scroll-pr-14 { scroll-padding-right: 3.5rem !important; } .k-scroll-pr-15 { scroll-padding-right: 3.75rem; } .\!k-scroll-pr-15 { scroll-padding-right: 3.75rem !important; } .k-scroll-pr-16 { scroll-padding-right: 4rem; } .\!k-scroll-pr-16 { scroll-padding-right: 4rem !important; } .k-scroll-pr-17 { scroll-padding-right: 4.25rem; } .\!k-scroll-pr-17 { scroll-padding-right: 4.25rem !important; } .k-scroll-pr-18 { scroll-padding-right: 4.5rem; } .\!k-scroll-pr-18 { scroll-padding-right: 4.5rem !important; } .k-scroll-pr-19 { scroll-padding-right: 4.75rem; } .\!k-scroll-pr-19 { scroll-padding-right: 4.75rem !important; } .k-scroll-pr-20 { scroll-padding-right: 5rem; } .\!k-scroll-pr-20 { scroll-padding-right: 5rem !important; } .k-scroll-pr-21 { scroll-padding-right: 5.25rem; } .\!k-scroll-pr-21 { scroll-padding-right: 5.25rem !important; } .k-scroll-pr-22 { scroll-padding-right: 5.5rem; } .\!k-scroll-pr-22 { scroll-padding-right: 5.5rem !important; } .k-scroll-pr-23 { scroll-padding-right: 5.75rem; } .\!k-scroll-pr-23 { scroll-padding-right: 5.75rem !important; } .k-scroll-pr-24 { scroll-padding-right: 6rem; } .\!k-scroll-pr-24 { scroll-padding-right: 6rem !important; } .k-scroll-pb-0 { scroll-padding-bottom: 0; } .\!k-scroll-pb-0 { scroll-padding-bottom: 0 !important; } .k-scroll-pb-1px { scroll-padding-bottom: 1px; } .\!k-scroll-pb-1px { scroll-padding-bottom: 1px !important; } .k-scroll-pb-0\.5 { scroll-padding-bottom: 0.125rem; } .\!k-scroll-pb-0\.5 { scroll-padding-bottom: 0.125rem !important; } .k-scroll-pb-1 { scroll-padding-bottom: 0.25rem; } .\!k-scroll-pb-1 { scroll-padding-bottom: 0.25rem !important; } .k-scroll-pb-1\.5 { scroll-padding-bottom: 0.375rem; } .\!k-scroll-pb-1\.5 { scroll-padding-bottom: 0.375rem !important; } .k-scroll-pb-2 { scroll-padding-bottom: 0.5rem; } .\!k-scroll-pb-2 { scroll-padding-bottom: 0.5rem !important; } .k-scroll-pb-2\.5 { scroll-padding-bottom: 0.625rem; } .\!k-scroll-pb-2\.5 { scroll-padding-bottom: 0.625rem !important; } .k-scroll-pb-3 { scroll-padding-bottom: 0.75rem; } .\!k-scroll-pb-3 { scroll-padding-bottom: 0.75rem !important; } .k-scroll-pb-3\.5 { scroll-padding-bottom: 0.875rem; } .\!k-scroll-pb-3\.5 { scroll-padding-bottom: 0.875rem !important; } .k-scroll-pb-4 { scroll-padding-bottom: 1rem; } .\!k-scroll-pb-4 { scroll-padding-bottom: 1rem !important; } .k-scroll-pb-4\.5 { scroll-padding-bottom: 1.125rem; } .\!k-scroll-pb-4\.5 { scroll-padding-bottom: 1.125rem !important; } .k-scroll-pb-5 { scroll-padding-bottom: 1.25rem; } .\!k-scroll-pb-5 { scroll-padding-bottom: 1.25rem !important; } .k-scroll-pb-5\.5 { scroll-padding-bottom: 1.375rem; } .\!k-scroll-pb-5\.5 { scroll-padding-bottom: 1.375rem !important; } .k-scroll-pb-6 { scroll-padding-bottom: 1.5rem; } .\!k-scroll-pb-6 { scroll-padding-bottom: 1.5rem !important; } .k-scroll-pb-6\.5 { scroll-padding-bottom: 1.625rem; } .\!k-scroll-pb-6\.5 { scroll-padding-bottom: 1.625rem !important; } .k-scroll-pb-7 { scroll-padding-bottom: 1.75rem; } .\!k-scroll-pb-7 { scroll-padding-bottom: 1.75rem !important; } .k-scroll-pb-7\.5 { scroll-padding-bottom: 1.875rem; } .\!k-scroll-pb-7\.5 { scroll-padding-bottom: 1.875rem !important; } .k-scroll-pb-8 { scroll-padding-bottom: 2rem; } .\!k-scroll-pb-8 { scroll-padding-bottom: 2rem !important; } .k-scroll-pb-9 { scroll-padding-bottom: 2.25rem; } .\!k-scroll-pb-9 { scroll-padding-bottom: 2.25rem !important; } .k-scroll-pb-10 { scroll-padding-bottom: 2.5rem; } .\!k-scroll-pb-10 { scroll-padding-bottom: 2.5rem !important; } .k-scroll-pb-11 { scroll-padding-bottom: 2.75rem; } .\!k-scroll-pb-11 { scroll-padding-bottom: 2.75rem !important; } .k-scroll-pb-12 { scroll-padding-bottom: 3rem; } .\!k-scroll-pb-12 { scroll-padding-bottom: 3rem !important; } .k-scroll-pb-13 { scroll-padding-bottom: 3.25rem; } .\!k-scroll-pb-13 { scroll-padding-bottom: 3.25rem !important; } .k-scroll-pb-14 { scroll-padding-bottom: 3.5rem; } .\!k-scroll-pb-14 { scroll-padding-bottom: 3.5rem !important; } .k-scroll-pb-15 { scroll-padding-bottom: 3.75rem; } .\!k-scroll-pb-15 { scroll-padding-bottom: 3.75rem !important; } .k-scroll-pb-16 { scroll-padding-bottom: 4rem; } .\!k-scroll-pb-16 { scroll-padding-bottom: 4rem !important; } .k-scroll-pb-17 { scroll-padding-bottom: 4.25rem; } .\!k-scroll-pb-17 { scroll-padding-bottom: 4.25rem !important; } .k-scroll-pb-18 { scroll-padding-bottom: 4.5rem; } .\!k-scroll-pb-18 { scroll-padding-bottom: 4.5rem !important; } .k-scroll-pb-19 { scroll-padding-bottom: 4.75rem; } .\!k-scroll-pb-19 { scroll-padding-bottom: 4.75rem !important; } .k-scroll-pb-20 { scroll-padding-bottom: 5rem; } .\!k-scroll-pb-20 { scroll-padding-bottom: 5rem !important; } .k-scroll-pb-21 { scroll-padding-bottom: 5.25rem; } .\!k-scroll-pb-21 { scroll-padding-bottom: 5.25rem !important; } .k-scroll-pb-22 { scroll-padding-bottom: 5.5rem; } .\!k-scroll-pb-22 { scroll-padding-bottom: 5.5rem !important; } .k-scroll-pb-23 { scroll-padding-bottom: 5.75rem; } .\!k-scroll-pb-23 { scroll-padding-bottom: 5.75rem !important; } .k-scroll-pb-24 { scroll-padding-bottom: 6rem; } .\!k-scroll-pb-24 { scroll-padding-bottom: 6rem !important; } .k-scroll-pl-0 { scroll-padding-left: 0; } .\!k-scroll-pl-0 { scroll-padding-left: 0 !important; } .k-scroll-pl-1px { scroll-padding-left: 1px; } .\!k-scroll-pl-1px { scroll-padding-left: 1px !important; } .k-scroll-pl-0\.5 { scroll-padding-left: 0.125rem; } .\!k-scroll-pl-0\.5 { scroll-padding-left: 0.125rem !important; } .k-scroll-pl-1 { scroll-padding-left: 0.25rem; } .\!k-scroll-pl-1 { scroll-padding-left: 0.25rem !important; } .k-scroll-pl-1\.5 { scroll-padding-left: 0.375rem; } .\!k-scroll-pl-1\.5 { scroll-padding-left: 0.375rem !important; } .k-scroll-pl-2 { scroll-padding-left: 0.5rem; } .\!k-scroll-pl-2 { scroll-padding-left: 0.5rem !important; } .k-scroll-pl-2\.5 { scroll-padding-left: 0.625rem; } .\!k-scroll-pl-2\.5 { scroll-padding-left: 0.625rem !important; } .k-scroll-pl-3 { scroll-padding-left: 0.75rem; } .\!k-scroll-pl-3 { scroll-padding-left: 0.75rem !important; } .k-scroll-pl-3\.5 { scroll-padding-left: 0.875rem; } .\!k-scroll-pl-3\.5 { scroll-padding-left: 0.875rem !important; } .k-scroll-pl-4 { scroll-padding-left: 1rem; } .\!k-scroll-pl-4 { scroll-padding-left: 1rem !important; } .k-scroll-pl-4\.5 { scroll-padding-left: 1.125rem; } .\!k-scroll-pl-4\.5 { scroll-padding-left: 1.125rem !important; } .k-scroll-pl-5 { scroll-padding-left: 1.25rem; } .\!k-scroll-pl-5 { scroll-padding-left: 1.25rem !important; } .k-scroll-pl-5\.5 { scroll-padding-left: 1.375rem; } .\!k-scroll-pl-5\.5 { scroll-padding-left: 1.375rem !important; } .k-scroll-pl-6 { scroll-padding-left: 1.5rem; } .\!k-scroll-pl-6 { scroll-padding-left: 1.5rem !important; } .k-scroll-pl-6\.5 { scroll-padding-left: 1.625rem; } .\!k-scroll-pl-6\.5 { scroll-padding-left: 1.625rem !important; } .k-scroll-pl-7 { scroll-padding-left: 1.75rem; } .\!k-scroll-pl-7 { scroll-padding-left: 1.75rem !important; } .k-scroll-pl-7\.5 { scroll-padding-left: 1.875rem; } .\!k-scroll-pl-7\.5 { scroll-padding-left: 1.875rem !important; } .k-scroll-pl-8 { scroll-padding-left: 2rem; } .\!k-scroll-pl-8 { scroll-padding-left: 2rem !important; } .k-scroll-pl-9 { scroll-padding-left: 2.25rem; } .\!k-scroll-pl-9 { scroll-padding-left: 2.25rem !important; } .k-scroll-pl-10 { scroll-padding-left: 2.5rem; } .\!k-scroll-pl-10 { scroll-padding-left: 2.5rem !important; } .k-scroll-pl-11 { scroll-padding-left: 2.75rem; } .\!k-scroll-pl-11 { scroll-padding-left: 2.75rem !important; } .k-scroll-pl-12 { scroll-padding-left: 3rem; } .\!k-scroll-pl-12 { scroll-padding-left: 3rem !important; } .k-scroll-pl-13 { scroll-padding-left: 3.25rem; } .\!k-scroll-pl-13 { scroll-padding-left: 3.25rem !important; } .k-scroll-pl-14 { scroll-padding-left: 3.5rem; } .\!k-scroll-pl-14 { scroll-padding-left: 3.5rem !important; } .k-scroll-pl-15 { scroll-padding-left: 3.75rem; } .\!k-scroll-pl-15 { scroll-padding-left: 3.75rem !important; } .k-scroll-pl-16 { scroll-padding-left: 4rem; } .\!k-scroll-pl-16 { scroll-padding-left: 4rem !important; } .k-scroll-pl-17 { scroll-padding-left: 4.25rem; } .\!k-scroll-pl-17 { scroll-padding-left: 4.25rem !important; } .k-scroll-pl-18 { scroll-padding-left: 4.5rem; } .\!k-scroll-pl-18 { scroll-padding-left: 4.5rem !important; } .k-scroll-pl-19 { scroll-padding-left: 4.75rem; } .\!k-scroll-pl-19 { scroll-padding-left: 4.75rem !important; } .k-scroll-pl-20 { scroll-padding-left: 5rem; } .\!k-scroll-pl-20 { scroll-padding-left: 5rem !important; } .k-scroll-pl-21 { scroll-padding-left: 5.25rem; } .\!k-scroll-pl-21 { scroll-padding-left: 5.25rem !important; } .k-scroll-pl-22 { scroll-padding-left: 5.5rem; } .\!k-scroll-pl-22 { scroll-padding-left: 5.5rem !important; } .k-scroll-pl-23 { scroll-padding-left: 5.75rem; } .\!k-scroll-pl-23 { scroll-padding-left: 5.75rem !important; } .k-scroll-pl-24 { scroll-padding-left: 6rem; } .\!k-scroll-pl-24 { scroll-padding-left: 6rem !important; } .k-scroll-px-0 { scroll-padding-inline: 0; } .\!k-scroll-px-0 { scroll-padding-inline: 0 !important; } .k-scroll-px-1px { scroll-padding-inline: 1px; } .\!k-scroll-px-1px { scroll-padding-inline: 1px !important; } .k-scroll-px-0\.5 { scroll-padding-inline: 0.125rem; } .\!k-scroll-px-0\.5 { scroll-padding-inline: 0.125rem !important; } .k-scroll-px-1 { scroll-padding-inline: 0.25rem; } .\!k-scroll-px-1 { scroll-padding-inline: 0.25rem !important; } .k-scroll-px-1\.5 { scroll-padding-inline: 0.375rem; } .\!k-scroll-px-1\.5 { scroll-padding-inline: 0.375rem !important; } .k-scroll-px-2 { scroll-padding-inline: 0.5rem; } .\!k-scroll-px-2 { scroll-padding-inline: 0.5rem !important; } .k-scroll-px-2\.5 { scroll-padding-inline: 0.625rem; } .\!k-scroll-px-2\.5 { scroll-padding-inline: 0.625rem !important; } .k-scroll-px-3 { scroll-padding-inline: 0.75rem; } .\!k-scroll-px-3 { scroll-padding-inline: 0.75rem !important; } .k-scroll-px-3\.5 { scroll-padding-inline: 0.875rem; } .\!k-scroll-px-3\.5 { scroll-padding-inline: 0.875rem !important; } .k-scroll-px-4 { scroll-padding-inline: 1rem; } .\!k-scroll-px-4 { scroll-padding-inline: 1rem !important; } .k-scroll-px-4\.5 { scroll-padding-inline: 1.125rem; } .\!k-scroll-px-4\.5 { scroll-padding-inline: 1.125rem !important; } .k-scroll-px-5 { scroll-padding-inline: 1.25rem; } .\!k-scroll-px-5 { scroll-padding-inline: 1.25rem !important; } .k-scroll-px-5\.5 { scroll-padding-inline: 1.375rem; } .\!k-scroll-px-5\.5 { scroll-padding-inline: 1.375rem !important; } .k-scroll-px-6 { scroll-padding-inline: 1.5rem; } .\!k-scroll-px-6 { scroll-padding-inline: 1.5rem !important; } .k-scroll-px-6\.5 { scroll-padding-inline: 1.625rem; } .\!k-scroll-px-6\.5 { scroll-padding-inline: 1.625rem !important; } .k-scroll-px-7 { scroll-padding-inline: 1.75rem; } .\!k-scroll-px-7 { scroll-padding-inline: 1.75rem !important; } .k-scroll-px-7\.5 { scroll-padding-inline: 1.875rem; } .\!k-scroll-px-7\.5 { scroll-padding-inline: 1.875rem !important; } .k-scroll-px-8 { scroll-padding-inline: 2rem; } .\!k-scroll-px-8 { scroll-padding-inline: 2rem !important; } .k-scroll-px-9 { scroll-padding-inline: 2.25rem; } .\!k-scroll-px-9 { scroll-padding-inline: 2.25rem !important; } .k-scroll-px-10 { scroll-padding-inline: 2.5rem; } .\!k-scroll-px-10 { scroll-padding-inline: 2.5rem !important; } .k-scroll-px-11 { scroll-padding-inline: 2.75rem; } .\!k-scroll-px-11 { scroll-padding-inline: 2.75rem !important; } .k-scroll-px-12 { scroll-padding-inline: 3rem; } .\!k-scroll-px-12 { scroll-padding-inline: 3rem !important; } .k-scroll-px-13 { scroll-padding-inline: 3.25rem; } .\!k-scroll-px-13 { scroll-padding-inline: 3.25rem !important; } .k-scroll-px-14 { scroll-padding-inline: 3.5rem; } .\!k-scroll-px-14 { scroll-padding-inline: 3.5rem !important; } .k-scroll-px-15 { scroll-padding-inline: 3.75rem; } .\!k-scroll-px-15 { scroll-padding-inline: 3.75rem !important; } .k-scroll-px-16 { scroll-padding-inline: 4rem; } .\!k-scroll-px-16 { scroll-padding-inline: 4rem !important; } .k-scroll-px-17 { scroll-padding-inline: 4.25rem; } .\!k-scroll-px-17 { scroll-padding-inline: 4.25rem !important; } .k-scroll-px-18 { scroll-padding-inline: 4.5rem; } .\!k-scroll-px-18 { scroll-padding-inline: 4.5rem !important; } .k-scroll-px-19 { scroll-padding-inline: 4.75rem; } .\!k-scroll-px-19 { scroll-padding-inline: 4.75rem !important; } .k-scroll-px-20 { scroll-padding-inline: 5rem; } .\!k-scroll-px-20 { scroll-padding-inline: 5rem !important; } .k-scroll-px-21 { scroll-padding-inline: 5.25rem; } .\!k-scroll-px-21 { scroll-padding-inline: 5.25rem !important; } .k-scroll-px-22 { scroll-padding-inline: 5.5rem; } .\!k-scroll-px-22 { scroll-padding-inline: 5.5rem !important; } .k-scroll-px-23 { scroll-padding-inline: 5.75rem; } .\!k-scroll-px-23 { scroll-padding-inline: 5.75rem !important; } .k-scroll-px-24 { scroll-padding-inline: 6rem; } .\!k-scroll-px-24 { scroll-padding-inline: 6rem !important; } .k-scroll-py-0 { scroll-padding-block: 0; } .\!k-scroll-py-0 { scroll-padding-block: 0 !important; } .k-scroll-py-1px { scroll-padding-block: 1px; } .\!k-scroll-py-1px { scroll-padding-block: 1px !important; } .k-scroll-py-0\.5 { scroll-padding-block: 0.125rem; } .\!k-scroll-py-0\.5 { scroll-padding-block: 0.125rem !important; } .k-scroll-py-1 { scroll-padding-block: 0.25rem; } .\!k-scroll-py-1 { scroll-padding-block: 0.25rem !important; } .k-scroll-py-1\.5 { scroll-padding-block: 0.375rem; } .\!k-scroll-py-1\.5 { scroll-padding-block: 0.375rem !important; } .k-scroll-py-2 { scroll-padding-block: 0.5rem; } .\!k-scroll-py-2 { scroll-padding-block: 0.5rem !important; } .k-scroll-py-2\.5 { scroll-padding-block: 0.625rem; } .\!k-scroll-py-2\.5 { scroll-padding-block: 0.625rem !important; } .k-scroll-py-3 { scroll-padding-block: 0.75rem; } .\!k-scroll-py-3 { scroll-padding-block: 0.75rem !important; } .k-scroll-py-3\.5 { scroll-padding-block: 0.875rem; } .\!k-scroll-py-3\.5 { scroll-padding-block: 0.875rem !important; } .k-scroll-py-4 { scroll-padding-block: 1rem; } .\!k-scroll-py-4 { scroll-padding-block: 1rem !important; } .k-scroll-py-4\.5 { scroll-padding-block: 1.125rem; } .\!k-scroll-py-4\.5 { scroll-padding-block: 1.125rem !important; } .k-scroll-py-5 { scroll-padding-block: 1.25rem; } .\!k-scroll-py-5 { scroll-padding-block: 1.25rem !important; } .k-scroll-py-5\.5 { scroll-padding-block: 1.375rem; } .\!k-scroll-py-5\.5 { scroll-padding-block: 1.375rem !important; } .k-scroll-py-6 { scroll-padding-block: 1.5rem; } .\!k-scroll-py-6 { scroll-padding-block: 1.5rem !important; } .k-scroll-py-6\.5 { scroll-padding-block: 1.625rem; } .\!k-scroll-py-6\.5 { scroll-padding-block: 1.625rem !important; } .k-scroll-py-7 { scroll-padding-block: 1.75rem; } .\!k-scroll-py-7 { scroll-padding-block: 1.75rem !important; } .k-scroll-py-7\.5 { scroll-padding-block: 1.875rem; } .\!k-scroll-py-7\.5 { scroll-padding-block: 1.875rem !important; } .k-scroll-py-8 { scroll-padding-block: 2rem; } .\!k-scroll-py-8 { scroll-padding-block: 2rem !important; } .k-scroll-py-9 { scroll-padding-block: 2.25rem; } .\!k-scroll-py-9 { scroll-padding-block: 2.25rem !important; } .k-scroll-py-10 { scroll-padding-block: 2.5rem; } .\!k-scroll-py-10 { scroll-padding-block: 2.5rem !important; } .k-scroll-py-11 { scroll-padding-block: 2.75rem; } .\!k-scroll-py-11 { scroll-padding-block: 2.75rem !important; } .k-scroll-py-12 { scroll-padding-block: 3rem; } .\!k-scroll-py-12 { scroll-padding-block: 3rem !important; } .k-scroll-py-13 { scroll-padding-block: 3.25rem; } .\!k-scroll-py-13 { scroll-padding-block: 3.25rem !important; } .k-scroll-py-14 { scroll-padding-block: 3.5rem; } .\!k-scroll-py-14 { scroll-padding-block: 3.5rem !important; } .k-scroll-py-15 { scroll-padding-block: 3.75rem; } .\!k-scroll-py-15 { scroll-padding-block: 3.75rem !important; } .k-scroll-py-16 { scroll-padding-block: 4rem; } .\!k-scroll-py-16 { scroll-padding-block: 4rem !important; } .k-scroll-py-17 { scroll-padding-block: 4.25rem; } .\!k-scroll-py-17 { scroll-padding-block: 4.25rem !important; } .k-scroll-py-18 { scroll-padding-block: 4.5rem; } .\!k-scroll-py-18 { scroll-padding-block: 4.5rem !important; } .k-scroll-py-19 { scroll-padding-block: 4.75rem; } .\!k-scroll-py-19 { scroll-padding-block: 4.75rem !important; } .k-scroll-py-20 { scroll-padding-block: 5rem; } .\!k-scroll-py-20 { scroll-padding-block: 5rem !important; } .k-scroll-py-21 { scroll-padding-block: 5.25rem; } .\!k-scroll-py-21 { scroll-padding-block: 5.25rem !important; } .k-scroll-py-22 { scroll-padding-block: 5.5rem; } .\!k-scroll-py-22 { scroll-padding-block: 5.5rem !important; } .k-scroll-py-23 { scroll-padding-block: 5.75rem; } .\!k-scroll-py-23 { scroll-padding-block: 5.75rem !important; } .k-scroll-py-24 { scroll-padding-block: 6rem; } .\!k-scroll-py-24 { scroll-padding-block: 6rem !important; } .k-touch-action-none { touch-action: none; } .\!k-touch-action-none { touch-action: none !important; } .k-touch-action-auto { touch-action: auto; } .\!k-touch-action-auto { touch-action: auto !important; } .k-touch-action-pan-x { touch-action: pan-x; } .\!k-touch-action-pan-x { touch-action: pan-x !important; } .k-touch-action-pan-left { touch-action: pan-left; } .\!k-touch-action-pan-left { touch-action: pan-left !important; } .k-touch-action-pan-right { touch-action: pan-right; } .\!k-touch-action-pan-right { touch-action: pan-right !important; } .k-touch-action-pan-y { touch-action: pan-y; } .\!k-touch-action-pan-y { touch-action: pan-y !important; } .k-touch-action-pan-up { touch-action: pan-up; } .\!k-touch-action-pan-up { touch-action: pan-up !important; } .k-touch-action-pan-down { touch-action: pan-down; } .\!k-touch-action-pan-down { touch-action: pan-down !important; } .k-touch-action-pinch-zoom { touch-action: pinch-zoom; } .\!k-touch-action-pinch-zoom { touch-action: pinch-zoom !important; } .k-touch-action-manipulation { touch-action: manipulation; } .\!k-touch-action-manipulation { touch-action: manipulation !important; } .k-user-select-none { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .\!k-user-select-none { -webkit-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .k-user-select-auto { -webkit-user-select: auto; -ms-user-select: auto; user-select: auto; } .\!k-user-select-auto { -webkit-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .k-user-select-text { -webkit-user-select: text; -ms-user-select: text; user-select: text; } .\!k-user-select-text { -webkit-user-select: text !important; -ms-user-select: text !important; user-select: text !important; } .k-user-select-all { -webkit-user-select: all; user-select: all; } .\!k-user-select-all { -webkit-user-select: all !important; user-select: all !important; } .k-user-select-contain { -webkit-user-select: contain; -ms-user-select: element; user-select: contain; } .\!k-user-select-contain { -webkit-user-select: contain !important; -ms-user-select: element !important; user-select: contain !important; } .k-will-change-auto { will-change: auto; } .\!k-will-change-auto { will-change: auto !important; } .k-will-change-scroll { will-change: scroll-position; } .\!k-will-change-scroll { will-change: scroll-position !important; } .k-will-change-contents { will-change: contents; } .\!k-will-change-contents { will-change: contents !important; } .k-will-change-transform { will-change: transform; } .\!k-will-change-transform { will-change: transform !important; } .k-fill-none { fill: none; } .\!k-fill-none { fill: none !important; } .k-fill-inherit { fill: inherit; } .\!k-fill-inherit { fill: inherit !important; } .k-fill-current { fill: currentColor; } .\!k-fill-current { fill: currentColor !important; } .k-fill-transparent { fill: transparent; } .\!k-fill-transparent { fill: transparent !important; } .k-fill-black { fill: black; } .\!k-fill-black { fill: black !important; } .k-fill-white { fill: white; } .\!k-fill-white { fill: white !important; } .k-stroke-none { stroke: none; } .\!k-stroke-none { stroke: none !important; } .k-stroke-inherit { stroke: inherit; } .\!k-stroke-inherit { stroke: inherit !important; } .k-stroke-current { stroke: currentColor; } .\!k-stroke-current { stroke: currentColor !important; } .k-stroke-transparent { stroke: transparent; } .\!k-stroke-transparent { stroke: transparent !important; } .k-stroke-black { stroke: black; } .\!k-stroke-black { stroke: black !important; } .k-stroke-white { stroke: white; } .\!k-stroke-white { stroke: white !important; } .k-elevation-1 { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.038); } .k-elevation-2 { box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.075); } .k-elevation-3 { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); } .k-elevation-4 { box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.125); } .k-elevation-5 { box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15); } .k-elevation-6 { box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0.159); } .k-elevation-7 { box-shadow: 0px 14px 36px 0px rgba(0, 0, 0, 0.168); } .k-elevation-8 { box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.176); } .k-elevation-9 { box-shadow: 0px 18px 60px 0px rgba(0, 0, 0, 0.185); } .k-body, .k-typography { font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; font-weight: 400; margin: 0; } .k-body p, .k-typography p { margin: 0 0 1rem; } .k-h1 { font-size: 2.5rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-h2 { font-size: 2rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-h3 { font-size: 1.75rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-h4 { font-size: 1.5rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-h5 { font-size: 1.25rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-h6 { font-size: 1rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } .k-paragraph { font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; font-weight: 400; margin: 0 0 1rem; } .k-pre, .k-code { font-size: 0.875rem; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; line-height: 1.5; font-weight: 400; border-style: solid; border-width: 1px; } .k-pre { padding-block: 16px; padding-inline: 24px; overflow: auto; } .k-pre > .k-code { padding: 0; border-width: 0; border-color: transparent; background-color: transparent; font-family: inherit; font-size: inherit; } .k-code { padding-block: 0px; padding-inline: 4px; } .k-display-1 { font-size: 5rem; line-height: 1.2; font-weight: 300; } .k-display-2 { font-size: 4.5rem; line-height: 1.2; font-weight: 300; } .k-display-3 { font-size: 4rem; line-height: 1.2; font-weight: 300; } .k-display-4 { font-size: 3.5rem; line-height: 1.2; font-weight: 300; } .k-body { color: #212529; background-color: #ffffff; } .k-pre, .k-code { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-svg-icon { width: 16px; height: 16px; outline: 0; line-height: 1; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; vertical-align: middle; position: relative; } .k-svg-icon > svg { fill: currentColor; flex: 1 1 auto; } .k-svg-icon.k-icon-xs { width: 12px; height: 12px; } .k-svg-icon.k-icon-sm { width: 14px; height: 14px; } .k-svg-icon.k-icon-md { width: 16px; height: 16px; } .k-svg-icon.k-icon-lg { width: 20px; height: 20px; } .k-svg-icon.k-icon-xl { width: 24px; height: 24px; } .k-svg-icon.k-icon-xxl { width: 32px; height: 32px; } .k-svg-icon.k-icon-xxxl { width: 48px; height: 48px; } .k-flip-h.k-svg-icon, .k-svg-icon.k-flip-x, .k-flip-v.k-svg-icon, .k-svg-icon.k-flip-y, .k-flip-h.k-flip-v.k-svg-icon, .k-flip-v.k-svg-icon.k-flip-x, .k-svg-icon.k-flip-x.k-flip-y, .k-flip-h.k-svg-icon.k-flip-y { transform: none; } .k-flip-h > svg, .k-flip-x > svg { transform: scaleX(-1); } .k-flip-v > svg, .k-flip-y > svg { transform: scaleY(-1); } .k-flip-h.k-flip-v > svg, .k-flip-v.k-flip-x > svg, .k-flip-x.k-flip-y > svg, .k-flip-h.k-flip-y > svg, .k-flip-both > svg { transform: scale(-1, -1); } .k-rotate-0.k-svg-icon { transform: none; } .k-rotate-0 > svg { transform: rotate(0deg); } .k-rotate-45.k-svg-icon { transform: none; } .k-rotate-45 > svg { transform: rotate(45deg); } .k-rotate-90.k-svg-icon { transform: none; } .k-rotate-90 > svg { transform: rotate(90deg); } .k-rotate-135.k-svg-icon { transform: none; } .k-rotate-135 > svg { transform: rotate(135deg); } .k-rotate-180.k-svg-icon { transform: none; } .k-rotate-180 > svg { transform: rotate(180deg); } .k-rotate-225.k-svg-icon { transform: none; } .k-rotate-225 > svg { transform: rotate(225deg); } .k-rotate-270.k-svg-icon { transform: none; } .k-rotate-270 > svg { transform: rotate(270deg); } .k-rotate-315.k-svg-icon { transform: none; } .k-rotate-315 > svg { transform: rotate(315deg); } .k-icon-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: flex-start; vertical-align: middle; position: relative; } .k-icon-wrap::before { content: "\200b"; width: 0; overflow: hidden; flex: none; display: inline-block; vertical-align: top; } .k-icon-wrapper-host { display: contents; } .k-icon-with-modifier { position: relative; margin: .25em; } .k-icon.k-icon-modifier { width: 1em; height: 1em; position: absolute; font-size: .5em; bottom: 0; right: 0; margin: 0 -.5em -.5em 0; } .k-i-none::before { content: ""; display: none; } .k-icon-action { display: inline-flex; padding: 0.25rem; line-height: 1; align-items: center; vertical-align: middle; cursor: pointer; } .k-sprite { display: inline-block; width: 16px; height: 16px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; } .k-image { display: inline-block; } .k-messagebox { margin: 0 0 1rem 0; padding-block: 0.5rem; padding-inline: 1rem; border-width: 0 0 0 4px; border-style: solid; box-sizing: border-box; font-size: 1rem; line-height: 1.5; } .k-messagebox a { color: inherit; font-style: normal; text-decoration: underline; } .k-messagebox-primary { border-color: #bbd6fe; color: #073984; background-color: #cfe2ff; } .k-messagebox-secondary { border-color: #d6d8db; color: #383d41; background-color: #e2e3e5; } .k-messagebox-tertiary { border-color: #d7caee; color: #3a2264; background-color: #e2d9f3; } .k-messagebox-info { border-color: #bbf0fb; color: #07697d; background-color: #cff4fc; } .k-messagebox-success { border-color: #bfddcf; color: #0d462c; background-color: #d1e7dd; } .k-messagebox-warning { border-color: #ffeeba; color: #856404; background-color: #fff3cd; } .k-messagebox-error { border-color: #f5c6cb; color: #721c24; background-color: #f8d7da; } .k-messagebox-dark { border-color: #c1c2c3; color: #111315; background-color: #d3d3d4; } .k-messagebox-light { border-color: #fdfdfe; color: #818182; background-color: #fefefe; } .k-messagebox-inverse { border-color: #c1c2c3; color: #111315; background-color: #d3d3d4; } .k-drag-clue { border-radius: 0.375rem; padding-block: 0.375rem; padding-inline: 0.75rem; border-width: 1px; border-style: solid; box-sizing: border-box; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; display: inline-flex; flex-flow: row nowrap; align-items: center; align-content: center; white-space: nowrap; overflow: hidden; position: absolute; z-index: 20000; cursor: move; } .k-drag-status, .k-drag-clue .k-drag-status { margin: 0; margin-right: .4ex; } .k-drop-hint { display: flex; gap: 4px; justify-content: space-between; align-items: center; position: absolute; z-index: 1000; transform: translate(-50%, -50%); } .k-drop-hint-start, .k-drop-hint-end { flex-shrink: 0; border-width: 4px; border-style: solid; border-color: transparent; } .k-drop-hint-line { flex-grow: 1; background-color: #0d6efd; } .k-drop-hint-h .k-drop-hint-start { border-left-width: 6.9282032304px; border-left-color: #0d6efd; border-right-width: 0; } .k-drop-hint-h .k-drop-hint-line { width: 20px; height: 1px; } .k-drop-hint-h .k-drop-hint-end { border-right-width: 6.9282032304px; border-right-color: #0d6efd; border-left-width: 0; } .k-drop-hint-v { flex-direction: column; } .k-drop-hint-v .k-drop-hint-start { border-top-width: 6.9282032304px; border-top-color: #0d6efd; border-bottom-width: 0; } .k-drop-hint-v .k-drop-hint-line { width: 1px; height: 20px; } .k-drop-hint-v .k-drop-hint-end { border-bottom-width: 6.9282032304px; border-bottom-color: #0d6efd; border-top-width: 0; } .k-reorder-cue { position: absolute; } .k-reorder-cue::before, .k-reorder-cue::after { content: ""; width: 0; height: 0; border: 3px solid transparent; position: absolute; transform: translateX(-50%); } .k-reorder-cue::before { border-bottom-width: 0; border-top-color: currentColor; top: -4px; } .k-reorder-cue::after { border-top-width: 0; border-bottom-color: currentColor; bottom: -4px; } .k-drag-clue { border-color: #0c65e9; color: #ffffff; background-color: #0d6efd; } .k-checkbox { margin: 0; padding: 0; line-height: initial; border-width: 1px; border-style: solid; outline: 0; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; flex: none; vertical-align: middle; position: relative; cursor: pointer; -webkit-appearance: none; } .k-checkbox:checked, .k-checkbox.k-checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .k-checkbox:indeterminate, .k-checkbox.k-indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .k-checkbox:disabled, .k-checkbox.k-disabled { outline: none; cursor: default; opacity: 0.65; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-checkbox-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: flex-start; vertical-align: middle; position: relative; } .k-checkbox-wrap::before { content: "\200b"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top; } .k-checkbox-label { margin: 0; padding: 0; display: inline-flex; align-items: flex-start; gap: 0.25rem; vertical-align: middle; position: relative; cursor: pointer; } .k-checkbox-label .k-ripple { visibility: hidden !important; } .k-checkbox + .k-label, .k-checkbox-wrap + .k-label, .k-checkbox + .k-checkbox-label, .k-checkbox-wrap + .k-checkbox-label { display: inline; margin-inline-start: 0.25rem; } .k-checkbox-label:empty { display: none !important; } .k-checkbox-label.k-no-text { min-width: 1px; } .k-checkbox-list { margin: 0; padding: 0; display: flex; flex-flow: column nowrap; gap: 0; list-style: none; } .k-checkbox-item, .k-checkbox-list-item { padding-block: 0.25rem; padding-inline: 0px; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: 0.25rem; } .k-checkbox-item .k-checkbox-label, .k-checkbox-list-item .k-checkbox-label { margin: 0; } .k-checkbox-list-horizontal, .k-checkbox-list.k-list-horizontal { display: flex; flex-flow: row wrap; gap: 1rem; } .k-ripple-container .k-checkbox::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; border-radius: 100%; z-index: -1; transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transform: translate(-50%, -50%) scale(0); transform-origin: center center; } .k-ripple-container .k-checkbox:focus, .k-ripple-container .k-checkbox.k-focus { box-shadow: none !important; } .k-ripple-container .k-checkbox:disabled::after, .k-ripple-container .k-checkbox.k-disabled::after { display: none; } .k-checkbox-sm { width: 0.75rem; height: 0.75rem; } .k-checkbox-sm::before { font-size: 0.625rem; } .k-ripple-container .k-checkbox-sm::after { width: 300%; height: 300%; } .k-checkbox-md { width: 1rem; height: 1rem; } .k-checkbox-md::before { font-size: 0.875rem; } .k-ripple-container .k-checkbox-md::after { width: 300%; height: 300%; } .k-checkbox-lg { width: 1.25rem; height: 1.25rem; } .k-checkbox-lg::before { font-size: 1.125rem; } .k-ripple-container .k-checkbox-lg::after { width: 300%; height: 300%; } .k-checkbox.k-rounded-sm { border-radius: 0.125rem; } .k-checkbox.k-rounded-md { border-radius: 0.25rem; } .k-checkbox.k-rounded-lg { border-radius: 0.375rem; } .k-checkbox { border-color: #ced4da; background-color: #ffffff; } .k-checkbox:focus, .k-checkbox.k-focus { border-color: #86b7fe; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-checkbox:indeterminate, .k-checkbox.k-indeterminate { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-checkbox:checked, .k-checkbox.k-checked { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus { border-color: #0d6efd; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-checkbox.k-invalid { border-color: #dc3545; } .k-checkbox.k-invalid + .k-checkbox-label { color: #dc3545; } .k-checkbox-wrap .k-ripple-blob { color: #0d6efd; opacity: 0.25; } .k-ripple-container .k-checkbox::after { background: #0d6efd; opacity: 0.25; } .k-list-container { display: flex; flex-flow: column nowrap; } .k-list-container > .k-list { flex: 1; height: 100%; } .k-list { margin: 0; padding: 0; box-sizing: border-box; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; display: flex; flex-flow: column nowrap; outline: none; position: relative; overflow: hidden; } .k-list *, .k-list *::before, .k-list *::after { box-sizing: border-box; } .k-popup > .k-list { height: 100%; border-width: 0; } .k-list-group-sticky-header { border-width: 0; border-width: 0 0 1px; border-style: solid; font-weight: 700; white-space: nowrap; display: flex; flex-flow: row nowrap; align-items: center; flex: none; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .k-list-content { border-color: inherit; flex: 1 1 auto; overflow: hidden; overflow-y: auto; position: relative; } .k-list-ul { margin: 0; padding: 0; border-width: 0; border-color: inherit; height: auto; list-style: none; } .k-list-item, .k-list-optionlabel { border: 0; outline: none; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: 0.5rem; position: relative; transition-property: color, background-color, outline-color, box-shadow; transition-duration: 200ms; transition-timing-function: ease; } .k-list-item.k-first::before, .k-first.k-list-optionlabel::before { content: ""; border-width: 1px 0 0; border-style: solid; position: absolute; top: 0; left: 0; right: 0; } .k-list-item-text::before, .k-list-header-text::before, .k-list-optionlabel::before { content: "\200b"; width: 0px; overflow: hidden; } .k-list-optionlabel { column-gap: 0; } .k-list-group-item { border-width: 0; border-width: 1px 0 0; border-style: solid; font-weight: 700; cursor: default; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: 0.5rem; position: relative; } .k-list-item-group-label { padding-block: 0; padding-inline: .5em; font-size: .75em; position: absolute; top: 0; inset-inline-end: 0; } .k-virtual-content, .k-virtual-list .k-list-content { overflow-y: scroll; } .k-virtual-list .k-list-item, .k-virtual-list .k-list-optionlabel, .k-virtual-list .k-list-group-item, .k-virtual-content .k-list-item, .k-virtual-content .k-list-optionlabel, .k-virtual-content .k-list-group-item { position: absolute; width: 100%; } .k-virtual-list .k-list-item-text, .k-virtual-list .k-list-header-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .k-virtual-list .k-list-optionlabel { position: relative; } .k-list-filter { display: block; position: relative; padding: 1rem; box-sizing: border-box; flex: none; } .k-list-sm { font-size: 0.875rem; line-height: 1.4285714286; } .k-list-sm .k-list-group-sticky-header { padding-block: 0.25rem; padding-inline: 1rem; } .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel { padding-block: 0.25rem; padding-inline: 1rem; } .k-list-sm .k-list-group-item { padding-block: 0.125rem; padding-inline: 1rem; } .k-list-md { font-size: 1rem; line-height: 1.5; } .k-list-md .k-list-group-sticky-header { padding-block: 0.25rem; padding-inline: 1rem; } .k-list-md .k-list-item, .k-list-md .k-list-optionlabel { padding-block: 0.25rem; padding-inline: 1rem; } .k-list-md .k-list-group-item { padding-block: 0.25rem; padding-inline: 1rem; } .k-list-lg { font-size: 1rem; line-height: 1.5; } .k-list-lg .k-list-group-sticky-header { padding-block: 0.5rem; padding-inline: 1rem; } .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel { padding-block: 0.5rem; padding-inline: 1rem; } .k-list-lg .k-list-group-item { padding-block: 0.375rem; padding-inline: 1rem; } .k-no-data, .k-nodata { min-height: 140px; display: flex; align-items: center; justify-content: center; font-weight: lighter; text-align: center; white-space: normal; } .k-list { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-list-group-sticky-header { border-color: inherit; } .k-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel { color: #16181b; background-color: #e9ecef; } .k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-list-item.k-selected, .k-selected.k-list-optionlabel { color: #ffffff; background-color: #0d6efd; } .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel { color: #ffffff; background-color: #0c65e9; } .k-list-optionlabel, .k-list-optionlabel.k-hover, .k-list-optionlabel:hover { color: #6c757d; } .k-list-group-item { border-color: inherit; } .k-list-item-group-label { color: #ffffff; background-color: #212529; } .k-no-data, .k-nodata { color: #6c757d; } .k-listgroup { border-radius: 0.25rem; margin: 0; padding: 0; border-width: 1px; border-style: solid; font-size: 1rem; line-height: 1.5; list-style: none; display: flex; flex-direction: column; position: relative; overflow: hidden; } .k-listgroup > ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; } .k-listgroup .k-listgroup-item + .k-listgroup-item { border-top-width: 1px; } .k-listgroup-flush { border-radius: 0; border-left-width: 0; border-right-width: 0; } .k-listgroup-item { padding-block: 0.5rem; padding-inline: 1rem; border-width: 0; border-style: solid; border-color: inherit; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex: 0 0 auto; position: relative; } .k-listgroup-item > .k-link { margin-block: -0.5rem; margin-inline: -1rem; padding-block: 0.5rem; padding-inline: 1rem; color: inherit; text-decoration: none; outline: 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex: 1 1 auto; position: relative; } .k-listgroup-item > .k-link > .k-select { padding: 0.5rem; display: flex; align-items: center; flex: 0 0 auto; position: absolute; top: 50%; inset-inline-end: 0; transform: translateY(-50%); } .k-listgroup-item-segmented { align-items: stretch; } .k-listgroup-item-segmented > .k-link { margin-right: 0; } .k-listgroup-item-segmented > .k-select { margin: -0.5rem -1rem -0.5rem 0; padding: 0.5rem; border-width: 0 0 0 1px; border-style: solid; border-color: inherit; cursor: pointer; } .k-listgroup-form-row { margin-block: -0.5rem; margin-inline: -1rem; padding-block: 0.5rem; padding-inline: 1rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex: 1 1 auto; position: relative; } .k-listgroup-form-row .k-listgroup-form-field-label { width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .k-listgroup-form-row .k-listgroup-form-field-wrapper { width: 50%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; text-align: end; position: relative; } .k-listgroup-form-row .k-listgroup-form-field-wrapper select, .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="text"], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="password"], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="date"], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="time"], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="datetime-local"], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="number"], .k-listgroup-form-row .k-listgroup-form-field-wrapper textarea { width: 100%; box-sizing: border-box; flex: 1 1 100%; } .k-listgroup-form-row .k-listgroup-form-field-wrapper textarea { min-height: 4em; resize: vertical; } .k-listgroup-item.k-listgroup-form-row { margin: 0; } [dir="rtl"] .k-listgroup-item > .k-link > .k-select { right: auto; left: 0; } [dir="rtl"] .k-listgroup-item-segmented > .k-link { margin-right: -1rem; margin-left: 0; } [dir="rtl"] .k-listgroup-item-segmented > .k-select { margin-right: 0; margin-left: -1rem; border-right-width: 1px; border-left-width: 0; } .k-noflexbox .k-listgroup, .k-noflexbox .k-listgroup > ul .k-listgroup-item, .k-noflexbox .k-listgroup-item > .k-link { display: block; } .k-listgroup { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-overlay { width: 100%; height: 100%; opacity: 0.5; position: fixed; top: 0; left: 0; z-index: 10001; } .k-overlay { background-color: #000000; } .k-overlay-primary { background-color: #0d6efd; } .k-overlay-secondary { background-color: #6c757d; } .k-overlay-tertiary { background-color: #6f42c1; } .k-overlay-info { background-color: #0dcaf0; } .k-overlay-success { background-color: #198754; } .k-overlay-warning { background-color: #ffc107; } .k-overlay-error { background-color: #dc3545; } .k-overlay-dark { background-color: #212529; } .k-overlay-light { background-color: #f8f9fa; } .k-overlay-inverse { background-color: #212529; } .k-popup { border-radius: 0.375rem; margin: 0; padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; font-size: 1rem; line-height: 1.5; display: flex; flex-direction: column; align-items: stretch; } .k-popup .k-item { outline: none; } .k-animation-container { border-radius: 0 0 0.375rem 0.375rem; } .k-animation-container-shown { overflow: visible; } .k-popup > .k-colorpalette { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-popup.k-popup-transparent { border-width: 0; background-color: transparent; box-shadow: none; } .k-popup.k-popup-flush { padding: 0; } .k-popup > .k-widget, .k-popup > .k-coloreditor { border-width: 0; } .k-shadow { box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125)); } .k-popup.k-column-menu { padding-top: 0; padding-bottom: 0; } .k-popup { border-color: #dee2e6; color: #212529; background-color: #ffffff; box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125)); } .k-animation-container { border-radius: 0 0 0.375rem 0.375rem; } .k-ripple-target { position: relative; } .k-ripple { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; pointer-events: none; } .k-ripple-blob { pointer-events: none; position: absolute; border-radius: 50%; padding: 0; transform: translate(-50%, -50%) scale(0); transition: opacity 100ms linear, transform 500ms cubic-bezier(0.4, 0, 0.2, 1); opacity: .1; background-color: currentColor; } .k-primary .k-ripple-blob { opacity: .2; } .k-ripple-focus::after { visibility: visible; animation: ripple 600ms ease-out; } @keyframes ripple { 0% { transform: translate(-50%, -50%) scale(0); } 20% { transform: translate(-50%, -50%) scale(1); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1); } } .k-table { width: 100%; max-width: none; border-width: 1px; border-style: solid; text-align: start; border-collapse: collapse; border-spacing: 0; empty-cells: show; outline: none; } .k-data-table { border-width: 1px; border-style: solid; } .k-data-table .k-table { table-layout: fixed; } .k-table-thead, .k-table-tbody, .k-table-tfoot, .k-table-row, .k-table-alt-row { border-color: inherit; text-align: inherit; } .k-table-th, .k-table-td { border-width: 0 0 0px 1px; border-style: solid; border-color: inherit; box-sizing: border-box; font-weight: normal; text-align: inherit; white-space: nowrap; text-overflow: ellipsis; display: table-cell; overflow: hidden; position: relative; } .k-table-th:first-child, .k-table-td:first-child { border-left-width: 0; } .k-table-th { border-bottom-width: 1px; } .k-table-header { padding-inline-end: var(--kendo-scrollbar-width); border-width: 0 0 1px; border-style: solid; box-sizing: border-box; } .k-table-header .k-table { border-width: 0; } .k-table-header-wrap { margin-right: -1px; width: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; overflow: hidden; } .k-table-header > .k-table, .k-table-header-wrap > .k-table { margin-bottom: -1px; } .k-table-group-sticky-header { flex: none; } .k-table-group-sticky-header .k-table-th { display: flex; flex-flow: row nowrap; align-items: center; align-content: center; } .k-table-list { margin: 0; padding: 0; width: 100%; max-width: none; border-width: 0; display: table; border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show; list-style: none; outline: none; } .k-table-list .k-table-row, .k-table-list .k-table-group-row { width: 100%; box-sizing: border-box; display: table-row; position: relative; } .k-table-list .k-table-row.k-first { border-top: 1px solid currentColor; } .k-table-list .k-table-th, .k-table-list .k-table-td { vertical-align: middle; } .k-table-list .k-table-group-row::before { content: "\200b"; padding-inline: 0; width: 0; display: block; overflow: hidden; } .k-table-list .k-table-group-row .k-table-th { width: 100%; border-color: inherit; color: inherit; background-color: inherit; position: absolute; top: 0; } .k-table-list .k-table-spacer-td { padding: 0 !important; width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; } .k-table-list .k-table-group-td { padding: 0 !important; width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; overflow: visible; } .k-table-list .k-table-group-td > span { font-size: .75em; position: absolute; top: 0; right: 0; } .k-virtual-table .k-table-row, .k-virtual-table .k-table-group-row { position: absolute; width: 100%; } .k-table-scroller { position: relative; overflow: auto; } .k-table-scroller > .k-table { border-width: 0; } .k-table-footer { padding-inline-end: var(--kendo-scrollbar-width); border-width: 1px 0 0; border-style: solid; box-sizing: border-box; } .k-table-footer .k-table { border-width: 0; } .k-table-footer-wrap { margin-right: -1px; width: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; overflow: hidden; } .k-table-sm { font-size: 1rem; line-height: 1.5; } .k-table-sm .k-table-th, .k-table-sm .k-table-td { padding-block: 0.25rem; padding-inline: 0.5rem; } .k-table-sm .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: 0.25rem; } .k-table-sm .k-table-list .k-table-group-row::before { padding-block: 0.25rem; padding-inline: 0; } .k-table-md { font-size: 1rem; line-height: 1.5; } .k-table-md .k-table-th, .k-table-md .k-table-td { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-table-md .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: 0.25rem; } .k-table-md .k-table-list .k-table-group-row::before { padding-block: 0.5rem; padding-inline: 0; } .k-table-lg { font-size: 1rem; line-height: 1.5; } .k-table-lg .k-table-th, .k-table-lg .k-table-td { padding-block: 0.625rem; padding-inline: 0.5rem; } .k-table-lg .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: 0.25rem; } .k-table-lg .k-table-list .k-table-group-row::before { padding-block: 0.625rem; padding-inline: 0; } .k-rtl.k-table .k-table-th, .k-rtl.k-table .k-table-td, .k-rtl .k-table .k-table-th, .k-rtl .k-table .k-table-td, [dir="rtl"].k-table .k-table-th, [dir="rtl"].k-table .k-table-td, [dir="rtl"] .k-table .k-table-th, [dir="rtl"] .k-table .k-table-td { border-left-width: 0; border-right-width: 1px; } .k-rtl.k-table .k-table-th:first-child, .k-rtl.k-table .k-table-td:first-child, .k-rtl .k-table .k-table-th:first-child, .k-rtl .k-table .k-table-td:first-child, [dir="rtl"].k-table .k-table-th:first-child, [dir="rtl"].k-table .k-table-td:first-child, [dir="rtl"] .k-table .k-table-th:first-child, [dir="rtl"] .k-table .k-table-td:first-child { border-right-width: 0; } .k-rtl.k-table .k-table-header-wrap, .k-rtl.k-table .k-table-footer-wrap, .k-rtl .k-table .k-table-header-wrap, .k-rtl .k-table .k-table-footer-wrap, [dir="rtl"].k-table .k-table-header-wrap, [dir="rtl"].k-table .k-table-footer-wrap, [dir="rtl"] .k-table .k-table-header-wrap, [dir="rtl"] .k-table .k-table-footer-wrap { margin-right: 0; margin-left: -1px; border-left-width: 1px; border-right-width: 0; } .k-rtl .k-table-list .k-table-group-td > span, [dir="rtl"] .k-table-list .k-table-group-td > span { left: 0; right: auto; } .k-table, .k-data-table { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-table-thead, .k-table-header, .k-table-group-sticky-header { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-table-tfoot, .k-table-footer { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-table-group-row { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-table-group-td > span { color: #ffffff; background-color: #212529; } .k-table-alt-row { background-color: rgba(0, 0, 0, 0.04); } .k-table-tbody .k-table-row:hover, .k-table-list .k-table-row:hover, .k-table-tbody .k-table-row.k-hover, .k-table-list .k-table-row.k-hover { background-color: rgba(0, 0, 0, 0.08); } .k-table-tbody .k-table-row.k-focus, .k-table-tbody .k-table-row:focus, .k-table-list .k-table-row.k-focus, .k-table-list .k-table-row:focus, .k-table-tbody .k-table-td.k-focus, .k-table-tbody .k-table-td:focus, .k-table-list .k-table-td.k-focus, .k-table-list .k-table-td:focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08); } .k-table-tbody .k-table-row.k-selected > .k-table-td, .k-table-list .k-table-row.k-selected { color: #212529; background-color: rgba(13, 110, 253, 0.25); } .k-virtual-scroller { width: 100%; height: 100%; flex: 1 1 auto; overflow: auto; position: relative; } .k-virtual-scroller-wrap { position: relative; z-index: 1; } .k-virtual-scroller-content { position: absolute; width: 100%; top: 0; inset-inline-start: 0; } .k-virtual-scroller-size { position: relative; z-index: 0; } .k-avatar { border-width: 0; border-style: solid; box-sizing: border-box; vertical-align: middle; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; flex-shrink: 0; overflow: hidden; } .k-avatar *, .k-avatar *::before, .k-avatar *::after { box-sizing: border-box; } .k-avatar-text, .k-avatar-initials { font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; } .k-avatar-icon { display: flex; flex-flow: row nowrap; align-items: center; } .k-avatar-image { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .k-avatar-image > img { width: 100%; height: 100%; object-fit: cover; vertical-align: top; } .k-avatar-sm { width: 1rem; height: 1rem; flex-basis: 1rem; } .k-avatar-md { width: 2rem; height: 2rem; flex-basis: 2rem; } .k-avatar-lg { width: 4rem; height: 4rem; flex-basis: 4rem; } .k-avatar-bordered { border-width: 1px; } .k-avatar-solid-primary { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-avatar-solid-secondary { border-color: #6c757d; color: white; background-color: #6c757d; } .k-avatar-solid-tertiary { border-color: #6f42c1; color: white; background-color: #6f42c1; } .k-avatar-solid-info { border-color: #0dcaf0; color: white; background-color: #0dcaf0; } .k-avatar-solid-success { border-color: #198754; color: white; background-color: #198754; } .k-avatar-solid-warning { border-color: #ffc107; color: black; background-color: #ffc107; } .k-avatar-solid-error { border-color: #dc3545; color: white; background-color: #dc3545; } .k-avatar-solid-dark { border-color: #212529; color: white; background-color: #212529; } .k-avatar-solid-light { border-color: #f8f9fa; color: black; background-color: #f8f9fa; } .k-avatar-solid-inverse { border-color: #212529; color: white; background-color: #212529; } .k-avatar-outline { border-color: currentColor; } .k-avatar-outline-primary { color: #0d6efd; } .k-avatar-outline-secondary { color: #6c757d; } .k-avatar-outline-tertiary { color: #6f42c1; } .k-avatar-outline-info { color: #0dcaf0; } .k-avatar-outline-success { color: #198754; } .k-avatar-outline-warning { color: #ffc107; } .k-avatar-outline-error { color: #dc3545; } .k-avatar-outline-dark { color: #212529; } .k-avatar-outline-light { color: #f8f9fa; } .k-avatar-outline-inverse { color: #212529; } .k-badge { padding: 0; border-width: 1px; border-style: solid; border-color: transparent; box-sizing: border-box; color: inherit; background-color: transparent; font: inherit; text-align: center; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; } .k-badge *, .k-badge *::before, .k-badge *::after { box-sizing: border-box; } .k-badge > * { color: inherit; } a.k-badge, .k-badge > a { text-decoration: none; } a.k-badge:hover, .k-badge > a:hover { text-decoration: underline; } .k-badge-icon { max-width: 1em; max-height: 1em; font-size: inherit; } .k-badge-icon.k-svg-icon svg { fill: currentColor; } .k-badge-sm { padding-block: 0.175em; padding-inline: 0.325em; font-size: 0.75em; line-height: 1; min-width: calc(1.35em + 2px); } .k-badge-sm:empty { padding: 0.175em; min-width: auto; } .k-badge-md { padding-block: 0.35em; padding-inline: 0.65em; font-size: 0.75em; line-height: 1; min-width: calc(1.7em + 2px); } .k-badge-md:empty { padding: 0.35em; min-width: auto; } .k-badge-lg { padding-block: 0.525em; padding-inline: 0.975em; font-size: 0.75em; line-height: 1; min-width: calc(2.05em + 2px); } .k-badge-lg:empty { padding: 0.525em; min-width: auto; } kendo-badge-container { display: inline-block; } .k-badge-container { position: relative; overflow: visible; } .k-badge-inside { position: absolute; z-index: 9999; } .k-badge-edge { position: absolute; z-index: 9999; } .k-badge-edge.k-top-start { transform: translate(-50%, -50%); } .k-badge-edge.k-top-end { transform: translate(50%, -50%); } .k-badge-edge.k-bottom-start { transform: translate(-50%, 50%); } .k-badge-edge.k-bottom-end { transform: translate(50%, 50%); } .k-rtl .k-badge-edge.k-top-start, [dir="rtl"].k-badge-edge.k-top-start, [dir="rtl"] .k-badge-edge.k-top-start { transform: translate(50%, -50%); } .k-rtl .k-badge-edge.k-top-end, [dir="rtl"].k-badge-edge.k-top-end, [dir="rtl"] .k-badge-edge.k-top-end { transform: translate(-50%, -50%); } .k-rtl .k-badge-edge.k-bottom-start, [dir="rtl"].k-badge-edge.k-bottom-start, [dir="rtl"] .k-badge-edge.k-bottom-start { transform: translate(50%, 50%); } .k-rtl .k-badge-edge.k-bottom-end, [dir="rtl"].k-badge-edge.k-bottom-end, [dir="rtl"] .k-badge-edge.k-bottom-end { transform: translate(-50%, 50%); } .k-badge-outside { position: absolute; z-index: 9999; } .k-badge-outside.k-top-start { transform: translate(-100%, -100%); } .k-badge-outside.k-top-end { transform: translate(100%, -100%); } .k-badge-outside.k-bottom-start { transform: translate(-100%, 100%); } .k-badge-outside.k-bottom-end { transform: translate(100%, 100%); } .k-rtl .k-badge-outside.k-top-start, [dir="rtl"].k-badge-outside.k-top-start, [dir="rtl"] .k-badge-outside.k-top-start { transform: translate(100%, -100%); } .k-rtl .k-badge-outside.k-top-end, [dir="rtl"].k-badge-outside.k-top-end, [dir="rtl"] .k-badge-outside.k-top-end { transform: translate(-100%, -100%); } .k-rtl .k-badge-outside.k-bottom-start, [dir="rtl"].k-badge-outside.k-bottom-start, [dir="rtl"] .k-badge-outside.k-bottom-start { transform: translate(100%, 100%); } .k-rtl .k-badge-outside.k-bottom-end, [dir="rtl"].k-badge-outside.k-bottom-end, [dir="rtl"] .k-badge-outside.k-bottom-end { transform: translate(-100%, 100%); } .k-badge-border-cutout { box-shadow: 0 0 0 2px #ffffff; } .k-badge-solid-primary { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-badge-solid-secondary { border-color: #6c757d; color: white; background-color: #6c757d; } .k-badge-solid-tertiary { border-color: #6f42c1; color: white; background-color: #6f42c1; } .k-badge-solid-info { border-color: #0dcaf0; color: white; background-color: #0dcaf0; } .k-badge-solid-success { border-color: #198754; color: white; background-color: #198754; } .k-badge-solid-warning { border-color: #ffc107; color: black; background-color: #ffc107; } .k-badge-solid-error { border-color: #dc3545; color: white; background-color: #dc3545; } .k-badge-solid-dark { border-color: #212529; color: white; background-color: #212529; } .k-badge-solid-light { border-color: #f8f9fa; color: black; background-color: #f8f9fa; } .k-badge-solid-inverse { border-color: #212529; color: white; background-color: #212529; } .k-badge-outline { border-color: currentColor; background-color: #ffffff; } .k-badge-outline-primary { color: #0d6efd; } .k-badge-outline-secondary { color: #6c757d; } .k-badge-outline-tertiary { color: #6f42c1; } .k-badge-outline-info { color: #0dcaf0; } .k-badge-outline-success { color: #198754; } .k-badge-outline-warning { color: #ffc107; } .k-badge-outline-error { color: #dc3545; } .k-badge-outline-dark { color: #212529; } .k-badge-outline-light { color: #f8f9fa; } .k-badge-outline-inverse { color: #212529; } .k-chip { padding-block: 0.25rem; padding-inline: 0.25rem; border-width: 1px; border-style: solid; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.25; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; gap: 0.25rem; position: relative; overflow: hidden; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-chip *, .k-chip *::before, .k-chip *::after { box-sizing: border-box; } .k-chip .k-selected-icon-wrapper { display: none !important; } .k-chip-content { padding-block: .5em; padding-inline: 0; margin-block: -.5em; margin-inline: 0; min-width: 0; display: flex; flex-flow: row nowrap; align-items: center; overflow: hidden; flex: 1 1 auto; } .k-chip-content .k-icon-wrapper-host { display: initial; } .k-chip-content:first-child { margin-inline-start: 0.25rem; } .k-chip-content:last-child { margin-inline-end: 0.25rem; } .k-chip-text, .k-chip-label { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1 1 auto; } .k-chip-avatar { border-radius: 50%; background-size: cover; background-position: center; flex: none; } .k-chip-icon { display: flex; align-items: center; justify-content: center; flex: none; } .k-chip-actions { margin-block: -5em; margin-inline: 0; flex: none; display: flex; flex-flow: row nowrap; align-items: center; align-self: center; } .k-chip-action { flex: none; display: flex; flex-flow: row nowrap; align-items: center; align-self: center; } .k-remove-icon { font-size: inherit; display: flex; align-items: center; justify-content: center; flex: none; } .k-chip-list { min-width: 0px; display: inline-flex; flex-wrap: wrap; align-items: center; position: relative; } .k-chip-sm { padding-block: 0.125rem; padding-inline: 0.25rem; font-size: 0.875rem; line-height: 1.25; } .k-chip-sm .k-chip-action { padding: 0.125rem; } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em; } .k-chip-md { padding-block: 0.25rem; padding-inline: 0.25rem; font-size: 1rem; line-height: 1.25; } .k-chip-md .k-chip-action { padding: 0.25rem; } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em; } .k-chip-lg { padding-block: 0.375rem; padding-inline: 0.25rem; font-size: 1rem; line-height: 1.25; } .k-chip-lg .k-chip-action { padding: 0.375rem; } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em; } .k-chip-list-sm { gap: 0.25rem; } .k-chip-list-md { gap: 0.25rem; } .k-chip-list-lg { gap: 0.25rem; } .k-chip-solid-base { border-color: #e4e7eb; color: #212529; background-color: #e4e7eb; } .k-chip-solid-base:focus, .k-chip-solid-base.k-focus { box-shadow: 0 0 0 2px rgba(228, 231, 235, 0.16); } .k-chip-solid-base:hover, .k-chip-solid-base.k-hover { background-color: #ced3db; } .k-chip-solid-base.k-selected { background-color: #c7cdd5; } .k-chip-solid-error { border-color: #e56874; color: #4d1318; background-color: #f8d7da; } .k-chip-solid-error:focus, .k-chip-solid-error.k-focus { box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.16); } .k-chip-solid-error:hover, .k-chip-solid-error.k-hover { background-color: #f3b8be; } .k-chip-solid-error.k-selected { background-color: #ee9aa2; } .k-chip-solid-info { border-color: #4ad7f4; color: #054754; background-color: #cff4fc; } .k-chip-solid-info:focus, .k-chip-solid-info.k-focus { box-shadow: 0 0 0 2px rgba(13, 202, 240, 0.16); } .k-chip-solid-info:hover, .k-chip-solid-info.k-hover { background-color: #aaecfa; } .k-chip-solid-info.k-selected { background-color: #86e5f8; } .k-chip-solid-warning { border-color: #ffd145; color: #594402; background-color: #fff3cd; } .k-chip-solid-warning:focus, .k-chip-solid-warning.k-focus { box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.16); } .k-chip-solid-warning:hover, .k-chip-solid-warning.k-hover { background-color: #ffe9a8; } .k-chip-solid-warning.k-selected { background-color: #ffe083; } .k-chip-solid-success { border-color: #53a57f; color: #092f1d; background-color: #d1e7dd; } .k-chip-solid-success:focus, .k-chip-solid-success.k-focus { box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.16); } .k-chip-solid-success:hover, .k-chip-solid-success.k-hover { background-color: #afd5c3; } .k-chip-solid-success.k-selected { background-color: #8cc3aa; } .k-chip-outline-base { border-color: #212529; color: #212529; background-color: #ffffff; } .k-chip-outline-base:focus, .k-chip-outline-base.k-focus { box-shadow: 0 0 0 2px rgba(228, 231, 235, 0.16); } .k-chip-outline-base:hover, .k-chip-outline-base.k-hover { color: white; background-color: #212529; } .k-chip-outline-base.k-selected { color: white; background-color: #212529; } .k-chip-outline-error { border-color: #a52834; color: #a52834; background-color: #ffffff; } .k-chip-outline-error:focus, .k-chip-outline-error.k-focus { box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.16); } .k-chip-outline-error:hover, .k-chip-outline-error.k-hover { border-color: #a52834; color: white; background-color: #a52834; } .k-chip-outline-error.k-selected { border-color: #a52834; color: white; background-color: #a52834; } .k-chip-outline-info { border-color: #0a98b4; color: #0a98b4; background-color: #ffffff; } .k-chip-outline-info:focus, .k-chip-outline-info.k-focus { box-shadow: 0 0 0 2px rgba(13, 202, 240, 0.16); } .k-chip-outline-info:hover, .k-chip-outline-info.k-hover { border-color: #0a98b4; color: white; background-color: #0a98b4; } .k-chip-outline-info.k-selected { border-color: #0a98b4; color: white; background-color: #0a98b4; } .k-chip-outline-warning { border-color: #ffc107; color: #212529; background-color: #ffffff; } .k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus { box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.16); } .k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover { color: #332701; background-color: #ffc107; } .k-chip-outline-warning.k-selected { color: #332701; background-color: #ffc107; } .k-chip-outline-success { border-color: #13653f; color: #13653f; background-color: #ffffff; } .k-chip-outline-success:focus, .k-chip-outline-success.k-focus { box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.16); } .k-chip-outline-success:hover, .k-chip-outline-success.k-hover { border-color: #13653f; color: white; background-color: #13653f; } .k-chip-outline-success.k-selected { border-color: #13653f; color: white; background-color: #13653f; } .k-chip-outline-info { border-color: #0dcaf0; color: #212529; } .k-chip-outline-info:hover, .k-chip-outline-info.k-hover, .k-chip-outline-info.k-selected { border-color: #0dcaf0; color: #212529; background-color: #0dcaf0; } .k-color-preview { width: 100%; height: 100%; border-width: 1px; border-radius: 0.375rem; box-sizing: border-box; border-style: solid; display: inline-flex; flex-flow: row nowrap; position: relative; overflow: hidden; } .k-color-preview *, .k-color-preview *::before, .k-color-preview *::after { box-sizing: border-box; } .k-coloreditor-current-color { cursor: pointer; } .k-icon-color-preview { border-width: 0; border-radius: 0; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; gap: 2px; } .k-icon-color-preview .k-color-preview-mask { width: 14px; height: 2px; } .k-color-preview-mask { width: 100%; height: 100%; position: relative; } .k-color-preview-mask::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC"); background-size: contain; background-position: 0 0; } .k-no-color .k-color-preview-mask::before { content: ""; background-color: #ffffff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='%23dc3545' stroke-width='1'/%3e%3c/svg%3e"); background-size: 100% 100%; background-position: 0 0; } .k-color-preview { border-color: #dee2e6; } .k-color-preview:hover, .k-color-preview.k-hover { border-color: #d6d9dc; } .k-loader { position: relative; display: inline-block; vertical-align: middle; box-sizing: border-box; line-height: 0; } .k-loader-canvas { display: flex; position: relative; } .k-loader-segment { border-radius: 50%; background-color: currentColor; position: absolute; } .k-loader-sm { padding: 0.125rem; } .k-loader-sm .k-loader-segment { width: 0.25rem; height: 0.25rem; } .k-loader-md { padding: 0.25rem; } .k-loader-md .k-loader-segment { width: 0.5rem; height: 0.5rem; } .k-loader-lg { padding: 0.5rem; } .k-loader-lg .k-loader-segment { width: 1rem; height: 1rem; } @keyframes pulsing-2-segment { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { transform: scale(1); } } .k-loader-pulsing-2 .k-loader-canvas { align-items: center; } .k-loader-pulsing-2 .k-loader-segment:nth-child(1) { left: 0; transform: scale(1.5); transform-origin: 0 50%; animation: pulsing-2-segment 1s ease infinite; animation-delay: -.5s; } .k-loader-pulsing-2 .k-loader-segment:nth-child(2) { right: 0; transform-origin: 100% 50%; animation: pulsing-2-segment 1s ease infinite; } .k-loader-pulsing-2.k-loader-sm .k-loader-canvas { width: 0.75rem; height: 0.375rem; } .k-loader-pulsing-2.k-loader-md .k-loader-canvas { width: 1.5rem; height: 0.75rem; } .k-loader-pulsing-2.k-loader-lg .k-loader-canvas { width: 3rem; height: 1.5rem; } @keyframes spinner-3-segment { 0% { top: 0; left: 50%; } 33.3333% { top: 100%; left: 0; } 66.6666% { top: 100%; left: 100%; } 100% { top: 0; left: 50%; } } .k-loader-spinner-3 .k-loader-segment { transform: translate(-50%, -50%); } .k-loader-spinner-3 .k-loader-segment:nth-child(1) { top: 0; left: 50%; animation: spinner-3-segment 2s ease infinite; } .k-loader-spinner-3 .k-loader-segment:nth-child(2) { top: 100%; left: 0; animation: spinner-3-segment 2s ease infinite; animation-delay: -0.6666666667s; } .k-loader-spinner-3 .k-loader-segment:nth-child(3) { top: 100%; left: 100%; animation: spinner-3-segment 2s ease infinite; animation-delay: -1.3333333333s; } .k-loader-spinner-3.k-loader-sm .k-loader-canvas { margin: 0.125rem; width: 0.75rem; height: 0.6160254038rem; } .k-loader-spinner-3.k-loader-md .k-loader-canvas { margin: 0.25rem; width: 1.5rem; height: 1.2320508076rem; } .k-loader-spinner-3.k-loader-lg .k-loader-canvas { margin: 0.5rem; width: 3rem; height: 2.4641016152rem; } @keyframes spinner-4-segment-1 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } 33.3% { top: 0; left: 0; transform: translateX(0) translateY(0); } 66.6% { top: 0; left: 0; transform: translateX(0) translateY(0); } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4-segment-2 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } 33.3% { top: 0; left: 100%; transform: translateX(-100%) translateY(0); } 66.6% { top: 0; left: 100%; transform: translateX(-100%) translateY(0); } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4-segment-3 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } 33.3% { top: 100%; left: 100%; transform: translateX(-100%) translateY(-100%); } 66.6% { top: 100%; left: 100%; transform: translateX(-100%) translateY(-100%); } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4-segment-4 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } 33.3% { top: 100%; left: 0; transform: translateX(0) translateY(-100%); } 66.6% { top: 100%; left: 0; transform: translateX(0) translateY(-100%); } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4 { 0% { transform: rotate(0); } 33.3% { transform: rotate(0); } 66.6% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } .k-loader-spinner-4 .k-loader-canvas { animation: spinner-4 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .k-loader-spinner-4 .k-loader-segment:nth-child(1) { animation: spinner-4-segment-1 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment:nth-child(2) { animation: spinner-4-segment-2 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment:nth-child(3) { animation: spinner-4-segment-3 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment:nth-child(4) { animation: spinner-4-segment-4 1.833s ease infinite; } .k-loader-spinner-4.k-loader-sm .k-loader-canvas { width: 1rem; height: 1rem; } .k-loader-spinner-4.k-loader-md .k-loader-canvas { width: 2rem; height: 2rem; } .k-loader-spinner-4.k-loader-lg .k-loader-canvas { width: 4rem; height: 4rem; } .k-loader-container { display: flex; align-items: center; justify-content: center; z-index: 2001; } .k-loader-container .k-loader { padding: 0; } .k-loader-container, .k-loader-container-overlay { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .k-loader-container-overlay { opacity: 0.5; } .k-loader-container-inner { display: flex; align-items: center; position: relative; z-index: 2; } .k-loader-container-panel { border-width: 1px; border-style: solid; border-radius: 0.375rem; } .k-loader-container-sm .k-loader-container-inner { padding: 1rem; gap: 0.25rem; } .k-loader-container-sm .k-loader-container-label { font-size: 0.875rem; } .k-loader-container-md .k-loader-container-inner { padding: 1.25rem; gap: 0.5rem; } .k-loader-container-md .k-loader-container-label { font-size: 1rem; } .k-loader-container-lg .k-loader-container-inner { padding: 1.5rem; gap: 0.75rem; } .k-loader-container-lg .k-loader-container-label { font-size: 1.25rem; } .k-loader-top .k-loader-container-inner { flex-direction: column; text-align: center; } .k-loader-end .k-loader-container-label { order: -1; } .k-loading-mask, .k-loading-image, .k-loading-color { width: 100%; height: 100%; box-sizing: border-box; position: absolute; top: 0; left: 0; } .k-loading-mask *, .k-loading-mask *::before, .k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after, .k-loading-image *, .k-loading-image *::before, .k-loading-image *::after, .k-loading-image::before, .k-loading-image::after, .k-loading-color *, .k-loading-color *::before, .k-loading-color *::after, .k-loading-color::before, .k-loading-color::after { box-sizing: border-box; } .k-loading-mask { z-index: 100; } .k-loading-mask.k-opaque .k-loading-color { opacity: 1; } .k-loading-text { text-indent: -4000px; text-align: center; position: absolute; color: currentColor; } .k-loading-image { z-index: 2; color: currentColor; } .k-loading-color { background-color: #ffffff; opacity: 0.3; } .k-i-loading::before, .k-loading-image::before { border-color: currentColor; border-right-color: transparent !important; } .k-i-loading::after, .k-loading-image::after { display: none !important; } .k-loading-image::before { border-width: 0.25rem; } .k-loader-primary { color: #0d6efd; } .k-loader-secondary { color: #212529; } .k-loader-tertiary { color: #6f42c1; } .k-loader-info { color: #0dcaf0; } .k-loader-success { color: #198754; } .k-loader-warning { color: #ffc107; } .k-loader-error { color: #dc3545; } .k-loader-dark { color: #212529; } .k-loader-light { color: #f8f9fa; } .k-loader-inverse { color: #212529; } .k-loader-container-panel { background-color: #ffffff; border-color: #dee2e6; } .k-loader-container-inner .k-text-secondary, .k-loader-container-inner .\!k-text-secondary { color: #212529 !important; } .k-skeleton, .k-placeholder-line { display: block; } .k-skeleton-text, .k-placeholder-line { border-radius: 0.375rem; transform: scale(1, 0.6); } .k-skeleton-text:empty::before, .k-placeholder-line:empty::before { content: "\200b"; } .k-skeleton-rect { border-radius: 0; } .k-skeleton-circle { border-radius: 9999px; } @keyframes k-skeleton-wave { 0% { transform: translateX(-100%); } 60% { transform: translateX(100%); } 100% { transform: translateX(100%); } } .k-skeleton-wave .k-skeleton, .k-skeleton-wave .k-placeholder-line, .k-skeleton-wave.k-skeleton, .k-skeleton-wave.k-placeholder-line { position: relative; overflow: hidden; } .k-skeleton-wave .k-skeleton::after, .k-skeleton-wave .k-placeholder-line::after, .k-skeleton-wave.k-skeleton::after, .k-skeleton-wave.k-placeholder-line::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); animation: k-skeleton-wave 1.6s linear .5s infinite; } @keyframes k-skeleton-pulse { 0% { opacity: 1; } 50% { opacity: .4; } 100% { opacity: 1; } } .k-skeleton-pulse .k-skeleton, .k-skeleton-pulse .k-placeholder-line, .k-skeleton-pulse.k-skeleton, .k-skeleton-pulse.k-placeholder-line { animation: k-skeleton-pulse 1.5s ease-in-out .5s infinite; } .k-skeleton, .k-placeholder-line { background-color: rgba(33, 37, 41, 0.2); } .k-skeleton-wave .k-skeleton::after, .k-skeleton-wave .k-placeholder-line::after, .k-skeleton-wave.k-skeleton::after, .k-skeleton-wave.k-placeholder-line::after { background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.04), transparent); } .k-button { box-sizing: border-box; border-width: 1px; border-style: solid; color: inherit; background: none; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; text-align: center; text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; vertical-align: middle; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; outline: none; -webkit-appearance: none; position: relative; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .k-button *, .k-button *::before, .k-button *::after { box-sizing: border-box; } .k-button:disabled, .k-button.k-disabled { outline: none; cursor: default; opacity: 0.65; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-button::-moz-focus-inner { padding: 0; border: 0; outline: 0; } .k-button:hover, .k-button:focus { text-decoration: none; outline: 0; } .k-icon-button { gap: 0; } .k-icon-button .k-icon { display: inline-flex; } .k-button-icon { color: inherit; align-self: center; position: relative; } .k-button-sm { padding-block: 0.25rem; padding-inline: 0.5rem; font-size: 0.875rem; line-height: 1.4285714286; } .k-button-sm.k-icon-button { padding: 0.25rem; } .k-button-sm.k-icon-button .k-button-icon { min-width: 1.25rem; min-height: 1.25rem; display: inline-flex; align-items: center; justify-content: center; } .k-button-sm.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-sm.k-icon-button .k-button-icon.k-icon-md > svg { width: 16px; height: 16px; } .k-button-sm.k-icon-button .k-button-icon.k-icon-xs > svg { width: 12px; height: 12px; } .k-button-sm.k-icon-button .k-button-icon.k-icon-sm > svg { width: 14px; height: 14px; } .k-button-sm.k-icon-button .k-button-icon.k-icon-lg > svg { width: 20px; height: 20px; } .k-button-sm.k-icon-button .k-button-icon.k-icon-xl > svg { width: 24px; height: 24px; } .k-button-sm.k-icon-button .k-button-icon.k-icon-xxl > svg { width: 32px; height: 32px; } .k-button-sm.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: 48px; height: 48px; } .k-button-md { padding-block: 0.375rem; padding-inline: 0.75rem; font-size: 1rem; line-height: 1.5; } .k-button-md.k-icon-button { padding: 0.375rem; } .k-button-md.k-icon-button .k-button-icon { min-width: 1.5rem; min-height: 1.5rem; display: inline-flex; align-items: center; justify-content: center; } .k-button-md.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-md.k-icon-button .k-button-icon.k-icon-md > svg { width: 16px; height: 16px; } .k-button-md.k-icon-button .k-button-icon.k-icon-xs > svg { width: 12px; height: 12px; } .k-button-md.k-icon-button .k-button-icon.k-icon-sm > svg { width: 14px; height: 14px; } .k-button-md.k-icon-button .k-button-icon.k-icon-lg > svg { width: 20px; height: 20px; } .k-button-md.k-icon-button .k-button-icon.k-icon-xl > svg { width: 24px; height: 24px; } .k-button-md.k-icon-button .k-button-icon.k-icon-xxl > svg { width: 32px; height: 32px; } .k-button-md.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: 48px; height: 48px; } .k-button-lg { padding-block: 0.5rem; padding-inline: 1rem; font-size: 1rem; line-height: 1.5; } .k-button-lg.k-icon-button { padding: 0.5rem; } .k-button-lg.k-icon-button .k-button-icon { min-width: 1.5rem; min-height: 1.5rem; display: inline-flex; align-items: center; justify-content: center; } .k-button-lg.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-lg.k-icon-button .k-button-icon.k-icon-md > svg { width: 16px; height: 16px; } .k-button-lg.k-icon-button .k-button-icon.k-icon-xs > svg { width: 12px; height: 12px; } .k-button-lg.k-icon-button .k-button-icon.k-icon-sm > svg { width: 14px; height: 14px; } .k-button-lg.k-icon-button .k-button-icon.k-icon-lg > svg { width: 20px; height: 20px; } .k-button-lg.k-icon-button .k-button-icon.k-icon-xl > svg { width: 24px; height: 24px; } .k-button-lg.k-icon-button .k-button-icon.k-icon-xxl > svg { width: 32px; height: 32px; } .k-button-lg.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: 48px; height: 48px; } .k-button-square { aspect-ratio: 1; } .k-button-group { margin: 0; padding: 0; border-width: 0; box-sizing: border-box; list-style: none; outline: 0; display: inline-flex; flex-flow: row nowrap; vertical-align: middle; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-button-group > .k-button + .k-button { margin-inline-start: -1px; } .k-button-group > .k-button:hover, .k-button-group > .k-button.k-hover, .k-button-group > .k-button:focus, .k-button-group > .k-button.k-focus, .k-button-group > .k-button:active, .k-button-group > .k-button.k-active, .k-button-group > .k-button.k-selected { z-index: 2; } .k-button-group .k-button:not(:first-child):not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0; border-start-start-radius: 0; border-end-start-radius: 0; } .k-button-group > .k-button:first-child:not(:only-child) { border-start-end-radius: 0; border-end-end-radius: 0; } .k-button-group > .k-button:last-child:not(:only-child) { border-start-start-radius: 0; border-end-start-radius: 0; } .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled { opacity: 1; filter: none; } .k-button-group-stretched { width: 100%; } .k-button-group-stretched > * { flex: 1 0 0%; overflow: hidden; } .k-button-flat { border-color: transparent !important; color: inherit; background: none !important; box-shadow: none !important; } .k-button-flat::before { display: block !important; } .k-button-flat::after { box-shadow: inset 0 0 0 2px currentColor; display: block !important; } .k-button-flat:focus::after, .k-button-flat.k-focus::after { opacity: 0.12; } .k-button-outline { border-color: currentColor; color: inherit; background: none; } .k-button-link { border-color: transparent; color: inherit; text-decoration: none; background: none; } .k-button-link:hover, .k-button-link.k-hover { text-decoration: underline; } .k-button-clear { border-color: transparent !important; color: inherit; background: none !important; box-shadow: none !important; } .k-button-overlay, .k-button::before { border-radius: inherit; content: ""; background: currentColor; opacity: 0; display: none; pointer-events: none; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; z-index: 0; transition: opacity .2s ease-in-out; } .k-button:hover::before, .k-button.k-hover::before { opacity: 0.08; } .k-button.k-no-focus:not(:hover)::before, .k-button.k-no-focus:not(.k-hover)::before { opacity: 0; } .k-button:active::before, .k-button.k-active::before { opacity: 0.16; } .k-button.k-selected::before { opacity: 0.2; } .k-button::after { border-radius: inherit; content: ""; opacity: 0; display: none; pointer-events: none; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; z-index: 0; transition: opacity .2s ease-in-out; } .k-button-solid-base { border-color: #e4e7eb; color: #212529; background-color: #e4e7eb; } .k-button-solid-base:hover, .k-button-solid-base.k-hover { border-color: #c7cdd5; background-color: #ced3db; } .k-button-solid-base:focus, .k-button-solid-base.k-focus { box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5); } .k-button-solid-base:active, .k-button-solid-base.k-active { border-color: #bfc6d0; background-color: #c7cdd5; } .k-button-solid-base.k-selected { border-color: #0252c9; color: white; background-color: #0257d5; } .k-button-solid-primary { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-button-solid-primary:hover, .k-button-solid-primary.k-hover { border-color: #0257d5; background-color: #025ce2; } .k-button-solid-primary:focus, .k-button-solid-primary.k-focus { box-shadow: 0 0 0px 0.25rem rgba(13, 110, 253, 0.5); } .k-button-solid-primary:active, .k-button-solid-primary.k-active { border-color: #0252c9; background-color: #0257d5; } .k-button-solid-primary.k-selected { border-color: #0252c9; background-color: #0257d5; } .k-button-solid-secondary { border-color: #6c757d; color: white; background-color: #6c757d; } .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover { border-color: #545b62; background-color: #5a6268; } .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus { box-shadow: 0 0 0px 0.25rem rgba(108, 117, 125, 0.5); } .k-button-solid-secondary:active, .k-button-solid-secondary.k-active { border-color: #4e555b; background-color: #545b62; } .k-button-solid-secondary.k-selected { border-color: #4e555b; background-color: #545b62; } .k-button-solid-tertiary { border-color: #6f42c1; color: white; background-color: #6f42c1; } .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover { border-color: #59339d; background-color: #5e37a6; } .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus { box-shadow: 0 0 0px 0.25rem rgba(111, 66, 193, 0.5); } .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active { border-color: #533093; background-color: #59339d; } .k-button-solid-tertiary.k-selected { border-color: #533093; background-color: #59339d; } .k-button-solid-info { border-color: #0dcaf0; color: white; background-color: #0dcaf0; } .k-button-solid-info:hover, .k-button-solid-info.k-hover { border-color: #0aa1c0; background-color: #0babcc; } .k-button-solid-info:focus, .k-button-solid-info.k-focus { box-shadow: 0 0 0px 0.25rem rgba(13, 202, 240, 0.5); } .k-button-solid-info:active, .k-button-solid-info.k-active { border-color: #0a97b4; background-color: #0aa1c0; } .k-button-solid-info.k-selected { border-color: #0a97b4; background-color: #0aa1c0; } .k-button-solid-success { border-color: #198754; color: white; background-color: #198754; } .k-button-solid-success:hover, .k-button-solid-success.k-hover { border-color: #115c39; background-color: #136740; } .k-button-solid-success:focus, .k-button-solid-success.k-focus { box-shadow: 0 0 0px 0.25rem rgba(25, 135, 84, 0.5); } .k-button-solid-success:active, .k-button-solid-success.k-active { border-color: #0f5133; background-color: #115c39; } .k-button-solid-success.k-selected { border-color: #0f5133; background-color: #115c39; } .k-button-solid-warning { border-color: #ffc107; color: black; background-color: #ffc107; } .k-button-solid-warning:hover, .k-button-solid-warning.k-hover { border-color: #d39e00; background-color: #e0a800; } .k-button-solid-warning:focus, .k-button-solid-warning.k-focus { box-shadow: 0 0 0px 0.25rem rgba(255, 193, 7, 0.5); } .k-button-solid-warning:active, .k-button-solid-warning.k-active { border-color: #c69500; background-color: #d39e00; } .k-button-solid-warning.k-selected { border-color: #c69500; background-color: #d39e00; } .k-button-solid-error { border-color: #dc3545; color: white; background-color: #dc3545; } .k-button-solid-error:hover, .k-button-solid-error.k-hover { border-color: #bd2130; background-color: #c82333; } .k-button-solid-error:focus, .k-button-solid-error.k-focus { box-shadow: 0 0 0px 0.25rem rgba(220, 53, 69, 0.5); } .k-button-solid-error:active, .k-button-solid-error.k-active { border-color: #b21f2d; background-color: #bd2130; } .k-button-solid-error.k-selected { border-color: #b21f2d; background-color: #bd2130; } .k-button-solid-dark { border-color: #212529; color: white; background-color: #212529; } .k-button-solid-dark:hover, .k-button-solid-dark.k-hover { border-color: #0a0c0d; background-color: #101214; } .k-button-solid-dark:focus, .k-button-solid-dark.k-focus { box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5); } .k-button-solid-dark:active, .k-button-solid-dark.k-active { border-color: #050506; background-color: #0a0c0d; } .k-button-solid-dark.k-selected { border-color: #050506; background-color: #0a0c0d; } .k-button-solid-light { border-color: #f8f9fa; color: black; background-color: #f8f9fa; } .k-button-solid-light:hover, .k-button-solid-light.k-hover { border-color: #dae0e5; background-color: #e2e6ea; } .k-button-solid-light:focus, .k-button-solid-light.k-focus { box-shadow: 0 0 0px 0.25rem rgba(248, 249, 250, 0.5); } .k-button-solid-light:active, .k-button-solid-light.k-active { border-color: #d3d9df; background-color: #dae0e5; } .k-button-solid-light.k-selected { border-color: #d3d9df; background-color: #dae0e5; } .k-button-solid-inverse { border-color: #212529; color: white; background-color: #212529; } .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover { border-color: #0a0c0d; background-color: #101214; } .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus { box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5); } .k-button-solid-inverse:active, .k-button-solid-inverse.k-active { border-color: #050506; background-color: #0a0c0d; } .k-button-solid-inverse.k-selected { border-color: #050506; background-color: #0a0c0d; } .k-button-outline-primary { box-shadow: none; border-color: currentColor; color: #0d6efd; background-color: transparent; } .k-button-outline-primary:hover, .k-button-outline-primary.k-hover { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-button-outline-primary:focus, .k-button-outline-primary.k-focus { box-shadow: 0 0 0px 0.25rem rgba(13, 110, 253, 0.5); } .k-button-outline-primary:active, .k-button-outline-primary.k-active { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-button-outline-primary.k-selected { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-button-outline-secondary { box-shadow: none; border-color: currentColor; color: #6c757d; background-color: transparent; } .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover { border-color: #6c757d; color: white; background-color: #6c757d; } .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus { box-shadow: 0 0 0px 0.25rem rgba(108, 117, 125, 0.5); } .k-button-outline-secondary:active, .k-button-outline-secondary.k-active { border-color: #6c757d; color: white; background-color: #6c757d; } .k-button-outline-secondary.k-selected { border-color: #6c757d; color: white; background-color: #6c757d; } .k-button-outline-tertiary { box-shadow: none; border-color: currentColor; color: #6f42c1; background-color: transparent; } .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover { border-color: #6f42c1; color: white; background-color: #6f42c1; } .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus { box-shadow: 0 0 0px 0.25rem rgba(111, 66, 193, 0.5); } .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active { border-color: #6f42c1; color: white; background-color: #6f42c1; } .k-button-outline-tertiary.k-selected { border-color: #6f42c1; color: white; background-color: #6f42c1; } .k-button-outline-info { box-shadow: none; border-color: currentColor; color: #0dcaf0; background-color: transparent; } .k-button-outline-info:hover, .k-button-outline-info.k-hover { border-color: #0dcaf0; color: white; background-color: #0dcaf0; } .k-button-outline-info:focus, .k-button-outline-info.k-focus { box-shadow: 0 0 0px 0.25rem rgba(13, 202, 240, 0.5); } .k-button-outline-info:active, .k-button-outline-info.k-active { border-color: #0dcaf0; color: white; background-color: #0dcaf0; } .k-button-outline-info.k-selected { border-color: #0dcaf0; color: white; background-color: #0dcaf0; } .k-button-outline-success { box-shadow: none; border-color: currentColor; color: #198754; background-color: transparent; } .k-button-outline-success:hover, .k-button-outline-success.k-hover { border-color: #198754; color: white; background-color: #198754; } .k-button-outline-success:focus, .k-button-outline-success.k-focus { box-shadow: 0 0 0px 0.25rem rgba(25, 135, 84, 0.5); } .k-button-outline-success:active, .k-button-outline-success.k-active { border-color: #198754; color: white; background-color: #198754; } .k-button-outline-success.k-selected { border-color: #198754; color: white; background-color: #198754; } .k-button-outline-warning { box-shadow: none; border-color: currentColor; color: #ffc107; background-color: transparent; } .k-button-outline-warning:hover, .k-button-outline-warning.k-hover { border-color: #ffc107; color: black; background-color: #ffc107; } .k-button-outline-warning:focus, .k-button-outline-warning.k-focus { box-shadow: 0 0 0px 0.25rem rgba(255, 193, 7, 0.5); } .k-button-outline-warning:active, .k-button-outline-warning.k-active { border-color: #ffc107; color: black; background-color: #ffc107; } .k-button-outline-warning.k-selected { border-color: #ffc107; color: black; background-color: #ffc107; } .k-button-outline-error { box-shadow: none; border-color: currentColor; color: #dc3545; background-color: transparent; } .k-button-outline-error:hover, .k-button-outline-error.k-hover { border-color: #dc3545; color: white; background-color: #dc3545; } .k-button-outline-error:focus, .k-button-outline-error.k-focus { box-shadow: 0 0 0px 0.25rem rgba(220, 53, 69, 0.5); } .k-button-outline-error:active, .k-button-outline-error.k-active { border-color: #dc3545; color: white; background-color: #dc3545; } .k-button-outline-error.k-selected { border-color: #dc3545; color: white; background-color: #dc3545; } .k-button-outline-dark { box-shadow: none; border-color: currentColor; color: #212529; background-color: transparent; } .k-button-outline-dark:hover, .k-button-outline-dark.k-hover { border-color: #212529; color: white; background-color: #212529; } .k-button-outline-dark:focus, .k-button-outline-dark.k-focus { box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5); } .k-button-outline-dark:active, .k-button-outline-dark.k-active { border-color: #212529; color: white; background-color: #212529; } .k-button-outline-dark.k-selected { border-color: #212529; color: white; background-color: #212529; } .k-button-outline-light { box-shadow: none; border-color: currentColor; color: #f8f9fa; background-color: transparent; } .k-button-outline-light:hover, .k-button-outline-light.k-hover { border-color: #f8f9fa; color: black; background-color: #f8f9fa; } .k-button-outline-light:focus, .k-button-outline-light.k-focus { box-shadow: 0 0 0px 0.25rem rgba(248, 249, 250, 0.5); } .k-button-outline-light:active, .k-button-outline-light.k-active { border-color: #f8f9fa; color: black; background-color: #f8f9fa; } .k-button-outline-light.k-selected { border-color: #f8f9fa; color: black; background-color: #f8f9fa; } .k-button-outline-inverse { box-shadow: none; border-color: currentColor; color: #212529; background-color: transparent; } .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover { border-color: #212529; color: white; background-color: #212529; } .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus { box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5); } .k-button-outline-inverse:active, .k-button-outline-inverse.k-active { border-color: #212529; color: white; background-color: #212529; } .k-button-outline-inverse.k-selected { border-color: #212529; color: white; background-color: #212529; } .k-button-outline-base { box-shadow: none; border-color: currentColor; color: #212529; background-color: transparent; } .k-button-outline-base:hover, .k-button-outline-base.k-hover { border-color: #212529; color: white; background-color: #212529; } .k-button-outline-base:focus, .k-button-outline-base.k-focus { box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5); } .k-button-outline-base:active, .k-button-outline-base.k-active { border-color: #212529; color: white; background-color: #212529; } .k-button-outline-base.k-selected { border-color: #212529; color: white; background-color: #212529; } .k-button-flat-primary { color: #0d6efd; } .k-button-flat-secondary { color: #6c757d; } .k-button-flat-tertiary { color: #6f42c1; } .k-button-flat-info { color: #0dcaf0; } .k-button-flat-success { color: #198754; } .k-button-flat-warning { color: #ffc107; } .k-button-flat-error { color: #dc3545; } .k-button-flat-dark { color: #212529; } .k-button-flat-light { color: #f8f9fa; } .k-button-flat-inverse { color: #212529; } .k-button-flat-base { color: inherit; } .k-button-link-primary { color: #0d6efd; } .k-button-link-primary:hover, .k-button-link-primary.k-hover { color: #0b5cd5; } .k-button-link-primary:focus, .k-button-link-primary.k-focus { box-shadow: 0 0 0px 0.25rem rgba(13, 110, 253, 0.5); } .k-button-link-primary:active, .k-button-link-primary.k-active { color: #0b5cd5; } .k-button-link-primary.k-selected { color: #0b5cd5; } .k-button-link-secondary { color: #6c757d; } .k-button-link-secondary:hover, .k-button-link-secondary.k-hover { color: #5b6269; } .k-button-link-secondary:focus, .k-button-link-secondary.k-focus { box-shadow: 0 0 0px 0.25rem rgba(108, 117, 125, 0.5); } .k-button-link-secondary:active, .k-button-link-secondary.k-active { color: #5b6269; } .k-button-link-secondary.k-selected { color: #5b6269; } .k-button-link-tertiary { color: #6f42c1; } .k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover { color: #5d37a2; } .k-button-link-tertiary:focus, .k-button-link-tertiary.k-focus { box-shadow: 0 0 0px 0.25rem rgba(111, 66, 193, 0.5); } .k-button-link-tertiary:active, .k-button-link-tertiary.k-active { color: #5d37a2; } .k-button-link-tertiary.k-selected { color: #5d37a2; } .k-button-link-info { color: #0dcaf0; } .k-button-link-info:hover, .k-button-link-info.k-hover { color: #0baaca; } .k-button-link-info:focus, .k-button-link-info.k-focus { box-shadow: 0 0 0px 0.25rem rgba(13, 202, 240, 0.5); } .k-button-link-info:active, .k-button-link-info.k-active { color: #0baaca; } .k-button-link-info.k-selected { color: #0baaca; } .k-button-link-success { color: #198754; } .k-button-link-success:hover, .k-button-link-success.k-hover { color: #157147; } .k-button-link-success:focus, .k-button-link-success.k-focus { box-shadow: 0 0 0px 0.25rem rgba(25, 135, 84, 0.5); } .k-button-link-success:active, .k-button-link-success.k-active { color: #157147; } .k-button-link-success.k-selected { color: #157147; } .k-button-link-warning { color: #ffc107; } .k-button-link-warning:hover, .k-button-link-warning.k-hover { color: #d6a206; } .k-button-link-warning:focus, .k-button-link-warning.k-focus { box-shadow: 0 0 0px 0.25rem rgba(255, 193, 7, 0.5); } .k-button-link-warning:active, .k-button-link-warning.k-active { color: #d6a206; } .k-button-link-warning.k-selected { color: #d6a206; } .k-button-link-error { color: #dc3545; } .k-button-link-error:hover, .k-button-link-error.k-hover { color: #b92d3a; } .k-button-link-error:focus, .k-button-link-error.k-focus { box-shadow: 0 0 0px 0.25rem rgba(220, 53, 69, 0.5); } .k-button-link-error:active, .k-button-link-error.k-active { color: #b92d3a; } .k-button-link-error.k-selected { color: #b92d3a; } .k-button-link-dark { color: #212529; } .k-button-link-dark:hover, .k-button-link-dark.k-hover { color: #1c1f22; } .k-button-link-dark:focus, .k-button-link-dark.k-focus { box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5); } .k-button-link-dark:active, .k-button-link-dark.k-active { color: #1c1f22; } .k-button-link-dark.k-selected { color: #1c1f22; } .k-button-link-light { color: #f8f9fa; } .k-button-link-light:hover, .k-button-link-light.k-hover { color: #d0d1d2; } .k-button-link-light:focus, .k-button-link-light.k-focus { box-shadow: 0 0 0px 0.25rem rgba(248, 249, 250, 0.5); } .k-button-link-light:active, .k-button-link-light.k-active { color: #d0d1d2; } .k-button-link-light.k-selected { color: #d0d1d2; } .k-button-link-inverse { color: #212529; } .k-button-link-inverse:hover, .k-button-link-inverse.k-hover { color: #1c1f22; } .k-button-link-inverse:focus, .k-button-link-inverse.k-focus { box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5); } .k-button-link-inverse:active, .k-button-link-inverse.k-active { color: #1c1f22; } .k-button-link-inverse.k-selected { color: #1c1f22; } .k-button-link-base { color: #212529; } .k-button-link-base:hover, .k-button-link-base.k-hover { color: #1c1f22; } .k-button-link-base:focus, .k-button-link-base.k-focus { box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5); } .k-button-link-base:active, .k-button-link-base.k-active { color: #1c1f22; } .k-button-link-base.k-selected { color: #1c1f22; } .k-button-clear-primary { color: #0d6efd; } .k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after { background-color: currentColor; opacity: 0.1; display: block; } .k-button-clear-secondary { color: #6c757d; } .k-button-clear-secondary:focus::after, .k-button-clear-secondary.k-focus::after, .k-button-clear-secondary:active::after { background-color: currentColor; opacity: 0.1; display: block; } .k-button-clear-tertiary { color: #6f42c1; } .k-button-clear-tertiary:focus::after, .k-button-clear-tertiary.k-focus::after, .k-button-clear-tertiary:active::after { background-color: currentColor; opacity: 0.1; display: block; } .k-button-clear-info { color: #0dcaf0; } .k-button-clear-info:focus::after, .k-button-clear-info.k-focus::after, .k-button-clear-info:active::after { background-color: currentColor; opacity: 0.1; display: block; } .k-button-clear-success { color: #198754; } .k-button-clear-success:focus::after, .k-button-clear-success.k-focus::after, .k-button-clear-success:active::after { background-color: currentColor; opacity: 0.1; display: block; } .k-button-clear-warning { color: #ffc107; } .k-button-clear-warning:focus::after, .k-button-clear-warning.k-focus::after, .k-button-clear-warning:active::after { background-color: currentColor; opacity: 0.1; display: block; } .k-button-clear-error { color: #dc3545; } .k-button-clear-error:focus::after, .k-button-clear-error.k-focus::after, .k-button-clear-error:active::after { background-color: currentColor; opacity: 0.1; display: block; } .k-button-clear-dark { color: #212529; } .k-button-clear-dark:focus::after, .k-button-clear-dark.k-focus::after, .k-button-clear-dark:active::after { background-color: currentColor; opacity: 0.1; display: block; } .k-button-clear-light { color: #f8f9fa; } .k-button-clear-light:focus::after, .k-button-clear-light.k-focus::after, .k-button-clear-light:active::after { background-color: currentColor; opacity: 0.1; display: block; } .k-button-clear-inverse { color: #212529; } .k-button-clear-inverse:focus::after, .k-button-clear-inverse.k-focus::after, .k-button-clear-inverse:active::after { background-color: currentColor; opacity: 0.1; display: block; } .k-button-clear-base { color: #212529; } .k-button-clear-base:focus::after, .k-button-clear-base.k-focus::after, .k-button-clear-base:active::after { background-color: currentColor; opacity: 0.1; display: block; } .k-menu-bar, .k-menu { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-wrap: nowrap; align-items: stretch; position: relative; cursor: default; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-menu-bar *, .k-menu *, .k-menu-bar *::before, .k-menu *::before, .k-menu-bar *::after, .k-menu *::after { box-sizing: border-box; } .k-menu-item { border-width: 0; outline: 0; display: flex; flex-flow: column nowrap; flex: none; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-menu-item-content { display: block; height: auto; overflow: visible; } .k-menu-item-content .k-actions, .k-menu-item-content .k-edit-buttons, .k-menu-item-content .k-action-buttons, .k-menu-item-content .k-columnmenu-actions, .k-menu-item-content .k-form-buttons { margin-top: 0; } .k-menu-link { padding-block: 0.5rem; padding-inline: 0.5rem; outline: 0; color: inherit; display: flex; flex-flow: row nowrap; flex: 1 1 auto; gap: 0.5rem; align-items: center; position: relative; white-space: nowrap; cursor: pointer; } .k-menu-link-text { display: flex; flex-flow: row nowrap; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; } .k-menu-expand-arrow { margin-inline-end: -0.5rem; display: inline-flex; flex-flow: row wrap; align-items: center; flex: none; position: relative; } .k-menu-horizontal { flex-direction: row; } .k-menu-horizontal > .k-menu-item + .k-menu-item { margin-inline-start: 0; } .k-menu-horizontal > .k-separator { margin-block: 0; margin-inline: 0.25rem; width: 0; height: auto; border-width: 0 0 0 1px; border-style: solid; } .k-menu-vertical { flex-direction: column; } .k-menu-vertical > .k-menu-item + .k-menu-item { margin-top: 0; } .k-menu-vertical > .k-menu-item > .k-menu-link { padding-block: 0.25rem; padding-inline: 1rem; padding-inline-end: calc(2rem + 16px); } .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow { margin-inline-start: 1rem; margin-inline-end: calc(-1.5rem + -16px); } .k-menu-vertical > .k-separator { margin-block: 0.25rem; margin-inline: 0; height: 0; border-width: 1px 0 0; border-style: solid; border-color: #dee2e6; display: block; } .k-menu-popup { box-sizing: border-box; border-width: 1px; border-style: solid; overflow: auto; max-height: 80vh; } .k-menu-popup *, .k-menu-popup *::before, .k-menu-popup *::after { box-sizing: border-box; } .k-menu-group { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: column nowrap; position: absolute; } .k-menu-group .k-menu-item + .k-menu-item { margin-top: 0px; } .k-menu-group .k-separator { margin-block: 0.25rem; margin-inline: 0; height: 0; border-width: 1px 0 0; border-style: solid; border-color: #dee2e6; display: block; } .k-menu-popup .k-menu-group { position: relative; } .k-menu-group-sm { font-size: 1rem; line-height: 1.5; } .k-menu-group-sm .k-menu-item { font-size: 1rem; line-height: 1.5; } .k-menu-group-sm .k-menu-link { padding-block: 0.125rem; padding-inline: 1rem; padding-inline-end: calc(2rem + 16px); } .k-menu-group-sm .k-menu-expand-arrow { margin-inline-start: 1rem; margin-inline-end: calc(-1.5rem + -16px); } .k-menu-group-md { font-size: 1rem; line-height: 1.5; } .k-menu-group-md .k-menu-item { font-size: 1rem; line-height: 1.5; } .k-menu-group-md .k-menu-link { padding-block: 0.25rem; padding-inline: 1rem; padding-inline-end: calc(2rem + 16px); } .k-menu-group-md .k-menu-expand-arrow { margin-inline-start: 1rem; margin-inline-end: calc(-1.5rem + -16px); } .k-menu-group-lg { font-size: 1.25rem; line-height: 1.5; } .k-menu-group-lg .k-menu-item { font-size: 1.25rem; line-height: 1.5; } .k-menu-group-lg .k-menu-link { padding-block: 0.375rem; padding-inline: 1rem; padding-inline-end: calc(2rem + 16px); } .k-menu-group-lg .k-menu-expand-arrow { margin-inline-start: 1rem; margin-inline-end: calc(-1.5rem + -16px); } .k-popups-wrapper { position: relative; border: 0; margin: 0; padding: 0; } .k-context-menu { margin: 0; border-width: 1px; border-style: solid; } .k-animation-container .k-context-menu.k-menu-horizontal { display: flex !important; flex-wrap: nowrap; } .k-context-menu-popup { z-index: 12000; } .k-context-menu-popup .k-context-menu { border-width: 0; } .k-popup .k-context-menu, .k-context-menu-popup .k-context-menu { border-width: 0; } .k-menu-scroll-wrapper { margin: 0; padding: 0; border: 0; position: relative; } .k-menu-scroll-wrapper .k-menu { overflow: hidden; flex-wrap: nowrap; } .k-menu-scroll-wrapper .k-menu-scroll-button { border-radius: 0; padding: 0; border-width: 0; border-color: inherit; color: inherit; background: inherit; position: absolute; } .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-left { top: 0; inset-inline-start: 0; height: 100%; width: 16px; border-right-width: 1px; } .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-right { top: 0; inset-inline-end: 0; height: 100%; width: 16px; border-left-width: 1px; } .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-up { top: 0; inset-inline-start: 0; width: 100%; height: 16px; border-bottom-width: 1px; } .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-down { bottom: 0; inset-inline-start: 0; width: 100%; height: 16px; border-top-width: 1px; } .k-menu.k-menu-horizontal:not(.k-context-menu) { padding-block: 0.5rem; } .k-menu.k-menu-vertical:not(.k-context-menu) { padding-block: 0.5rem; padding-inline: 0; } .k-menu-popup .k-menu-group, .k-menu-popup .k-menu-vertical { padding: 0; } .k-context-menu-popup > .k-popup:not(.k-menu-popup) { padding: 0; } .k-context-menu-popup .k-context-menu { border-radius: 0.375rem; } .k-context-menu-popup .k-header { font-size: inherit; font-weight: inherit; } .k-menu:not(.k-context-menu) { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-menu:not(.k-context-menu) > .k-item { color: rgba(33, 37, 41, 0.5); } .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover { color: rgba(33, 37, 41, 0.7); } .k-menu:not(.k-context-menu) > .k-item:active, .k-menu:not(.k-context-menu) > .k-item.k-active { color: rgba(33, 37, 41, 0.9); } .k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-menu-group, .k-menu.k-context-menu { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-menu-group .k-item > .k-link:hover, .k-menu-group .k-item > .k-link.k-hover, .k-menu.k-context-menu .k-item > .k-link:hover, .k-menu.k-context-menu .k-item > .k-link.k-hover { color: #16181b; background-color: #e9ecef; } .k-menu-group .k-item > .k-link:active, .k-menu-group .k-item > .k-link.k-active, .k-menu-group .k-item > .k-link.k-selected, .k-menu.k-context-menu .k-item > .k-link:active, .k-menu.k-context-menu .k-item > .k-link.k-active, .k-menu.k-context-menu .k-item > .k-link.k-selected { color: #ffffff; background-color: #0d6efd; } .k-menu-group .k-item:focus > .k-link, .k-menu-group .k-item.k-focus > .k-link, .k-menu.k-context-menu .k-item:focus > .k-link, .k-menu.k-context-menu .k-item.k-focus > .k-link { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-menu-scroll-wrapper .k-menu-scroll-button { border-color: #dee2e6; color: rgba(33, 37, 41, 0.5); background-color: #f8f9fa; } .k-menu-scroll-wrapper .k-menu-scroll-button:hover { color: rgba(33, 37, 41, 0.7); } .k-menu-scroll-wrapper .k-menu-scroll-button:hover::before { opacity: 0; } .k-toolbar { margin: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; list-style: none; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; position: relative; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-toolbar::before { content: ""; height: calc(1.5em + 0.75rem + 2px); } .k-toolbar.k-toolbar-resizable { flex-wrap: nowrap; } .k-toolbar > * { flex-shrink: 0; display: inline-flex; align-content: center; vertical-align: middle; } .k-toolbar > * > label { align-self: center; } .k-toolbar .k-input, .k-toolbar .k-picker { width: 10em; } .k-toolbar .k-color-picker, .k-toolbar .k-colorpicker { width: min-content; } .k-toolbar .k-toolbar-overflow-button { margin-inline-start: auto; } .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator { width: 0; height: 1.5em; border-width: 0 0 0 1px; border-style: solid; align-self: center; } .k-toolbar .k-toolbar-spacer { height: 1.5em; flex: 1 0 0%; } .k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus { text-decoration: none; outline: 0; } .k-toolbar-group { display: flex; flex-direction: inherit; flex-wrap: nowrap; gap: inherit; } .k-toolbar-renderer { display: inline-block; border-color: inherit; } .k-toolbar-sm { padding-block: 0.25rem; padding-inline: 0.25rem; gap: 0.375rem; } .k-toolbar-sm::before { margin-inline-start: -0.375rem; } .k-toolbar-sm > * > label { margin-inline-end: 0.375rem; } .k-toolbar-md { padding-block: 0.5rem; padding-inline: 0.5rem; gap: 0.5rem; } .k-toolbar-md::before { margin-inline-start: -0.5rem; } .k-toolbar-md > * > label { margin-inline-end: 0.5rem; } .k-toolbar-lg { padding-block: 0.625rem; padding-inline: 0.625rem; gap: 0.625rem; } .k-toolbar-lg::before { margin-inline-start: -0.625rem; } .k-toolbar-lg > * > label { margin-inline-end: 0.625rem; } .k-toolbar-sm::before { height: calc(1.4285714286em + 0.5rem + 2px); } .k-toolbar-md::before { height: calc(1.5em + 0.75rem + 2px); } .k-toolbar-lg::before { height: calc(1.5em + 1rem + 2px); } .k-floating-toolbar, .editorToolbarWindow.k-window-content { padding-block: 0.5rem !important; padding-inline: 0.5rem !important; border-width: 1px; border-style: solid; display: flex; flex-flow: row nowrap; gap: 0.5rem; align-items: center; } .k-floating-toolbar .k-toolbar, .editorToolbarWindow.k-window-content .k-toolbar { padding: 0; border-width: 0; flex-shrink: 1; color: inherit; background: none; } .k-editortoolbar-dragHandle { cursor: move; display: flex; align-items: center; align-self: stretch; flex-shrink: 0; } .k-overflow-container { font-size: 1rem; line-height: 1.5; } .k-overflow-container > .k-item { border-color: inherit; } .k-overflow-container .k-separator { margin: 0.25rem 0; } .k-overflow-container .k-overflow-tool-group { display: block; } .k-overflow-container .k-overflow-button { padding-block: 0.25rem; padding-inline: 1rem; width: 100%; height: auto; border-width: 0; border-radius: 0; aspect-ratio: auto; color: inherit; background-color: transparent; background-image: none; font: inherit; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: 0.5rem; justify-content: flex-start; position: relative; } .k-overflow-container .k-button-group { box-shadow: none; display: flex; flex-flow: column nowrap; } .k-overflow-container .k-button-group .k-button { margin: 0; } .k-overflow-container .k-split-button { display: flex; flex-direction: column; } .k-overflow-container .k-overflow-hidden { display: none; } .k-toolbar.k-toolbar-flat { border-width: 1px 0; border-top-color: transparent !important; border-bottom-color: inherit; color: inherit; background: none !important; box-shadow: none; } .k-toolbar { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator { border-color: inherit; } .k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-floating-toolbar, .editorToolbarWindow.k-window-content { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-hover { color: #16181b; background: #e9ecef; } .k-overflow-container .k-button:focus, .k-overflow-container .k-button.k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-overflow-container .k-button:active, .k-overflow-container .k-button.k-active { color: #16181b; background: #e9ecef; } .k-overflow-container .k-button.k-selected { color: #ffffff; background: #0d6efd; } .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-disabled { color: inherit; } .k-actions, .k-edit-buttons, .k-action-buttons, .k-columnmenu-actions, .k-form-buttons { padding-block: 0.5rem; padding-inline: 0.5rem; box-sizing: border-box; border-width: 0px 0 0 0; border-style: solid; border-color: inherit; flex-shrink: 0; display: flex; flex-flow: row nowrap; align-items: center; gap: 0.5rem; overflow: hidden; clear: both; } .k-actions *, .k-edit-buttons *, .k-action-buttons *, .k-columnmenu-actions *, .k-form-buttons *, .k-actions *::before, .k-edit-buttons *::before, .k-action-buttons *::before, .k-columnmenu-actions *::before, .k-form-buttons *::before, .k-actions *::after, .k-edit-buttons *::after, .k-action-buttons *::after, .k-columnmenu-actions *::after, .k-form-buttons *::after { box-sizing: border-box; } .k-popup .k-actions, .k-popup .k-edit-buttons, .k-popup .k-action-buttons, .k-popup .k-columnmenu-actions, .k-popup .k-form-buttons { margin-top: 1rem; } .k-actions-start { justify-content: flex-start; } .k-actions-center { justify-content: center; } .k-actions-end { justify-content: flex-end; } .k-actions-stretched > * { flex: 1 0 0%; } .k-actions-horizontal { width: 100%; flex-flow: row nowrap; } .k-actions-vertical { flex-flow: column nowrap; } .k-form, .k-form-inline { font-size: 1rem; line-height: 1.5; } .k-fieldset { margin: 30px; border-width: 1px 0 0; border-style: solid; padding: 25px 0 0; } .k-fieldset > legend { margin-left: 0; padding: 0 1rem 0 0; text-transform: uppercase; } kendo-label > .k-label { margin: 0; } .k-label-optional { margin-left: 6px; font-size: 0.75rem; font-style: italic; align-self: center; } .k-label-empty::before { content: ""; display: inline-block; } .k-input-label { margin-right: 10px; z-index: 1; } .k-input-label:dir(rtl), .k-rtl .k-input-label, .k-input-label.k-rtl, [dir="rtl"] .k-input-label, .k-input-label[dir="rtl"] { margin-right: 0; margin-left: 10px; } .k-form { border: 0; } .k-form .k-form-field > .k-label, .k-form .k-form-field > kendo-label, .k-form .k-form-label { margin-bottom: 0.5rem; display: flex; flex-flow: row nowrap; } .k-form .k-label + .k-radio { margin-left: 0; } .k-form .k-form-fieldset { margin: 2rem 0 0; padding: 0px; border: 0; } .k-form .k-form-fieldset > *:not(.k-hidden):first-child, .k-form .k-form-fieldset > *.k-hidden + :not(.k-hidden) { margin-top: 0; } .k-form .k-form-legend { margin: 0 0 1rem; padding: 0px; border-width: 0 0 2px; border-style: solid; width: 100%; font-size: 0.875rem; text-transform: uppercase; } .k-form .k-form-group { padding: 0; } .k-form > *:not(.k-hidden):first-child, .k-form > *.k-hidden + :not(.k-hidden) { margin-top: 0; } .k-form .k-form-field, .k-form .k-form-field-wrap { display: block; } .k-form .k-form-field-disabled .k-label, .k-form .k-form-field-disabled .k-form-label { outline: none; cursor: default; opacity: 0.65; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-form .k-alert-error { font-size: 0.875rem; margin-top: 1rem; } .k-form .k-field-info { display: inline-block; font-size: 0.75rem; line-height: 1; margin-block: 0; margin-inline: 1rem; } .k-form .k-multiselect, .k-form .k-floating-label-container, .k-form .k-daterangepicker .k-dateinput, .k-form .k-signature { display: inline-flex; width: 100%; } .k-form-buttons { padding: 0; overflow: visible; } .k-form-hint, .k-form-error { margin-top: 4px; display: flex; font-size: 0.75rem; font-style: normal; } .k-text-start, .k-buttons-start { justify-content: flex-start; } .k-text-end, .k-buttons-end { justify-content: flex-end; } .k-form-separator { margin: 1rem 0 0; border-width: 1px 0 0; border-style: solid; display: block; flex: 0 0 auto; } .k-form-horizontal .k-form-field { display: flex; } .k-form-horizontal .k-form-field > .k-label, .k-form-horizontal .k-form-field > kendo-label, .k-form-horizontal .k-form-field > .k-form-label { margin-right: 10px; padding-top: 5px; width: 25%; text-align: end; flex-direction: column; align-items: flex-end; justify-content: flex-start; } .k-form-horizontal .k-form-field .k-label-optional { margin: 0; align-self: inherit; } .k-form-horizontal .k-form-field-wrap { max-width: calc(75% - 10px); flex: 1 1 auto; } .k-form [dir="rtl"] .k-label-optional, .k-rtl .k-form .k-label-optional { margin-left: 0; margin-right: 6px; } .k-form-horizontal [dir="rtl"].k-form-field > .k-label, .k-form-horizontal [dir="rtl"].k-form-field > kendo-label, .k-form-horizontal [dir="rtl"].k-form-field > .k-form-label, .k-form-horizontal [dir="rtl"] .k-form-field > .k-label, .k-form-horizontal [dir="rtl"] .k-form-field > kendo-label, .k-form-horizontal [dir="rtl"] .k-form-field > .k-form-label, .k-rtl .k-form-horizontal.k-form-field > .k-label, .k-rtl .k-form-horizontal.k-form-field > kendo-label, .k-rtl .k-form-horizontal.k-form-field > .k-form-label, .k-rtl .k-form-horizontal .k-form-field > .k-label, .k-rtl .k-form-horizontal .k-form-field > kendo-label, .k-rtl .k-form-horizontal .k-form-field > .k-form-label { margin-right: 0; margin-left: 10px; } .k-form-sm .k-form-field, .k-form-sm .k-form-buttons { margin-top: 1rem; } .k-form-md .k-form-field, .k-form-md .k-form-buttons { margin-top: 1rem; } .k-form-lg .k-form-field, .k-form-lg .k-form-buttons { margin-top: 1rem; } .k-form-inline { padding: 2rem; } .k-form-inline fieldset { border-width: 1px 0 0; border-style: solid; margin: 4rem 0; padding: 0; } .k-form-inline fieldset:first-child:first-of-type { margin-top: 0; } .k-form-inline fieldset:last-child:last-of-type { margin-bottom: 0; } .k-form-inline legend { font-size: 0.875rem; text-align: start; font-weight: 600; line-height: 1; margin-bottom: 1.5rem; text-transform: uppercase; padding: 0 1rem 0 0; width: auto; } .k-form-inline .k-form-field { display: flex; align-items: flex-start; text-align: start; margin-bottom: 1.5rem; } .k-form-inline .k-form-field > span:not(.k-widget) { width: 25%; text-align: end; line-height: 1.5; padding: calc(0.5rem + 1px) 0; padding-right: 1.5rem; align-self: center; } .k-form-inline .k-form-field > input { align-self: center; } .k-form-inline .k-form-field > input:not(.k-checkbox):not(.k-radio) { flex: 1 1 auto; } .k-form-inline .k-form-field .k-alert-error { font-size: 0.875rem; margin-top: 1rem; } .k-form-inline .k-form-field .k-field-info { display: block; font-size: 0.75rem; line-height: 1; margin: 0; } .k-form-inline .k-form-field:last-child { margin-bottom: 0; } .k-edit-form-container { width: 400px; min-width: 400px; border-color: inherit; position: relative; } .k-popup-edit-form > .k-actions, .k-popup-edit-form > .k-edit-buttons, .k-popup-edit-form > .k-action-buttons, .k-popup-edit-form > .k-columnmenu-actions, .k-popup-edit-form > .k-form-buttons, .k-edit-form-container .k-actions, .k-edit-form-container .k-edit-buttons, .k-edit-form-container .k-action-buttons, .k-edit-form-container .k-columnmenu-actions, .k-edit-form-container .k-form-buttons { margin: 1rem -1rem -1rem; } .k-edit-label { margin: 0 0 1rem 0; padding: calc(0.375rem + 1px) 0; width: 30%; line-height: 1.5; text-align: end; float: left; clear: both; } .k-edit-field { margin: 0 0 1rem 0; width: 65%; float: right; clear: right; position: relative; } .k-edit-field.k-no-editor { padding: calc(0.375rem + 1px) 0; } .k-edit-field > .k-widget { width: 100%; box-sizing: border-box; } .k-edit-field input[type="radio"]:not(.k-radio), .k-edit-field input[type="checkbox"]:not(.k-checkbox) { margin-right: .4ex; } .k-edit-field .k-radio-label, .k-edit-field .k-checkbox-label { margin-right: 1rem; } .k-edit-field > .k-reset > li + li { margin-top: 0.5rem; } .k-edit-field .k-reset .k-widget { margin: 0 .4ex 0 1ex; } .k-form legend, .k-form-inline legend { font-size: 1.5rem; font-weight: normal; line-height: 1.5; text-transform: none; } .k-form .k-field-info, .k-form-inline .k-field-info { opacity: .7; } .k-form legend { margin-bottom: 0.5rem; } .k-form .k-field-info { margin-block: 0; margin-inline: 0.5rem; } .k-form-inline legend { margin-bottom: 0; } .k-form-inline .k-form-field > span:not(.k-widget) { padding: calc(0.5rem - 1px) 0; padding-right: 1rem; } .k-edit-label { padding: calc(0.5rem - 1px) 0; } .k-form, .k-form-inline { color: #212529; } .k-form .k-form-legend, .k-form-inline .k-form-legend { border-color: #dee2e6; } .k-form .k-field-info, .k-form-inline .k-field-info { color: #6c757d; } .k-form .k-alert-error, .k-form-inline .k-alert-error { color: #dc3545; } .k-form-error, .k-text-error, .k-form-field-error .k-label { color: #dc3545; } .k-form-separator { border-color: #dee2e6; } .k-tooltip { border-radius: 0.375rem; margin: 0; padding-block: 0.25rem; padding-inline: 0.5rem; border-width: 0px; border-style: solid; box-sizing: border-box; background-repeat: repeat-x; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; line-height: 1.5; display: flex; flex-flow: row nowrap; align-items: flex-start; position: absolute; z-index: 12000; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-tooltip *, .k-tooltip *::before, .k-tooltip *::after { box-sizing: border-box; } .k-tooltip-icon { margin-inline-end: 0.5rem; flex-shrink: 0; } .k-tooltip-title { margin-bottom: .25em; font-size: 1.09375rem; line-height: 1; } .k-tooltip-content { align-self: stretch; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; } .k-tooltip-button { margin-inline-start: 0.5rem; flex-shrink: 0; } .k-tooltip-button .k-icon { color: inherit; vertical-align: top; } .k-callout { width: 0.8rem; height: 0.8rem; border-width: 0.4rem; border-style: solid; border-color: transparent; position: absolute; pointer-events: none; } .k-callout-n { margin-left: -0.4rem; border-bottom-color: currentColor; top: -0.8rem; left: 50%; pointer-events: none; } .k-callout-e { margin-top: -0.4rem; border-left-color: currentColor; top: 50%; right: -0.8rem; pointer-events: none; } .k-callout-s { margin-left: -0.4rem; border-top-color: currentColor; bottom: -0.8rem; left: 50%; pointer-events: none; } .k-callout-w { margin-top: -0.4rem; border-right-color: currentColor; top: 50%; left: -0.8rem; pointer-events: none; } .k-tooltip { border-color: #000000; color: white; background-color: #000000; box-shadow: var(--kendo-elevation-2, 0px 2px 7px rgba(0, 0, 0, 0.075)); } .k-tooltip .k-callout { color: #000000; } .k-tooltip-inverse { border-color: #212529; color: white; background-color: #212529; } .k-tooltip-inverse .k-callout { color: #212529; } .k-tooltip-light { border-color: #f8f9fa; color: black; background-color: #f8f9fa; } .k-tooltip-light .k-callout { color: #f8f9fa; } .k-tooltip-dark { border-color: #212529; color: white; background-color: #212529; } .k-tooltip-dark .k-callout { color: #212529; } .k-tooltip-error { border-color: #dc3545; color: white; background-color: #dc3545; } .k-tooltip-error .k-callout { color: #dc3545; } .k-tooltip-warning { border-color: #ffc107; color: black; background-color: #ffc107; } .k-tooltip-warning .k-callout { color: #ffc107; } .k-tooltip-success { border-color: #198754; color: white; background-color: #198754; } .k-tooltip-success .k-callout { color: #198754; } .k-tooltip-info { border-color: #0dcaf0; color: white; background-color: #0dcaf0; } .k-tooltip-info .k-callout { color: #0dcaf0; } .k-tooltip-tertiary { border-color: #6f42c1; color: white; background-color: #6f42c1; } .k-tooltip-tertiary .k-callout { color: #6f42c1; } .k-tooltip-secondary { border-color: #6c757d; color: white; background-color: #6c757d; } .k-tooltip-secondary .k-callout { color: #6c757d; } .k-tooltip-primary { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-tooltip-primary .k-callout { color: #0d6efd; } .k-validator-tooltip { margin-top: 0.4rem; width: auto; white-space: normal; display: flex; align-items: center; z-index: 9999; } .k-grid .k-validator-tooltip { max-width: 300px; } .k-input, .k-picker { margin: 0; padding: 0; width: 100%; min-width: 0; box-sizing: border-box; border-width: 1px; border-style: solid; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; font-weight: normal; text-align: start; box-shadow: none; display: inline-flex; flex-flow: row nowrap; align-items: stretch; vertical-align: middle; position: relative; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none; } .k-input *, .k-input *::before, .k-input *::after, .k-picker *, .k-picker *::before, .k-picker *::after { box-sizing: border-box; } .k-input > .k-input, .k-input > .k-picker, .k-picker > .k-input, .k-picker > .k-picker { border-width: 0 !important; color: inherit; background: none; font: inherit; outline: 0; box-shadow: none; } .k-input > *, .k-picker > * { margin: 0; } .k-input:-ms-input-placeholder, .k-picker:-ms-input-placeholder { color: #6c757d; opacity: 1; -ms-user-select: none; user-select: none; } .k-input::placeholder, .k-picker::placeholder { color: #6c757d; opacity: 1; -webkit-user-select: none; -ms-user-select: none; user-select: none; } input.k-input, textarea.k-textarea { padding-block: 0.375rem; padding-inline: 0.75rem; } input.k-input:disabled, input.k-input[disabled], textarea.k-textarea:disabled, textarea.k-textarea[disabled] { outline: none; cursor: default; opacity: 0.65; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } [disabled] input.k-input:disabled, .k-disabled input.k-input:disabled, [disabled] input.k-input[disabled], .k-disabled input.k-input[disabled], [disabled] textarea.k-textarea:disabled, .k-disabled textarea.k-textarea:disabled, [disabled] textarea.k-textarea[disabled], .k-disabled textarea.k-textarea[disabled] { opacity: 1; filter: grayscale(0); } textarea.k-textarea { overflow: auto; } .k-picker { cursor: pointer; } select.k-picker { padding-block: 0.375rem; padding-inline: 0.75rem; appearance: auto; } select.k-picker:disabled, select.k-picker[disabled] { outline: none; cursor: default; opacity: 0.65; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } [disabled] select.k-picker:disabled, .k-disabled select.k-picker:disabled, [disabled] select.k-picker[disabled], .k-disabled select.k-picker[disabled] { opacity: 1; filter: grayscale(0); } .k-input-inner { padding-block: 0.375rem; padding-inline: 0.75rem; width: 100%; border: 0; outline: 0; color: inherit; background: none; font: inherit; flex: 1; position: relative; z-index: 1; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none; } .k-input-inner:-ms-input-placeholder { color: #6c757d; opacity: 1; -ms-user-select: none; user-select: none; } .k-input-inner::placeholder { color: #6c757d; opacity: 1; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-input-inner:invalid { box-shadow: none; } span.k-input-inner { white-space: nowrap; display: flex; flex-flow: row nowrap; align-items: center; } textarea.k-input-inner { margin: 0; } .k-input-value-icon { flex: none; } .k-input-value-text { flex: 1; overflow: hidden; text-overflow: ellipsis; } .k-input-value-text::before { content: "\200b"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top; } .k-input-values { min-width: 0px; width: 100%; display: flex; flex-flow: row wrap; align-items: center; cursor: text; } .k-input-values .k-chip-list { display: contents; } .k-icon-picker .k-input-inner { padding: 0.375rem; justify-content: center; } .k-input-prefix, .k-input-suffix { border-color: inherit; display: flex; align-items: center; flex: none; } .k-input-prefix > *, .k-input-suffix > * { flex-shrink: 0; border: none; } .k-input-prefix-vertical, .k-input-suffix-vertical { flex-flow: column wrap; } .k-input-prefix-horizontal, .k-input-suffix-horizontal { flex-flow: row wrap; } .k-input-separator { margin: 0; border-style: solid; border-color: inherit; border-width: 0 0 0 1px; height: 16px; align-self: center; } .k-input-separator-horizontal { height: auto; margin-inline: 0.375rem; align-self: stretch; border-width: 1px 0 0; } .k-input-separator-vertical { height: auto; margin-block: 0.375rem; align-self: stretch; border-width: 0 0 0 1px; } .k-input-icon, .k-input-validation-icon, .k-input-loading-icon { flex: none; align-self: center; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; box-sizing: content-box; } .k-input-loading-icon { width: 1em; height: 1em; font-size: 16px; } .k-input-icon.k-svg-icon > svg, .k-input-icon.k-icon-md > svg, .k-input-validation-icon.k-svg-icon > svg, .k-input-validation-icon.k-icon-md > svg, .k-input-loading-icon.k-svg-icon > svg, .k-input-loading-icon.k-icon-md > svg { width: 16px; height: 16px; } .k-input-icon.k-icon-xs > svg, .k-input-validation-icon.k-icon-xs > svg, .k-input-loading-icon.k-icon-xs > svg { width: 12px; height: 12px; } .k-input-icon.k-icon-sm > svg, .k-input-validation-icon.k-icon-sm > svg, .k-input-loading-icon.k-icon-sm > svg { width: 14px; height: 14px; } .k-input-icon.k-icon-lg > svg, .k-input-validation-icon.k-icon-lg > svg, .k-input-loading-icon.k-icon-lg > svg { width: 20px; height: 20px; } .k-input-icon.k-icon-xl > svg, .k-input-validation-icon.k-icon-xl > svg, .k-input-loading-icon.k-icon-xl > svg { width: 24px; height: 24px; } .k-input-icon.k-icon-xxl > svg, .k-input-validation-icon.k-icon-xxl > svg, .k-input-loading-icon.k-icon-xxl > svg { width: 32px; height: 32px; } .k-input-icon.k-icon-xxxl > svg, .k-input-validation-icon.k-icon-xxxl > svg, .k-input-loading-icon.k-icon-xxxl > svg { width: 48px; height: 48px; } .k-clear-value { outline: 0; flex: none; align-self: center; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.5; } .k-clear-value:hover, .k-clear-value.k-hover { opacity: 1; } .k-clear-value:focus-visible { outline: 1px dotted; outline-offset: -1px; } .k-input-button { width: auto; border-width: 0; border-inline-start-width: 1px; flex: none; aspect-ratio: auto; box-shadow: none; } .k-input-button > .k-button-icon { min-width: auto !important; } .k-input-button:focus { box-shadow: none; } .k-picker .k-input-button { color: inherit; background: none; border-color: transparent; } .k-input-spinner { width: auto; flex: none; display: flex; flex-flow: column nowrap; } .k-input-spinner .k-spinner-increase, .k-input-spinner .k-spinner-decrease { border-width: 0; border-inline-start-width: 1px; flex: 1 1 50%; box-shadow: none; position: relative; aspect-ratio: auto; } .k-input-spinner .k-spinner-increase .k-button-icon, .k-input-spinner .k-spinner-decrease .k-button-icon { margin-block: -1em; margin-inline: 0; min-width: auto !important; min-height: auto !important; } .k-input-spinner .k-spinner-increase .k-icon { bottom: auto; } .k-input-spinner .k-spinner-decrease .k-icon { top: auto; } .k-searchbar { flex: 1 1 auto; display: flex; flex-flow: row nowrap; } .k-picker-wrap, .k-dropdown-wrap, .k-dateinput-wrap, .k-multiselect-wrap, .k-numeric-wrap { width: 100%; border-width: 0; border-color: inherit; box-sizing: border-box; flex: 1 1 auto; display: flex; flex-flow: row nowrap; overflow: hidden; position: relative; } .k-input-flat, .k-picker-flat { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-width: 1px 0; border-top-color: transparent !important; background-image: none !important; } .k-input-outline { background: none !important; } .k-input-sm, .k-picker-sm { font-size: 0.875rem; line-height: 1.4285714286; } .k-input-sm .k-input-values, .k-picker-sm .k-input-values { padding: 0.125rem; gap: 0.125rem; } .k-input-sm .k-input-values > .k-searchbar, .k-input-sm .k-input-values > .k-input-inner, .k-picker-sm .k-input-values > .k-searchbar, .k-picker-sm .k-input-values > .k-input-inner { margin: -0.125rem; } .k-input-sm .k-input-inner, .k-picker-sm .k-input-inner { padding-block: 0.25rem; padding-inline: 0.5rem; } .k-input-sm .k-input-button, .k-input-sm .k-spinner-increase, .k-input-sm .k-spinner-decrease, .k-picker-sm .k-input-button, .k-picker-sm .k-spinner-increase, .k-picker-sm .k-spinner-decrease { padding-block: 0.25rem; padding-inline: 0.25rem; } .k-input-sm .k-input-icon, .k-input-sm .k-input-validation-icon, .k-input-sm .k-input-loading-icon, .k-input-sm .k-clear-value, .k-input-sm .k-input-prefix > .k-icon, .k-input-sm .k-input-prefix > .k-input-prefix-text, .k-input-sm .k-input-suffix > .k-icon, .k-input-sm .k-input-suffix > .k-input-suffix-text, .k-picker-sm .k-input-icon, .k-picker-sm .k-input-validation-icon, .k-picker-sm .k-input-loading-icon, .k-picker-sm .k-clear-value, .k-picker-sm .k-input-prefix > .k-icon, .k-picker-sm .k-input-prefix > .k-input-prefix-text, .k-picker-sm .k-input-suffix > .k-icon, .k-picker-sm .k-input-suffix > .k-input-suffix-text { padding-block: 0.25rem; padding-inline: 0.25rem; box-sizing: content-box; } .k-input-sm .k-input-separator-horizontal, .k-picker-sm .k-input-separator-horizontal { margin-inline: 0.25rem; } .k-input-sm .k-input-separator-vertical, .k-picker-sm .k-input-separator-vertical { margin-block: 0.25rem; } .k-input-sm.k-icon-picker .k-input-inner, .k-picker-sm.k-icon-picker .k-input-inner { width: 1.4285714286em; height: 1.4285714286em; padding: 0.25rem; box-sizing: content-box; } .k-dropdown-operator.k-picker-sm .k-input-button { padding: 0.25rem; } select.k-picker-sm { padding-block: 0.25rem; padding-inline: 0.5rem; } .k-input-md, .k-picker-md { font-size: 1rem; line-height: 1.5; } .k-input-md .k-input-values, .k-picker-md .k-input-values { padding: 0.1875rem; gap: 0.1875rem; } .k-input-md .k-input-values > .k-searchbar, .k-input-md .k-input-values > .k-input-inner, .k-picker-md .k-input-values > .k-searchbar, .k-picker-md .k-input-values > .k-input-inner { margin: -0.1875rem; } .k-input-md .k-input-inner, .k-picker-md .k-input-inner { padding-block: 0.375rem; padding-inline: 0.75rem; } .k-input-md .k-input-button, .k-input-md .k-spinner-increase, .k-input-md .k-spinner-decrease, .k-picker-md .k-input-button, .k-picker-md .k-spinner-increase, .k-picker-md .k-spinner-decrease { padding-block: 0.375rem; padding-inline: 0.375rem; } .k-input-md .k-input-icon, .k-input-md .k-input-validation-icon, .k-input-md .k-input-loading-icon, .k-input-md .k-clear-value, .k-input-md .k-input-prefix > .k-icon, .k-input-md .k-input-prefix > .k-input-prefix-text, .k-input-md .k-input-suffix > .k-icon, .k-input-md .k-input-suffix > .k-input-suffix-text, .k-picker-md .k-input-icon, .k-picker-md .k-input-validation-icon, .k-picker-md .k-input-loading-icon, .k-picker-md .k-clear-value, .k-picker-md .k-input-prefix > .k-icon, .k-picker-md .k-input-prefix > .k-input-prefix-text, .k-picker-md .k-input-suffix > .k-icon, .k-picker-md .k-input-suffix > .k-input-suffix-text { padding-block: 0.375rem; padding-inline: 0.375rem; box-sizing: content-box; } .k-input-md .k-input-separator-horizontal, .k-picker-md .k-input-separator-horizontal { margin-inline: 0.375rem; } .k-input-md .k-input-separator-vertical, .k-picker-md .k-input-separator-vertical { margin-block: 0.375rem; } .k-input-md.k-icon-picker .k-input-inner, .k-picker-md.k-icon-picker .k-input-inner { width: 1.5em; height: 1.5em; padding: 0.375rem; box-sizing: content-box; } .k-dropdown-operator.k-picker-md .k-input-button { padding: 0.375rem; } select.k-picker-md { padding-block: 0.375rem; padding-inline: 0.75rem; } .k-input-lg, .k-picker-lg { font-size: 1rem; line-height: 1.5; } .k-input-lg .k-input-values, .k-picker-lg .k-input-values { padding: 0.25rem; gap: 0.25rem; } .k-input-lg .k-input-values > .k-searchbar, .k-input-lg .k-input-values > .k-input-inner, .k-picker-lg .k-input-values > .k-searchbar, .k-picker-lg .k-input-values > .k-input-inner { margin: -0.25rem; } .k-input-lg .k-input-inner, .k-picker-lg .k-input-inner { padding-block: 0.5rem; padding-inline: 1rem; } .k-input-lg .k-input-button, .k-input-lg .k-spinner-increase, .k-input-lg .k-spinner-decrease, .k-picker-lg .k-input-button, .k-picker-lg .k-spinner-increase, .k-picker-lg .k-spinner-decrease { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-input-lg .k-input-icon, .k-input-lg .k-input-validation-icon, .k-input-lg .k-input-loading-icon, .k-input-lg .k-clear-value, .k-input-lg .k-input-prefix > .k-icon, .k-input-lg .k-input-prefix > .k-input-prefix-text, .k-input-lg .k-input-suffix > .k-icon, .k-input-lg .k-input-suffix > .k-input-suffix-text, .k-picker-lg .k-input-icon, .k-picker-lg .k-input-validation-icon, .k-picker-lg .k-input-loading-icon, .k-picker-lg .k-clear-value, .k-picker-lg .k-input-prefix > .k-icon, .k-picker-lg .k-input-prefix > .k-input-prefix-text, .k-picker-lg .k-input-suffix > .k-icon, .k-picker-lg .k-input-suffix > .k-input-suffix-text { padding-block: 0.5rem; padding-inline: 0.5rem; box-sizing: content-box; } .k-input-lg .k-input-separator-horizontal, .k-picker-lg .k-input-separator-horizontal { margin-inline: 0.5rem; } .k-input-lg .k-input-separator-vertical, .k-picker-lg .k-input-separator-vertical { margin-block: 0.5rem; } .k-input-lg.k-icon-picker .k-input-inner, .k-picker-lg.k-icon-picker .k-input-inner { width: 1.5em; height: 1.5em; padding: 0.5rem; box-sizing: content-box; } .k-dropdown-operator.k-picker-lg .k-input-button { padding: 0.5rem; } select.k-picker-lg { padding-block: 0.5rem; padding-inline: 1rem; } .k-input > kendo-popup, .k-picker > kendo-popup { position: fixed; } @keyframes autoFillStart { from { } to { } } @keyframes autoFillEnd { from { } to { } } .k-autofill:-webkit-autofill { animation-name: autoFillStart; } .k-autofill:not(:-webkit-autofill) { animation-name: autoFillEnd; } .k-input:-webkit-autofill { animation-name: autoFillStart; } .k-input:not(:-webkit-autofill) { animation-name: autoFillEnd; } .k-textbox { transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .k-input-solid { border-color: #ced4da; color: #212529; background-color: #ffffff; } .k-input-solid:focus, .k-input-solid.k-focus { border-color: #86b7fe; color: #212529; background-color: #ffffff; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-input-solid:focus-within { border-color: #86b7fe; color: #212529; background-color: #ffffff; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty { border-color: #dc3545; } .k-input-solid.k-invalid .k-input-validation-icon, .k-input-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-input-solid.ng-invalid.ng-dirty .k-input-validation-icon { color: #dc3545; } .k-input-solid.k-invalid:focus, .k-input-solid.k-invalid.k-focus, .k-input-solid.ng-invalid.ng-touched:focus, .k-input-solid.ng-invalid.ng-touched.k-focus, .k-input-solid.ng-invalid.ng-dirty:focus, .k-input-solid.ng-invalid.ng-dirty.k-focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-input-solid.k-invalid:focus-within, .k-input-solid.ng-invalid.ng-touched:focus-within, .k-input-solid.ng-invalid.ng-dirty:focus-within { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-input-solid.k-valid { border-color: #198754; } .k-input-solid.k-valid .k-input-validation-icon { color: #198754; } .k-input-solid.k-valid:focus, .k-input-solid.k-valid.k-focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-input-solid.k-valid:focus-within { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-input-solid .k-input-prefix { color: #6c757d; } .k-input-solid .k-input-suffix { color: #6c757d; } .k-input-solid .k-input-separator { border-color: #dee2e6; } .k-picker-solid { border-color: #e4e7eb; color: #212529; background-color: #e4e7eb; } .k-picker-solid:hover, .k-picker-solid.k-hover { border-color: #c7cdd5; background-color: #ced3db; } .k-picker-solid:focus, .k-picker-solid.k-focus { border-color: #bfc6d0; background-color: #c7cdd5; box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5); } .k-picker-solid:focus-within { border-color: #bfc6d0; background-color: #c7cdd5; box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5); } .k-picker-solid.k-invalid, .k-picker-solid.ng-invalid.ng-touched, .k-picker-solid.ng-invalid.ng-dirty { border-color: #dc3545; } .k-picker-solid.k-invalid .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-dirty .k-input-validation-icon { color: #dc3545; } .k-picker-solid.k-invalid:focus, .k-picker-solid.k-invalid.k-focus, .k-picker-solid.ng-invalid.ng-touched:focus, .k-picker-solid.ng-invalid.ng-touched.k-focus, .k-picker-solid.ng-invalid.ng-dirty:focus, .k-picker-solid.ng-invalid.ng-dirty.k-focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-picker-solid.k-invalid:focus-within, .k-picker-solid.ng-invalid.ng-touched:focus-within, .k-picker-solid.ng-invalid.ng-dirty:focus-within { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-picker-solid.k-valid { border-color: #198754; } .k-picker-solid.k-valid .k-input-validation-icon { color: #198754; } .k-picker-solid.k-valid:focus, .k-picker-solid.k-valid.k-focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-picker-solid.k-valid:focus-within { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-input-outline { border-color: rgba(33, 37, 41, 0.5); color: #212529; } .k-input-outline > .k-input-button { border-color: inherit; } .k-input-outline > .k-input-spinner { border-color: inherit; } .k-input-outline > .k-input-spinner > .k-spinner-increase, .k-input-outline > .k-input-spinner > .k-spinner-decrease { border-color: inherit; } .k-input-outline:focus, .k-input-outline.k-focus { border-color: #86b7fe; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-input-outline:focus-within { border-color: #86b7fe; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-input-outline.k-invalid, .k-input-outline.ng-invalid.ng-touched, .k-input-outline.ng-invalid.ng-dirty { border-color: #dc3545; } .k-input-outline.k-invalid .k-input-validation-icon, .k-input-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-input-outline.ng-invalid.ng-dirty .k-input-validation-icon { color: #dc3545; } .k-input-outline.k-invalid:focus, .k-input-outline.k-invalid.k-focus, .k-input-outline.ng-invalid.ng-touched:focus, .k-input-outline.ng-invalid.ng-touched.k-focus, .k-input-outline.ng-invalid.ng-dirty:focus, .k-input-outline.ng-invalid.ng-dirty.k-focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-input-outline.k-invalid:focus-within, .k-input-outline.ng-invalid.ng-touched:focus-within, .k-input-outline.ng-invalid.ng-dirty:focus-within { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-input-outline.k-valid { border-color: #198754; } .k-input-outline.k-valid .k-input-validation-icon { color: #198754; } .k-input-outline.k-valid:focus, .k-input-outline.k-valid.k-focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-input-outline.k-valid:focus-within { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-input-outline .k-input-prefix { color: #6c757d; } .k-input-outline .k-input-suffix { color: #6c757d; } .k-input-outline .k-input-separator { border-color: #dee2e6; } .k-picker-outline { border-color: rgba(33, 37, 41, 0.5); color: #212529; } .k-picker-outline:hover, .k-picker-outline.k-hover { border-color: #212529; color: white; background-color: #212529; } .k-picker-outline:focus, .k-picker-outline.k-focus { box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5); } .k-picker-outline:focus-within { box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5); } .k-picker-outline.k-invalid, .k-picker-outline.ng-invalid.ng-touched, .k-picker-outline.ng-invalid.ng-dirty { border-color: #dc3545; } .k-picker-outline.k-invalid .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-dirty .k-input-validation-icon { color: #dc3545; } .k-picker-outline.k-invalid:focus, .k-picker-outline.k-invalid.k-focus, .k-picker-outline.ng-invalid.ng-touched:focus, .k-picker-outline.ng-invalid.ng-touched.k-focus, .k-picker-outline.ng-invalid.ng-dirty:focus, .k-picker-outline.ng-invalid.ng-dirty.k-focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-picker-outline.k-invalid:focus-within, .k-picker-outline.ng-invalid.ng-touched:focus-within, .k-picker-outline.ng-invalid.ng-dirty:focus-within { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-picker-outline.k-valid { border-color: #198754; } .k-picker-outline.k-valid .k-input-validation-icon { color: #198754; } .k-picker-outline.k-valid:focus, .k-picker-outline.k-valid.k-focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-picker-outline.k-valid:focus-within { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-input-flat { border-color: #ced4da; color: #212529; } .k-input-flat:focus, .k-input-flat.k-focus { border-color: #86b7fe; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-input-flat:focus-within { border-color: #86b7fe; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-input-flat.k-invalid, .k-input-flat.ng-invalid.ng-touched, .k-input-flat.ng-invalid.ng-dirty { border-color: #dc3545; } .k-input-flat.k-invalid .k-input-validation-icon, .k-input-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-input-flat.ng-invalid.ng-dirty .k-input-validation-icon { color: #dc3545; } .k-input-flat.k-invalid:focus, .k-input-flat.k-invalid.k-focus, .k-input-flat.ng-invalid.ng-touched:focus, .k-input-flat.ng-invalid.ng-touched.k-focus, .k-input-flat.ng-invalid.ng-dirty:focus, .k-input-flat.ng-invalid.ng-dirty.k-focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-input-flat.k-invalid:focus-within, .k-input-flat.ng-invalid.ng-touched:focus-within, .k-input-flat.ng-invalid.ng-dirty:focus-within { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-input-flat.k-valid { border-color: #198754; } .k-input-flat.k-valid .k-input-validation-icon { color: #198754; } .k-input-flat.k-valid:focus, .k-input-flat.k-valid.k-focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-input-flat.k-valid:focus-within { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-input-flat .k-input-prefix { color: #6c757d; } .k-input-flat .k-input-suffix { color: #6c757d; } .k-input-flat .k-input-separator { border-color: #dee2e6; } .k-picker-flat { border-color: #e4e7eb; color: #212529; } .k-picker-flat:hover, .k-picker-flat.k-hover { background-color: rgba(33, 37, 41, 0.08); } .k-picker-flat:focus, .k-picker-flat.k-focus { box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5); } .k-picker-flat:focus-within { box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5); } .k-picker-flat.k-invalid, .k-picker-flat.ng-invalid.ng-touched, .k-picker-flat.ng-invalid.ng-dirty { border-color: #dc3545; } .k-picker-flat.k-invalid .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-dirty .k-input-validation-icon { color: #dc3545; } .k-picker-flat.k-invalid:focus, .k-picker-flat.k-invalid.k-focus, .k-picker-flat.ng-invalid.ng-touched:focus, .k-picker-flat.ng-invalid.ng-touched.k-focus, .k-picker-flat.ng-invalid.ng-dirty:focus, .k-picker-flat.ng-invalid.ng-dirty.k-focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-picker-flat.k-invalid:focus-within, .k-picker-flat.ng-invalid.ng-touched:focus-within, .k-picker-flat.ng-invalid.ng-dirty:focus-within { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .k-picker-flat.k-valid { border-color: #198754; } .k-picker-flat.k-valid .k-input-validation-icon { color: #198754; } .k-picker-flat.k-valid:focus, .k-picker-flat.k-valid.k-focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-picker-flat.k-valid:focus-within { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .k-floating-label-container { padding-top: 1.5rem; box-sizing: border-box; display: inline-flex; vertical-align: middle; position: relative; flex-direction: column; justify-content: stretch; } .k-floating-label-container *, .k-floating-label-container *::before, .k-floating-label-container *::after { box-sizing: border-box; } .k-floating-label-container > .k-label { max-width: 90%; font-size: 1rem; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; position: absolute; top: var(--kendo-floating-label-offset-y, calc(1.875rem + 1px)); left: var(--kendo-floating-label-offset-x, calc(0.75rem + 1px)); overflow: hidden; cursor: text; transform-origin: left center; transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out; } .k-floating-label-container > .k-widget { flex: 1 1 auto; width: auto; } .k-floating-label-container.k-empty > .k-label { top: var(--kendo-floating-label-offset-y, calc(1.875rem + 1px)); left: var(--kendo-floating-label-offset-x, calc(0.75rem + 1px)); transform: scale(1); pointer-events: none; } .k-floating-label-container > .k-label, .k-floating-label-container.k-focus > .k-label { top: var(--kendo-floating-label-focus-offset-y, 0); left: var(--kendo-floating-label-focus-offset-x, 0); transform: scale(1); } .k-floating-label-container:focus-within > .k-label { top: var(--kendo-floating-label-focus-offset-y, 0); left: var(--kendo-floating-label-focus-offset-x, 0); transform: scale(1); } .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) :-ms-input-placeholder { color: transparent; } .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder { color: transparent; } [dir="rtl"] .k-floating-label-container > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir="rtl"] > .k-label { transform-origin: right center; transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, right 0.2s ease-out; } [dir="rtl"] .k-floating-label-container.k-empty > .k-label, .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label { left: auto; right: var(--kendo-floating-label-offset-x, calc(0.75rem + 1px)); } [dir="rtl"] .k-floating-label-container > .k-label, [dir="rtl"] .k-floating-label-container.k-focus > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label, .k-floating-label-container[dir="rtl"].k-focus > .k-label { left: auto; right: var(--kendo-floating-label-focus-offset-x, 0); } [dir="rtl"] .k-floating-label-container:focus-within > .k-label, .k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label { left: auto; right: var(--kendo-floating-label-focus-offset-x, 0); } .k-floating-label-container.k-invalid > .k-label, .k-floating-label-container.ng-invalid.ng-touched > .k-label, .k-floating-label-container.ng-invalid.ng-dirty > .k-label { color: #dc3545; } .k-split-button .k-split-button-arrow { padding-block: 0.375rem; padding-inline: 0.375rem; width: auto; aspect-ratio: auto; flex: none; } .k-split-button .k-split-button-arrow.k-button-sm { padding-block: 0.25rem; padding-inline: 0.25rem; } .k-split-button .k-split-button-arrow.k-button-md { padding-block: 0.375rem; padding-inline: 0.375rem; } .k-split-button .k-split-button-arrow.k-button-lg { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-split-button .k-split-button-arrow .k-button-icon { min-width: 0; } .k-split-button:focus, .k-split-button.k-focus { box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5); } .k-menu-button, .k-dropdown-button { aspect-ratio: auto; outline: 0; display: inline-flex; flex-flow: row nowrap; vertical-align: middle; } .k-menu-button > .k-button-arrow, .k-dropdown-button > .k-button-arrow { margin-inline-start: -0.375rem; margin-inline-end: -0.75rem; padding-left: 0.375rem; padding-right: 0.375rem; flex: none; display: inline-flex; align-items: center; justify-content: center; } .k-menu-button.k-icon-button > .k-button-arrow, .k-dropdown-button.k-icon-button > .k-button-arrow { margin-inline-start: 0; margin-inline-end: -0.375rem; } .k-textarea:has(.k-input-inner[style*="width"]) { width: max-content; } .k-listbox { width: 10em; height: 200px; border-width: 0; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; vertical-align: top; background-color: transparent; display: inline-flex; gap: 0.5rem; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-listbox .k-listbox-actions { display: flex; gap: 1rem; } .k-listbox.k-listbox-actions-left, .k-listbox.k-listbox-actions-right { flex-direction: row; } .k-listbox.k-listbox-actions-left .k-listbox-actions, .k-listbox.k-listbox-actions-right .k-listbox-actions { flex-direction: column; } .k-listbox.k-listbox-actions-right { flex-direction: row-reverse; } .k-listbox.k-listbox-actions-top, .k-listbox.k-listbox-actions-bottom { flex-direction: column; } .k-listbox.k-listbox-actions-top .k-listbox-actions, .k-listbox.k-listbox-actions-bottom .k-listbox-actions { flex-direction: row; } .k-listbox.k-listbox-actions-bottom { flex-direction: column-reverse; } .k-listbox .k-list-scroller { width: 100%; min-height: 0; height: inherit; border-width: 1px; border-style: solid; box-sizing: border-box; display: flex; flex-flow: column nowrap; } .k-listbox .k-list-scroller .k-list-scroller { border-width: 0; } .k-listbox .k-list-scroller .k-list { height: inherit; background: transparent; } .k-listbox .k-drop-hint { border-top-width: 1px; border-top-style: solid; } .k-listbox .k-ghost { opacity: .5; } .k-item { cursor: default; } .k-listbox .k-list-scroller { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-listbox .k-drop-hint { border-top-color: #0d6efd; } .k-progressbar { border-radius: 0.375rem; --kendo-progressbar-value: 0; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.75rem; line-height: 1; display: inline-grid; vertical-align: middle; position: relative; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-progressbar *, .k-progressbar *::before, .k-progressbar *::after { box-sizing: border-box; } .k-progressbar > .k-progressbar-value { border-width: 0; border-style: solid; display: flex; overflow: hidden; grid-column: 1 / -1; grid-row: 1 / -1; } .k-progressbar > .k-progressbar-chunks { border-width: inherit; border-style: inherit; white-space: nowrap; display: flex; align-items: stretch; flex: 1; gap: 1px; grid-column: 1 / -1; grid-row: 1 / -1; } .k-progressbar .k-progressbar-chunk { display: block; border-width: 0; flex: 1; } .k-progress-status-wrap { width: 100%; height: 100%; display: flex; align-items: center; flex-shrink: 0; grid-column: 1 / -1; grid-row: 1 / -1; } .k-progress-status-wrap.k-progress-start { justify-content: flex-start; } .k-progress-status-wrap.k-progress-center { justify-content: center; } .k-progress-status-wrap.k-progress-end { justify-content: flex-end; } .k-progress-status { padding-block: 0; padding-inline: 0.5rem; min-width: 10px; text-align: center; display: inline-block; white-space: nowrap; } .k-progressbar-horizontal { width: 100%; height: var(--kendo-progressbar-height, 1rem); grid-template-columns: 1fr; grid-template-rows: 100%; } .k-progressbar-horizontal .k-progress-status-wrap { flex-direction: row; } .k-progressbar-horizontal > .k-progressbar-value { width: calc(var( --kendo-progressbar-value, 0 )*1%); flex-direction: row; } .k-progressbar-horizontal > .k-progressbar-value > .k-progress-status-wrap { width: calc(100%*(100/var( --kendo-progressbar-value, 1 ))); } .k-progressbar-horizontal > .k-progressbar-chunks { flex-direction: row; } .k-progressbar-horizontal.k-progressbar-reverse > .k-progressbar-value { flex-direction: row-reverse; justify-self: flex-end; } .k-progressbar-horizontal.k-progressbar-reverse > .k-progressbar-chunks { flex-direction: row-reverse; } .k-progressbar-vertical { width: var(--kendo-progressbar-height, 1rem); height: 27em; grid-template-columns: 100%; grid-template-rows: 1fr; } .k-progressbar-vertical .k-progress-status-wrap { flex-direction: column-reverse; } .k-progressbar-vertical .k-progress-status { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .k-progressbar-vertical > .k-progressbar-value { height: calc(var( --kendo-progressbar-value, 0 )*1%); flex-direction: column-reverse; align-self: flex-end; align-items: flex-end; } .k-progressbar-vertical > .k-progressbar-value > .k-progress-status-wrap { height: calc(100%*(100/var( --kendo-progressbar-value, 1 ))); } .k-progressbar-vertical > .k-progressbar-chunks { flex-direction: column-reverse; } .k-progressbar-vertical.k-progressbar-reverse { flex-direction: column; } .k-progressbar-vertical.k-progressbar-reverse > .k-progressbar-value { flex-direction: column; align-self: flex-start; } .k-progressbar-vertical.k-progressbar-reverse > .k-progressbar-chunks { flex-direction: column; } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-progressbar-value, .k-progressbar-indeterminate .k-progressbar-chunk { display: none; } .telerik-blazor.k-progressbar-horizontal > .k-progressbar-value, .telerik-blazor.k-progressbar-horizontal > .k-progressbar-value > .k-progress-status-wrap { transition: width .1s ease-in-out; } .k-rtl .k-progressbar, .k-progressbar[dir="rtl"] { direction: rtl; } .k-circular-progressbar { display: inline-block; text-align: start; position: relative; } .k-circular-progressbar-surface { height: 100%; } .k-circular-progressbar-surface > div { width: 100%; height: 100%; } .k-circular-progressbar-surface svg { width: 100%; height: 100%; } .k-circular-progressbar-scale { fill: none; } .k-circular-progressbar-arc { transform-box: fill-box; transform-origin: center center; transform: rotate(-90deg); stroke-linecap: round; fill: none; } .k-circular-progressbar-label { position: absolute; text-align: center; padding: 0; margin: 0; } @keyframes kendo-progressbar-indeterminate-animation { from { background-position: 0 0; } to { background-position: 1rem 0; } } .k-progressbar { color: black; background-color: #e9ecef; } .k-progressbar .k-selected { color: #ffffff; background-color: #0d6efd; } .k-chunk-progressbar { background-color: transparent; } .k-progressbar-chunk { background-color: #e9ecef; } .k-progressbar-chunk .k-selected { background-color: #0d6efd; } .k-progressbar-indeterminate { color: black; background-color: #e9ecef; background-image: linear-gradient(45deg, #d6d9dc 25%, transparent 25%, transparent 50%, #d6d9dc 50%, #d6d9dc 75%, transparent 75%, transparent); background-size: 1rem 1rem; animation: kendo-progressbar-indeterminate-animation 1s linear infinite; } .k-circular-progressbar-scale { stroke: #e9ecef; } .k-circular-progressbar-arc { stroke: #0d6efd; transition: stroke .5s ease; } .k-radio { border-radius: 50%; margin: 0; padding: 0; line-height: initial; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; flex: none; vertical-align: middle; position: relative; cursor: pointer; -webkit-appearance: none; } .k-radio:checked, .k-radio.k-checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='white'/%3e%3c/svg%3e"); } .k-radio:disabled, .k-radio.k-disabled { outline: none; cursor: default; opacity: 0.65; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-radio-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: start; vertical-align: middle; position: relative; } .k-radio-wrap::before { content: "\200b"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top; } .k-radio-label { margin: 0; padding: 0; display: inline-flex; align-items: flex-start; gap: 0.25rem; vertical-align: middle; position: relative; cursor: pointer; } .k-radio-label .k-ripple { visibility: hidden !important; } .k-radio + .k-label, .k-radio-wrap + .k-label, .k-radio + .k-radio-label, .k-radio-wrap + .k-radio-label { display: inline; margin-inline-start: 0.25rem; } .k-radio-label:empty { display: none !important; } .k-radio-label.k-no-text { min-width: 1px; } .k-radio-list { margin: 0; padding: 0; display: flex; flex-flow: column nowrap; gap: 0; list-style: none; } .k-radio-item, .k-radio-list-item { padding-block: 0.25rem; padding-inline: 0px; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: 0.25rem; } .k-radio-item .k-radio-label, .k-radio-list-item .k-radio-label { margin: 0; } .k-radio-list-horizontal, .k-radio-list.k-list-horizontal { display: flex; flex-flow: row wrap; gap: 1rem; } .k-ripple-container .k-radio::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; border-radius: 100%; z-index: -1; transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transform: translate(-50%, -50%) scale(0); transform-origin: center center; } .k-ripple-container .k-radio:focus, .k-ripple-container .k-radio.k-focus { box-shadow: none !important; } .k-ripple-container .k-radio:disabled::after, .k-ripple-container .k-radio.k-disabled::after { display: none; } .k-ripple-container .k-radio:disabled::after, .k-ripple-container .k-radio.k-disabled::after { display: none; } .k-radio-sm { width: 0.75rem; height: 0.75rem; } .k-radio-sm::before { font-size: 0.625rem; } .k-ripple-container .k-radio-sm::after { width: 300%; height: 300%; } .k-radio-md { width: 1rem; height: 1rem; } .k-radio-md::before { font-size: 0.875rem; } .k-ripple-container .k-radio-md::after { width: 300%; height: 300%; } .k-radio-lg { width: 1.25rem; height: 1.25rem; } .k-radio-lg::before { font-size: 1.125rem; } .k-ripple-container .k-radio-lg::after { width: 300%; height: 300%; } .k-radio { border-color: #ced4da; background-color: #ffffff; } .k-radio:focus, .k-radio.k-focus { border-color: #86b7fe; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-radio.k-invalid, .k-radio.ng-invalid.ng-touched, .k-radio.ng-invalid.ng-dirty { border-color: #dc3545; } .k-radio.k-invalid + .k-radio-label, .k-radio.ng-invalid.ng-touched + .k-radio-label, .k-radio.ng-invalid.ng-dirty + .k-radio-label { color: #dc3545; } .k-radio:checked, .k-radio.k-checked { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-radio:checked:focus, .k-radio.k-checked.k-focus { border-color: #0d6efd; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-ripple-container .k-radio::after { background: #0d6efd; opacity: 0.25; } .k-slider { border: 0; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; background: none; display: inline-flex; align-items: center; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-slider *, .k-slider *::before, .k-slider *::after { box-sizing: border-box; } .k-slider .k-label { width: auto; font-size: .92em; line-height: 1; white-space: nowrap; position: absolute; } .k-slider .k-tick, .k-slider .k-slider-track { cursor: pointer; } .k-slider .k-tick { background-color: transparent; background-position: center center; background-repeat: no-repeat; margin: 0; padding: 0; position: relative; } .k-slider.k-disabled .k-tick, .k-slider.k-disabled .k-slider-track, .k-slider.k-disabled .k-draghandle { cursor: default; } .k-slider { width: min-content; height: min-content; gap: 7px; } .k-slider .k-button { flex: none; } .k-slider .k-slider-track-wrap { flex: 1 1 auto; display: flex; flex-flow: inherit; position: relative; touch-action: none; } .k-slider .k-slider-track-wrap .k-slider-items { margin: 0; padding: 0; list-style: none; flex: 1 1 100%; display: flex; flex-flow: inherit; justify-content: space-between; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-slider .k-slider-track-wrap .k-tick { flex: 0 0 1px; } .k-slider .k-slider-track-wrap .k-tick-horizontal { width: 1px; min-height: 100%; } .k-slider .k-slider-track-wrap .k-tick-vertical { width: 100%; min-height: 1px; } .k-slider .k-slider-track-wrap .k-draghandle { position: absolute; } .k-slider-horizontal .k-slider-track-wrap { height: 26px; } .k-slider-horizontal .k-slider-track-wrap .k-slider-track { width: 100%; } .k-slider-horizontal .k-slider-track-wrap .k-draghandle { top: 50%; transform: translate(-50%, -50%); } .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus, .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active { transform: translate(-50%, -50%) scale(1); } .k-slider-horizontal .k-slider-track-wrap .k-slider-selection { width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%); inset-inline-start: calc(var(--kendo-slider-start, 0)*1%); } .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start { inset-inline-start: calc(var(--kendo-slider-start, 0)*1%); } .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end { inset-inline-start: calc(var(--kendo-slider-end, 0)*1%); } .k-slider-vertical .k-slider-track-wrap { width: 26px; } .k-slider-vertical .k-slider-track-wrap .k-slider-track { height: 100%; } .k-slider-vertical .k-slider-track-wrap .k-draghandle { left: 50%; transform: translate(-50%, 50%); } .k-slider-vertical .k-slider-track-wrap .k-draghandle:focus, .k-slider-vertical .k-slider-track-wrap .k-draghandle:active { transform: translate(-50%, 50%) scale(1); } .k-slider-vertical .k-slider-track-wrap .k-slider-selection { bottom: calc(var(--kendo-slider-start, 0)*1%); height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%); } .k-slider-vertical .k-slider-track-wrap .k-draghandle-start { bottom: calc(var(--kendo-slider-start, 0)*1%); } .k-slider-vertical .k-slider-track-wrap .k-draghandle-end { bottom: calc(var(--kendo-slider-end, 0)*1%); } .k-slider-vertical { height: 200px; flex-flow: column-reverse nowrap; } .k-slider-vertical .k-tick { text-align: end; margin-left: 2px; } .k-slider-vertical .k-slider-topleft .k-tick { text-align: start; } .k-slider-vertical .k-tick { background-position: -94px center; } .k-slider-vertical .k-slider-topleft .k-tick { background-position: -124px center; } .k-slider-vertical .k-slider-bottomright .k-tick { background-position: -154px center; } .k-slider-vertical .k-tick-large { display: flex; align-items: center; background-position: -4px center; } .k-slider-vertical .k-slider-topleft .k-tick-large { background-position: -34px center; } .k-slider-vertical .k-slider-bottomright .k-tick-large { background-position: -64px center; } .k-slider-vertical .k-first { background-position: -94px 100%; } .k-slider-vertical .k-tick-large.k-first { background-position: -4px 100%; } .k-slider-vertical .k-slider-topleft .k-first { background-position: -124px 100%; } .k-slider-vertical .k-slider-topleft .k-tick-large.k-first { background-position: -34px 100%; } .k-slider-vertical .k-slider-bottomright .k-first { background-position: -154px 100%; } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first { background-position: -64px 100%; } .k-slider-vertical .k-last { background-position: -94px 0; } .k-slider-vertical .k-tick-large.k-last { background-position: -4px 0; } .k-slider-vertical .k-slider-topleft .k-last { background-position: -124px 0; } .k-slider-vertical .k-slider-topleft .k-tick-large.k-last { background-position: -34px 0; } .k-slider-vertical .k-slider-bottomright .k-last { background-position: -154px 0; } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last { background-position: -64px 0; } .k-slider-vertical .k-label { text-align: start; inset-inline-start: 120%; top: 50%; transform: translateY(-50%); } .k-slider-vertical .k-first .k-label { top: 100%; } .k-slider-vertical .k-last .k-label { top: 0; } .k-slider-vertical .k-slider-topleft .k-label { inset-inline-start: auto; inset-inline-end: 120%; } .k-slider-horizontal { width: 200px; flex-flow: row nowrap; } .k-slider-horizontal .k-tick { background-position: center -92px; } .k-slider-horizontal .k-slider-topleft .k-tick { background-position: center -122px; } .k-slider-horizontal .k-slider-bottomright .k-tick { background-position: center -152px; } .k-slider-horizontal .k-tick-large { background-position: center -2px; } .k-slider-horizontal .k-slider-topleft .k-tick-large { background-position: center -32px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large { background-position: center -62px; } .k-slider-horizontal .k-first { background-position: 0 -92px; } .k-slider-horizontal .k-tick-large.k-first { background-position: 0 -2px; } .k-slider-horizontal .k-slider-topleft .k-first { background-position: 0 -122px; } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first { background-position: 0 -32px; } .k-slider-horizontal .k-slider-bottomright .k-first { background-position: 0 -152px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first { background-position: 0 -62px; } .k-slider-horizontal .k-last { background-position: 100% -92px; } .k-slider-horizontal .k-tick-large.k-last { background-position: 100% -2px; } .k-slider-horizontal .k-slider-topleft .k-last { background-position: 100% -122px; } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last { background-position: 100% -32px; } .k-slider-horizontal .k-slider-bottomright .k-last { background-position: 100% -152px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last { background-position: 100% -62px; } .k-slider-horizontal .k-label { inset-inline-start: 50%; bottom: -1.2em; transform: translateX(-50%); } .k-slider-horizontal .k-first .k-label { inset-inline-start: 0; } .k-slider-horizontal .k-last .k-label { inset-inline-start: 100%; } .k-slider-horizontal .k-slider-topleft .k-label { top: -1.2em; } .k-slider-track, .k-slider-selection { margin: 0; padding: 0; position: absolute; } .k-slider-horizontal .k-slider-track, .k-slider-horizontal .k-slider-selection { height: 4px; left: 0; margin-top: -2px; top: 50%; } .k-slider-vertical .k-slider-track, .k-slider-vertical .k-slider-selection { bottom: 0; left: 50%; margin-left: -2px; width: 4px; } .k-draghandle { background-color: transparent; background-repeat: no-repeat; border-style: solid; border-width: 1px; outline: 0; position: absolute; text-align: center; text-decoration: none; width: 14px; height: 14px; } .k-slider-transitions.k-slider-horizontal .k-draghandle { transition: inset-inline-start 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .k-slider-transitions.k-slider-vertical .k-draghandle { transition: bottom 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .k-draghandle.k-pressed { transition: none; } .k-slider-transitions.k-slider-horizontal .k-slider-selection { transition: width 0.3s ease-out; } .k-slider-transitions.k-slider-vertical .k-slider-selection { transition: height 0.3s ease-out; } .k-slider-selection.k-pressed { transition: none; } .k-slider.k-readonly .k-button, .k-slider.k-readonly .k-slider-track, .k-slider.k-readonly .k-tick, .k-slider.k-readonly .k-draghandle { pointer-events: none; } .k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s { margin-inline-start: -0.2rem; } .k-slider-tooltip .k-callout-w, .k-slider-tooltip .k-callout-e { margin-top: -0.2rem; } .k-slider-rtl.k-slider-horizontal .k-draghandle, .k-slider-horizontal.k-slider[dir="rtl"] .k-draghandle, [dir="rtl"] .k-slider-horizontal.k-slider .k-draghandle, .k-slider-horizontal.k-slider.k-rtl .k-draghandle, .k-rtl .k-slider-horizontal.k-slider .k-draghandle { transform: translate(50%, -50%); } .k-slider-rtl.k-slider-horizontal .k-draghandle:focus, .k-slider-horizontal.k-slider[dir="rtl"] .k-draghandle:focus, [dir="rtl"] .k-slider-horizontal.k-slider .k-draghandle:focus, .k-slider-horizontal.k-slider.k-rtl .k-draghandle:focus, .k-rtl .k-slider-horizontal.k-slider .k-draghandle:focus, .k-slider-rtl.k-slider-horizontal .k-draghandle:active, .k-slider-horizontal.k-slider[dir="rtl"] .k-draghandle:active, [dir="rtl"] .k-slider-horizontal.k-slider .k-draghandle:active, .k-slider-horizontal.k-slider.k-rtl .k-draghandle:active, .k-rtl .k-slider-horizontal.k-slider .k-draghandle:active { transform: translate(50%, -50%) scale(1); } .k-slider-rtl.k-slider-horizontal .k-label, .k-slider-horizontal.k-slider[dir="rtl"] .k-label, [dir="rtl"] .k-slider-horizontal.k-slider .k-label, .k-slider-horizontal.k-slider.k-rtl .k-label, .k-rtl .k-slider-horizontal.k-slider .k-label { transform: translateX(50%); } .k-slider kendo-resize-sensor { position: absolute; } .k-slider { color: #212529; } .k-slider .k-slider-track, .k-slider .k-slider-selection { border-radius: 0.375rem; } .k-slider .k-slider-track { background-color: #e9ecef; } .k-slider .k-slider-selection { background-color: #0d6efd; } .k-slider .k-draghandle { border-color: #0d6efd; color: white; background-color: #0d6efd; border-radius: 50%; } .k-slider .k-draghandle:hover { border-color: #0257d5; color: white; background-color: #025ce2; } .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed { border-color: #0252c9; color: white; background-color: #0257d5; } .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-focus { box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5); } .k-slider.k-focus .k-draghandle { box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5); } .k-slider-horizontal .k-tick { background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7); } .k-slider-vertical .k-tick { background-image: url(data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7); } .k-calendar { inline-size: var(--INTERNAL--kendo-calendar-width, min-content); block-size: var(--INTERNAL--kendo-calendar-height, min-content); border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; position: relative; overflow: hidden; display: inline-flex; flex-flow: column nowrap; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-calendar > .k-calendar { border: 0; } .k-calendar-table { margin-block: 0; margin-inline: auto; border-width: 0; border-color: inherit; border-spacing: 0; border-collapse: separate; table-layout: fixed; text-align: center; outline: 0; display: table; position: relative; z-index: 1; } .k-calendar-caption, .k-calendar-caption.k-calendar-th, .k-calendar .k-meta-header, .k-calendar .k-month-header { padding-block: 0.25rem; padding-inline: 0.75rem; height: 38px; box-sizing: border-box; text-transform: none; text-align: start; font-weight: bold; cursor: default; } .k-calendar-th, .k-calendar-td { border-width: 0; padding: 0; text-align: center; border-style: solid; border-color: inherit; font-weight: normal; cursor: default; } .k-calendar-th { inline-size: var(--INTERNAL--kendo-calendar-cell-size, 38px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 38px); font-size: 0.875rem; line-height: 2; text-transform: uppercase; } .k-calendar-td { border-radius: 0.375rem; inline-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); block-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); border-color: transparent; } .k-calendar .k-calendar-cell-inner, .k-calendar .k-link { border-radius: 0.375rem; padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.25rem); padding-block: var(--INTERNAL--kendo-calendar-cell-padding-y, 0.25rem); width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center; white-space: normal; position: relative; overflow: hidden; } .k-calendar .k-header { padding-block: 0.25rem; padding-inline: 0.25rem; border-bottom-width: 1px; border-bottom-style: solid; display: flex; flex-flow: row nowrap; align-items: center; position: relative; z-index: 2; } .k-calendar-header { padding-block: 0.25rem; padding-inline: 0.25rem; min-width: 304px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; } .k-calendar-header .k-title, .k-calendar-header .k-calendar-title { font-weight: bold; } .k-calendar-header .k-calendar-nav { display: flex; flex-flow: row nowrap; align-items: center; } .k-calendar-footer, .k-calendar .k-footer { padding-block: 0.5rem; padding-inline: 1rem; text-align: center; clear: both; } .k-calendar-view { margin: auto; padding-block: 0; padding-inline: 0.25rem; width: 304px; inline-size: var(--INTERNAL--kendo-calendar-view-width, 304px); min-height: 266px; box-sizing: content-box; gap: 1rem; position: relative; z-index: 1; overflow: hidden; } .k-month-calendar .k-calendar-td, .k-calendar-monthview .k-calendar-td { width: 38px; height: 38px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 38px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 38px); } .k-year-calendar .k-calendar-td, .k-calendar-yearview .k-calendar-td { width: 76px; height: 76px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 76px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 76px); } .k-decade-calendar .k-calendar-td, .k-calendar-decadeview .k-calendar-td { width: 76px; height: 76px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 76px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 76px); } .k-century-calendar .k-calendar-td, .k-calendar-centuryview .k-calendar-td { width: 76px; height: 76px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 76px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 76px); } .k-century-calendar .k-calendar-cell-inner, .k-century-calendar .k-link, .k-calendar-centuryview .k-calendar-cell-inner, .k-calendar-centuryview .k-link { text-align: start; } .k-popup .k-calendar { height: 100%; } .k-calendar-container, .k-datetime-container { padding: 0; } .k-calendar-container .k-calendar, .k-datetime-container .k-calendar { border-width: 0; } .k-calendar .k-content.k-scrollable, .k-calendar .k-calendar-content.k-scrollable { box-sizing: content-box; overflow-x: hidden; overflow-y: auto; display: block; padding-right: 100px; padding-left: 100px; margin-left: -100px; margin-right: calc(-100px - var(--kendo-scrollbar-width, 17px)); } .k-calendar .k-scrollable-placeholder { position: absolute; z-index: -1; width: 1px; top: 0; right: 0; } .k-calendar-sm { --INTERNAL--kendo-calendar-view-width: 272px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-sm-cell-padding-x, 0.125rem ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-sm-cell-padding-y, 0.125rem ); font-size: 1rem; line-height: 1.5; } .k-calendar-sm.k-month-calendar, .k-calendar-sm .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-month-cell-size, 34px ); } .k-calendar-sm.k-year-calendar, .k-calendar-sm .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-year-cell-size, 68px ); } .k-calendar-sm.k-decade-calendar, .k-calendar-sm .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-decade-cell-size, 68px ); } .k-calendar-sm.k-century-calendar, .k-calendar-sm .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-century-cell-size, 68px ); } .k-calendar-md { --INTERNAL--kendo-calendar-view-width: 304px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-md-cell-padding-x, 0.25rem ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-md-cell-padding-y, 0.25rem ); font-size: 1rem; line-height: 1.5; } .k-calendar-md.k-month-calendar, .k-calendar-md .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-month-cell-size, 38px ); } .k-calendar-md.k-year-calendar, .k-calendar-md .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-year-cell-size, 76px ); } .k-calendar-md.k-decade-calendar, .k-calendar-md .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-decade-cell-size, 76px ); } .k-calendar-md.k-century-calendar, .k-calendar-md .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-century-cell-size, 76px ); } .k-calendar-lg { --INTERNAL--kendo-calendar-view-width: 336px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-lg-cell-padding-x, 0.25rem ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-lg-cell-padding-y, 0.25rem ); font-size: 1.25rem; line-height: 2; } .k-calendar-lg.k-month-calendar, .k-calendar-lg .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-month-cell-size, 42px ); } .k-calendar-lg.k-year-calendar, .k-calendar-lg .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-year-cell-size, 84px ); } .k-calendar-lg.k-decade-calendar, .k-calendar-lg .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-decade-cell-size, 84px ); } .k-calendar-lg.k-century-calendar, .k-calendar-lg .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-century-cell-size, 84px ); } .k-calendar-infinite { box-sizing: content-box; display: inline-flex; flex-flow: row nowrap; } .k-calendar-infinite .k-calendar-view { padding-block: 0px; padding-inline: 1rem; height: 342px; flex: 0 0 auto; display: flex; flex-flow: column nowrap; gap: 0; overflow: hidden; } .k-calendar-infinite .k-calendar-view .k-content.k-scrollable { position: relative; } .k-calendar-infinite .k-calendar-view::after { display: block; position: absolute; bottom: 0; content: "\200b"; height: 0; line-height: 0; z-index: 1; width: 150%; left: -25%; box-shadow: 0 0 38px 19px #ffffff; } .k-calendar-infinite .k-calendar-header { margin-left: -1rem; margin-right: -1rem; padding-block: 0.5rem; padding-inline: 1rem; width: auto; min-width: 0; } .k-calendar-infinite .k-calendar-weekdays { flex: 0 0 auto; } .k-calendar-navigation { width: 5em; text-align: center; flex: 0 0 auto; display: block; overflow: hidden; position: relative; z-index: 1; } .k-calendar-navigation::before, .k-calendar-navigation::after { display: block; position: absolute; content: "\200b"; height: 0; line-height: 0; z-index: 1; width: 200%; left: -50%; box-shadow: 0 0 6em 3em #f8f9fa; } .k-calendar-navigation::before { top: 0; } .k-calendar-navigation::after { bottom: 0; } .k-calendar-navigation .k-content, .k-calendar-navigation .k-calendar-content { background: transparent; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .k-calendar-navigation .k-content ul, .k-calendar-navigation .k-calendar-content ul { width: 5em; } .k-calendar-navigation .k-content li, .k-calendar-navigation .k-calendar-content li { height: 2em; line-height: 2em; cursor: pointer; padding-block: 0; padding-inline: 1em; overflow: hidden; white-space: nowrap; text-overflow: clip; } .k-calendar-navigation .k-calendar-navigation-marker { font-weight: bold; } .k-calendar-navigation .k-calendar-navigation-highlight { width: 100%; border-width: 1px 0; border-style: solid; height: 2em; box-sizing: border-box; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .k-calendar-range { width: auto; } .k-calendar-range .k-calendar-view { width: auto; white-space: nowrap; } .k-calendar-range .k-calendar-view::after { display: none; } .k-calendar-range .k-calendar-view:focus { outline: 0; } .k-calendar-range .k-range-start { border-color: inherit; border-top-right-radius: 0; border-bottom-right-radius: 0; } .k-calendar-range .k-range-end { border-color: inherit; border-top-left-radius: 0; border-bottom-left-radius: 0; } .k-calendar-range .k-range-mid { border-color: inherit; border-radius: 0; } .k-rtl .k-calendar .k-content.k-scrollable, .k-rtl .k-calendar .k-calendar-content.k-scrollable, [dir="rtl"] .k-calendar .k-content.k-scrollable, [dir="rtl"] .k-calendar .k-calendar-content.k-scrollable, .k-calendar.k-rtl .k-content.k-scrollable, .k-calendar.k-rtl .k-calendar-content.k-scrollable, .k-calendar[dir="rtl"] .k-content.k-scrollable, .k-calendar[dir="rtl"] .k-calendar-content.k-scrollable { padding-right: 100px; padding-left: 100px; margin-left: calc(-100px - var(--kendo-scrollbar-width, 17px)); margin-right: -100px; } .k-calendar { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-calendar .k-header { border-color: inherit; color: #212529; background-color: #f8f9fa; box-shadow: none; } .k-calendar .k-calendar-th, .k-calendar .k-calendar-caption, .k-calendar .k-meta-header, .k-calendar .k-month-header { color: #6c757d; } .k-calendar .k-calendar-view .k-today .k-calendar-cell-inner, .k-calendar .k-calendar-view .k-today .k-link { box-shadow: inset 0 0 0 1px #0d6efd; } .k-calendar .k-calendar-view .k-today.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-view .k-today.k-focus .k-link { box-shadow: inset 0 0 0 1px #0d6efd, inset 0 0 0 0.25rem rgba(228, 231, 235, 0.5); } .k-calendar .k-other-month { color: #6c757d; } .k-calendar .k-alt { background-color: transparent; color: #6c757d; } .k-calendar .k-out-of-range { pointer-events: none; } .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link, .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-hover .k-link { border-color: #d6d9dc; color: #16181b; background-color: #e9ecef; } .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link { border-color: #0c65e9; color: #ffffff; background-color: #0d6efd; } .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link, .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-hover .k-link { border-color: #e4e5e6; color: #ffffff; background-color: #0c6af3; } .k-calendar .k-calendar-td:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td:focus .k-link, .k-calendar .k-calendar-td.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-focus .k-link { box-shadow: inset 0 0 0 0.25rem rgba(228, 231, 235, 0.5); } .k-calendar .k-calendar-td.k-selected:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:focus .k-link, .k-calendar .k-calendar-td.k-selected.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-focus .k-link { box-shadow: inset 0 0 0 2px rgba(2, 82, 201, 0.5); } .k-calendar .k-calendar-navigation { color: #212529; background-color: #f8f9fa; box-shadow: inset -1px 0 #dee2e6; } .k-calendar .k-calendar-navigation li:hover, .k-calendar .k-calendar-navigation li.k-hover { color: #0a58ca; } .k-calendar .k-calendar-navigation-highlight { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-calendar[dir="rtl"] .k-calendar-navigation, .k-rtl .k-calendar .k-calendar-navigation { box-shadow: inset 1px 0 #dee2e6; } .k-calendar.k-invalid, .k-calendar.k-invalid:hover, .k-calendar.ng-invalid.ng-touched, .k-calendar.ng-invalid.ng-dirty { border-color: #dc3545; } .k-scheduler .k-calendar .k-other-month { color: #6c757d; background-color: transparent; } .k-calendar .k-range-start, .k-calendar .k-range-end, .k-calendar .k-range-mid { background-color: rgba(13, 110, 253, 0.25); } .k-calendar .k-range-start.k-range-end { background-image: none; background-color: transparent; } .k-calendar .k-range-start .k-calendar-cell-inner, .k-calendar .k-range-start .k-link, .k-calendar .k-range-end .k-calendar-cell-inner, .k-calendar .k-range-end .k-link { background-color: #0d6efd; } .k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link, .k-calendar .k-range-end.k-active .k-calendar-cell-inner, .k-calendar .k-range-end.k-active .k-link { box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2); } .k-calendar .k-range-split-start, .k-calendar .k-range-split-end { position: relative; } .k-calendar .k-range-split-start::after, .k-calendar .k-range-split-end::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 5px; } .k-calendar .k-range-split-start::after { left: -5px; right: auto; background-image: linear-gradient(to left, rgba(13, 110, 253, 0.25), transparent 100%); } .k-calendar .k-range-split-end::after { right: -5px; left: auto; background-image: linear-gradient(to right, rgba(13, 110, 253, 0.25), transparent 100%); } .k-timeselector { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; position: relative; overflow: hidden; display: flex; flex-flow: column nowrap; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-popup > .k-timeselector { border-width: 0; } .k-time-header, .k-time-selector-header { padding-block: 0.5rem; padding-inline: 0.5rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; } .k-time-header .k-title, .k-time-header .k-time-selector-header-title, .k-time-selector-header .k-title, .k-time-selector-header .k-time-selector-header-title { padding-block: 0.375rem; padding-inline: 0.75rem; font-weight: bold; display: inline-block; } .k-time-header .k-time-now, .k-time-selector-header .k-time-now { border-width: 0; line-height: inherit; cursor: pointer; } .k-actions.k-time-fast-selection, .k-time-fast-selection.k-edit-buttons, .k-time-fast-selection.k-action-buttons, .k-time-fast-selection.k-columnmenu-actions, .k-time-fast-selection.k-form-buttons { margin-top: 0; } .k-time-list-container { display: flex; position: relative; flex: 1 1 auto; overflow: hidden; } .k-time-highlight, .k-time-list-highlight { width: 100%; height: 2rem; border-width: 1px 0px; border-style: solid; box-sizing: border-box; position: absolute; top: calc(50% + 0.65625rem); left: 0; right: 0; transform: translateY(-50%); z-index: 1; } .k-time-list-wrapper { min-width: 4em; height: 240px; box-sizing: content-box; display: inline-flex; flex-flow: column nowrap; align-items: stretch; overflow: hidden; position: relative; text-align: center; flex: 1 1 auto; } .k-time-list-wrapper .k-title { font-size: 0.875rem; line-height: 1.5; font-weight: bold; text-align: center; text-transform: capitalize; display: block; } .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after { display: block; content: "\200b"; position: absolute; width: 100%; left: 0; pointer-events: none; height: calc(50% - 1rem); box-sizing: border-box; border-width: 0; border-style: solid; } .k-time-list-wrapper.k-focus::before { top: 1.3125rem; } .k-time-list-wrapper.k-focus::after { bottom: 0; } .k-time-list { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 1; position: relative; z-index: 1; outline: 0; overflow: hidden; } .k-time-list::before, .k-time-list::after { display: block; position: absolute; content: "\200b"; height: 0; line-height: 0; z-index: 1; width: 200%; left: -50%; } .k-time-list::before { top: 0; } .k-time-list::after { bottom: 0; } .k-time-container, .k-time-list-content { position: relative; flex: 1 1 auto; display: block; overflow-x: hidden; overflow-y: scroll; padding-right: 100px; padding-left: 100px; margin-left: -100px; margin-right: calc(-100px - var(--kendo-scrollbar-width, 17px)); } .k-time-container > ul, .k-time-list-content > ul { height: auto; width: 4em; margin: auto; } .k-time-container .k-scrollable-placeholder, .k-time-list-content .k-scrollable-placeholder { position: absolute; width: 1px; top: 0; right: 0; } .k-time-list-item, .k-time-list .k-item { padding-block: 0.25rem; padding-inline: 1rem; } .k-time-separator { width: 0; height: 2rem; align-self: center; display: inline-flex; justify-content: center; align-items: center; position: relative; z-index: 11; top: 0.65625rem; } .k-timeselector-sm { font-size: 0.875rem; line-height: 1.4285714286; } .k-timeselector-sm .k-time-highlight, .k-timeselector-sm .k-time-list-highlight { height: 1.75rem; } .k-timeselector-sm .k-time-separator { height: 1.75rem; } .k-timeselector-sm .k-time-list-item, .k-timeselector-sm .k-time-list .k-item { padding-block: 0.25rem; padding-inline: 1rem; } .k-timeselector-md { font-size: 1rem; line-height: 1.5; } .k-timeselector-md .k-time-highlight, .k-timeselector-md .k-time-list-highlight { height: 2rem; } .k-timeselector-md .k-time-separator { height: 2rem; } .k-timeselector-md .k-time-list-item, .k-timeselector-md .k-time-list .k-item { padding-block: 0.25rem; padding-inline: 1rem; } .k-timeselector-lg { font-size: 1rem; line-height: 1.5; } .k-timeselector-lg .k-time-highlight, .k-timeselector-lg .k-time-list-highlight { height: 2.5rem; } .k-timeselector-lg .k-time-separator { height: 2.5rem; } .k-timeselector-lg .k-time-list-item, .k-timeselector-lg .k-time-list .k-item { padding-block: 0.5rem; padding-inline: 1rem; } .k-rtl .k-time-container, .k-rtl .k-time-list-content, [dir="rtl"] .k-time-container, [dir="rtl"] .k-time-list-content { padding-right: 100px; padding-left: 100px; margin-left: calc(-100px - var(--kendo-scrollbar-width, 17px)); margin-right: -100px; } .k-timeselector { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-time-header .k-time-now, .k-time-selector-header .k-time-now { color: #0d6efd; } .k-time-header .k-time-now:hover, .k-time-selector-header .k-time-now:hover { color: #0a58ca; } .k-time-list-wrapper .k-title { color: #6c757d; } .k-time-list-wrapper.k-focus .k-title { color: #212529; } .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after { background-color: rgba(0, 0, 0, 0.02); } .k-time-list::before, .k-time-list::after { box-shadow: 0 0 3em 1.5em #ffffff; } .k-time-list .k-item:hover { color: #0d6efd; } .k-time-container { background: transparent; } .k-time-highlight { border-color: #dee2e6; background-color: #ffffff; } .k-captcha { width: 335px; box-sizing: border-box; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; display: flex; flex-flow: column nowrap; gap: 0.5rem; } .k-captcha *, .k-captcha *::before, .k-captcha *::after { box-sizing: border-box; } .k-captcha-image-wrap { position: relative; gap: 0.5rem; } .k-captcha-image-controls { position: relative; gap: 0.5rem; } .k-captcha-image { width: 100%; height: 100%; overflow: hidden; } .k-captcha-image > img { width: 100%; height: 100%; display: block; object-fit: cover; } .k-captcha-loading .k-captcha-image { height: auto; } .k-captcha-volume-control { height: 100%; } .k-captcha-validation-message { margin-top: 0.25rem; font-size: 0.875rem; font-style: italic; } .k-captcha { border-color: #ffffff; color: #ffffff; background-color: #ffffff; } .k-colorpalette { border-width: 0; box-sizing: border-box; outline: 0; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 0; display: inline-flex; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-colorpalette *, .k-colorpalette *::before, .k-colorpalette *::after { box-sizing: border-box; } .k-colorpalette-table { width: 100%; height: 100%; border-collapse: collapse; position: relative; } .k-colorpalette-tile { width: 1.5rem; height: 1.5rem; box-sizing: border-box; overflow: hidden; cursor: pointer; } .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover { position: relative; z-index: 101; } .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover { position: relative; z-index: 100; } .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.5); } .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.8); } .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px white; } .k-colorgradient { border-radius: 0.375rem; width: 328px; padding-block: 1rem; padding-inline: 1rem; border-style: solid; border-width: 1px; box-sizing: border-box; outline: 0; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; display: flex; flex-direction: column; align-items: stretch; gap: 1rem; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-colorgradient *, .k-colorgradient *::before, .k-colorgradient *::after { box-sizing: border-box; } .k-colorgradient-canvas { gap: 0.75rem; } .k-colorgradient-canvas .k-hsv-rectangle { border-radius: 0.375rem; position: relative; flex: 1 1 auto; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-colorgradient-canvas .k-hsv-gradient { border-radius: 0.375rem; height: 180px; } .k-colorgradient-canvas .k-hsv-draghandle { margin-top: -7px; margin-left: -7px; position: absolute; top: 50%; left: 50%; z-index: 1; cursor: pointer; } .k-colorgradient-canvas .k-hsv-controls { position: relative; flex-shrink: 0; gap: 0.75rem; } .k-colorgradient .k-draghandle { border-radius: 50%; width: 14px; height: 14px; border-width: 1px; border-style: solid; outline-width: 1px; outline-style: solid; box-sizing: border-box; } .k-colorgradient-slider.k-slider-vertical { width: 10px; height: 180px; flex: 0 0 10px; } .k-colorgradient-slider.k-slider-vertical .k-slider-track { width: 10px; border-radius: 10px; margin-left: -5px; } .k-colorgradient-slider.k-slider-horizontal { width: 100%; height: 10px; flex: 0 0 10px; } .k-colorgradient-slider.k-slider-horizontal .k-slider-track { height: 10px; border-radius: 10px; margin-top: -5px; } .k-colorgradient-slider.k-alpha-slider .k-slider-track::before { content: ""; width: 100%; height: 100%; display: block; border-radius: 10px; position: relative; z-index: -1; } .k-colorgradient-slider .k-slider-track-wrap { z-index: 1; } .k-colorgradient-slider .k-slider-selection { display: none; } .k-colorgradient-slider .k-draghandle { border-width: 3px; } .k-colorgradient-inputs { gap: 0.5rem; } .k-colorgradient-inputs .k-colorgradient-input-label { text-transform: uppercase; } .k-colorgradient-inputs > .k-vstack, .k-colorgradient-inputs > .k-vbox { gap: 0.25rem; } .k-colorgradient-inputs .k-numerictextbox { width: 56px; } .k-colorgradient-inputs .k-input-inner { padding-inline-start: 2px; padding-inline-end: 2px; text-align: center; text-overflow: clip; } .k-colorgradient-color-contrast > div { display: flex; flex-flow: row nowrap; gap: 0.5rem; } .k-colorgradient-color-contrast .k-contrast-ratio { margin-bottom: 0.5rem; } .k-colorgradient-color-contrast .k-contrast-ratio-text { font-weight: 700; } .k-colorgradient-color-contrast .k-contrast-validation { display: inline-flex; align-items: center; gap: 0.25rem; } .k-colorgradient-color-contrast .k-contrast-validation .k-icon { vertical-align: middle; } .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon, .k-colorgradient-color-contrast .k-contrast-validation .k-icon-wrapper-host + .k-icon-wrapper-host .k-icon { margin-inline-start: -13px; } .k-color-contrast-svg { position: absolute; top: 0; left: 0; overflow: visible; pointer-events: none; } .k-colorgradient { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-colorgradient:focus, .k-colorgradient.k-focus { border-color: #d6d9dc; } .k-colorgradient-canvas .k-hsv-gradient { background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black), linear-gradient(to right, white, rgba(255, 255, 255, 0)); } .k-colorgradient .k-draghandle { border-color: rgba(255, 255, 255, 0.8); background-color: transparent; outline-color: #000000; box-shadow: rgba(0, 0, 0, 0.5); } .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus { border-color: #ffffff; background-color: transparent; outline-color: #000000; box-shadow: rgba(0, 0, 0, 0.5); } .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover, .k-colorgradient .k-draghandle.k-active, .k-colorgradient .k-draghandle:active { border-color: #ffffff; background-color: transparent; outline-color: #000000; } .k-colorgradient-slider.k-hue-slider.k-slider-horizontal .k-slider-track { background: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000); } .k-colorgradient-slider.k-hue-slider.k-slider-vertical .k-slider-track { background: linear-gradient(to top, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000); } .k-colorgradient-slider.k-alpha-slider .k-slider-track::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC) center repeat; } .k-colorgradient-input-label { color: #6c757d; } .k-rtl .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track, [dir="rtl"] .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track { background: linear-gradient(to left, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000); } .k-coloreditor { border-radius: 0.375rem; min-width: 328px; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; display: inline-flex; flex-direction: column; align-items: stretch; } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box; } .k-coloreditor-header { padding: 1rem 1rem 0; } .k-coloreditor-header-actions { gap: 0.5rem; } .k-coloreditor-preview { display: flex; flex-flow: column nowrap; align-items: stretch; justify-content: center; gap: 0.25rem; position: relative; z-index: 1; } .k-coloreditor-preview .k-color-preview { width: 32px; height: 12px; } .k-coloreditor-views { min-width: calc(var(--kendo-color-preview-width, 1.5rem)*var(--kendo-color-preview-columns, 10)); padding-block: 1rem; padding-inline: 1rem; gap: 1rem; } .k-coloreditor-views .k-colorgradient { padding: 0; width: auto; border-width: 0; } .k-coloreditor-views .k-colorgradient:focus, .k-coloreditor-views .k-colorgradient.k-focus { outline: 2px dotted; outline-offset: 2px; border-radius: 0; } .k-coloreditor-views .k-colorpalette { align-self: center; } .k-coloreditor-views .k-colorpalette-tile { width: var(--kendo-color-preview-width, 1.5rem); height: var(--kendo-color-preview-height, 1.5rem); } .k-coloreditor-footer.k-actions, .k-coloreditor-footer.k-edit-buttons, .k-coloreditor-footer.k-action-buttons, .k-coloreditor-footer.k-columnmenu-actions, .k-coloreditor-footer.k-form-buttons { margin: 0; } .k-coloreditor { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-coloreditor:focus, .k-coloreditor.k-focus { border-color: #d6d9dc; } .k-coloreditor .k-colorgradient:focus, .k-coloreditor .k-colorgradient.k-focus { box-shadow: none; outline-color: rgba(0, 0, 0, 0.3); } .k-color-picker, .k-colorpicker { width: min-content; } .k-datetime-selector { display: flex; transition: transform .2s; } .k-datetime-wrap { width: calc(304px + 2rem); overflow: hidden; } .k-datetime-wrap .k-datetime-buttongroup { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-datetime-wrap .k-calendar, .k-datetime-wrap .k-timeselector { width: 100%; border-width: 0; } .k-datetime-calendar-wrap, .k-datetime-time-wrap { text-align: center; flex: 0 0 calc(304px + 2rem); } .k-date-tab .k-datetime-selector { transform: translateX(0); } .k-time-tab .k-datetime-selector { transform: translateX(-100%); } .k-time-tab .k-datetime-selector.k-rtl, .k-time-tab .k-datetime-selector[dir="rtl"], .k-rtl .k-time-tab .k-datetime-selector, [dir="rtl"] .k-time-tab .k-datetime-selector { transform: translateX(100%); } .k-daterange-picker, .k-daterangepicker { width: 100%; display: flex; flex-flow: row nowrap; align-items: flex-end; gap: 0.5rem; } .k-daterange-picker *, .k-daterangepicker *, .k-daterange-picker *::before, .k-daterangepicker *::before, .k-daterange-picker *::after, .k-daterangepicker *::after { box-sizing: border-box; } .k-daterange-picker .k-dateinput, .k-daterangepicker .k-dateinput { width: 10em; } .k-daterangepicker-wrap { display: inherit; flex-flow: inherit; align-items: inherit; gap: inherit; } .k-dropdowngrid-popup { overflow: hidden; } .k-dropdowngrid-popup > .k-data-table { border-width: 0; } .k-dropdown-operator { width: min-content; flex: none; } .k-dropdown-operator .k-input-button { border-width: 0; width: min-content; } .k-dropdown-operator .k-input-button .k-button-icon { width: auto; aspect-ratio: 1; } .k-dropdown-operator .k-input-inner { display: none; } .k-treeview { padding: 0; border-width: 0; background: none; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: block; cursor: default; overflow: auto; white-space: nowrap; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-treeview *, .k-treeview *::before, .k-treeview *::after { box-sizing: border-box; } .k-treeview-filter { padding: 0.5rem; display: block; position: relative; flex: none; } .k-treeview-group { margin: 0; padding: 0; list-style: none; position: relative; outline: 0; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-treeview-group.ng-animating { overflow: hidden; } .k-treeview-top, .k-treeview-mid, .k-treeview-bot { display: flex; flex-direction: row; align-items: center; align-content: center; } .k-treeview-item { outline-style: none; margin: 0; padding: 0 0 0 24px; border-width: 0; display: block; } .k-treeview-toggle { margin-inline-start: -24px; flex: none; display: inline-flex; flex-flow: row nowrap; align-items: center; cursor: pointer; } .k-treeview-toggle .k-icon { padding: 0.25rem; box-sizing: content-box; } .k-treeview-loading { margin-right: 0.5rem; } .k-treeview .k-checkbox-wrap, .k-treeview .k-checkbox-wrapper { align-self: center; } .k-treeview-leaf { border-radius: 0.25rem; padding-block: 0.25rem; padding-inline: 0.75rem; border: 0px solid transparent; text-decoration: none; display: inline-flex; align-items: center; align-content: center; vertical-align: middle; position: relative; } .k-treeview-leaf .k-icon, .k-treeview-leaf .k-image, .k-treeview-leaf .k-sprite { margin-right: 0.5rem; } .k-treeview-leaf.k-focus { z-index: 1; } .k-treeview .k-treeview-load-more-button { cursor: pointer; } .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-hover, .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-focus { text-decoration: underline; } .k-rtl .k-treeview .k-treeview-item, [dir="rtl"] .k-treeview .k-treeview-item, .k-treeview.k-rtl .k-treeview-item, .k-treeview[dir="rtl"] .k-treeview-item { padding-left: 0; padding-right: 24px; } .k-rtl .k-treeview .k-treeview-loading, [dir="rtl"] .k-treeview .k-treeview-loading, .k-treeview.k-rtl .k-treeview-loading, .k-treeview[dir="rtl"] .k-treeview-loading { margin-right: 0; margin-left: 0.5rem; } .k-rtl .k-treeview .k-treeview-leaf .k-icon, .k-rtl .k-treeview .k-treeview-leaf .k-image, .k-rtl .k-treeview .k-treeview-leaf .k-sprite, .k-rtl .k-treeview .k-in .k-icon, .k-rtl .k-treeview .k-in .k-image, .k-rtl .k-treeview .k-in .k-sprite, [dir="rtl"] .k-treeview .k-treeview-leaf .k-icon, [dir="rtl"] .k-treeview .k-treeview-leaf .k-image, [dir="rtl"] .k-treeview .k-treeview-leaf .k-sprite, [dir="rtl"] .k-treeview .k-in .k-icon, [dir="rtl"] .k-treeview .k-in .k-image, [dir="rtl"] .k-treeview .k-in .k-sprite, .k-treeview.k-rtl .k-treeview-leaf .k-icon, .k-treeview.k-rtl .k-treeview-leaf .k-image, .k-treeview.k-rtl .k-treeview-leaf .k-sprite, .k-treeview.k-rtl .k-in .k-icon, .k-treeview.k-rtl .k-in .k-image, .k-treeview.k-rtl .k-in .k-sprite, .k-treeview[dir="rtl"] .k-treeview-leaf .k-icon, .k-treeview[dir="rtl"] .k-treeview-leaf .k-image, .k-treeview[dir="rtl"] .k-treeview-leaf .k-sprite, .k-treeview[dir="rtl"] .k-in .k-icon, .k-treeview[dir="rtl"] .k-in .k-image, .k-treeview[dir="rtl"] .k-in .k-sprite { margin-right: 0; margin-left: 0.5rem; } .k-treeview-sm { font-size: 0.875rem; line-height: 1.4285714286; } .k-treeview-sm .k-treeview-leaf { padding-block: 0.25rem; padding-inline: 0.5rem; } .k-treeview-sm .k-checkbox-wrap { padding-block: 0.125rem; padding-inline: 0.25rem; } .k-treeview-md { font-size: 1rem; line-height: 1.5; } .k-treeview-md .k-treeview-leaf { padding-block: 0.25rem; padding-inline: 0.75rem; } .k-treeview-md .k-checkbox-wrap { padding-inline: 0.25rem; } .k-treeview-lg { font-size: 1rem; line-height: 1.5; } .k-treeview-lg .k-treeview-leaf { padding-block: 0.5rem; padding-inline: 0.75rem; } .k-treeview-lg .k-checkbox-wrap { padding-inline: 0.25rem; } .k-treeview-leaf { transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .k-treeview { color: #212529; } .k-treeview-leaf:hover, .k-treeview-leaf.k-hover { border-color: #e9ecef; color: #16181b; background-color: #e9ecef; } .k-treeview-leaf:focus, .k-treeview-leaf.k-focus { box-shadow: inset 0 0 0 2px rgba(33, 37, 41, 0.15); } .k-treeview-leaf.k-selected { border-color: #0d6efd; color: #ffffff; background-color: #0d6efd; } .k-treeview .k-treeview-load-more-button { color: #0d6efd; background-color: transparent; } .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-hover { color: #0a58ca; background-color: transparent; } .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-focus { color: #0a58ca; background-color: transparent; box-shadow: inset 0 0 0 2px rgba(33, 37, 41, 0.15); } .k-popup-dropdowntree .k-treeview, .k-dropdowntree-popup .k-treeview, .k-multiselecttree-popup .k-treeview { padding-block: 0.25rem; padding-inline: 0.25rem; } .k-popup-dropdowntree .k-check-all, .k-dropdowntree-popup .k-check-all, .k-multiselecttree-popup .k-check-all { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-multiselecttree .k-input-values { width: auto; max-width: 100%; } .k-multiselecttree .k-input-inner::before { content: "\200b"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top; } .k-rating { margin: 0; padding: 0; border-width: 0; box-sizing: border-box; outline: 0; background: none; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: inline-flex; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-rating *, .k-rating *::before, .k-rating *::after { box-sizing: border-box; } .k-rating.k-readonly { pointer-events: none; } .k-rating-container { flex: 0 1 auto; position: relative; margin-block: 0; margin-inline: 0.5rem; } .k-rating-container .k-rating-item { display: inline-flex; position: relative; padding-block: 0.5rem; padding-inline: 0.5rem; align-items: center; vertical-align: middle; margin: 0; outline: 0; overflow: hidden; transition: color 200ms ease-out 0s; } .k-rating-container .k-rating-item * { pointer-events: none; } .k-rating-container .k-rating-item .k-rating-precision-part, .k-rating-container .k-rating-item .k-rating-precision-complement { display: inherit; position: absolute; top: 0.5rem; left: 0.5rem; overflow: hidden; } .k-rating-container .k-rating-item .k-rating-precision-complement { direction: rtl; } .k-rating-container .k-rating-item svg { fill: currentColor; } .k-rating-label { display: inline-flex; align-items: center; vertical-align: middle; line-height: 2; margin-block: 0.5rem; margin-inline: 1rem; } .k-rtl .k-rating-precision-part, [dir="rtl"] .k-rating-precision-part { left: auto; right: 0.5rem; } .k-rtl .k-rating-item .k-rating-precision-complement, [dir="rtl"] .k-rating-item .k-rating-precision-complement { direction: ltr; } .k-rating { color: #212529; } .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-focus .k-rating-item > .k-icon { filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)); } .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-icon { filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)); } .k-rating-item { color: #6c757d; } .k-rating-item.k-selected { color: #0d6efd; } .k-rating-item.k-selected:focus, .k-rating-item.k-selected.k-focus { color: #0d6efd; } .k-rating-item:hover, .k-rating-item.k-hover { color: #0d6efd; cursor: pointer; } .k-switch { box-sizing: border-box; outline: 0; display: inline-flex; align-items: center; vertical-align: middle; line-height: 1; position: relative; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-switch *, .k-switch *::before, .k-switch *::after { box-sizing: border-box; } .k-switch [type="checkbox"] { display: none; } .k-switch[aria-readonly="true"] { pointer-events: none; } .k-switch.k-readonly { pointer-events: none; } .k-switch-track { border-width: 1px; border-style: solid; outline: 0; display: flex; flex-flow: row nowrap; flex: 1 0 auto; position: relative; transition: background-color 200ms ease-in-out; } .k-switch-thumb-wrap { width: 0; height: 0; overflow: visible; position: absolute; transition: left 200ms ease-in-out; top: 50%; } .k-switch-thumb { display: block; position: absolute; transform: translate(-50%, -50%); } .k-switch-label-on, .k-switch-label-off { display: none; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; } .k-switch-sm { width: 48px; height: 26px; } .k-switch-sm .k-switch-track { width: 48px; height: 26px; } .k-switch-sm .k-switch-thumb { width: 20px; height: 20px; } .k-switch-sm.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 13px); } .k-switch-sm.k-switch-off .k-switch-thumb-wrap { left: 13px; } .k-switch-sm[dir="rtl"] .k-switch-label-on, [dir="rtl"] .k-switch-sm .k-switch-label-on, .k-rtl .k-switch-sm .k-switch-label-on { left: auto; } .k-switch-sm[dir="rtl"] .k-switch-label-off, [dir="rtl"] .k-switch-sm .k-switch-label-off, .k-rtl .k-switch-sm .k-switch-label-off { right: auto; } .k-switch-sm[dir="rtl"].k-switch-on .k-switch-thumb-wrap, [dir="rtl"] .k-switch-sm.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap { left: 13px; } .k-switch-sm[dir="rtl"].k-switch-off .k-switch-thumb-wrap, [dir="rtl"] .k-switch-sm.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 13px); } .k-switch-md { width: 56px; height: 30px; } .k-switch-md .k-switch-track { width: 56px; height: 30px; } .k-switch-md .k-switch-thumb { width: 24px; height: 24px; } .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 15px); } .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: 15px; } .k-switch-md[dir="rtl"] .k-switch-label-on, [dir="rtl"] .k-switch-md .k-switch-label-on, .k-rtl .k-switch-md .k-switch-label-on { left: auto; } .k-switch-md[dir="rtl"] .k-switch-label-off, [dir="rtl"] .k-switch-md .k-switch-label-off, .k-rtl .k-switch-md .k-switch-label-off { right: auto; } .k-switch-md[dir="rtl"].k-switch-on .k-switch-thumb-wrap, [dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: 15px; } .k-switch-md[dir="rtl"].k-switch-off .k-switch-thumb-wrap, [dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 15px); } .k-switch-lg { width: 64px; height: 34px; } .k-switch-lg .k-switch-track { width: 64px; height: 34px; } .k-switch-lg .k-switch-thumb { width: 28px; height: 28px; } .k-switch-lg.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 17px); } .k-switch-lg.k-switch-off .k-switch-thumb-wrap { left: 17px; } .k-switch-lg[dir="rtl"] .k-switch-label-on, [dir="rtl"] .k-switch-lg .k-switch-label-on, .k-rtl .k-switch-lg .k-switch-label-on { left: auto; } .k-switch-lg[dir="rtl"] .k-switch-label-off, [dir="rtl"] .k-switch-lg .k-switch-label-off, .k-rtl .k-switch-lg .k-switch-label-off { right: auto; } .k-switch-lg[dir="rtl"].k-switch-on .k-switch-thumb-wrap, [dir="rtl"] .k-switch-lg.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap { left: 17px; } .k-switch-lg[dir="rtl"].k-switch-off .k-switch-thumb-wrap, [dir="rtl"] .k-switch-lg.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 17px); } .k-switch[dir="rtl"] .k-switch-thumb, [dir="rtl"] .k-switch .k-switch-thumb, .k-switch.k-rtl .k-switch-thumb, .k-rtl .k-switch .k-switch-thumb { transform: translate(50%, -50%); } .k-switch.k-disabled { opacity: 1; filter: none; } .k-switch-off .k-switch-track { border-color: #adb5bd; background-color: #ffffff; } .k-switch-off .k-switch-thumb { background-color: #adb5bd; } .k-switch-off:focus .k-switch-track, .k-switch-off.k-focus .k-switch-track { border-color: #86b7fe; outline: 0.25rem solid rgba(13, 110, 253, 0.25); } .k-switch-off:disabled .k-switch-track, .k-switch-off.k-disabled .k-switch-track { background-color: #e9ecef; } .k-switch-off .k-switch-label-on { color: transparent; } .k-switch-on .k-switch-track { border-color: #0d6efd; background-color: #0d6efd; } .k-switch-on .k-switch-thumb { background-color: white; } .k-switch-on:focus .k-switch-track, .k-switch-on.k-focus .k-switch-track { outline: 0.25rem solid rgba(13, 110, 253, 0.25); } .k-switch-on:disabled .k-switch-track, .k-switch-on.k-disabled .k-switch-track { background-color: #86b7fe; } .k-switch-on .k-switch-label-off { color: transparent; } .k-external-dropzone { height: 220px; display: flex; flex-flow: row nowrap; } .k-dropzone-inner { padding-block: 0.5rem; padding-inline: 0.5rem; border-width: 1px; border-style: solid; box-sizing: border-box; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; flex: 1 1 auto; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; position: relative; } .k-dropzone-inner .k-dropzone-icon { margin-bottom: 1.5rem; } .k-dropzone-inner .k-dropzone-hint { margin-bottom: 0.5rem; } .k-dropzone-inner .k-dropzone-note { font-size: 0.75rem; } .k-dropzone-inner { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-dropzone-inner .k-icon, .k-dropzone-inner .k-dropzone-icon { color: #afb1b2; } .k-dropzone-inner .k-dropzone-note { color: #6c757d; } .k-external-dropzone-hover .k-icon, .k-external-dropzone-hover .k-dropzone-icon { color: #0d6efd; } .k-upload { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; position: relative; display: block; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-upload *, .k-upload *::before, .k-upload *::after { box-sizing: border-box; } .k-upload .k-upload-button { min-width: 7em; } .k-upload .k-dropzone, .k-upload .k-upload-dropzone { padding-block: 0.5rem; padding-inline: 0.5rem; border-width: 0; text-align: end; display: flex; align-items: center; justify-content: space-between; position: relative; background-color: transparent; } .k-upload .k-dropzone .k-dropzone-hint, .k-upload .k-upload-dropzone .k-dropzone-hint { font-style: normal; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; flex: 1; } .k-upload .k-dropzone .k-upload-status, .k-upload .k-upload-dropzone .k-upload-status { font-weight: normal; display: flex; align-items: center; position: relative; } .k-upload .k-dropzone .k-upload-status > .k-icon, .k-upload .k-upload-dropzone .k-upload-status > .k-icon { margin-inline-end: 0.5rem; } .k-upload .k-dropzone .k-upload-status + .k-dropzone-hint, .k-upload .k-upload-dropzone .k-upload-status + .k-dropzone-hint { display: none; } .k-upload .k-dropzone-active .k-upload-status { display: none; } .k-upload .k-dropzone-active .k-upload-status + .k-dropzone-hint { display: block; } .k-upload .k-upload-files { max-height: 300px; overflow-y: auto; margin: 0; padding: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit; list-style: none; } .k-upload .k-upload-files .k-file-multiple, .k-upload .k-upload-files .k-file-single { width: 100%; display: flex; justify-content: space-between; } .k-upload .k-upload-files .k-file-single { align-items: center; } .k-upload .k-upload-files .k-file-multiple { align-items: flex-start; } .k-upload .k-upload-files .k-file { padding: 1rem 1rem calc(1rem + 2px); border-width: 0 0 1px; border-style: solid; outline: none; display: flex; align-items: flex-start; position: relative; } .k-upload .k-upload-files .k-file:last-child { border-width: 0; } .k-upload .k-upload-files .k-filename { margin-left: 1rem; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .k-upload .k-upload-files .k-upload-pct { margin-block: 0; margin-inline: 0.5rem; font-weight: normal; vertical-align: middle; } .k-upload .k-upload-files ~ .k-clear-selected, .k-upload .k-upload-files ~ .k-upload-selected { margin-top: -0.5rem; border-width: 0; } .k-upload .k-upload-files ~ .k-upload-selected { border-left-width: 1px; border-left-style: solid; margin-left: -1px; } .k-upload .k-upload-files .k-file-name, .k-upload .k-upload-files .k-file-size, .k-upload .k-upload-files .k-file-validation-message, .k-upload .k-upload-files .k-file-summary { display: block; } .k-upload .k-upload-files .k-file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .k-upload .k-upload-files .k-file-size, .k-upload .k-upload-files .k-file-summary, .k-upload .k-upload-files .k-file-validation-message { font-size: 11px; line-height: 1; } .k-upload .k-upload-files .k-file-icon-wrapper .k-file-state { position: absolute; } .k-upload .k-upload-files .k-file-state { visibility: hidden; } .k-upload .k-upload-files .k-file-info { min-height: 32px; display: block; overflow: hidden; flex: 1 0 0; } .k-upload .k-multiple-files-wrapper, .k-upload .k-file-single > .k-file-info { margin-inline-start: 1rem; min-height: 32px; display: block; overflow: hidden; flex: 1 0 0; } .k-upload .k-multiple-files-wrapper .k-file-info { margin-bottom: 12px; display: block; } .k-upload .k-multiple-files-wrapper .k-file-summary { margin-top: -4px; } .k-upload .k-progressbar { --kendo-progressbar-height: 2px; position: absolute; left: 1rem; right: 1rem; bottom: 0.5rem; width: auto; } .k-upload .k-actions, .k-upload .k-edit-buttons, .k-upload .k-action-buttons, .k-upload .k-columnmenu-actions, .k-upload .k-form-buttons { border-top-width: 1px; } .k-upload-button-wrap { position: relative; direction: ltr; } .k-upload-button-wrap input { font: 170px monospace !important; margin: 0; padding: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; bottom: 0; right: 0; z-index: 1; } .k-upload-button-wrap input[disabled], .k-upload-button-wrap input.k-disabled { visibility: hidden; } .k-upload { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-upload .k-dropzone, .k-upload .k-upload-dropzone { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-upload .k-dropzone.k-hover, .k-upload .k-upload-dropzone.k-hover { background-color: #f4f5f6; } .k-upload .k-dropzone .k-dropzone-hint, .k-upload .k-upload-dropzone .k-dropzone-hint { color: #6c757d; } .k-upload .k-upload-files, .k-upload .k-file { border-color: #dee2e6; } .k-upload .k-file.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-upload .k-file .k-upload-action.k-focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-upload .k-upload-status { color: #6c757d; } .k-upload .k-file-progress .k-progressbar .k-selected { background-color: #0dcaf0; } .k-upload .k-file-success .k-file-validation-message { color: #198754; } .k-upload .k-file-success .k-progressbar .k-selected { background-color: #198754; } .k-upload .k-file-error .k-file-validation-message { color: #dc3545; } .k-upload .k-file-error .k-progressbar .k-selected { background-color: #dc3545; } .k-upload .k-file-icon-wrapper { color: #6c757d; border-color: #6c757d; } .k-upload .k-file-size, .k-upload .k-file-validation-message, .k-upload .k-file-summary { color: #6c757d; } .k-upload .k-multiple-files-wrapper .k-file-summary { color: #212529; } .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty { border-color: #dc3545; } .k-appbar { padding-block: 0.5rem; padding-inline: 0.5rem; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; list-style: none; display: flex; gap: 0.5rem; flex-flow: row wrap; align-items: center; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-appbar *, .k-appbar *::before, .k-appbar *::after { box-sizing: border-box; } .k-appbar > * { flex-shrink: 0; } .k-appbar .k-appbar-section { display: inline-flex; flex-wrap: nowrap; align-items: center; } .k-appbar .k-appbar-spacer { flex: 1 0 auto; } .k-appbar .k-appbar-spacer-sized { flex-grow: 0; } .k-appbar .k-appbar-separator { margin: 0; width: 0; min-height: 1em; border-style: solid; border-width: 0 0 0 1px; display: inline-block; } .k-appbar .k-input, .k-appbar .k-picker { width: 10em; } .k-appbar .k-color-picker, .k-appbar .k-colorpicker { width: min-content; } .k-appbar-static { position: static; } .k-appbar-sticky { width: 100%; position: sticky; top: 0; z-index: 1000; } .k-appbar-fixed { width: 100%; position: fixed; z-index: 1; } .k-appbar-top { top: 0; bottom: auto; } .k-appbar-bottom { top: auto; bottom: 0; } .k-appbar-bottom.k-appbar-fixed { bottom: 0; } .k-appbar { box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125)); } .k-appbar-bottom { box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125)); } .k-appbar-primary { color: white; background-color: #0d6efd; } .k-appbar-secondary { color: white; background-color: #6c757d; } .k-appbar-tertiary { color: white; background-color: #6f42c1; } .k-appbar-info { color: white; background-color: #0dcaf0; } .k-appbar-success { color: white; background-color: #198754; } .k-appbar-warning { color: black; background-color: #ffc107; } .k-appbar-error { color: white; background-color: #dc3545; } .k-appbar-dark { color: white; background-color: #212529; } .k-appbar-light { color: black; background-color: #f8f9fa; } .k-appbar-inverse { color: white; background-color: #212529; } .k-fab { padding: 0; border-width: 0; border-style: solid; border-color: transparent; box-sizing: border-box; color: inherit; background-color: transparent; font-size: 1rem; line-height: 1.5; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; text-align: center; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; cursor: pointer; outline: none; } .k-fab *, .k-fab *::before, .k-fab *::after { box-sizing: border-box; } .k-fab:focus { outline: none; } .k-fab-icon { padding-inline: 0.25rem; padding-block: 0.25rem; box-sizing: content-box; } .k-icon-wrapper-host:not(:only-child) .k-fab-icon, .k-fab-icon:not(:only-child) { margin-inline-end: 0.125rem; margin-inline-start: -0.125rem; } .k-fab-sm { padding: 0.5rem 0.5rem; } .k-fab-md { padding: 1rem 1rem; } .k-fab-lg { padding: 1.5rem 1.5rem; } .k-fab-items { margin: 0; padding-block: 1rem; padding-inline: 0px; display: flex; } .k-fab-items-bottom { flex-direction: column; } .k-fab-items-bottom .k-fab-item:last-child { margin-block-end: 0; } .k-fab-items-top { flex-direction: column-reverse; } .k-fab-items-top .k-fab-item:first-child { margin-block-end: 0; } .k-fab-item { list-style-type: none; margin-block-end: 0.5rem; outline: none; white-space: nowrap; display: flex; align-items: center; justify-content: flex-end; cursor: pointer; } .k-fab-item.k-text-right { flex-direction: row; } .k-fab-item.k-text-right .k-fab-item-text { margin-right: 0.5rem; } .k-fab-item.k-text-left { flex-direction: row-reverse; } .k-fab-item.k-text-left .k-fab-item-text { margin-left: 0.5rem; } .k-fab-item-text { padding-block: 0.25rem; padding-inline: 0.25rem; border-width: 1px; border-radius: 4px; font-size: 0.75rem; line-height: 14px; } .k-fab-item-icon { padding-block: 0.75rem; padding-inline: 0.75rem; border-width: 0; border-radius: 50%; box-sizing: content-box; outline: none; } .k-rtl .k-fab-popup .k-fab-item.k-text-left, [dir="rtl"] .k-fab-popup .k-fab-item.k-text-left { flex-direction: row; } .k-rtl .k-fab-popup .k-fab-item.k-text-right, [dir="rtl"] .k-fab-popup .k-fab-item.k-text-right { flex-direction: row-reverse; } .k-fab-solid-primary { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #0d6efd; outline-offset: -1px; border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-fab-solid-secondary { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #6c757d; outline-offset: -1px; border-color: #6c757d; color: white; background-color: #6c757d; } .k-fab-solid-tertiary { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #6f42c1; outline-offset: -1px; border-color: #6f42c1; color: white; background-color: #6f42c1; } .k-fab-solid-info { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #0dcaf0; outline-offset: -1px; border-color: #0dcaf0; color: black; background-color: #0dcaf0; } .k-fab-solid-success { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #198754; outline-offset: -1px; border-color: #198754; color: white; background-color: #198754; } .k-fab-solid-warning { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #ffc107; outline-offset: -1px; border-color: #ffc107; color: black; background-color: #ffc107; } .k-fab-solid-error { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #dc3545; outline-offset: -1px; border-color: #dc3545; color: white; background-color: #dc3545; } .k-fab-solid-dark { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #212529; outline-offset: -1px; border-color: #212529; color: white; background-color: #212529; } .k-fab-solid-light { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #f8f9fa; outline-offset: -1px; border-color: #f8f9fa; color: black; background-color: #f8f9fa; } .k-fab-solid-inverse { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #212529; outline-offset: -1px; border-color: #212529; color: white; background-color: #212529; } .k-fab-solid-primary:hover, .k-fab-solid-primary.k-hover { border-color: #0257d5; color: white; background-color: #025ce2; } .k-fab-solid-secondary:hover, .k-fab-solid-secondary.k-hover { border-color: #545b62; color: white; background-color: #5a6268; } .k-fab-solid-tertiary:hover, .k-fab-solid-tertiary.k-hover { border-color: #59339d; color: white; background-color: #5e37a6; } .k-fab-solid-info:hover, .k-fab-solid-info.k-hover { border-color: #0aa1c0; color: black; background-color: #0babcc; } .k-fab-solid-success:hover, .k-fab-solid-success.k-hover { border-color: #115c39; color: white; background-color: #136740; } .k-fab-solid-warning:hover, .k-fab-solid-warning.k-hover { border-color: #d39e00; color: black; background-color: #e0a800; } .k-fab-solid-error:hover, .k-fab-solid-error.k-hover { border-color: #bd2130; color: white; background-color: #c82333; } .k-fab-solid-dark:hover, .k-fab-solid-dark.k-hover { border-color: #0a0c0d; color: white; background-color: #101214; } .k-fab-solid-light:hover, .k-fab-solid-light.k-hover { border-color: #dae0e5; color: black; background-color: #e2e6ea; } .k-fab-solid-inverse:hover, .k-fab-solid-inverse.k-hover { border-color: #0a0c0d; color: white; background-color: #101214; } .k-fab-solid-primary:focus, .k-fab-solid-primary.k-focus { outline: 3px solid rgba(13, 110, 253, 0.5); } .k-fab-solid-secondary:focus, .k-fab-solid-secondary.k-focus { outline: 3px solid rgba(108, 117, 125, 0.5); } .k-fab-solid-tertiary:focus, .k-fab-solid-tertiary.k-focus { outline: 3px solid rgba(111, 66, 193, 0.5); } .k-fab-solid-info:focus, .k-fab-solid-info.k-focus { outline: 3px solid rgba(13, 202, 240, 0.5); } .k-fab-solid-success:focus, .k-fab-solid-success.k-focus { outline: 3px solid rgba(25, 135, 84, 0.5); } .k-fab-solid-warning:focus, .k-fab-solid-warning.k-focus { outline: 3px solid rgba(255, 193, 7, 0.5); } .k-fab-solid-error:focus, .k-fab-solid-error.k-focus { outline: 3px solid rgba(220, 53, 69, 0.5); } .k-fab-solid-dark:focus, .k-fab-solid-dark.k-focus { outline: 3px solid rgba(33, 37, 41, 0.5); } .k-fab-solid-light:focus, .k-fab-solid-light.k-focus { outline: 3px solid rgba(248, 249, 250, 0.5); } .k-fab-solid-inverse:focus, .k-fab-solid-inverse.k-focus { outline: 3px solid rgba(33, 37, 41, 0.5); } .k-fab-solid-primary:active, .k-fab-solid-primary.k-active, .k-fab-solid-primary.k-selected { border-color: #0252c9; color: white; background-color: #0257d5; } .k-fab-solid-secondary:active, .k-fab-solid-secondary.k-active, .k-fab-solid-secondary.k-selected { border-color: #4e555b; color: white; background-color: #545b62; } .k-fab-solid-tertiary:active, .k-fab-solid-tertiary.k-active, .k-fab-solid-tertiary.k-selected { border-color: #533093; color: white; background-color: #59339d; } .k-fab-solid-info:active, .k-fab-solid-info.k-active, .k-fab-solid-info.k-selected { border-color: #0a97b4; color: black; background-color: #0aa1c0; } .k-fab-solid-success:active, .k-fab-solid-success.k-active, .k-fab-solid-success.k-selected { border-color: #0f5133; color: white; background-color: #115c39; } .k-fab-solid-warning:active, .k-fab-solid-warning.k-active, .k-fab-solid-warning.k-selected { border-color: #c69500; color: black; background-color: #d39e00; } .k-fab-solid-error:active, .k-fab-solid-error.k-active, .k-fab-solid-error.k-selected { border-color: #b21f2d; color: white; background-color: #bd2130; } .k-fab-solid-dark:active, .k-fab-solid-dark.k-active, .k-fab-solid-dark.k-selected { border-color: #050506; color: white; background-color: #0a0c0d; } .k-fab-solid-light:active, .k-fab-solid-light.k-active, .k-fab-solid-light.k-selected { border-color: #d3d9df; color: black; background-color: #dae0e5; } .k-fab-solid-inverse:active, .k-fab-solid-inverse.k-active, .k-fab-solid-inverse.k-selected { border-color: #050506; color: white; background-color: #0a0c0d; } .k-fab-solid-primary:disabled, .k-fab-solid-primary.k-disabled { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); background-color: #64a2fe; color: white; opacity: 1; } .k-fab-solid-secondary:disabled, .k-fab-solid-secondary.k-disabled { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); background-color: #a1a7ac; color: white; opacity: 1; } .k-fab-solid-tertiary:disabled, .k-fab-solid-tertiary.k-disabled { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); background-color: #a386d7; color: white; opacity: 1; } .k-fab-solid-info:disabled, .k-fab-solid-info.k-disabled { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); background-color: #64ddf5; color: #666666; opacity: 1; } .k-fab-solid-success:disabled, .k-fab-solid-success.k-disabled { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); background-color: #6cb292; color: white; opacity: 1; } .k-fab-solid-warning:disabled, .k-fab-solid-warning.k-disabled { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); background-color: #ffd760; color: #666666; opacity: 1; } .k-fab-solid-error:disabled, .k-fab-solid-error.k-disabled { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); background-color: #e97e88; color: white; opacity: 1; } .k-fab-solid-dark:disabled, .k-fab-solid-dark.k-disabled { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); background-color: #717376; color: white; opacity: 1; } .k-fab-solid-light:disabled, .k-fab-solid-light.k-disabled { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); background-color: #fbfbfc; color: #666666; opacity: 1; } .k-fab-solid-inverse:disabled, .k-fab-solid-inverse.k-disabled { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); background-color: #717376; color: white; opacity: 1; } .k-fab-item-text { border-color: #dee2e6; color: #212529; background-color: #ffffff; box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); } .k-fab-item-icon { border-color: #e4e7eb; color: #212529; background-color: #e4e7eb; box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #e4e7eb; outline-offset: -1px; } .k-fab-item:hover .k-fab-item-icon, .k-fab-item.k-hover .k-fab-item-icon { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); outline: 1px solid #c7cdd5; outline-offset: -1px; border-color: #c7cdd5; color: black; background-color: #ced3db; } .k-fab-item:focus .k-fab-item-text, .k-fab-item.k-focus .k-fab-item-text, .k-fab-item:focus .k-fab-item-icon, .k-fab-item.k-focus .k-fab-item-icon { outline: 3px solid rgba(228, 231, 235, 0.5); } .k-fab-item:active .k-fab-item-icon, .k-fab-item.k-active .k-fab-item-icon { outline: 1px solid #bfc6d0; outline-offset: -1px; border-color: #bfc6d0; color: black; background-color: #c7cdd5; } .k-fab-item:disabled, .k-fab-item.k-disabled { opacity: 1; } .k-fab-item:disabled .k-fab-item-text, .k-fab-item:disabled .k-fab-item-icon, .k-fab-item.k-disabled .k-fab-item-text, .k-fab-item.k-disabled .k-fab-item-icon { box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15)); background-color: white; color: #afb1b2; } .k-fab-popup { box-shadow: none; } .k-actionsheet-container { width: 100%; height: 100%; max-width: clamp(100vw, 100%, 100%); max-height: clamp(100vh, 100%, 100%); position: fixed; top: 0; left: 0; z-index: 9999; overflow: hidden; transform: translateZ(0); } .k-actionsheet-container > .k-overlay { position: absolute; z-index: 1; } .k-actionsheet-container > .k-animation-container { width: 100%; height: 100%; border-radius: 0; overflow: hidden; position: absolute; z-index: 2; top: 0; left: 0; pointer-events: none; } .k-actionsheet-container > .k-animation-container > .k-child-animation-container { position: absolute; } .k-actionsheet-container > .k-actionsheet { position: absolute; z-index: 2; } .k-actionsheet-container .k-actionsheet { pointer-events: all; } .k-actionsheet { width: var(--kendo-actionsheet-width, 360px); height: var(--kendo-actionsheet-height, 60vh); max-width: var(--kendo-actionsheet-max-width, 100%); max-height: var(--kendo-actionsheet-max-height, 60vh); border-width: 0; border-style: solid; border-color: transparent; box-sizing: border-box; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; overflow: hidden; position: relative; } .k-actionsheet *, .k-actionsheet *::before, .k-actionsheet *::after { box-sizing: border-box; } .k-actionsheet-titlebar, .k-actionsheet-jq .k-actionsheet-header { padding-block: 0.5rem; padding-inline: 1rem; border-width: 0; border-style: solid; border-color: transparent; flex: none; display: flex; flex-flow: column nowrap; align-items: center; gap: 1rem; } .k-actionsheet-titlebar-group { display: flex; flex-flow: row nowrap; align-items: center; width: 100%; } .k-actionsheet-title { flex: 1; } .k-actionsheet-subtitle { font-size: 0.875rem; line-height: 1.25; } .k-actionsheet-actions { flex: none; } .k-actionsheet-content { flex: 1; overflow: auto; position: relative; } .k-actionsheet-footer { flex: none; } .k-actionsheet-items { margin: 0; padding: 0; list-style: none; flex: none; } .k-actionsheet-item { padding: 0; box-sizing: border-box; display: flex; flex-flow: row nowrap; outline: none; } .k-actionsheet-action { margin: 0; padding-block: 0.5rem; padding-inline: 1rem; min-height: 40px; box-sizing: border-box; color: inherit; text-decoration: none; outline: 0; display: flex; flex-flow: row nowrap; align-items: flex-start; gap: 12px; } .k-actionsheet-item-text { display: flex; flex-flow: column nowrap; } .k-actionsheet-item-description { font-size: 0.875em; } .k-actionsheet .k-hr { margin: 0; flex: none; } .k-actionsheet-top { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-width: 0px; border-top-width: 0; top: 0; inset-inline-start: 50%; transform: translateX(-50%); } .k-actionsheet-bottom { border-top-left-radius: 0px; border-top-right-radius: 0px; border-width: 0px; border-bottom-width: 0; bottom: 0; inset-inline-start: 50%; transform: translateX(-50%); } .k-actionsheet-left { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-width: 0px; border-left-width: 0; left: 0; top: 50%; transform: translateY(-50%); } .k-actionsheet-right { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-width: 0px; border-right-width: 0; right: 0; top: 50%; transform: translateY(-50%); } .k-actionsheet-fullscreen { width: 100%; max-width: 100%; max-height: 100%; height: 100%; } .k-animation-container > .k-actionsheet { top: auto; right: auto; bottom: auto; left: auto; transform: none; } .k-adaptive-actionsheet { max-width: 100%; width: 100%; font-size: 1.25rem; display: flex; flex-flow: column nowrap; } .k-adaptive-actionsheet .k-actionsheet-titlebar, .k-adaptive-actionsheet .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-adaptive-actionsheet .k-actionsheet-header { padding-block: 1rem; padding-inline: 1rem; border-bottom-width: 1px; } .k-adaptive-actionsheet .k-actionsheet-content { padding-block: 0.5rem; padding-inline: 1rem; } .k-adaptive-actionsheet .k-actionsheet-footer { padding-block: 0.5rem; padding-inline: 1rem; } .k-adaptive-actionsheet .k-actionsheet-filter { width: calc(min(100%, calc( 360px - 2rem) )); } .k-adaptive-actionsheet .k-actionsheet-content, .k-adaptive-actionsheet .k-actionsheet-footer { margin-inline: auto; width: min(100%, 360px); } .k-adaptive-actionsheet .k-list-container, .k-adaptive-actionsheet .k-treeview { height: 100%; } .k-adaptive-actionsheet .k-list-filter { width: 100%; padding-inline: 0; } .k-adaptive-actionsheet .k-menu-group { height: 100%; overflow: auto; position: static; } .k-adaptive-actionsheet .k-calendar { margin-inline: auto; border-width: 0; display: flex; } .k-adaptive-actionsheet .k-timeselector { height: 100%; border-width: 0; overflow: hidden; } .k-adaptive-actionsheet .k-timeselector .k-time-part { display: contents; } .k-adaptive-actionsheet .k-timeselector .k-time-list-wrapper { height: 100%; } .k-adaptive-actionsheet .k-datetime-wrap { width: 100%; height: 100%; display: flex; flex-flow: column nowrap; } .k-adaptive-actionsheet .k-datetime-selector { flex: 1 1 auto; } .k-adaptive-actionsheet .k-datetime-calendar-wrap { width: 100%; position: absolute; top: 0; left: 0; bottom: 0; flex: 0 0 100%; } .k-adaptive-actionsheet .k-datetime-time-wrap { width: 100%; position: absolute; top: 0; left: 100%; bottom: 0; flex: 0 0 100%; } .k-adaptive-actionsheet .k-scrollable-wrap { height: 100%; overflow-y: auto; } .k-adaptive-actionsheet .k-data-table { max-height: 100%; overflow: hidden; display: flex; flex-flow: column nowrap; } .k-actionsheet-jq.k-actionsheet { height: auto; } .k-actionsheet-jq .k-actionsheet-header { align-items: flex-start; } .k-actionsheet-jq .k-actionsheet-action { align-items: center; } .k-rtl .k-actionsheet-top, .k-rtl .k-actionsheet-bottom, [dir="rtl"] .k-actionsheet-top, [dir="rtl"] .k-actionsheet-bottom { transform: translateX(50%); } .k-actionsheet { border-color: #dee2e6; color: #212529; background-color: #ffffff; box-shadow: var(--kendo-elevation-7, 0px 14px 36px 0px rgba(0, 0, 0, 0.168)); } .k-actionsheet-subtitle { color: #6c757d; } .k-actionsheet-item:hover, .k-actionsheet-item.k-hover { background-color: #e9ecef; } .k-actionsheet-item:focus, .k-actionsheet-item.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-actionsheet-item-description { color: #6c757d; } .k-actionsheet .k-hr { border-color: #dee2e6; } .k-adaptive-actionsheet .k-actionsheet-titlebar, .k-adaptive-actionsheet .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-adaptive-actionsheet .k-actionsheet-header { border-color: #dee2e6; } .k-window { border-radius: 0.375rem; padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: inline-flex; flex-direction: column; position: absolute; z-index: 10002; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-window.k-window-maximized { max-width: 100vw; max-height: 100vh; box-shadow: none; } .k-window-sm { width: 300px; } .k-window-md { width: 800px; } .k-window-lg { width: 1200px; } .k-window-titlebar { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; padding-block: 1rem; padding-inline: 1rem; border-width: 0 0 1px; border-style: solid; white-space: nowrap; display: flex; flex-direction: row; flex-shrink: 0; align-items: center; } .k-window-minimized .k-window-titlebar { border-width: 0; } .k-window-title { padding-block: .5em; padding-inline: 0; margin-block: -.5em; margin-inline: 0; font-size: 1.25rem; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; cursor: default; flex: 1; display: flex; flex-flow: row nowrap; } .k-window-title::before { content: "\200b"; } .k-window-titlebar-actions { margin-block: -5em; margin-inline: 0; margin-inline-end: 0rem; line-height: 1; display: flex; gap: 0.5rem; flex-flow: row nowrap; flex-shrink: 0; align-items: center; vertical-align: top; } .k-window-titlebar-action { flex-shrink: 0; opacity: 0.5; } .k-window-titlebar-action:hover { opacity: 0.75; } .k-window-content, .k-prompt-container { padding-block: 1rem; padding-inline: 1rem; border-width: 0; border-color: inherit; color: inherit; background: none; outline: 0; overflow: auto; position: relative; flex: 1 1 auto; } .k-window-content + .k-prompt-container { margin-top: -0.5rem; } .k-window-content:first-child { padding-top: clamp(1rem, 1rem, 1rem); } .k-window-content:last-child { padding-bottom: clamp(1rem, 1rem, 1rem); } .k-window-iframecontent { padding: 0; overflow: visible; } .k-window-iframecontent .k-content-frame { vertical-align: top; border: 0; width: 100%; height: 100%; } .k-window-actions { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; padding-block: 0.5rem; padding-inline: 0.5rem; border-width: 1px 0 0; border-style: solid; border-color: inherit; flex: 0 0 auto; display: flex; flex-flow: row wrap; align-items: center; overflow: hidden; } .k-prompt-container > .k-textarea { width: 100%; } .k-window .k-resize-n { top: 0; } .k-window .k-resize-e { right: 0; } .k-window .k-resize-s { bottom: 0; } .k-window .k-resize-w { left: 0; } .k-window { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-window-titlebar { border-color: #dee2e6; } .k-window-primary .k-window-titlebar { color: white; background-color: #0d6efd; } .k-window-light .k-window-titlebar { color: black; background-color: #f8f9fa; } .k-window-dark .k-window-titlebar { color: white; background-color: #212529; } .k-dialog-wrapper { display: flex; align-items: center; justify-content: center; flex-direction: column; outline: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; } .k-dialog-wrapper .k-dialog { position: relative; } .k-dialog { padding: 0; position: fixed; box-sizing: border-box; } .k-dialog.k-dialog-centered { transform: translate(-50%, -50%); top: 50%; left: 50%; } .k-dialog .k-multiselect { width: 100%; } .k-dialog-actions { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; padding-block: 0.5rem; padding-inline: 0.5rem; border-width: 1px 0 0; border-style: solid; border-color: inherit; flex: 0 0 auto; display: flex; flex-flow: row wrap; align-items: center; gap: 0.5rem; overflow: hidden; } .k-dialog-primary .k-dialog-titlebar { color: white; background-color: #0d6efd; } .k-dialog-light .k-dialog-titlebar { color: black; background-color: #f8f9fa; } .k-dialog-dark .k-dialog-titlebar { color: white; background-color: #212529; } .k-drawer-container { display: flex; flex-flow: row nowrap; align-items: flex-start; } kendo-drawer.k-drawer, kendo-drawer .k-drawer-wrapper { transition: none; } .k-drawer { height: 100%; max-width: 100%; border-width: 0; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-direction: column; flex: 0 0 auto; transition: all 300ms ease-in-out; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-drawer *, .k-drawer *::before, .k-drawer *::after { box-sizing: border-box; } .k-drawer-mini .k-drawer.k-drawer-start, .k-drawer-expanded .k-drawer.k-drawer-start, .k-drawer-left.k-drawer-mini .k-drawer, .k-drawer-left.k-drawer-expanded .k-drawer { border-right-width: 1px; } .k-drawer-mini .k-drawer.k-drawer-end, .k-drawer-expanded .k-drawer.k-drawer-end, .k-drawer-right.k-drawer-mini .k-drawer, .k-drawer-right.k-drawer-expanded .k-drawer { border-left-width: 1px; } .k-drawer.k-drawer-start, .k-drawer-left .k-drawer { top: 0; left: 0; } .k-drawer.k-drawer-end, .k-drawer-right .k-drawer { top: 0; right: 0; } .k-drawer-content { flex: 1 1 auto; overflow: auto; } .k-drawer-overlay .k-drawer { max-width: 80vw; position: fixed; z-index: 10002; border: 0; } .k-drawer-overlay > .k-overlay { display: none; } .k-drawer-overlay.k-drawer-expanded > .k-overlay { display: block; } .k-drawer-push { display: flex; flex-direction: row; } .k-drawer-push .k-drawer { height: auto; position: relative; align-self: stretch; } .k-drawer-push .k-drawer.k-drawer-end, .k-drawer-push.k-drawer-right .k-drawer { order: 1; } .k-drawer-wrapper { overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; transition: all 300ms ease-in-out; } .k-drawer-wrapper::-webkit-scrollbar { width: 7px; } .k-drawer-wrapper::-webkit-scrollbar-thumb { border-radius: 20px; } .k-drawer-items, .k-drawer-items ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; align-items: stretch; } .k-drawer-item { padding-block: 0.5rem; padding-inline: 1rem; outline: 0; color: inherit; font-size: 16px; line-height: 2; display: flex; flex-flow: row nowrap; gap: 1rem; cursor: pointer; } .k-drawer-item > .k-drawer-link { margin-block: -0.5rem; margin-inline: -1rem; padding-block: 0.5rem; padding-inline: 1rem; color: inherit; display: flex; flex-flow: row nowrap; flex: 1 0 auto; gap: 1rem; } .k-drawer-item .k-icon { flex-shrink: 0; padding-inline: 0; padding-block: 0.5rem; box-sizing: content-box; } .k-drawer-item .k-icon.k-i-none { margin: 0; } .k-drawer-item .k-item-text { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .k-drawer-item .k-drawer-toggle { margin-inline-start: auto; cursor: pointer; display: flex; } .k-drawer-item.k-level-1 { padding-inline-start: 2rem; } .k-drawer-item.k-level-2 { padding-inline-start: 3rem; } .k-drawer-item.k-level-3 { padding-inline-start: 4rem; } .k-drawer-item.k-level-4 { padding-inline-start: 5rem; } .k-drawer-item.k-level-5 { padding-inline-start: 6rem; } .k-drawer-separator { padding: 0; height: 1px; } .k-drawer-mini .k-drawer-wrapper { width: calc(2rem + 16px); } .k-rtl.k-drawer-mini .k-drawer-start, .k-rtl .k-drawer-mini .k-drawer-start, .k-rtl .k-drawer-expanded .k-drawer-start, .k-rtl.k-drawer-expanded .k-drawer-start, [dir="rtl"].k-drawer-mini .k-drawer-start, [dir="rtl"] .k-drawer-mini .k-drawer-start, [dir="rtl"] .k-drawer-expanded .k-drawer-start, [dir="rtl"].k-drawer-expanded .k-drawer-start { border-left-width: 1px; border-right-width: 0; } .k-rtl.k-drawer-mini .k-drawer-end, .k-rtl .k-drawer-mini .k-drawer-end, .k-rtl.k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end, [dir="rtl"].k-drawer-mini .k-drawer-end, [dir="rtl"] .k-drawer-mini .k-drawer-end, [dir="rtl"].k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end { border-left-width: 0; border-right-width: 1px; } .k-rtl.k-drawer-overlay .k-drawer-start, .k-rtl .k-drawer-overlay .k-drawer-start, [dir="rtl"].k-drawer-overlay .k-drawer-start, [dir="rtl"] .k-drawer-overlay .k-drawer-start { left: auto; right: 0; } .k-rtl.k-drawer-overlay .k-drawer-end, .k-rtl .k-drawer-overlay .k-drawer-end, [dir="rtl"].k-drawer-overlay .k-drawer-end, [dir="rtl"] .k-drawer-overlay .k-drawer-end { left: 0; right: auto; } .k-rtl .k-drawer-left.k-drawer-push .k-drawer, [dir="rtl"] .k-drawer-left.k-drawer-push .k-drawer { order: 1; } .k-rtl .k-drawer-right.k-drawer-push .k-drawer, [dir="rtl"] .k-drawer-right.k-drawer-push .k-drawer { order: 0; } .k-drawer { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-drawer-wrapper { scrollbar-color: rgba(156, 156, 156, 0.7) #dedede; } .k-drawer-wrapper::-webkit-scrollbar-track { background: #dedede; } .k-drawer-wrapper::-webkit-scrollbar-thumb { background: rgba(156, 156, 156, 0.7); } .k-drawer-wrapper::-webkit-scrollbar-thumb:hover { background: #9c9c9c; } .k-drawer-item:hover, .k-drawer-item.k-hover { color: #16181b; background-color: #e9ecef; } .k-drawer-item:focus, .k-drawer-item.k-focus { background-color: #e9ecef; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15); } .k-drawer-item:focus:hover, .k-drawer-item:focus.k-hover, .k-drawer-item.k-focus:hover, .k-drawer-item.k-focus.k-hover { color: #16181b; background-color: #e9ecef; } .k-drawer-item.k-selected { color: #ffffff; background-color: #0d6efd; } .k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-hover { color: #ffffff; background-color: #0c65e9; } .k-drawer-separator { background-color: #dee2e6; } .k-notification-group { max-height: 100%; display: inline-flex; flex-flow: column-reverse wrap; position: fixed; z-index: 1000; gap: 0.75rem 0; } .k-notification-container-animating { overflow: hidden; } .k-notification { border-radius: 0.375rem; padding-block: 1rem; padding-inline: 1rem; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; line-height: 1.5; cursor: default; position: relative; display: flex; align-items: center; justify-content: center; gap: 0.5rem; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-notification *, .k-notification *::before, .k-notification *::after { box-sizing: border-box; } .k-notification > .k-notification-content { flex: 1 1 auto; } .k-notification-actions { flex: none; display: flex; gap: 0.5rem; flex-flow: row nowrap; align-items: center; align-self: center; cursor: pointer; } .k-notification-action { flex: none; display: flex; flex-flow: row nowrap; align-items: center; align-self: center; } .k-notification { border-color: #dee2e6; color: #212529; background-color: #ffffff; box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125)); } .k-notification-inverse { border-color: #d3d3d4; color: #111315; background-color: #c1c2c3; } .k-notification-light { border-color: #fefefe; color: #818182; background-color: #fdfdfe; } .k-notification-dark { border-color: #d3d3d4; color: #111315; background-color: #c1c2c3; } .k-notification-error { border-color: #f8d7da; color: #721c24; background-color: #f5c6cb; } .k-notification-warning { border-color: #fff3cd; color: #856404; background-color: #ffeeba; } .k-notification-success { border-color: #d1e7dd; color: #0d462c; background-color: #bfddcf; } .k-notification-info { border-color: #cff4fc; color: #07697d; background-color: #bbf0fb; } .k-notification-tertiary { border-color: #e2d9f3; color: #3a2264; background-color: #d7caee; } .k-notification-secondary { border-color: #e2e3e5; color: #383d41; background-color: #d6d8db; } .k-notification-primary { border-color: #cfe2ff; color: #073984; background-color: #bbd6fe; } kendo-card, kendo-card-header, kendo-card-body, kendo-card-actions, kendo-card-footer { display: block; } .k-card { border-radius: 0.375rem; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-direction: column; position: relative; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-card *, .k-card *::before, .k-card *::after { box-sizing: border-box; } .k-card .k-card-avatar, .k-card .k-avatar { margin-right: 1rem; width: 45px; height: 45px; flex-basis: 45px; } .k-card > .k-card-inner { border-radius: calc(0.375rem - 1px); display: flex; flex-direction: inherit; overflow: hidden; position: relative; } .k-card-horizontal { flex-flow: row nowrap; } .k-card-vertical { flex-flow: column nowrap; } .k-card-header { padding-block: 1rem; padding-inline: 1rem; border-width: 0 0 1px; border-style: solid; outline: 0; flex-shrink: 0; overflow: hidden; position: relative; z-index: 1; } .k-card-header .k-card-title, .k-card-header .k-card-subtitle { margin-bottom: 0; } .k-card-header .k-card-title + .k-card-subtitle, .k-card-header .k-card-subtitle + .k-card-subtitle { margin-top: 0.75rem; } .k-card-footer { padding-block: 1rem; padding-inline: 1rem; border-width: 1px 0 0; border-style: solid; outline: 0; flex-shrink: 0; } .k-card-body { padding-block: 1rem; padding-inline: 1rem; outline: 0; flex: 1 1 auto; } .k-card-body p { margin: 0 0 1rem; } .k-card-body > .k-last, .k-card-body > :last-child { margin-bottom: 0; } .k-card-body > .k-card-actions { padding: 0; } .k-card-media { border: 0; max-width: 100%; flex-shrink: 0; overflow: hidden; } .k-card-horizontal .k-card-media { max-width: 100px; object-fit: cover; } .k-card-title { margin: 0 0 0.75rem; font-size: 1.25rem; line-height: 1.2; font-weight: 500; } .k-card-subtitle { margin: 0 0 0.75rem; font-size: 1rem; line-height: 1.2; font-weight: 500; } .k-card-separator { margin: 0; border-width: 0; border-style: solid; border-color: inherit; display: block; flex: 0 0 auto; align-self: stretch; } .k-card-separator.k-separator-horizontal, .k-card-vertical > .k-card-separator { border-top-width: 1px; } .k-card-separator.k-separator-vertical, .k-card-horizontal > .k-card-separator { border-left-width: 1px; } .k-card > .k-hr { margin: 0; flex: 0 0 auto; border-color: inherit; } .k-card-actions { padding-block: 0.5rem; padding-inline: 0.5rem; border-width: 0; border-style: solid; border-color: inherit; overflow: hidden; display: flex; flex-shrink: 0; flex-basis: auto; gap: 0.5rem; } .k-card-horizontal .k-actions-horizontal { width: auto; } .k-card-list { display: flex; flex-flow: column nowrap; align-items: stretch; gap: 1rem; flex: 0 0 auto; } .k-card-list .k-card { flex: 0 0 auto; } .k-card-deck { display: flex; flex-flow: row nowrap; align-items: stretch; gap: 1rem; flex: 0 0 auto; } .k-card-deck .k-card { flex: 0 0 auto; } .k-card-deck-scrollwrap { padding-bottom: 3px; width: 100%; box-sizing: content-box; display: flex; flex: 0 0 auto; align-items: center; position: relative; overflow: hidden; } .k-card-deck-scrollwrap > .k-button { border-radius: 0px; flex: 0 0 auto; position: absolute; z-index: 1; } .k-card-deck-scrollwrap > .k-button:first-child { left: -1px; } .k-card-deck-scrollwrap > .k-button:last-child { right: -1px; } .k-card-deck-scrollwrap > .k-card-deck { margin-bottom: -20px; padding-bottom: 20px; flex: 1 1 auto; } .k-card-group { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 0 0 auto; } .k-card-group .k-card { border-radius: 0; flex: 0 0 auto; } .k-card-group .k-card + .k-card { margin-inline-start: 1px; } .k-card-group .k-card.k-first { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .k-card-group .k-card.k-last { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .k-card-group .k-card.k-only { border-radius: 0.375rem; } .k-card-with-callout { overflow: visible; } .k-card-callout { margin: 0; width: 1.3em; height: 1.3em; border-width: 1px; border-style: solid; box-sizing: border-box; position: absolute; } .k-card-callout.k-callout-n { top: 0; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .k-card-callout.k-callout-e { top: 50%; right: 0; transform: translate(50%, -50%) rotate(-45deg); } .k-card-callout.k-callout-s { bottom: 0; left: 50%; transform: translate(-50%, 50%) rotate(45deg); } .k-card-callout.k-callout-w { top: 50%; left: 0; transform: translate(-50%, -50%) rotate(45deg); } .k-card-flat { box-shadow: none; } .k-card { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-card .k-card-inner { background-color: inherit; border-color: inherit; } .k-card:focus, .k-card.k-focus { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-card.k-selected { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-card-actions { border-color: #dee2e6; } .k-card-header { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-card-footer { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-card-separator, .k-card .k-separator { border-color: #dee2e6; } .k-card-subtitle { color: #6c757d; } .k-card-primary { background-color: #cfe2ff; color: #073984; border-color: #bbd6fe; } .k-card-primary .k-card-subtitle { color: inherit; } .k-card-secondary { background-color: #e2e3e5; color: #383d41; border-color: #d6d8db; } .k-card-secondary .k-card-subtitle { color: inherit; } .k-card-tertiary { background-color: #e2d9f3; color: #3a2264; border-color: #d7caee; } .k-card-tertiary .k-card-subtitle { color: inherit; } .k-card-info { background-color: #cff4fc; color: #07697d; border-color: #bbf0fb; } .k-card-info .k-card-subtitle { color: inherit; } .k-card-success { background-color: #d1e7dd; color: #0d462c; border-color: #bfddcf; } .k-card-success .k-card-subtitle { color: inherit; } .k-card-warning { background-color: #fff3cd; color: #856404; border-color: #ffeeba; } .k-card-warning .k-card-subtitle { color: inherit; } .k-card-error { background-color: #f8d7da; color: #721c24; border-color: #f5c6cb; } .k-card-error .k-card-subtitle { color: inherit; } .k-card-dark { background-color: #d3d3d4; color: #111315; border-color: #c1c2c3; } .k-card-dark .k-card-subtitle { color: inherit; } .k-card-light { background-color: #fefefe; color: #818182; border-color: #fdfdfe; } .k-card-light .k-card-subtitle { color: inherit; } .k-card-inverse { background-color: #d3d3d4; color: #111315; border-color: #c1c2c3; } .k-card-inverse .k-card-subtitle { color: inherit; } .k-card-wrap:focus > .k-card, .k-card-wrap.k-focus > .k-card, .k-card-wrap.k-selected > .k-card { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-card-callout { border-color: inherit; background-color: inherit; box-shadow: inherit; } .k-popover { border-radius: 0.375rem; padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; display: flex; flex-flow: column nowrap; z-index: 12000; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-popover *, .k-popover *::before, .k-popover *::after { box-sizing: border-box; } .k-popover-inner { height: inherit; position: relative; border-radius: inherit; border-color: inherit; } .k-popover-header { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; padding-block: 1rem; padding-inline: 1rem; border-width: 0 0 1px; border-style: solid; border-color: inherit; } .k-popover-body { padding-block: 1rem; padding-inline: 1rem; } .k-popover-actions { border-width: 1px 0 0; } .k-popover-callout { margin: 0; width: 1.3em; height: 1.3em; border-width: 1px; border-style: solid; position: absolute; } .k-popover-callout.k-callout-n { top: 0; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .k-popover-callout.k-callout-e { top: 50%; right: 0; transform: translate(50%, -50%) rotate(-45deg); } .k-popover-callout.k-callout-s { bottom: 0; left: 50%; transform: translate(-50%, 50%) rotate(45deg); } .k-popover-callout.k-callout-w { top: 50%; left: 0; transform: translate(-50%, -50%) rotate(45deg); } .k-popover { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-popover-inner { background-color: inherit; border-color: inherit; } .k-popover-callout { border-color: inherit; background-color: inherit; box-shadow: inherit; } .k-rpanel-left, .k-rpanel-right { position: fixed; display: block; overflow: auto; min-width: 320px; height: 100%; top: 0; } .k-rpanel-left + *, .k-rpanel-right + * { overflow: auto; } .k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded { transform: translateX(0) translateZ(0); } .k-rpanel-left { transform: translateX(-100%) translateZ(0); left: 0; } .k-rpanel-right { transform: translateX(100%) translateZ(0); right: 0; } .k-rpanel-top { position: static; max-height: 0; } .k-rpanel-top.k-rpanel-expanded { max-height: 568px; overflow: visible !important; } .k-rpanel-toggle { touch-action: manipulation; } .k-bottom-nav { padding-block: 0px; padding-inline: 0px; width: 100%; border-width: 0; border-style: solid; border-color: transparent; box-sizing: border-box; font-size: 1rem; line-height: normal; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; letter-spacing: 0.2px; display: flex; flex-flow: row nowrap; white-space: nowrap; gap: 0px; overflow: hidden; outline: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-bottom-nav *, .k-bottom-nav *::before, .k-bottom-nav *::after { box-sizing: border-box; } .k-bottom-nav-border { border-width: 1px 0px 0px 0px; } .k-bottom-nav-shadow { box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125)); } .k-bottom-nav-item { padding-block: 0; padding-inline: 0.5rem; min-width: 72px; min-height: calc(40px + 1rem); border-width: 0; box-sizing: border-box; font: inherit; display: inline-flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: 0 0.25rem; text-decoration: none; cursor: pointer; color: inherit; background-color: inherit; border-color: inherit; outline: none; } .k-bottom-nav-item:focus { outline: none; } .k-bottom-nav-item:hover { color: inherit; text-decoration: none; } .k-bottom-nav-item > .k-bottom-nav-link { margin-block: 0; margin-inline: -0.5rem; padding-block: 0; padding-inline: 0.5rem; width: 100%; color: inherit; display: flex; flex-flow: row nowrap; flex: 1 0 auto; align-items: center; justify-content: center; outline: 0; } .k-bottom-nav-item.k-disabled { background-color: initial; } .k-bottom-nav-item-text { overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .k-bottom-nav-item-flow-horizontal .k-bottom-nav-item { flex-flow: row nowrap; } .k-bottom-nav-item-flow-vertical .k-bottom-nav-item { flex-direction: column; } .k-bottom-nav.k-pos-fixed, .k-bottom-nav.k-fixed { bottom: 0; z-index: 1; } .k-bottom-nav-solid-primary, .k-bottom-nav-solid.k-bottom-nav-primary { color: #aaccfe; background-color: #0d6efd; } .k-bottom-nav-solid-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-primary .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus { background-color: rgba(170, 204, 254, 0.2); } .k-bottom-nav-solid-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected { color: white; } .k-bottom-nav-solid-secondary, .k-bottom-nav-solid.k-bottom-nav-secondary { color: #cccfd2; background-color: #6c757d; } .k-bottom-nav-solid-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-secondary .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus { background-color: rgba(204, 207, 210, 0.2); } .k-bottom-nav-solid-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected { color: white; } .k-bottom-nav-solid-tertiary, .k-bottom-nav-solid.k-bottom-nav-tertiary { color: #cdbde9; background-color: #6f42c1; } .k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-tertiary .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus { background-color: rgba(205, 189, 233, 0.2); } .k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected { color: white; } .k-bottom-nav-solid-info, .k-bottom-nav-solid.k-bottom-nav-info { color: #aaecfa; background-color: #0dcaf0; } .k-bottom-nav-solid-info .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-info .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus { background-color: rgba(170, 236, 250, 0.2); } .k-bottom-nav-solid-info .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected { color: white; } .k-bottom-nav-solid-success, .k-bottom-nav-solid.k-bottom-nav-success { color: #afd5c3; background-color: #198754; } .k-bottom-nav-solid-success .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-success .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus { background-color: rgba(175, 213, 195, 0.2); } .k-bottom-nav-solid-success .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected { color: white; } .k-bottom-nav-solid-warning, .k-bottom-nav-solid.k-bottom-nav-warning { color: #594402; background-color: #ffc107; } .k-bottom-nav-solid-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-warning .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus { background-color: rgba(89, 68, 2, 0.2); } .k-bottom-nav-solid-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected { color: black; } .k-bottom-nav-solid-error, .k-bottom-nav-solid.k-bottom-nav-error { color: #f3b8be; background-color: #dc3545; } .k-bottom-nav-solid-error .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-error .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus { background-color: rgba(243, 184, 190, 0.2); } .k-bottom-nav-solid-error .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected { color: white; } .k-bottom-nav-solid-dark, .k-bottom-nav-solid.k-bottom-nav-dark { color: #b1b3b4; background-color: #212529; } .k-bottom-nav-solid-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-dark .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus { background-color: rgba(177, 179, 180, 0.2); } .k-bottom-nav-solid-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected { color: white; } .k-bottom-nav-solid-light, .k-bottom-nav-solid.k-bottom-nav-light { color: #575758; background-color: #f8f9fa; } .k-bottom-nav-solid-light .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-light .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus { background-color: rgba(87, 87, 88, 0.2); } .k-bottom-nav-solid-light .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected { color: black; } .k-bottom-nav-solid-inverse, .k-bottom-nav-solid.k-bottom-nav-inverse { color: #b1b3b4; background-color: #212529; } .k-bottom-nav-solid-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-solid-inverse .k-bottom-nav-item:focus, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus { background-color: rgba(177, 179, 180, 0.2); } .k-bottom-nav-solid-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected { color: white; } .k-bottom-nav-flat-primary, .k-bottom-nav-flat.k-bottom-nav-primary { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-bottom-nav-flat-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-primary .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:focus { background-color: rgba(33, 37, 41, 0.05); } .k-bottom-nav-flat-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected { color: #0d6efd; } .k-bottom-nav-flat-secondary, .k-bottom-nav-flat.k-bottom-nav-secondary { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-bottom-nav-flat-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-secondary .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item:focus { background-color: rgba(33, 37, 41, 0.05); } .k-bottom-nav-flat-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected { color: #52595f; } .k-bottom-nav-flat-tertiary, .k-bottom-nav-flat.k-bottom-nav-tertiary { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-tertiary .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item:focus { background-color: rgba(33, 37, 41, 0.05); } .k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected { color: #6f42c1; } .k-bottom-nav-flat-info, .k-bottom-nav-flat.k-bottom-nav-info { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-bottom-nav-flat-info .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-info .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:focus { background-color: rgba(33, 37, 41, 0.05); } .k-bottom-nav-flat-info .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected { color: #0dcaf0; } .k-bottom-nav-flat-success, .k-bottom-nav-flat.k-bottom-nav-success { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-bottom-nav-flat-success .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-success .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item:focus { background-color: rgba(33, 37, 41, 0.05); } .k-bottom-nav-flat-success .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected { color: #198754; } .k-bottom-nav-flat-warning, .k-bottom-nav-flat.k-bottom-nav-warning { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-bottom-nav-flat-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-warning .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item:focus { background-color: rgba(33, 37, 41, 0.05); } .k-bottom-nav-flat-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected { color: #ffc107; } .k-bottom-nav-flat-error, .k-bottom-nav-flat.k-bottom-nav-error { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-bottom-nav-flat-error .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-error .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item:focus { background-color: rgba(33, 37, 41, 0.05); } .k-bottom-nav-flat-error .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected { color: #dc3545; } .k-bottom-nav-flat-dark, .k-bottom-nav-flat.k-bottom-nav-dark { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-bottom-nav-flat-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-dark .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item:focus { background-color: rgba(33, 37, 41, 0.05); } .k-bottom-nav-flat-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected { color: #212529; } .k-bottom-nav-flat-light, .k-bottom-nav-flat.k-bottom-nav-light { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-bottom-nav-flat-light .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-light .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item:focus { background-color: rgba(33, 37, 41, 0.05); } .k-bottom-nav-flat-light .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected { color: #bcbdbe; } .k-bottom-nav-flat-inverse, .k-bottom-nav-flat.k-bottom-nav-inverse { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-bottom-nav-flat-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-flat-inverse .k-bottom-nav-item:focus, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item:focus { background-color: rgba(33, 37, 41, 0.05); } .k-bottom-nav-flat-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected { color: #212529; } .k-breadcrumb { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; display: flex; flex-direction: row; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-breadcrumb *, .k-breadcrumb *::before, .k-breadcrumb *::after { box-sizing: border-box; } .k-breadcrumb-container, .k-breadcrumb-root-item-container { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row nowrap; overflow: hidden; } .k-breadcrumb-root-item-container { align-items: flex-start; flex-shrink: 0; } .k-breadcrumb-item { vertical-align: middle; display: inline-flex; flex-direction: row; flex: none; align-items: center; overflow: hidden; } .k-breadcrumb-root-item { flex-shrink: 0; } .k-breadcrumb-link, .k-breadcrumb-root-link { border-radius: 0.375rem; color: inherit; text-decoration: none; white-space: nowrap; outline: none; cursor: pointer; position: relative; display: inline-flex; align-items: center; align-self: stretch; overflow: hidden; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .k-breadcrumb-link > .k-image, .k-breadcrumb-icontext-link .k-icon { margin-inline-end: 0.5rem; } .k-breadcrumb-delimiter, .k-breadcrumb-delimiter-icon { color: inherit; opacity: 0.65; } .k-breadcrumb-input-container { width: 100%; } .k-breadcrumb-input-container .k-breadcrumb-input-container { border-color: transparent; } .k-breadcrumb-sm { font-size: 0.875rem; line-height: 1.4285714286; } .k-breadcrumb-sm .k-breadcrumb-link, .k-breadcrumb-sm .k-breadcrumb-root-link { padding-block: 0.375rem; padding-inline: 0.75rem; } .k-breadcrumb-sm .k-breadcrumb-icon-link { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-breadcrumb-md { font-size: 1rem; line-height: 1.5; } .k-breadcrumb-md .k-breadcrumb-link, .k-breadcrumb-md .k-breadcrumb-root-link { padding-block: 0.5rem; padding-inline: 0.75rem; } .k-breadcrumb-md .k-breadcrumb-icon-link { padding-block: 0.75rem; padding-inline: 0.75rem; } .k-breadcrumb-lg { font-size: 1rem; line-height: 1.5; } .k-breadcrumb-lg .k-breadcrumb-link, .k-breadcrumb-lg .k-breadcrumb-root-link { padding-block: 0.625rem; padding-inline: 0.75rem; } .k-breadcrumb-lg .k-breadcrumb-icon-link { padding-block: 0.875rem; padding-inline: 0.875rem; } .k-breadcrumb-link, .k-breadcrumb-root-link { text-decoration: underline; } .k-breadcrumb-current-item .k-disabled, .k-breadcrumb-last-item .k-disabled { opacity: 1; filter: none; } .k-breadcrumb { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-breadcrumb:focus, .k-breadcrumb.k-focus { box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.06); } .k-breadcrumb-link { color: #0d6efd; } .k-breadcrumb-link:hover, .k-breadcrumb-link.k-hover { color: #0a58ca; } .k-breadcrumb-link:focus, .k-breadcrumb-link.k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.25); } .k-breadcrumb-root-link { color: #0d6efd; } .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-hover { color: #0a58ca; } .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.25); } .k-breadcrumb-current-item .k-breadcrumb-link, .k-breadcrumb-last-item .k-breadcrumb-link { color: #6c757d; } .k-pager { padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; white-space: nowrap; display: flex; align-items: center; position: relative; overflow: hidden; cursor: default; flex: 0 0 auto; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-pager *, .k-pager *::before, .k-pager *::after { box-sizing: border-box; } .k-pager-input, .k-pager-sizes, .k-pager-info { display: flex; flex-direction: row; align-items: center; } .k-pager-nav { color: inherit; text-align: center; display: inline-flex; align-items: center; justify-content: center; position: relative; } .k-pager-nav:hover { z-index: 2; } .k-disabled.k-pager-nav { color: inherit; } .k-pager-numbers-wrap { display: flex; flex-direction: row; position: relative; } .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown, .k-pager-numbers-wrap select.k-dropdownlist { width: 5em; } .k-pager-numbers { display: flex; flex-direction: row; } .k-pager-numbers .k-selected { cursor: inherit; z-index: 2; } .k-pager-nav + .k-pager-nav, .k-pager-nav + .k-pager-numbers-wrap, .k-pager-numbers-wrap + .k-pager-nav { margin-left: -1px; } .k-rtl .k-pager-nav + .k-pager-nav, [dir="rtl"] .k-pager-nav + .k-pager-nav, .k-rtl .k-pager-nav + .k-pager-numbers-wrap, [dir="rtl"] .k-pager-nav + .k-pager-numbers-wrap, .k-rtl .k-pager-numbers-wrap + .k-pager-nav, [dir="rtl"] .k-pager-numbers-wrap + .k-pager-nav { margin-left: 0; margin-right: -1px; } .k-pager-input { gap: 1ex; } .k-pager-input .k-textbox, .k-pager-input .k-numerictextbox { margin-block: 0; width: 5em; } .k-pager-sizes { gap: 1ex; } .k-pager-sizes .k-input-inner, .k-pager-sizes .k-input-value-text { text-overflow: clip; } .k-pager-info { text-align: end; justify-content: flex-end; flex: 1 1 0%; order: 9; } .k-pager-refresh { margin-inline-start: auto; color: inherit; order: 10; } .k-pager-sm { padding-inline: 0.25rem; padding-block: 0.25rem; gap: 0.875rem; } .k-pager-sm .k-pager-numbers-wrap .k-button { min-width: calc(1.4285714286em + 0.5rem + 2px); } .k-pager-sm .k-pager-numbers-wrap .k-pager-input, .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown-list, .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown, .k-pager-sm .k-pager-numbers-wrap > select.k-dropdownlist { margin-inline-start: 0.875rem; margin-inline-end: 0.875rem; } .k-pager-sm .k-pager-sizes .k-dropdown-list, .k-pager-sm .k-pager-sizes .k-dropdown, .k-pager-sm .k-pager-sizes .k-dropdownlist, .k-pager-sm .k-pager-sizes > select { width: 5em; } .k-pager-md { padding-inline: 0.5rem; padding-block: 0.5rem; gap: 1rem; } .k-pager-md .k-pager-numbers-wrap .k-button { min-width: calc(1.5em + 0.75rem + 2px); } .k-pager-md .k-pager-numbers-wrap .k-pager-input, .k-pager-md .k-pager-numbers-wrap > select.k-dropdown-list, .k-pager-md .k-pager-numbers-wrap > select.k-dropdown, .k-pager-md .k-pager-numbers-wrap > select.k-dropdownlist { margin-inline-start: 1rem; margin-inline-end: 1rem; } .k-pager-md .k-pager-sizes .k-dropdown-list, .k-pager-md .k-pager-sizes .k-dropdown, .k-pager-md .k-pager-sizes .k-dropdownlist, .k-pager-md .k-pager-sizes > select { width: 5em; } .k-pager-lg { padding-inline: 0.625rem; padding-block: 0.625rem; gap: 1.125rem; } .k-pager-lg .k-pager-numbers-wrap .k-button { min-width: calc(1.5em + 1rem + 2px); } .k-pager-lg .k-pager-numbers-wrap .k-pager-input, .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown-list, .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown, .k-pager-lg .k-pager-numbers-wrap > select.k-dropdownlist { margin-inline-start: 1.125rem; margin-inline-end: 1.125rem; } .k-pager-lg .k-pager-sizes .k-dropdown-list, .k-pager-lg .k-pager-sizes .k-dropdown, .k-pager-lg .k-pager-sizes .k-dropdownlist, .k-pager-lg .k-pager-sizes > select { width: 6em; } .k-pager-nav { border-radius: 0; } .k-pager-first { border-radius: 0.25rem 0 0 0.25rem; } .k-pager-last { border-radius: 0 0.25rem 0.25rem 0; } .k-rtl .k-pager-first, [dir="rtl"] .k-pager-first { border-radius: 0 0.25rem 0.25rem 0; } .k-rtl .k-pager-last, [dir="rtl"] .k-pager-last { border-radius: 0.25rem 0 0 0.25rem; } .k-pager { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-pager:focus, .k-pager.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08); } .k-stepper { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-size: 1rem; line-height: 1.5; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: inherit; background: none; } .k-stepper *, .k-stepper *::before, .k-stepper *::after { box-sizing: border-box; } .k-stepper .k-step-list { margin: 0; padding: 0; list-style: none; display: flex; position: relative; z-index: 1; } .k-stepper .k-step-link { outline: none; color: inherit; text-decoration: none; white-space: nowrap; display: flex; align-items: center; overflow: hidden; } .k-stepper .k-step-indicator { border-radius: 50%; margin: 3px; width: 28px; height: 28px; border-width: 1px; border-style: solid; display: flex; align-items: center; justify-content: center; flex: none; position: relative; z-index: 1; overflow: visible; transition-property: color, background-color, border-color; transition-duration: .4s; transition-timing-function: ease-in-out; } .k-stepper .k-step-indicator::before { border-radius: 50%; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .k-stepper .k-step-indicator::after { border-radius: 100%; content: ""; border-width: 1px; border-style: solid; border-color: inherit; pointer-events: none; display: none; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; z-index: 2; } .k-stepper .k-step.k-focus .k-step-indicator::after, .k-stepper .k-step-link:focus .k-step-indicator::after { display: block; } .k-stepper .k-step-label { max-width: clamp(100%, 10em, 100%); display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; z-index: 1; } .k-stepper .k-step-label:only-child { border-radius: 15px; padding-block: 5px; padding-inline: 12px; border-width: 0; } .k-stepper .k-step-label .k-step-text { max-width: calc(10em - 16px - 0.5rem); flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .k-stepper .k-step-label .k-icon { margin-left: 0.5rem; } .k-stepper .k-step-current .k-step-label { font-weight: bold; } .k-stepper .k-step-label-optional { flex-basis: 100%; font-size: 0.875rem; } .k-stepper .k-step-disabled, .k-stepper .k-step.k-disabled { opacity: 1; pointer-events: none; } .k-stepper .k-step-disabled .k-step-link, .k-stepper .k-step.k-disabled .k-step-link { cursor: default; } .k-stepper .k-step-disabled .k-step-label-optional, .k-stepper .k-step.k-disabled .k-step-label-optional { color: inherit; } .k-stepper .k-progressbar { pointer-events: none; z-index: 0; overflow: visible; } .k-stepper .k-progressbar-horizontal { grid-row: 1 / -1; } .k-stepper .k-progressbar-vertical { position: absolute; } .k-step-list-horizontal { flex-direction: row; grid-row: 1; } .k-step-list-horizontal .k-step { flex: 1 0 auto; text-align: center; } .k-step-list-horizontal .k-step-link { margin: auto; max-width: 10em; flex-direction: column; } .k-step-list-horizontal .k-step-label { text-align: center; } .k-step-list-horizontal .k-step-indicator + .k-step-label { margin-top: 5px; } .k-step-list-horizontal ~ .k-progressbar { width: 100%; height: 2px; top: 17px; } .k-step-list-vertical { flex-direction: column; } .k-step-list-vertical .k-step { min-height: 54px; } .k-step-list-vertical .k-step-label { justify-content: flex-start; } .k-step-list-vertical .k-step-indicator + .k-step-label { margin-left: 12px; } .k-step-list-vertical ~ .k-progressbar { width: 2px; height: 100%; min-height: 20px; left: 17px; } .k-step-list-vertical .k-step-content { height: 0; overflow: hidden; transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .k-step-list-vertical .k-step-current .k-step-content { height: auto; overflow: visible; display: flex; flex-direction: column; justify-content: space-between; margin-left: 30px; padding-block: 20px; padding-inline: 10px; } .k-rtl .k-stepper, .k-stepper[dir="rtl"] { direction: rtl; } .k-rtl .k-stepper .k-step-label .k-icon, .k-stepper[dir="rtl"] .k-step-label .k-icon { margin-left: 0; margin-right: 0.5rem; } .k-rtl .k-stepper .k-step-list-vertical .k-step-indicator + .k-step-label, .k-stepper[dir="rtl"] .k-step-list-vertical .k-step-indicator + .k-step-label { margin-left: 0; margin-right: 12px; } .k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar, .k-stepper[dir="rtl"] .k-step-list-vertical ~ .k-progressbar { left: auto; right: 17px; } .k-stepper { color: #212529; } .k-stepper .k-step:hover .k-step-indicator, .k-stepper .k-step.k-hover .k-step-indicator, .k-stepper .k-step.k-step-hover .k-step-indicator { background-color: #ebebeb; } .k-stepper .k-step.k-focus .k-step-label:only-child, .k-stepper .k-step .k-step-link:focus .k-step-label:only-child { box-shadow: inset 0 0 0 2px #dee2e6; } .k-stepper .k-step.k-step-disabled .k-step-indicator, .k-stepper .k-step.k-disabled .k-step-indicator, .k-stepper .k-step:disabled .k-step-indicator { color: #8f8f8f; } .k-stepper .k-step.k-step-disabled .k-step-label, .k-stepper .k-step.k-disabled .k-step-label, .k-stepper .k-step:disabled .k-step-label { color: #8f8f8f; } .k-stepper .k-step-indicator { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-stepper .k-step-indicator::after { box-shadow: inset 0 0 0 2px #ffffff; } .k-stepper .k-step-label:only-child { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-stepper .k-step-done .k-step-indicator { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-stepper .k-step-done:hover .k-step-indicator, .k-stepper .k-step-done.k-hover .k-step-indicator, .k-stepper .k-step-done.k-step-hover .k-step-indicator { background-color: #0c65e9; } .k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done.k-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator { border-color: #6ea8fe; color: white; background-color: #6ea8fe; } .k-stepper .k-step-current .k-step-indicator { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-stepper .k-step-current:hover .k-step-indicator, .k-stepper .k-step-current.k-hover .k-step-indicator, .k-stepper .k-step-current.k-step-hover .k-step-indicator { background-color: #0c65e9; } .k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current.k-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator { border-color: #6ea8fe; color: white; background-color: #6ea8fe; } .k-stepper .k-step-success .k-step-label .k-icon { color: #198754; } .k-stepper .k-step-error .k-step-label { color: #dc3545; } .k-stepper .k-step-error:hover .k-step-label, .k-stepper .k-step-error.k-hover .k-step-label, .k-stepper .k-step-error.k-step-hover .k-step-label { color: #dc3545; } .k-stepper .k-step-label-optional { color: #6c757d; } .k-tabstrip-wrapper { padding-block: 0px; padding-inline: 0px; box-sizing: border-box; border-width: 0px; border-style: solid; display: flex; flex-direction: column; position: relative; } .k-tabstrip { border-width: 0; border-color: transparent; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; color: inherit; background-color: transparent; display: flex; flex-flow: column nowrap; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-tabstrip-wrapper > .k-tabstrip { flex: 1 1 auto; } .k-tabstrip-items-wrapper { box-sizing: border-box; border-width: 0; border-style: solid; border-color: inherit; position: relative; } .k-tabstrip-items { box-sizing: border-box; outline: 0; display: flex; flex-direction: inherit; flex-wrap: wrap; flex: 1 1 auto; gap: 0; } .k-tabstrip-items *, .k-tabstrip-items *::before, .k-tabstrip-items *::after { box-sizing: border-box; } .k-tabstrip-items .k-item { margin: 0; padding: 0; border: 1px solid transparent; position: relative; flex-shrink: 0; display: flex; flex-direction: row; align-items: stretch; justify-items: stretch; outline: 0; } .k-tabstrip-items .k-tab-on-top { z-index: 1; } .k-tabstrip-items .k-link { padding-block: 0.5rem; padding-inline: 1rem; color: inherit; cursor: pointer; display: inline-flex; vertical-align: middle; flex: 1 1 auto; flex-direction: row; align-content: center; align-items: center; } .k-tabstrip-content, .k-tabstrip > .k-content { margin: 0 !important; padding-block: 1rem; padding-inline: 1rem; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: inherit; display: none; overflow: auto; flex: 1 1 auto; position: relative; } .k-tabstrip-content.k-active, .k-tabstrip > .k-content.k-active { display: block; } .k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus { outline-width: 1px; outline-style: dotted; outline-offset: -1px; } .k-tabstrip-items .k-loading { width: 20%; height: 0; border: 0; border-top: 1px solid transparent; border-color: inherit; background: none; position: absolute; top: 0; left: 0; transition: width .2s linear; display: none; } .k-tabstrip-items .k-loading.k-complete { width: 100%; border-top-width: 0; } .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items { flex-wrap: nowrap; white-space: nowrap; overflow: hidden; } .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button { padding-block: 0.25rem; padding-inline: 0.25rem; width: auto; height: auto; flex: none; align-self: stretch; aspect-ratio: auto; } .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button .k-button-icon { min-width: auto; min-height: auto; } .k-tabstrip-horizontal, .k-tabstrip-top > .k-tabstrip-items-wrapper, .k-tabstrip-bottom > .k-tabstrip-items-wrapper { flex-direction: row; } .k-tabstrip-vertical, .k-tabstrip-left > .k-tabstrip-items-wrapper, .k-tabstrip-right > .k-tabstrip-items-wrapper { flex-direction: column; } .k-tabstrip-top > .k-tabstrip-items-wrapper { border-bottom-width: 1px; } .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-width: 0; } .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active { margin-bottom: -1px; border-bottom-width: 1px; border-bottom-color: transparent !important; } .k-tabstrip-top > .k-content, .k-tabstrip-top > .k-tabstrip-content { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-width: 0 !important; } .k-tabstrip-bottom > .k-tabstrip-items-wrapper { border-top-width: 1px; } .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-width: 0; } .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active { margin-top: -1px; border-top-width: 1px; border-top-color: transparent !important; } .k-tabstrip-bottom > .k-content, .k-tabstrip-bottom > .k-tabstrip-content { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-width: 0 !important; } .k-tabstrip-left { flex-direction: row; } .k-tabstrip-left > .k-tabstrip-items-wrapper { border-right-width: 1px; } .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-right-width: 0; } .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active { margin-right: -1px; border-right-width: 1px; border-right-color: transparent !important; } .k-tabstrip-left > .k-content, .k-tabstrip-left > .k-tabstrip-content { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-left-width: 0 !important; } .k-tabstrip-right { flex-direction: row-reverse; } .k-tabstrip-right > .k-tabstrip-items-wrapper { border-left-width: 1px; } .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-left-width: 0; } .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active { margin-left: -1px; border-left-width: 1px; border-left-color: transparent !important; } .k-tabstrip-right > .k-content, .k-tabstrip-right > .k-tabstrip-content { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-right-width: 0; } .k-tabstrip-items-start { justify-content: flex-start; } .k-tabstrip-items-center { justify-content: center; } .k-tabstrip-items-end { justify-content: flex-end; } .k-tabstrip-items-justify { justify-content: space-between; } .k-tabstrip-items-stretched > * { flex: 1 0 0; } .k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-items-wrapper, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-items-wrapper, .k-tabstrip[dir="rtl"].k-tabstrip-left > .k-tabstrip-items-wrapper, .k-tabstrip[dir="rtl"].k-tabstrip-right > .k-tabstrip-items-wrapper { order: 1; } .k-rtl .k-tabstrip.k-tabstrip-left > .k-content, .k-rtl .k-tabstrip.k-tabstrip-right > .k-content, .k-tabstrip[dir="rtl"].k-tabstrip-left > .k-content, .k-tabstrip[dir="rtl"].k-tabstrip-right > .k-content { order: 0; } .k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-content, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-content, .k-tabstrip[dir="rtl"].k-tabstrip-left > .k-tabstrip-content, .k-tabstrip[dir="rtl"].k-tabstrip-right > .k-tabstrip-content { order: 0; } .k-tabstrip-items-wrapper { border-color: #dee2e6; color: #212529; } .k-tabstrip-items-wrapper .k-item { color: #0d6efd; } .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover { border-color: #e9ecef; color: #0a58ca; } .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-tabstrip-content, .k-tabstrip > .k-content { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus { outline-color: #212529; } .k-wizard { padding-block: 1.25rem; padding-inline: 1.25rem; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-size: 1rem; line-height: 1.5; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; position: relative; color: inherit; background: none; display: flex; align-items: stretch; overflow: hidden; } .k-wizard .k-wizard-steps { box-sizing: border-box; display: flex; overflow: hidden; } .k-wizard .k-wizard-step { box-sizing: border-box; padding: calc(0.5rem + 2px); width: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; } .k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-focus { outline-width: 1px; outline-style: dotted; outline-offset: -1px; } .k-wizard .k-wizard-content { box-sizing: border-box; overflow-y: auto; } .k-wizard .k-wizard-buttons { margin-top: 2rem; box-sizing: border-box; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; flex-shrink: 0; } .k-wizard .k-wizard-buttons .k-button { margin-right: 10px; } .k-wizard .k-wizard-buttons .k-wizard-pager { vertical-align: middle; } .k-wizard .k-wizard-buttons-right .k-button:last-of-type { margin-right: 0; } .k-wizard .k-stepper .k-step-list-vertical .k-step { flex: 1 0 auto; } .k-wizard .k-stepper .k-step-indicator { flex-shrink: 0; } .k-wizard-horizontal { flex-direction: column; } .k-wizard-horizontal .k-wizard-steps { margin-top: 2rem; } .k-wizard-horizontal .k-wizard-steps, .k-wizard-horizontal .k-wizard-content { flex: 1 1 auto; } .k-wizard-vertical .k-wizard-steps { margin-left: 2rem; flex: 1 0 0%; } .k-wizard-vertical .k-wizard-content { flex: 1 1 0%; } .k-wizard-left { flex-direction: row-reverse; } .k-wizard-left .k-wizard-steps { margin-right: 2rem; margin-left: 0; } .k-wizard-step:focus, .k-wizard-step.k-focus { outline-color: #656565; } .k-expander { border-width: 1px; border-style: solid; box-sizing: border-box; overflow: hidden; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-direction: column; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-expander *, .k-expander *::before, .k-expander *::after { box-sizing: border-box; } .k-rtl .k-expander .k-expander-indicator, .k-expander.k-rtl .k-expander-indicator, .k-expander[dir="rtl"] .k-expander-indicator { margin-left: 0; margin-right: 0.75rem; } .k-expander-header { padding-block: 1rem; padding-inline: 1.5rem; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .k-expander-spacer { flex: 1 1 auto; } .k-expander-title { text-transform: uppercase; font-weight: 500; } .k-expander-indicator { margin-left: 0.75rem; display: flex; justify-content: center; align-items: center; } .k-expander-content { padding-block: 1.5rem; padding-inline: 1.5rem; } .k-expander + .k-expander.k-expanded, .k-expander.k-expanded + .k-expander { margin-top: 0.75rem; } .k-expander:not(.k-expanded) + .k-expander:not(.k-expanded) { border-top-width: 0; } .k-expander { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-expander.k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-expander-header { color: #212529; background-color: transparent; outline: none; } .k-expander-header:hover, .k-expander-header.k-hover { background-color: rgba(0, 0, 0, 0.04); } .k-expander-header.k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-expander-title { color: #0d6efd; } .k-expander-sub-title { color: #6c757d; } .k-panelbar { margin: 0; padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; list-style: none; display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-panelbar *, .k-panelbar *::before, .k-panelbar *::after { box-sizing: border-box; } .k-panelbar > .k-item, .k-panelbar > .k-panelbar-header { border-width: 0; border-style: solid; border-color: inherit; display: block; } .k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link { padding-block: 1rem; padding-inline: 1.5rem; color: inherit; background: none; text-decoration: none; font-weight: 500; display: flex; flex-flow: row nowrap; gap: 0.5rem; align-items: center; align-content: center; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .k-panelbar > .k-item + .k-item, .k-panelbar > .k-panelbar-header + .k-panelbar-header { border-top-width: 1px; } .k-panelbar .k-group, .k-panelbar .k-panelbar-group { margin: 0; padding: 0; border-width: 0; border-color: inherit; color: inherit; background-color: transparent; list-style: none; } .k-panelbar .k-group > .k-item, .k-panelbar .k-panelbar-group > .k-panelbar-item { display: block; } .k-panelbar .k-group > .k-item > .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link { padding-block: 0.75rem; padding-inline: 1.5rem; color: inherit; text-decoration: none; display: flex; flex-flow: row nowrap; gap: 0.5rem; align-items: center; align-content: center; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .k-panelbar .k-group > .k-item.k-level-1 .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link { padding-left: 1.5rem; } .k-panelbar .k-group > .k-item.k-level-2 .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link { padding-left: 3rem; } .k-panelbar .k-group > .k-item.k-level-3 .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link { padding-left: 4.5rem; } .k-panelbar .k-group > .k-item.k-level-4 .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link { padding-left: 6rem; } .k-panelbar .k-panelbar-item { outline-style: none; } .k-panelbar .k-panelbar-content { display: flow-root; } .k-panelbar .k-panelbar-expand, .k-panelbar .k-panelbar-collapse, .k-panelbar .k-panelbar-toggle { margin-inline-start: auto; } .k-panelbar .k-group .k-panelbar-expand, .k-panelbar .k-group .k-panelbar-collapse, .k-panelbar .k-panelbar-group .k-panelbar-toggle { margin-inline-end: 0rem; } .k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link, .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-1 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link { padding-left: 1.5rem; padding-right: 1.5rem; } .k-rtl .k-panelbar .k-group > .k-item.k-level-2 .k-link, .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-2 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link { padding-left: 1.5rem; padding-right: 3rem; } .k-rtl .k-panelbar .k-group > .k-item.k-level-3 .k-link, .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-3 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link { padding-left: 1.5rem; padding-right: 4.5rem; } .k-rtl .k-panelbar .k-group > .k-item.k-level-4 .k-link, .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-4 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link { padding-left: 1.5rem; padding-right: 6rem; } .k-panelbar { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link { color: #0d6efd; background-color: #ffffff; } .k-panelbar > .k-item > .k-link .k-icon, .k-panelbar > .k-item > .k-link .k-panelbar-item-icon, .k-panelbar > .k-panelbar-header > .k-link .k-icon, .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon { color: #212529; } .k-panelbar > .k-item > .k-link:hover, .k-panelbar > .k-item > .k-link.k-hover, .k-panelbar > .k-panelbar-header > .k-link:hover, .k-panelbar > .k-panelbar-header > .k-link.k-hover { background-color: whitesmoke; } .k-panelbar > .k-item > .k-link:focus, .k-panelbar > .k-item > .k-link.k-focus, .k-panelbar > .k-panelbar-header > .k-link:focus, .k-panelbar > .k-panelbar-header > .k-link.k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-panelbar > .k-item > .k-link.k-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected { color: #ffffff; background-color: #0d6efd; } .k-panelbar > .k-item > .k-link.k-selected .k-icon, .k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon, .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon, .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon { color: inherit; } .k-panelbar > .k-item > .k-link.k-selected:hover, .k-panelbar > .k-item > .k-link.k-selected.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover { background-color: #0c65e9; } .k-panelbar .k-group > .k-item > .k-link:hover, .k-panelbar .k-group > .k-item > .k-link.k-hover, .k-panelbar .k-group > .k-panelbar-item > .k-link:hover, .k-panelbar .k-group > .k-panelbar-item > .k-link.k-hover, .k-panelbar .k-panelbar-group > .k-item > .k-link:hover, .k-panelbar .k-panelbar-group > .k-item > .k-link.k-hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover { background-color: #ebebeb; } .k-panelbar .k-group > .k-item > .k-link:focus, .k-panelbar .k-group > .k-item > .k-link.k-focus, .k-panelbar .k-group > .k-panelbar-item > .k-link:focus, .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus, .k-panelbar .k-panelbar-group > .k-item > .k-link:focus, .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-panelbar .k-group > .k-item > .k-link.k-selected, .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected, .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected { color: #ffffff; background-color: #0d6efd; } .k-panelbar .k-group > .k-item > .k-link.k-selected:hover, .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover, .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover, .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover, .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover, .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover { background-color: #0c65e9; } .k-splitter { height: 300px; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-splitter .k-pane { overflow: hidden; box-sizing: border-box; } .k-splitter .k-scrollable { overflow: auto; } .k-splitter .k-splitter-resizing { overflow: hidden; } .k-pane > .k-splitter { border-width: 0; overflow: hidden; } .k-splitter .k-pane-loading { position: static; top: 50%; left: 50%; } .k-ghost-splitbar, .k-splitbar { border-style: solid; outline: 0; position: absolute; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; justify-content: center; } .k-ghost-splitbar .k-collapse-prev, .k-ghost-splitbar .k-collapse-next, .k-splitbar .k-collapse-prev, .k-splitbar .k-collapse-next { cursor: pointer; padding: 0.125rem; } .k-splitbar-draggable-horizontal { cursor: col-resize; } .k-splitbar-draggable-vertical { cursor: row-resize; } .k-ghost-splitbar-horizontal, .k-splitbar-horizontal { width: 0.75rem; border-width: 0; background-repeat: repeat-y; flex-direction: column; top: 0; } .k-ghost-splitbar-vertical, .k-splitbar-vertical { height: 0.75rem; border-width: 0; background-repeat: repeat-x; flex-direction: row; left: 0; } .k-splitbar-static-horizontal { width: 1px; } .k-splitbar-static-vertical { height: 1px; } .k-splitbar-draggable-horizontal .k-resize-handle { width: 2px; height: 20px; position: static; z-index: 1; } .k-splitbar .k-resize-handle { display: none; background-color: currentColor; } .k-splitbar-draggable-horizontal .k-resize-handle, .k-splitbar-draggable-vertical .k-resize-handle { display: block; } .k-splitbar-horizontal .k-collapse-prev { margin-bottom: 7px; } .k-splitbar-horizontal .k-collapse-next { margin-top: 7px; } .k-splitbar-vertical .k-collapse-prev { margin-right: 7px; } .k-splitbar-vertical .k-collapse-next { margin-left: 7px; } .k-splitbar-draggable-vertical .k-resize-handle { width: 20px; height: 2px; position: static; z-index: 1; } .k-pane > .k-splitter-overlay { opacity: 0; position: absolute; } .k-splitter-flex { display: flex; width: 100%; height: auto; } .k-splitter-flex .k-pane { position: relative; flex: 1 1 auto; min-width: 0; max-width: 100%; min-height: 0; max-height: 100%; height: 100%; } .k-splitter-flex .k-pane-static { flex-grow: 0; flex-shrink: 0; } .k-splitter-flex .k-pane-flex { display: flex; } .k-splitter-flex .k-splitbar { position: static; flex: 0 0 auto; } .k-splitter-flex .k-pane.k-hidden, .k-splitter-flex .k-pane[hidden], .k-splitter-flex .k-pane-flex.k-hidden, .k-splitter-flex .k-pane-flex[hidden] { flex: 0 1 0% !important; overflow: hidden !important; display: block !important; } .k-splitter-flex.k-splitter-horizontal { flex-direction: row; } .k-splitter-flex.k-splitter-vertical { flex-direction: column; } .k-splitter { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-splitbar { color: #212529; background-color: #f8f9fa; } .k-splitbar:hover, .k-splitbar.k-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover { color: #212529; background-color: #eeeff0; } .k-splitbar:focus, .k-splitbar.k-focus { color: #ffffff; background: #0d6efd; } .k-ghost-splitbar { background-color: #eeeff0; } .k-tilelayout { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; display: grid; position: relative; padding: 1rem 1rem; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-tilelayout .k-card { box-shadow: none; border-width: 1px; } .k-tilelayout-item { position: relative; z-index: 0; } .k-layout-item-hint { border-radius: 0.375rem; border-width: 1px; border-style: solid; position: relative; } .k-layout-item-hint.k-layout-item-hint-resize { z-index: 3; } .k-tilelayout-item-header.k-card-header { z-index: 0; } .k-tilelayout-item-body { min-height: 0; } .k-tilelayout { background-color: #f8f9fa; } .k-tilelayout-item:focus, .k-tilelayout-item.k-focus { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-layout-item-hint { border-color: #dee2e6; background-color: rgba(255, 255, 255, 0.2); } .k-dock-manager { width: 100%; height: 100%; border-width: 1px; border-style: solid; position: relative; display: flex; flex-flow: row nowrap; overflow: auto; box-sizing: border-box; } .k-dock-manager-toolbar { border-width: 0 1px 0 0; border-color: inherit; flex-shrink: 0; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; box-shadow: none; } .k-dock-manager-toolbar::before { height: 0; } .k-dock-manager-toolbar .k-separator-horizontal { width: 1.5em; height: 0; border-width: 1px 0 0; } .k-dock-manager-pane-container { width: 100%; height: 100%; display: flex; flex-grow: 1; overflow: hidden; } .k-dock-manager-splitter, .k-dock-manager-unpinned-container { height: 100%; border-width: 0; align-items: stretch; } .k-dock-manager-splitter > .k-pane, .k-dock-manager-unpinned-container > .k-pane { height: auto; flex-direction: column; border-color: inherit; } .k-dock-manager-splitter .k-pane-header, .k-dock-manager-unpinned-container .k-pane-header { display: flex; align-items: center; justify-content: center; padding-block: 0.5rem; padding-inline: 1rem; border-block-end-width: 1px; border-block-end-style: solid; border-color: inherit; } .k-dock-manager-splitter .k-pane-title, .k-dock-manager-unpinned-container .k-pane-title { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.25rem; line-height: 1.25; font-weight: 400; flex: 1 1 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .k-dock-manager-splitter .k-pane-scrollable, .k-dock-manager-unpinned-container .k-pane-scrollable { height: 100%; display: flex; flex-direction: column; border-color: inherit; } .k-dock-manager-splitter .k-pane-content, .k-dock-manager-unpinned-container .k-pane-content { height: 100%; padding-block: 0.5rem; padding-inline: 1rem; overflow: auto; flex: 1; } .k-dock-manager-splitter .k-pane-actions, .k-dock-manager-unpinned-container .k-pane-actions { display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; } .k-dock-manager-splitter .k-pane-tabbed, .k-dock-manager-unpinned-container .k-pane-tabbed { padding-block-start: 0.875rem; padding-block-end: 0.5rem; padding-inline: 0.5rem; } .k-dock-manager-splitter .k-splitbar, .k-dock-manager-unpinned-container .k-splitbar { border-width: 0 1px; border-style: solid; border-color: inherit; } .k-dock-manager-splitter .k-splitbar-vertical, .k-dock-manager-unpinned-container .k-splitbar-vertical { border-width: 1px 0; } .k-dock-manager-unpinned-container { width: 300px; position: absolute; display: flex; height: 100%; border-color: inherit; z-index: 20; } .k-dock-manager-unpinned-container .k-pane { display: inline-flex; flex-direction: column; position: relative; flex: 1 1 auto; } .k-dock-manager-unpinned-container .k-splitbar { height: 100%; position: relative; flex: none; } .k-docking-preview { width: 100%; height: 100%; box-sizing: border-box; display: flex; position: absolute; top: 0; left: 0; border-width: 1px; border-style: dashed; border-radius: 0.25rem; z-index: 10; } .k-dock-navigator-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 10001; pointer-events: none; } .k-dock-navigator { display: grid; grid-template-columns: repeat(3, auto); grid-template-rows: repeat(3, auto); justify-content: center; position: absolute; } .k-dock-indicator { padding: 0.375rem; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; position: relative; pointer-events: all; outline-width: 1px; outline-style: solid; } .k-dock-indicator.k-dock-indicator-middle { filter: none; } .k-dock-indicator-top { grid-area: 1 / 2 / auto; } .k-dock-indicator-right { grid-area: 2 / 3 / auto; } .k-dock-indicator-bottom { grid-area: 3 / 2 / auto; } .k-dock-indicator-left { grid-area: 2 / 1 / auto; } .k-dock-indicator-middle { grid-area: 2 / 2 / auto; } .k-dock-manager { border-color: #e4e5e6; } .k-dock-manager-splitter .k-pane-header, .k-dock-manager-unpinned-container .k-pane-header { background-color: #ffffff; } .k-dock-manager-unpinned-container { background-color: #ffffff; box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.04), 2px 0px 4px 0px rgba(0, 0, 0, 0.03); } .k-docking-preview { background-color: rgba(13, 110, 253, 0.16); border-color: #0d6efd; } .k-dock-indicator { color: #0d6efd; background-color: #ffffff; outline-color: #0d6efd; filter: drop-shadow(0px 1px 18px rgba(0, 0, 0, 0.12)) drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2)); } .k-dock-indicator:hover, .k-dock-indicator.k-hover { background-color: #0d6efd; color: #ffffff; } .k-pane-wrapper { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-pane-wrapper .k-pane { width: 100%; height: 100%; -webkit-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; font-family: sans-serif; overflow-x: hidden; } .k-pane-wrapper .k-view { top: 0; left: 0; position: relative; border: 0; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; height: 100%; width: 100%; flex-direction: column; align-items: stretch; align-content: stretch; vertical-align: top; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-pane-wrapper .k-content { min-height: 1px; flex: 1; align-items: stretch; display: block; width: auto; overflow: hidden; position: relative; } .k-pane-wrapper > div.k-pane { box-shadow: none; font-weight: normal; } .k-pane-wrapper .k-popup-edit-form .k-content, .k-pane-wrapper .k-grid-edit-form .k-content, .k-pane-wrapper .k-grid-header-menu .k-content, .k-pane-wrapper .k-grid-filter-menu .k-content { overflow-y: auto; } .k-pane-wrapper .k-popup-edit-form .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-edit-form .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-header-menu .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-filter-menu .k-content > .k-scroll-container { position: absolute; width: 100%; min-height: 100%; box-sizing: border-box; } .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form, .k-pane-wrapper .k-grid-edit-form .k-edit-form-container { width: auto; min-width: auto; } .k-grid.k-grid-mobile { border-width: 0; } .k-grid-mobile .k-resize-handle-inner::before { content: "\e01e"; position: absolute; font: 16px/1 "WebComponentsIcons"; top: calc(50% - 1px); left: 50%; transform: translate(-50%, -50%); padding: .2em; } .k-grid-mobile .k-header a { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-pane-wrapper .k-scheduler-edit-form .k-recur-view { padding: 0; flex-direction: column; align-items: stretch; } .k-pane-wrapper .k-scheduler-edit-form .k-recur-view > .k-listgroup-form-row { margin: 0; } .k-pane-wrapper .k-scheduler-edit-form .k-recur-items-wrap { width: 100%; margin-block: -1px; margin-inline: 0; } .k-pane-wrapper .k-scheduler-edit-form .k-scheduler-recur-end-wrap { white-space: nowrap; } .k-scheduler.k-scheduler-mobile { border-width: 0; } .k-scheduler-mobile th { font-weight: normal; } .k-scheduler-mobile .k-event:hover .k-resize-handle { visibility: hidden; } .k-scheduler-mobile .k-scheduler-toolbar { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-scheduler-mobile .k-scheduler-toolbar > * { margin: 0; } .k-scheduler-mobile .k-scheduler-toolbar::before { display: none; } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; margin: 0; } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current { line-height: 1; display: flex; flex-flow: column nowrap; align-items: center; justify-content: space-evenly; gap: 0; } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown { display: inline-block; } .k-scheduler-mobile .k-scheduler-footer { padding-block: 0.5rem; padding-inline: 0.5rem; display: flex; justify-content: space-between; } .k-scheduler-mobile .k-scheduler-footer > * { margin: 0; } .k-scheduler-mobile .k-scheduler-footer::before { display: none; } .k-scheduler-mobile .k-scheduler-monthview .k-hidden { height: 40px; } .k-scheduler-mobile .k-scheduler-monthview .k-scheduler-table td { height: 40px; vertical-align: top; text-align: center; } .k-scheduler-mobile .k-scheduler-monthview .k-events-container { position: absolute; text-align: center; height: 6px; line-height: 6px; } .k-scheduler-mobile .k-scheduler-monthview .k-event { position: static; padding: 4px; border-radius: 50%; display: inline-block; width: 4px; height: 4px; min-height: 0; margin: 1px; } .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header.k-mobile-horizontal-header .k-scheduler-times table tr:first-child { display: none; } .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header .k-scheduler-header .k-scheduler-date-group { display: none; } .k-scheduler-mobile .k-scheduler-header-wrap > div { overflow: visible; } .k-scheduler-mobile .k-scheduler-agendaview .k-mobile-header { display: none; } .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table { table-layout: auto; } .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table .k-scheduler-groupcolumn { width: 1%; } .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table td { white-space: normal; } .k-scheduler-mobile .k-mobile-header .k-scheduler-table td, .k-scheduler-mobile .k-mobile-header .k-scheduler-table th { height: 1.5em; } .k-scheduler-mobile .k-time-text, .k-scheduler-mobile .k-time-period { display: block; line-height: 1; } .k-scheduler-mobile .k-time-period { font-size: .7em; } .k-scheduler-mobile .k-scheduler-table td, .k-scheduler-mobile .k-scheduler-table th { height: 2em; vertical-align: middle; } .k-scheduler-mobile .k-scheduler-datecolumn-wrap { display: flex; align-items: center; justify-content: space-between; } .k-scheduler-mobile .k-task { display: flex; align-items: center; gap: .5em; } .k-scheduler-mobile .k-task .k-scheduler-mark { border-radius: 50%; margin: 0; } .k-scheduler-mobile .k-task .k-scheduler-task-text { flex: 1 1 0%; } .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn { vertical-align: top; } .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); white-space: nowrap; } .k-scheduler-mobile .k-scrollbar-h tr + tr .k-scheduler-times { border-bottom-width: 0; } .k-pane-wrapper .k-appbar { padding: 0.25rem; } .k-pane-wrapper .k-list-title, .k-pane-wrapper .k-filter-help-text { padding-block: 0.5rem; padding-inline: 1rem; display: block; } .k-pane-wrapper .k-listgroup-title { padding-block: 0.5rem; padding-inline: 1rem; font-weight: bold; text-transform: uppercase; } .k-pane-wrapper .k-listgroup .k-listgroup-item { border-color: inherit; } .k-pane-wrapper .k-listgroup + .k-listgroup { margin-top: 1rem; } .k-pane-wrapper .k-column-menu { padding: 0.5rem; display: flex; flex-flow: column nowrap; gap: 0.5rem; } .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * { pointer-events: none; } .k-pane-wrapper .k-column-menu .k-list-title, .k-pane-wrapper .k-column-menu .k-listgroup-title { padding: 0; } .k-pane-wrapper .k-column-menu .k-listgroup { margin-inline: -0.5rem; } .k-pane-wrapper .k-filter-menu { padding: 0.5rem; display: flex; flex-flow: column nowrap; gap: 0.5rem; } .k-pane-wrapper .k-filter-menu .k-list-title { padding: 0; } .k-pane-wrapper .k-filter-menu .k-list-filter { padding: 0; display: flex; flex-flow: column nowrap; gap: inherit; } .k-pane-wrapper .k-filter-menu .k-filter-tools { display: flex; flex-flow: row nowrap; gap: inherit; } .k-pane-wrapper .k-filter-menu .k-listgroup { margin-inline: -0.5rem; } .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap { display: flex; } .k-pane-wrapper .k-popup-edit-form .k-mobiletimezoneeditor { display: flex; align-items: center; justify-content: flex-end; position: relative; flex: 1 1 auto; } .k-pane-wrapper .k-multicheck-wrap.k-listgroup { overflow-y: auto; } .k-pane-wrapper .k-pager-wrap.k-pager-sm, .k-pane-wrapper .k-pager.k-pager-sm { justify-content: center; } .k-pane-wrapper .k-pager-wrap.k-pager-sm .k-pager-refresh, .k-pane-wrapper .k-pager.k-pager-sm .k-pager-refresh { display: none; } .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li, .k-pane-wrapper[dir="rtl"] .k-scheduler-mobile .k-scheduler-toolbar > ul > li, [dir="rtl"] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li { border: 0; } .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload, .k-pane-wrapper[dir="rtl"] .k-scheduler-mobile .k-task .k-i-reload, [dir="rtl"] .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload { margin-left: .5em; margin-right: 0; } .k-pane-wrapper, .k-view { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-pane-wrapper .k-pane > .k-view > .k-content { background-position: 50% 50%; background-color: #fafafa; } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header { border-left-color: #212529; } .k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before { background-color: #f8f9fa; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current { color: #0d6efd; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendadate { color: inherit; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-time-period, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendaweekday { color: #6c757d; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-wrap, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-datecolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-group-cell, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-all-day { background-color: #fafafa; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-tools > li { display: inline-block; background-color: inherit; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-item, .k-pane-wrapper .k-pane .k-grid-edit-form .k-link, .k-pane-wrapper .k-pane .k-grid-header-menu .k-item, .k-pane-wrapper .k-pane .k-grid-header-menu .k-link, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-item, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-link, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-item, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-link { color: #212529; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-clear, .k-pane-wrapper .k-pane .k-grid-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-header-menu .k-clear, .k-pane-wrapper .k-pane .k-grid-header-menu .k-select-all, .k-pane-wrapper .k-pane .k-grid-header-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-header-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-clear, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-select-all, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-clear, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-resetSeries { color: #0d6efd; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected { color: #0d6efd; background: none; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected .k-link { color: inherit; } .k-grid { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-direction: column; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-grid.k-grid-display-block { display: block; } .k-grid .k-grid-container { display: flex; flex: 1 1 auto; overflow: hidden; position: relative; } .k-grid .k-grid-aria-root { border-color: inherit; display: flex; flex-direction: column; flex: 1 1 auto; overflow: hidden; } .k-grid .k-table { margin: 0; width: 100%; max-width: none; border-width: 0; border-color: inherit; border-collapse: separate; border-spacing: 0; box-sizing: content-box; empty-cells: show; outline: 0; } .k-grid .k-grid-header .k-table, .k-grid .k-grid-content .k-table, .k-grid .k-grid-content-locked .k-table, .k-grid .k-grid-footer .k-table { table-layout: fixed; } .k-grid .k-table-thead, .k-grid .k-table-tbody, .k-grid .k-table-tfoot { text-align: start; border-color: inherit; } .k-grid .k-table-row { border-color: inherit; } .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td { border-width: 0; border-inline-start-width: 1px; border-style: solid; border-color: inherit; outline: 0; font-weight: inherit; text-align: inherit; position: static; overflow: hidden; text-overflow: ellipsis; box-sizing: content-box; } .k-grid .k-table-th:first-child, .k-grid td:first-child, .k-grid .k-table-td:first-child { border-inline-start-width: 0; } .k-grid .k-table-th:focus, .k-grid td:focus, .k-grid .k-table-td:focus { outline: none; } .k-grid .k-table-th > .k-radio, .k-grid .k-table-th > .k-radio-wrap, .k-grid .k-table-th > .k-checkbox, .k-grid .k-table-th > .k-checkbox-wrap, .k-grid td > .k-radio, .k-grid td > .k-radio-wrap, .k-grid td > .k-checkbox, .k-grid td > .k-checkbox-wrap, .k-grid .k-table-td > .k-radio, .k-grid .k-table-td > .k-radio-wrap, .k-grid .k-table-td > .k-checkbox, .k-grid .k-table-td > .k-checkbox-wrap { vertical-align: top; } .k-grid .k-table-th { border-block-end-width: 1px; white-space: nowrap; } .k-grid td, .k-grid .k-table-td { border-block-end-width: 0px; white-space: unset; vertical-align: middle; } .k-grid a { color: inherit; text-decoration: none; } .k-grid a:hover { text-decoration: none; } .k-grid .k-grid-header-wrap { box-sizing: content-box; } .k-grid .k-grid-header { border-bottom-width: 1px; } .k-grid .k-grid-header .k-table { margin-bottom: -1px; } .k-grid .k-grid-header.k-grid-draggable-header { -webkit-user-select: none; -ms-user-select: none; user-select: none; touch-action: none; } .k-grid .k-grid-header .k-table-th { position: relative; vertical-align: bottom; cursor: default; } .k-grid .k-grid-header .k-table-th:first-child { border-inline-start-width: 0; } .k-grid .k-grid-header .k-table-th.k-first { border-inline-start-width: 1px; } .k-grid .k-grid-header .k-table-th > .k-link { line-height: inherit; display: block; overflow: hidden; text-overflow: ellipsis; outline: 0; } .k-grid .k-grid-header .k-table-th > .k-link:focus { text-decoration: none; } .k-grid .k-grid-header .k-grid-filter, .k-grid .k-grid-header .k-header-column-menu, .k-grid .k-grid-header .k-grid-header-menu { box-sizing: border-box; outline: 0; display: flex; align-items: center; align-content: center; justify-content: center; position: absolute; inset-inline-end: 0.5rem; z-index: 1; } .k-grid .k-grid-header .k-grid-filter:hover, .k-grid .k-grid-header .k-header-column-menu:hover, .k-grid .k-grid-header .k-grid-header-menu:hover { cursor: pointer; } .k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon { vertical-align: text-top; margin-inline-start: calc(1rem - 1px); } .k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon .k-icon { display: flex; } .k-grid .k-grid-header .k-sort-order { display: inline-block; vertical-align: top; height: 16px; font-size: 12px; margin-top: 2px; margin-inline-start: -2px; } .k-grid .k-grid-header .k-filterable > .k-cell-inner .k-link { padding-inline-end: 0; } .k-grid .k-cell-inner { display: flex; flex-flow: row nowrap; align-items: center; justify-content: inherit; overflow: hidden; } .k-grid .k-cell-inner > .k-link { width: auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: inherit; flex: 1; overflow: hidden; } .k-grid .k-cell-inner > .k-link > .k-sort-icon { margin-inline-start: 0; display: inline-block; flex-shrink: 0; } .k-grid .k-cell-inner .k-sort-order { flex-shrink: 0; line-height: normal; } .k-grid .k-cell-inner .k-grid-filter, .k-grid .k-cell-inner .k-header-column-menu, .k-grid .k-cell-inner .k-grid-header-menu { position: static; margin-inline-end: 0.5rem; } .k-grid .k-group-col, .k-grid .k-hierarchy-col { padding: 0; width: 32px; } .k-grid .k-grouping-row p { margin: 0; display: flex; align-items: center; align-content: center; } .k-grid .k-grouping-row td, .k-grid .k-grouping-row .k-table-td { overflow: visible; } .k-grid .k-grouping-row + .k-table-row td, .k-grid .k-grouping-row + .k-table-row .k-table-td { border-top-width: 1px; } .k-grid .k-grouping-row .k-group-cell, .k-grid .k-grouping-row + .k-table-row .k-group-cell { border-top-width: 0; text-overflow: clip; } .k-grid .k-grouping-row .k-icon { margin-inline-start: calc(8px - 0.5rem); margin-inline-end: 8px; text-decoration: none; } .k-grid .k-table .k-group-footer td, .k-grid .k-table .k-group-footer .k-table-td { border-style: solid; border-width: 1px 0; } .k-grid .k-group-footer .k-group-cell + td, .k-grid .k-group-footer .k-group-cell + .k-table-td { border-inline-start-width: 1px; } .k-grid .k-hierarchy-cell, .k-grid .k-drag-cell { text-align: center; overflow: visible; } .k-grid .k-hierarchy-cell > .k-font-icon, .k-grid .k-drag-cell > .k-font-icon { padding-block: 0.5rem; padding-inline: 0; width: 100%; height: 100%; display: inline-block; outline: 0; } .k-grid .k-hierarchy-cell + .k-grid-content-sticky { border-inline-start-width: 1px; } .k-grid .k-detail-row .k-detail-cell { border-inline-start-width: 0; } .k-grid .k-dirty-cell { position: relative; } .k-grid .k-dirty-cell.k-edit-cell { position: static; } .k-grid .k-dirty-cell.k-grid-content-sticky { position: sticky; } .k-grid .k-dirty { border-width: 5px; border-color: transparent; border-block-start-color: currentColor; border-inline-start-color: currentColor; inset-inline-start: 0; inset-inline-end: auto; } .k-grid .k-grid-content-locked + .k-grid-content { box-sizing: content-box; } .k-grid .k-grid-content-expander { position: absolute; visibility: hidden; height: 1px; bottom: 1px; } .k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon { border-width: 0; } .k-grid .k-drag-col { padding: 0; width: 48px; } .k-grid .k-drag-cell { cursor: move; } .k-grid-toolbar { border-width: 0 0 1px; flex-shrink: 0; } .k-grid-toolbar-bottom { border-width: 1px 0 0; } .k-grouping-header { border-width: 0 0 1px; border-style: solid; border-color: inherit; white-space: normal; display: flex; align-items: center; position: relative; flex-wrap: wrap; } .k-grouping-header::before { content: ""; height: calc(1.25em + 0.5rem + 2px); display: inline-block; vertical-align: middle; } .k-grouping-header .k-chip-list { flex-grow: 0; display: contents; } .k-grouping-header > .k-grouping-drop-container { flex-grow: 1; padding-block: 0.5rem; margin-block: -0.5rem; display: inline-flex; align-self: stretch; align-items: center; } .k-grouping-dropclue { width: 12px; position: absolute; top: 3px; box-sizing: content-box; } .k-grouping-dropclue::before, .k-grouping-dropclue::after { display: inline-block; content: ""; position: absolute; } .k-grouping-dropclue::before { border-width: 6px; border-style: solid; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; top: 0; } .k-grouping-dropclue::after { width: 2px; height: calc(100% - 6px); top: 6px; inset-inline-start: 5px; } .k-grid-header-wrap, .k-grid-footer-wrap { margin-inline-end: -1px; width: 100%; border-width: 0; border-inline-end-width: 1px; border-style: solid; border-color: inherit; position: relative; overflow: hidden; } .k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable { margin-inline-end: 0; } .k-grid-header, .k-grid-footer { padding-inline-start: 0; padding-inline-end: var(--kendo-scrollbar-width, 17px); border-width: 0; border-style: solid; border-color: inherit; flex: 0 0 auto; } div.k-grid-header, div.k-grid-footer { display: flex; flex-direction: row; align-items: stretch; } .k-column-resizer { width: .5em; height: 1000%; display: block; position: absolute; top: 0; inset-inline-end: 0; cursor: col-resize; } .k-row-resizer { display: block; height: 0.125rem; width: 100%; background: none; } .k-grid-footer { border-top-width: 1px; } .k-grid-footer td, .k-grid-footer .k-table-td { height: 1.5em; } .k-grid-footer td, .k-group-footer td, .k-grouping-row td, .k-grid-footer .k-table-td, .k-group-footer .k-table-td, .k-grouping-row .k-table-td { font-weight: bold; } .k-grid-filter-popup { min-width: 250px; max-width: 320px; } .k-grid-column-menu-standalone a.k-grid-filter { position: initial; display: inline-block; margin-block: -4px; margin-inline: 0; padding-block: 4px; padding-inline: 8px; } .k-filter-row { line-height: 1.5; } .k-filter-row td, .k-filter-row .k-table-td, .k-filter-row .k-table-th { border-width: 0; border-block-end-width: 1px; border-inline-start-width: 1px; white-space: nowrap; } .k-filter-row td:first-child, .k-filter-row .k-table-td:first-child { border-inline-start-width: 0; } .k-filter-row .k-multiselect { height: auto; } .k-filtercell { width: auto; display: flex; flex-flow: row nowrap; align-items: center; } .k-filtercell > span, .k-filtercell .k-filtercell-wrapper { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; flex: 1 1 auto; } .k-filtercell > span > .k-button, .k-filtercell .k-filtercell-wrapper > .k-button { flex: none; } .k-grid-content, .k-grid-content-locked { border-color: inherit; outline: 0; } .k-grid-content .k-table-row:last-child > td, .k-grid-content .k-table-row:last-child > .k-table-td, .k-grid-content-locked .k-table-row:last-child > td, .k-grid-content-locked .k-table-row:last-child > .k-table-td { border-bottom-width: 0; } .k-grid-content { width: 100%; min-height: 0; overflow: auto; overflow-x: auto; overflow-y: scroll; position: relative; flex: 1; } .k-virtual-scrollable-wrap { height: 100%; overflow-y: hidden; position: relative; } .k-grid .k-edit-cell, .k-grid .k-command-cell, .k-grid .k-grid-edit-row td, .k-grid .k-grid-edit-row .k-table-td { text-overflow: clip; } .k-grid .k-edit-cell > input:not([type="checkbox"]):not([type="radio"]), .k-grid .k-edit-cell > select, .k-grid .k-edit-cell > .k-widget:not(.k-switch), .k-grid .k-grid-edit-row td > input:not([type="checkbox"]):not([type="radio"]), .k-grid .k-grid-edit-row td > select, .k-grid .k-grid-edit-row td > .k-widget:not(.k-switch), .k-grid .k-grid-edit-row .k-table-td > input:not([type="checkbox"]):not([type="radio"]), .k-grid .k-grid-edit-row .k-table-td > select, .k-grid .k-grid-edit-row .k-table-td > .k-widget:not(.k-switch) { width: 100%; vertical-align: middle; box-sizing: border-box; } .k-grid .k-edit-cell > .k-radio, .k-grid .k-edit-cell > .k-checkbox, .k-grid .k-edit-cell > .k-radio-wrap, .k-grid .k-edit-cell > .k-checkbox-wrap, .k-grid .k-grid-edit-row td > .k-radio, .k-grid .k-grid-edit-row td > .k-checkbox, .k-grid .k-grid-edit-row td > .k-radio-wrap, .k-grid .k-grid-edit-row td > .k-checkbox-wrap, .k-grid .k-grid-edit-row .k-table-td > .k-radio, .k-grid .k-grid-edit-row .k-table-td > .k-checkbox, .k-grid .k-grid-edit-row .k-table-td > .k-radio-wrap, .k-grid .k-grid-edit-row .k-table-td > .k-checkbox-wrap { vertical-align: middle; } .k-grid .k-command-cell > .k-button { margin-inline-end: 0.5rem; vertical-align: middle; } .k-grid .k-command-cell > .k-button:last-child { margin-inline-end: unset; } .k-grid > .k-resize-handle, .k-grid-header .k-resize-handle { height: 25px; cursor: col-resize; position: absolute; z-index: 2; } .k-selection-aggregates { border-width: 1px 0 0; border-style: solid; line-height: 1.5; display: flex; justify-content: flex-end; gap: 0.5rem; } .k-selection-aggregates-item-value { font-weight: 700; } .k-grid-pager { border-width: 1px 0 0; border-color: inherit; font-size: inherit; } .k-grid-pager-top { border-width: 0 0 1px; } .k-grid-virtual .k-grid-content .k-grid-table-wrap { float: left; width: 100%; } .k-grid-virtual .k-grid-content .k-grid-table { position: relative; float: left; z-index: 1; } .k-grid-virtual .k-grid-content > .k-height-container { position: relative; float: left; } .k-grid-virtual .k-grid-content::after { content: ""; display: block; clear: both; } .k-width-container { position: absolute; visibility: hidden; } .k-width-container div { height: 1px; } .k-grid-add-row td, .k-grid-add-row .k-table-td { border-bottom-style: solid; border-bottom-width: 1px; } .k-grid-lockedcolumns { white-space: nowrap; } .k-grid-content, .k-grid-content-locked { white-space: normal; } .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked { flex: 0 0 auto; display: inline-block; vertical-align: top; overflow: hidden; position: relative; border-style: solid; border-width: 0; border-inline-end-width: 1px; box-sizing: content-box; } .k-grid-content-locked + .k-grid-content.k-auto-scrollable, .k-grid-footer-locked + .k-grid-content.k-auto-scrollable, .k-grid-header-locked + .k-grid-content.k-auto-scrollable { display: inline-block; } .k-grid-content-locked .k-table, .k-grid-footer-locked .k-table, .k-grid-header-locked .k-table { border-width: 0; } .k-grid-content, .k-grid-footer-wrap, .k-grid-header-wrap { flex: 1 1 auto; display: inline-block; vertical-align: top; } .k-grid-content.k-auto-scrollable, .k-grid-footer-wrap.k-auto-scrollable, .k-grid-header-wrap.k-auto-scrollable { display: block; } .k-grid-header-locked > .k-grid-header-table, .k-grid-header-wrap > .k-grid-header-table { margin-bottom: -1px; } .k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header .k-filter-row .k-grid-header-sticky, .k-grid .k-grid-content-sticky, .k-grid .k-grid-row-sticky, .k-grid .k-grid-footer-sticky { position: sticky; z-index: 2; } .k-grid-header .k-table-th.k-grid-header-sticky.k-edit-cell, .k-grid-header .k-filter-row .k-grid-header-sticky.k-edit-cell, .k-grid .k-grid-content-sticky.k-edit-cell, .k-grid .k-grid-row-sticky.k-edit-cell, .k-grid .k-grid-footer-sticky.k-edit-cell { overflow: visible; z-index: 3; } .k-master-row .k-grid-content-sticky::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } kendo-grid .k-table-row.k-grid-row-sticky { border: 0; position: static; z-index: auto; } kendo-grid .k-grid-row-sticky td, kendo-grid .k-grid-row-sticky .k-table-td { border-bottom-width: 1px; border-top-width: 1px; position: sticky; top: inherit; bottom: inherit; z-index: 2; } kendo-grid .k-grid-row-sticky td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky.k-table-alt-row td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky .k-table-td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky.k-table-alt-row .k-table-td.k-grid-content-sticky { z-index: 3; } kendo-grid .k-grid-header-locked .k-table-th.k-grid-header-sticky:last-child, kendo-grid .k-grid-content-locked .k-table-row .k-grid-content-sticky:last-child { border-inline-end: 0; } kendo-grid .k-grid-header .k-grid-column-menu, kendo-grid .k-grid-header .k-grid-header-menu { z-index: 1; } .k-grid-content-sticky.k-grid-row-sticky { z-index: 3; } .k-grid .k-table .k-grid-header-sticky, .k-grid .k-table .k-grid-content-sticky, .k-grid .k-table .k-grid-footer-sticky { border-inline-end-width: 1px; } .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"]) + td, .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"]) + .k-table-td, .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"]) + .k-table-th, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"]) + td, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"]) + .k-table-td, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"]) + .k-table-th, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"]) + td, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"]) + .k-table-td, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"]) + .k-table-th { border-inline-start-width: 0; } .k-grid .k-grid-row-sticky { border-bottom-width: 1px; border-top-width: 1px; } .k-grid-header-sticky.k-table-th.k-grid-no-left-border.k-first { border-inline-start-width: 0; } .k-grid.k-grid-no-scrollbar .k-grid-header-wrap, .k-grid.k-grid-no-scrollbar .k-grid-footer-wrap { margin: 0; border-width: 0; } .k-grid.k-grid-no-scrollbar .k-grid-header, .k-grid.k-grid-no-scrollbar .k-grid-footer { padding: 0; } .k-grid.k-grid-no-scrollbar .k-grid-content { overflow-y: auto; } .k-grid-norecords { text-align: center; } div.k-grid-norecords { width: 100%; height: 100%; display: flex; align-items: center; } .k-grid-norecords-template { box-sizing: border-box; margin-block: 0; margin-inline: auto; width: 20em; height: 4em; border: 1px solid; line-height: 4em; } .k-column-title { min-width: 0; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 1; overflow: hidden; } .k-grid .k-grid-sm .k-table-th, .k-grid-sm .k-table-th { padding-block: 0.25rem; padding-inline: 0.25rem; } .k-grid .k-grid-sm td, .k-grid .k-grid-sm .k-table-td, .k-grid-sm td, .k-grid-sm .k-table-td { padding-block: 0.25rem; padding-inline: 0.25rem; } .k-grid .k-grid-sm .k-grouping-header, .k-grid-sm .k-grouping-header { padding-block: 0.25rem; padding-inline: 0.5rem; gap: 0.25rem; } .k-grid .k-grid-sm .k-grouping-header::before, .k-grid-sm .k-grouping-header::before { margin-inline-start: -0.25rem; } .k-grid .k-grid-sm .k-grid-header .k-table-th > .k-link, .k-grid-sm .k-grid-header .k-table-th > .k-link { margin-block: -0.25rem; margin-inline: -0.25rem; padding-block: 0.25rem; padding-inline: 0.25rem; } .k-grid .k-grid-sm .k-grid-header .k-grid-filter, .k-grid .k-grid-sm .k-grid-header .k-header-column-menu, .k-grid .k-grid-sm .k-grid-header .k-grid-header-menu, .k-grid-sm .k-grid-header .k-grid-filter, .k-grid-sm .k-grid-header .k-header-column-menu, .k-grid-sm .k-grid-header .k-grid-header-menu { padding: 0.25rem; width: calc(1.4285714286em + 0.5rem + 2px); height: calc(1.4285714286em + 0.5rem + 2px); bottom: -0.125rem; } .k-grid .k-grid-sm .k-table-th > .k-cell-inner, .k-grid-sm .k-table-th > .k-cell-inner { margin-block: -0.25rem; margin-inline: -0.25rem; } .k-grid .k-grid-sm .k-table-th > .k-cell-inner > .k-link, .k-grid-sm .k-table-th > .k-cell-inner > .k-link { padding-block: 0.25rem; padding-inline: 0.25rem; } .k-grid .k-grid-sm .k-grouping-row .k-icon, .k-grid-sm .k-grouping-row .k-icon { margin-inline-start: calc(8px - 0.25rem); } .k-grid .k-grid-sm .k-grouping-dropclue, .k-grid-sm .k-grouping-dropclue { height: calc(1.25em + 0.25rem + 8px); } .k-grid .k-grid-sm .k-hierarchy-cell, .k-grid .k-grid-sm .k-drag-cell, .k-grid-sm .k-hierarchy-cell, .k-grid-sm .k-drag-cell { padding: 0; } .k-grid .k-grid-sm .k-hierarchy-cell > .k-icon, .k-grid .k-grid-sm .k-drag-cell > .k-icon, .k-grid-sm .k-hierarchy-cell > .k-icon, .k-grid-sm .k-drag-cell > .k-icon { padding-block: 0.25rem; padding-inline: 0; } .k-grid .k-grid-sm .k-edit-cell, .k-grid .k-grid-sm .k-command-cell, .k-grid .k-grid-sm .k-grid-edit-row td, .k-grid .k-grid-sm .k-grid-edit-row .k-table-td, .k-grid-sm .k-edit-cell, .k-grid-sm .k-command-cell, .k-grid-sm .k-grid-edit-row td, .k-grid-sm .k-grid-edit-row .k-table-td { padding-block: 0.25rem; padding-inline: 0.25rem; } .k-grid .k-grid-sm .k-filter-row td, .k-grid .k-grid-sm .k-filter-row .k-table-td, .k-grid .k-grid-sm .k-filter-row .k-table-th, .k-grid-sm .k-filter-row td, .k-grid-sm .k-filter-row .k-table-td, .k-grid-sm .k-filter-row .k-table-th { padding-block: 0.375rem; padding-inline: 0.375rem; } .k-grid .k-grid-sm .k-filtercell > span, .k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper, .k-grid-sm .k-filtercell > span, .k-grid-sm .k-filtercell .k-filtercell-wrapper { gap: 0.125rem; } .k-grid .k-grid-sm .k-selection-aggregates, .k-grid-sm .k-selection-aggregates { padding-block: 0.25rem; padding-inline: 0.25rem; } .k-grid .k-grid-sm .k-resizer-wrap, .k-grid-sm .k-resizer-wrap { display: block; width: 100%; padding-block-start: 0.125rem; padding-block-end: 0.25rem; position: absolute; background: none; cursor: row-resize; z-index: 2; } .k-grid .k-grid-md .k-table-th, .k-grid-md .k-table-th { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-grid .k-grid-md .k-grouping-header, .k-grid-md .k-grouping-header { padding-block: 0.5rem; padding-inline: 0.5rem; gap: 0.5rem; } .k-grid .k-grid-md .k-grouping-header::before, .k-grid-md .k-grouping-header::before { margin-inline-start: -0.5rem; } .k-grid .k-grid-md .k-grid-header .k-table-th > .k-link, .k-grid-md .k-grid-header .k-table-th > .k-link { margin-block: -0.5rem; margin-inline: -0.5rem; padding-block: 0.5rem; padding-inline: 0.5rem; } .k-grid .k-grid-md .k-grid-header .k-grid-filter, .k-grid .k-grid-md .k-grid-header .k-header-column-menu, .k-grid .k-grid-md .k-grid-header .k-grid-header-menu, .k-grid-md .k-grid-header .k-grid-filter, .k-grid-md .k-grid-header .k-header-column-menu, .k-grid-md .k-grid-header .k-grid-header-menu { padding: 0.375rem; width: calc(1.5em + 0.75rem + 2px); height: calc(1.5em + 0.75rem + 2px); bottom: 0.125rem; } .k-grid .k-grid-md .k-table-th > .k-cell-inner, .k-grid-md .k-table-th > .k-cell-inner { margin-block: -0.5rem; margin-inline: -0.5rem; } .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link, .k-grid-md .k-table-th > .k-cell-inner > .k-link { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-grid .k-grid-md .k-grouping-row .k-icon, .k-grid-md .k-grouping-row .k-icon { margin-inline-start: calc(8px - 0.5rem); } .k-grid .k-grid-md .k-grouping-dropclue, .k-grid-md .k-grouping-dropclue { height: calc(1.25em + 0.5rem + 8px); } .k-grid .k-grid-md .k-hierarchy-cell, .k-grid .k-grid-md .k-drag-cell, .k-grid-md .k-hierarchy-cell, .k-grid-md .k-drag-cell { padding: 0; } .k-grid .k-grid-md .k-hierarchy-cell > .k-icon, .k-grid .k-grid-md .k-drag-cell > .k-icon, .k-grid-md .k-hierarchy-cell > .k-icon, .k-grid-md .k-drag-cell > .k-icon { padding-block: 0.5rem; padding-inline: 0; } .k-grid .k-grid-md .k-edit-cell, .k-grid .k-grid-md .k-command-cell, .k-grid .k-grid-md .k-grid-edit-row td, .k-grid .k-grid-md .k-grid-edit-row .k-table-td, .k-grid-md .k-edit-cell, .k-grid-md .k-command-cell, .k-grid-md .k-grid-edit-row td, .k-grid-md .k-grid-edit-row .k-table-td { padding-block: 5px; padding-inline: 0.5rem; } .k-grid .k-grid-md .k-filter-row td, .k-grid .k-grid-md .k-filter-row .k-table-td, .k-grid .k-grid-md .k-filter-row .k-table-th, .k-grid-md .k-filter-row td, .k-grid-md .k-filter-row .k-table-td, .k-grid-md .k-filter-row .k-table-th { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-grid .k-grid-md .k-filtercell > span, .k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper, .k-grid-md .k-filtercell > span, .k-grid-md .k-filtercell .k-filtercell-wrapper { gap: 0.25rem; } .k-grid .k-grid-md .k-selection-aggregates, .k-grid-md .k-selection-aggregates { padding-block: 0.5rem; padding-inline: 0.5rem; } .k-grid .k-grid-md .k-resizer-wrap, .k-grid-md .k-resizer-wrap { display: block; width: 100%; padding-block-start: calc(5px - 0.125rem); padding-block-end: 5px; position: absolute; background: none; cursor: row-resize; z-index: 2; } .k-loading-pdf-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; } .k-loading-pdf-mask > .k-i-loading { position: absolute; top: 50%; left: 50%; font-size: 64px; } .k-loading-pdf-mask .k-loading-pdf-progress { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .k-pdf-export .k-loading-pdf-mask { display: none; } .k-grid-pdf-export-element { position: absolute; left: -10000px; top: -10000px; } .k-grid-pdf-export-element .k-filter-row { display: none; } .k-pdf-export-shadow .k-grid { float: left; width: auto !important; } .k-pdf-export-shadow .k-grid, .k-pdf-export-shadow .k-grid-content, .k-pdf-export-shadow .k-grid-content-locked { height: auto !important; overflow: visible; } .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-content, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-footer-wrap { width: auto !important; } .k-pdf-export-shadow .k-grid-header, .k-pdf-export-shadow .k-grid[data-role="grid"] .k-grid-footer { padding: 0 !important; } .k-filter-menu-popup { min-width: 250px; max-width: 320px; } .k-filter-menu { box-sizing: border-box; } .k-filter-menu-container { padding: 0.5rem; box-sizing: border-box; display: flex; flex-flow: column nowrap; align-items: stretch; gap: 0.5rem; } .k-filter-menu-container .k-filter-and { width: min-content; align-self: start; } .k-filter-menu-container .k-actions, .k-filter-menu-container .k-edit-buttons, .k-filter-menu-container .k-action-buttons, .k-filter-menu-container .k-columnmenu-actions, .k-filter-menu-container .k-form-buttons { margin: 0; padding: 0; } .k-filter-menu-container kendo-numeric-filter-menu, .k-filter-menu-container kendo-grid-string-filter-menu, .k-filter-menu-container kendo-grid-date-filter-menu, .k-filter-menu-container kendo-grid-numeric-filter-menu, .k-filter-menu-container kendo-grid-filter-menu-input-wrapper, .k-filter-menu-container kendo-treelist-string-filter-menu, .k-filter-menu-container kendo-treelist-date-filter-menu, .k-filter-menu-container kendo-treelist-numeric-filter-menu, .k-filter-menu-container kendo-treelist-filter-menu-input-wrapper { display: flex; flex-flow: column nowrap; align-items: stretch; gap: 0.5rem; } .k-filter-menu.k-popup .k-filter-menu-container, .k-grid-filter-popup.k-popup .k-filter-menu-container { min-width: 250px; max-width: 320px; } .k-popup .k-multicheck-wrap { margin: 0; padding: 0; max-height: 300px; white-space: nowrap; overflow: auto; list-style: none; } .k-popup .k-multicheck-wrap .k-item, .k-popup .k-multicheck-wrap .k-check-all-wrap { padding-block: 0.25rem; padding-inline: 1rem; display: flex; flex-flow: row nowrap; } .k-filter-selected-items { font-weight: bold; line-height: normal; white-space: nowrap; } .k-autofitting { width: auto !important; table-layout: auto !important; } .k-autofitting .k-table-th, .k-autofitting td, .k-autofitting .k-table-td { white-space: nowrap !important; } .k-autofitting .k-detail-row { display: none !important; } .k-column-menu-popup, .k-grid-columnmenu-popup { min-width: 250px; box-sizing: border-box; } .k-column-menu-popup.k-popup, .k-grid-columnmenu-popup.k-popup { max-width: 320px; } .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons, .k-column-menu-popup .k-action-buttons, .k-column-menu-popup .k-columnmenu-actions, .k-column-menu-popup .k-form-buttons, .k-grid-columnmenu-popup .k-actions, .k-grid-columnmenu-popup .k-edit-buttons, .k-grid-columnmenu-popup .k-action-buttons, .k-grid-columnmenu-popup .k-columnmenu-actions, .k-grid-columnmenu-popup .k-form-buttons { margin: 0; } .k-column-menu { box-sizing: border-box; } .k-column-menu .k-menu:not(.k-context-menu) { font-weight: 400; } .k-column-menu .k-expander { border: 0; background: inherit; } .k-column-menu .k-expander .k-columnmenu-item { display: flex; align-items: center; } .k-column-menu-tabbed { border-radius: 0.25rem 0.25rem 0 0; } .k-column-menu-tabbed .k-tabstrip-items { margin: -1px -1px 0; } .k-column-menu-tabbed .k-tabstrip-items .k-item { flex: 1; } .k-column-menu-tabbed .k-tabstrip-items .k-link { justify-content: center; } .k-column-menu-tabbed .k-tabstrip-content { padding-inline: 0; padding-block: 0.5rem; border-width: 0; } .k-column-list { padding: 0; margin: 0; list-style: none; max-height: 200px; overflow-x: hidden; overflow-y: auto; } .k-column-chooser-title, .k-column-list-item { padding-block: 0.25rem; padding-inline: 1rem; } .k-column-list-item { margin: 0; display: flex; flex-flow: row nowrap; align-items: center; gap: 4px; cursor: pointer; position: relative; } .k-column-list-item .k-checkbox-label { margin: 0; } .k-column-list-item:focus { outline: none; } .k-columns-items-wrap { padding-block: 0.5rem; padding-inline: 0; } .k-columnmenu-item { padding-block: 0.25rem; padding-inline: 1rem; outline: 0; cursor: pointer; } .k-columnmenu-item > .k-icon, .k-columnmenu-item > .k-expander-indicator { margin-inline-end: 0.5rem; } .k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper { border-top: 1px solid; border-top-color: #dee2e6; } .k-columnmenu-item-content { overflow: hidden; } .k-column-menu-group-header { padding-block: 0.25rem; padding-inline: 1rem; display: flex; flex: 0 0 auto; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-column-menu-group-header-text { border-bottom-width: 1px; border-bottom-style: solid; font-size: 0.875rem; line-height: 1.5; font-weight: bold; text-transform: uppercase; flex: 1 1 auto; } .k-rtl .k-grid-virtual .k-grid-content .k-grid-table-wrap, .k-rtl .k-grid-virtual .k-grid-content .k-grid-table, .k-rtl .k-grid-virtual .k-grid-content > .k-height-container, [dir="rtl"] .k-grid-virtual .k-grid-content .k-grid-table-wrap, [dir="rtl"] .k-grid-virtual .k-grid-content .k-grid-table, [dir="rtl"] .k-grid-virtual .k-grid-content > .k-height-container, .k-rtl.k-grid-virtual .k-grid-content .k-grid-table-wrap, .k-rtl.k-grid-virtual .k-grid-content .k-grid-table, .k-rtl.k-grid-virtual .k-grid-content > .k-height-container, [dir="rtl"].k-grid-virtual .k-grid-content .k-grid-table-wrap, [dir="rtl"].k-grid-virtual .k-grid-content .k-grid-table, [dir="rtl"].k-grid-virtual .k-grid-content > .k-height-container { float: right; } .k-grid { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-grid .k-table { background-color: inherit; } .k-grid td, .k-grid .k-table-td, .k-grid .k-grid-content, .k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked { border-color: #dee2e6; } .k-grid .k-table-alt-row { background-color: rgba(0, 0, 0, 0.04); } .k-grid tbody > tr:not(.k-detail-row):hover, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover { background-color: rgba(0, 0, 0, 0.08); } .k-grid .k-table-th.k-selected, .k-grid td.k-selected, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-row.k-selected > .k-table-td { color: #212529; background-color: rgba(13, 110, 253, 0.25); } .k-grid .k-table-th:focus, .k-grid .k-table-th.k-focus, .k-grid td:focus, .k-grid td.k-focus, .k-grid .k-table-td:focus, .k-grid .k-table-td.k-focus, .k-grid .k-master-row > td:focus, .k-grid .k-master-row > td.k-focus, .k-grid .k-grouping-row > td:focus, .k-grid .k-grouping-row > td.k-focus, .k-grid .k-detail-row > td:focus, .k-grid .k-detail-row > td.k-focus, .k-grid .k-group-footer > td:focus, .k-grid .k-group-footer > td.k-focus, .k-grid .k-master-row > .k-table-td:focus, .k-grid .k-master-row > .k-table-td.k-focus, .k-grid .k-grouping-row > .k-table-td:focus, .k-grid .k-grouping-row > .k-table-td.k-focus, .k-grid .k-detail-row > .k-table-td:focus, .k-grid .k-detail-row > .k-table-td.k-focus, .k-grid .k-group-footer > .k-table-td:focus, .k-grid .k-group-footer > .k-table-td.k-focus, .k-grid .k-grid-pager:focus, .k-grid .k-grid-pager.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08); } .k-grid col.k-sorted, .k-grid .k-table-th.k-sorted { background-color: rgba(0, 0, 0, 0.02); } .k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked .k-header, .k-grid .k-grid-content-locked td, .k-grid .k-grid-content-locked .k-table-td { border-color: rgba(33, 37, 41, 0.5); } .k-grid .k-grid-header-locked .k-header { border-bottom-color: #dee2e6; } .k-grid .k-grid-content-locked .k-group-footer td, .k-grid .k-grid-content-locked .k-group-footer .k-table-td, .k-grid .k-grid-content-locked .k-group-cell { border-color: #dee2e6; } .k-grid .k-grid-content-locked .k-grouping-row + .k-table-row td, .k-grid .k-grid-content-locked .k-grouping-row + .k-table-row .k-table-td { border-top-color: #dee2e6; } .k-grid .k-grid-content-locked .k-selected td, .k-grid .k-grid-content-locked .k-selected .k-table-td { background-color: #c3dbff; } .k-grid .k-grid-content-locked .k-selected.k-table-alt-row td, .k-grid .k-grid-content-locked .k-selected.k-table-alt-row .k-table-td { background-color: #bdd4f7; } .k-grid .k-grid-content-locked .k-selected:hover td, .k-grid .k-grid-content-locked .k-selected.k-hover td, .k-grid .k-grid-content-locked .k-selected:hover .k-table-td, .k-grid .k-grid-content-locked .k-selected.k-hover .k-table-td { background-color: #b8cff1; } .k-grid-toolbar { border-color: inherit; } .k-grouping-header { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-grid-header { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-grid-header .k-sort-icon, .k-grid-header .k-sort-order { color: #0d6efd; } .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus, .k-grid-header .k-header-column-menu:focus, .k-grid-header .k-header-column-menu.k-focus, .k-grid-header .k-grid-header-menu:focus, .k-grid-header .k-grid-header-menu.k-focus, .k-grid-header .k-hierarchy-cell .k-icon:focus, .k-grid-header .k-hierarchy-cell .k-icon.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1); } .k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active { color: #ffffff; background-color: #0d6efd; } .k-grid-header .k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted { color: #212529; background-color: #f8f9fa; border-right-color: rgba(33, 37, 41, 0.5); border-left-color: rgba(33, 37, 41, 0.5); } .k-selection-aggregates { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-master-row .k-grid-content-sticky { border-color: rgba(33, 37, 41, 0.5); color: #212529; background-color: #ffffff; border-top-color: #dee2e6; } .k-master-row .k-grid-row-sticky { border-top-color: rgba(33, 37, 41, 0.5); border-bottom-color: rgba(33, 37, 41, 0.5); background-color: #ffffff; } .k-master-row.k-table-alt-row .k-grid-content-sticky, .k-master-row.k-table-alt-row .k-grid-row-sticky { background-color: whitesmoke; } .k-master-row.k-table-row.k-selected td.k-grid-content-sticky, .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky, .k-master-row.k-table-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected { background-color: #c3dbff; } .k-master-row.k-selected.k-table-alt-row td.k-grid-content-sticky, .k-master-row.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky, .k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected { background-color: #bdd4f7; } .k-master-row:hover .k-grid-content-sticky, .k-master-row.k-hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky, .k-master-row.k-hover .k-grid-row-sticky { background-color: #ebebeb; } .k-master-row.k-selected:hover td.k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-table-td.k-grid-content-sticky, .k-master-row.k-selected:hover td.k-grid-row-sticky, .k-master-row.k-selected.k-hover .k-table-td.k-grid-row-sticky, .k-master-row:hover td.k-grid-content-sticky.k-selected, .k-master-row.k-hover td.k-grid-content-sticky.k-selected, .k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected { background-color: #b8cff1; } kendo-grid.k-grid .k-grid-content-sticky { border-top-color: #dee2e6; border-left-color: rgba(33, 37, 41, 0.5); border-right-color: rgba(33, 37, 41, 0.5); background-color: #ffffff; } kendo-grid.k-grid .k-grid-content-sticky:hover, kendo-grid.k-grid .k-grid-content-sticky.k-hover { background-color: #ebebeb; } kendo-grid.k-grid .k-grid-row-sticky td, kendo-grid.k-grid .k-grid-row-sticky .k-table-td { border-top-color: rgba(33, 37, 41, 0.5); border-bottom-color: rgba(33, 37, 41, 0.5); background-color: #ffffff; } kendo-grid.k-grid .k-grid-row-sticky td:hover td, kendo-grid.k-grid .k-grid-row-sticky td.k-hover td, kendo-grid.k-grid .k-grid-row-sticky td:hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky td.k-hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky .k-table-td:hover td, kendo-grid.k-grid .k-grid-row-sticky .k-table-td.k-hover td, kendo-grid.k-grid .k-grid-row-sticky .k-table-td:hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky .k-table-td.k-hover .k-table-td { background-color: #ebebeb; } kendo-grid.k-grid .k-table-alt-row .k-grid-content-sticky, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row td, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row .k-table-td { background-color: whitesmoke; } kendo-grid.k-grid .k-table-row.k-selected .k-grid-content-sticky, kendo-grid.k-grid .k-selected.k-grid-row-sticky td, kendo-grid.k-grid .k-grid-row-sticky td.k-selected, kendo-grid.k-grid .k-selected.k-grid-row-sticky .k-table-td, kendo-grid.k-grid .k-grid-row-sticky .k-table-td.k-selected, kendo-grid.k-grid .k-selected.k-grid-content-sticky { background-color: #c3dbff; } kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky td, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td, kendo-grid.k-grid .k-table-alt-row .k-selected.k-grid-content-sticky { background-color: #bdd4f7; } kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky, kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky, kendo-grid.k-grid .k-grid-row-sticky:hover td, kendo-grid.k-grid .k-grid-row-sticky.k-hover td, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row:hover td, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row.k-hover td, kendo-grid.k-grid .k-grid-row-sticky:hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky.k-hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row:hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row.k-hover .k-table-td, kendo-grid.k-grid .k-table-alt-row:hover .k-grid-content-sticky, kendo-grid.k-grid .k-table-alt-row.k-hover .k-grid-content-sticky { background-color: #ebebeb; } kendo-grid.k-grid .k-table-row.k-selected:hover .k-grid-content-sticky, kendo-grid.k-grid .k-table-row.k-selected.k-hover .k-grid-content-sticky, kendo-grid.k-grid .k-selected.k-grid-row-sticky:hover td, kendo-grid.k-grid .k-selected.k-grid-row-sticky.k-hover td, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky:hover td, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky.k-hover td, kendo-grid.k-grid .k-selected.k-grid-row-sticky:hover .k-table-td, kendo-grid.k-grid .k-selected.k-grid-row-sticky.k-hover .k-table-td, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky:hover .k-table-td, kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky.k-hover .k-table-td, kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row:hover .k-grid-content-sticky, kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row.k-hover .k-grid-content-sticky, kendo-grid.k-grid .k-grid-row-sticky:hover td.k-selected, kendo-grid.k-grid .k-grid-row-sticky.k-hover td.k-selected, kendo-grid.k-grid .k-grid-row-sticky:hover .k-table-td.k-selected, kendo-grid.k-grid .k-grid-row-sticky.k-hover .k-table-td.k-selected, kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky.k-selected, kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected { background-color: #b8cff1; } .k-grouping-row .k-grid-content-sticky { background-color: #f8f9fa; } .k-grouping-row:hover .k-grid-content-sticky, .k-grouping-row.k-hover .k-grid-content-sticky { background-color: #ebebeb; } .k-group-footer td, .k-group-footer .k-table-td, .k-group-footer .k-grid-footer-sticky { background-color: #f8f9fa; } .k-group-footer:hover .k-grid-footer-sticky, .k-group-footer.k-hover .k-grid-footer-sticky { background-color: #f8f9fa; } .k-grid-footer { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-grid-footer .k-grid-footer-locked { border-color: inherit; } .k-grid-footer .k-grid-footer-sticky { border-color: rgba(33, 37, 41, 0.5); background-color: #f8f9fa; } .k-grouping-row, .k-group-cell { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-column-list-item:hover, .k-columnmenu-item:hover { color: #16181b; background-color: #e9ecef; } .k-column-list-item:focus, .k-column-list-item.k-focus, .k-columnmenu-item:focus, .k-columnmenu-item.k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-column-list-wrapper { border-color: inherit; } .k-columnmenu-item.k-selected { color: #ffffff; background-color: #0d6efd; } .k-column-menu .k-menu:not(.k-context-menu) { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover { color: #16181b; background-color: #e9ecef; } .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected { color: #ffffff; background-color: #0d6efd; } .k-column-menu .k-menu:not(.k-context-menu) .k-item:focus, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-column-menu-tabbed { background-color: #f8f9fa; } .k-column-menu-group-header-text { border-color: #dee2e6; color: #212529; } .k-check-all-wrap { border-color: #dee2e6; } .k-grid-norecords-template { background-color: #ffffff; border-color: #dee2e6; } .k-resizer-wrap.k-hover .k-row-resizer { background-color: rgba(0, 0, 0, 0.12); } .k-resizer-wrap.k-active .k-row-resizer { background-color: #0d6efd; } .k-listview { margin: 0; padding: 0; border-width: 0; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; flex-flow: column nowrap; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .k-listview-bordered { border-width: 1px; } .k-listview-header { border-width: 0; border-style: solid; border-color: inherit; } .k-listview-bordered > .k-listview-header { border-bottom-width: 1px; } .k-listview-content { margin: 0; padding: 0; outline: 0; flex-grow: 1; position: relative; overflow: auto; } .k-listview-content::after { height: 0; clear: both; display: block; } .k-listview-content.k-d-flex::after, .k-listview-content.k-d-flex-row::after, .k-listview-content.k-d-flex-col::after, .k-listview-content.k-d-grid::after { display: none; } .k-listview-content-padding-rectangle { padding-block: 0.25rem; padding-inline: 0.25rem; } .k-listview-content-padding-square { padding: 0.25rem; } .k-listview-item { padding: 0; border-width: 0; outline: 0; border-style: solid; box-sizing: border-box; flex-shrink: 0; } .k-listview-item-padding-rectangle { padding-block: 0.25rem; padding-inline: 0.25rem; } .k-listview-item-padding-rectangle .k-listview-link { margin-block: -0.25rem; margin-inline: -0.25rem; padding-block: 0.25rem; padding-inline: 0.25rem; } .k-listview-item-padding-square { padding: 0.25rem; } .k-listview-item-padding-square .k-listview-link { margin: -0.25rem; padding: 0.25rem; } .k-listview-footer { border-width: 0; border-style: solid; border-color: inherit; } .k-listview-bordered > .k-listview-footer { border-top-width: 1px; } .k-listview-pager { border-width: 0; border-color: inherit; } .k-listview-bordered > .k-listview-pager-top { border-block-end-width: var(--kendo-listview-border-width, 1px); } .k-listview-bordered > .k-listview-pager-bottom { border-block-start-width: var(--kendo-listview-border-width, 1px); } .k-listview-borders-all .k-listview-item { border-width: 1px; } .k-listview-borders-horizontal .k-listview-item { border-top-width: 1px; } .k-listview-borders-horizontal .k-listview-item:first-child { border-top-width: 0; } .k-listview-borders-vertical .k-listview-item { border-left-width: 1px; } .k-listview-borders-vertical .k-listview-item:first-child { border-left-width: 0; } .k-listview { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-listview-content > .k-focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-listview-content > .k-selected { background-color: rgba(13, 110, 253, 0.25); } .k-listview-item { border-color: #dee2e6; } .k-spreadsheet { width: 800px; height: 600px; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-direction: column; cursor: default; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-spreadsheet .k-vertical-align-center { position: relative; top: 50%; transform: translateY(-50%); } .k-spreadsheet .k-vertical-align-bottom { position: relative; top: 100%; transform: translateY(-100%); } .k-spreadsheet-toolbar { border-width: 0; } .k-spreadsheet-action-bar { border-width: 0 0 1px; border-style: solid; border-color: inherit; padding-block: 0.25rem; padding-inline: 0.5rem; font-size: 1rem; font-family: Arial, Verdana, sans-serif; position: relative; display: flex; flex-direction: row; gap: 0.5rem; } .k-spreadsheet-name-editor { width: 10em; } .k-spreadsheet-formula-bar { min-width: 0px; border-color: inherit; display: flex; flex-direction: row; align-items: center; flex: 1; gap: 0.5rem; } .k-spreadsheet-formula-bar > .k-icon { padding-block: 0; padding-inline: 0.5rem; box-sizing: content-box; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; flex-shrink: 0; } .k-spreadsheet-formula-bar .k-tooltip, .k-spreadsheet-formula-bar .k-group-header, .k-spreadsheet-formula-bar .k-list-scroller { display: none; } .k-spreadsheet-formula-bar .k-spreadsheet-formula-input { padding-block: 0.375rem; padding-inline: 0.75rem; line-height: 1.5; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::before { content: "{"; font-weight: 700; } .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::after { content: "}"; font-weight: 700; } .k-spreadsheet-formula-input { outline: 0; white-space: pre; flex: 1; box-sizing: border-box; } .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point { text-decoration: underline; } .k-spreadsheet-formula-input > .k-series-a, .k-spreadsheet-formula-input > .k-series-b, .k-spreadsheet-formula-input > .k-series-c, .k-spreadsheet-formula-input > .k-series-d { background-color: transparent; } .k-spreadsheet-formula-list { min-width: 100px; } .k-spreadsheet-formula-list .k-item { padding-block: 0.25rem; padding-inline: 1rem; } .k-syntax-func, .k-syntax-startexp { font-weight: bold; } .k-spreadsheet-cell-editor { padding-block: 0px; padding-inline: 0.25rem; line-height: 20px; display: none; overflow: hidden; position: absolute; z-index: 100; } .k-spreadsheet-sheets-bar { padding-block-end: 0.5rem; padding-inline: 0.5rem; border-width: 1px 0 0; border-style: solid; border-color: inherit; display: flex; flex-direction: row; align-items: center; position: relative; } .k-spreadsheet-sheets { flex: 1 1 auto; overflow: hidden; } .k-spreadsheet-sheets .k-tabstrip-items-wrapper { border-width: 0; } .k-spreadsheet-sheets-bar-add { align-self: center; } .k-spreadsheet-sheets-bar-add:not(:hover) { border-color: transparent; color: inherit; background: none; } .k-spreadsheet-sheets-items { flex: 1; overflow: hidden; } .k-spreadsheet-sheets-items .k-tabstrip-items-wrapper { margin: 0; border-width: 0; } .k-spreadsheet-sheets-items .k-item .k-link { display: inline-block; } .k-spreadsheet-sheets-items .k-item .k-spreadsheet-sheets-remove { margin-right: 0.5rem; margin-left: -0.5rem; padding: 0; line-height: 1; display: inline-flex; flex-direction: row; vertical-align: middle; align-self: center; } .k-spreadsheet-view { height: auto !important; border-color: inherit; font-size: 1rem; font-family: Arial, Verdana, sans-serif; flex: 1; position: relative; overflow: hidden; } .k-spreadsheet-view .k-disabled { pointer-events: auto; } .k-spreadsheet-fixed-container { width: calc(100% - var(--kendo-scrollbar-width, 17px)); height: calc(100% - var(--kendo-scrollbar-width, 17px)); border-color: inherit; box-sizing: border-box; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: absolute; z-index: 2; overflow: hidden; } .k-spreadsheet-overflow { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; border-color: inherit; } .k-spreadsheet-pane { padding: 0 1px 0 0; border-width: 2px 0 0 2px; border-style: solid; border-color: inherit; box-sizing: border-box; position: absolute; overflow: hidden; } .k-spreadsheet-pane.k-top { border-top-width: 0; } .k-spreadsheet-pane.k-left { border-left-width: 0; } .k-spreadsheet-top-corner { border-width: 0 1px 1px 0; border-style: solid; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 10000; } .k-spreadsheet-top-corner::after { content: ""; display: block; width: 0; height: 0; overflow: hidden; position: absolute; bottom: 0; right: 0; border: 6px solid transparent; border-right-color: inherit; border-bottom-color: inherit; } .k-spreadsheet-scroller { width: 100%; height: 100%; overflow: scroll; position: absolute; z-index: 1; } @media (hover: none), (pointer: coarse) { .k-spreadsheet-scroller { z-index: 3; } } .k-spreadsheet-haxis, .k-spreadsheet-vaxis { border: 0 solid; border-color: inherit; position: absolute; } .k-spreadsheet-haxis { border-width: 1px 0 0; left: 0; } .k-spreadsheet-vaxis { border-width: 0 0 0 1px; top: 0; } .k-spreadsheet-row-header, .k-spreadsheet-column-header { text-align: center; z-index: 100; } .k-spreadsheet-row-header > div, .k-spreadsheet-column-header > div { position: relative; box-sizing: border-box; border-width: 0; border-style: solid; border-color: inherit; } .k-spreadsheet-row-header > div::after, .k-spreadsheet-column-header > div::after { content: ""; border-width: 0; border-style: solid; border-color: inherit; display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .k-spreadsheet-row-header { position: relative; } .k-spreadsheet-column-header { position: absolute; } .k-spreadsheet-row-header > div { border-top-width: 1px; } .k-spreadsheet-row-header > div:first-child { border-top-width: 0; } .k-spreadsheet-row-header > .k-selection-partial::after, .k-spreadsheet-row-header > .k-selection-full::after { border-right-width: 2px; display: block; } .k-spreadsheet-column-header > div { border-left-width: 1px; } .k-spreadsheet-column-header > div:first-child { border-left-width: 0; } .k-spreadsheet-column-header > .k-selection-partial::after, .k-spreadsheet-column-header > .k-selection-full::after { border-bottom-width: 2px; display: block; } .k-spreadsheet-data { border-color: inherit; cursor: cell; position: relative; } .k-spreadsheet-cell { padding-block: 0.25rem; padding-inline: 0.25rem; box-sizing: border-box; position: absolute; line-height: normal; white-space: pre; overflow: hidden; } .k-spreadsheet-merged-cells-wrapper { position: relative; } .k-spreadsheet-disabled-mask { position: absolute; } .k-spreadsheet .k-selection-wrapper { position: relative; cursor: cell; } .k-spreadsheet .k-spreadsheet-selection { border-width: 1px; border-style: solid; box-sizing: border-box; position: absolute; } .k-spreadsheet .k-spreadsheet-selection-highlight { border-width: 2px; border-style: dashed; box-sizing: border-box; position: absolute; } .k-spreadsheet .k-spreadsheet-editor-button { position: absolute; padding: 0; z-index: 60; } .k-spreadsheet-active-cell { outline-color: transparent !important; z-index: 10; } .k-spreadsheet .k-auto-fill-wrapper { position: relative; } .k-spreadsheet .k-auto-fill, .k-spreadsheet .k-auto-fill-punch, .k-spreadsheet .k-auto-fill-br-hint { box-sizing: border-box; position: absolute; } .k-spreadsheet .k-auto-fill { border-width: 1px; border-style: solid; cursor: crosshair; } .k-spreadsheet .k-single-selection::after { content: ""; margin-bottom: -4px; margin-right: -4px; width: 6px; height: 6px; border-width: 1px; border-style: solid; border-radius: 50%; display: block; position: absolute; bottom: 0; right: 0; z-index: 300; cursor: crosshair; } .k-spreadsheet .k-selection-full::after, .k-spreadsheet .k-selection-partial::after { display: none; } .k-spreadsheet .k-autofill-wrapper { position: relative; cursor: cell; } .k-spreadsheet-vborder { position: absolute; border-left-style: solid; border-left-width: 1px; } .k-spreadsheet-hborder { position: absolute; border-top-style: solid; border-top-width: 1px; } .k-spreadsheet-has-comment::after { content: ""; display: block; position: absolute; top: 0; inset-inline-end: 0; inset-inline-start: auto; border-width: 3px; border-style: solid; } .k-spreadsheet-cell .k-dirty { inset-inline-start: 0; inset-inline-end: auto; } .k-spreadsheet .k-filter-wrapper { position: relative; z-index: 50; } .k-spreadsheet .k-filter-range { border-width: 2px; border-style: solid; position: absolute; box-sizing: border-box; } .k-spreadsheet-filter { border-radius: 0.375rem; padding: 0.5rem; line-height: 1; position: absolute; cursor: pointer; } .k-spreadsheet-filter .k-icon { vertical-align: middle; } .k-spreadsheet-filter-menu { width: 280px; } .k-spreadsheet-filter-menu .k-animation-container { position: relative; } .k-spreadsheet-filter-menu > .k-menu, .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical { border-width: 0; } .k-spreadsheet-filter-menu > .k-menu .k-item, .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-item { color: inherit; } .k-spreadsheet-filter-menu > .k-menu .k-link, .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-link { padding-left: calc(16px + 1rem); } .k-spreadsheet-filter-menu > .k-menu .k-icon, .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon { margin-left: calc(-16px + -0.5rem); margin-right: 0.5rem; } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { height: 200px; border-width: 1px; border-style: solid; overflow-y: scroll; overflow-x: auto; } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview { padding: 0.5rem; overflow: visible; } .k-spreadsheet-filter-menu .k-details, .k-spreadsheet-filter-menu .k-expander { padding: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit; } .k-spreadsheet-filter-menu .k-expander { border: 0; background: inherit; } .k-spreadsheet-filter-menu .k-details-summary, .k-spreadsheet-filter-menu .k-columnmenu-item { padding-block: 0.25rem; padding-inline: 1rem; display: flex; align-items: center; cursor: pointer; } .k-spreadsheet-filter-menu .k-details-summary > .k-icon, .k-spreadsheet-filter-menu .k-details-summary > .k-expander-indicator, .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon, .k-spreadsheet-filter-menu .k-columnmenu-item > .k-expander-indicator { margin-right: 0.5rem; } .k-spreadsheet-filter-menu .k-details-content, .k-spreadsheet-filter-menu .k-columnmenu-item-content { padding: 0.5rem; display: flex; flex-flow: column nowrap; gap: 0.5rem; } .k-spreadsheet-filter-menu .k-details-content .k-filter-and, .k-spreadsheet-filter-menu .k-columnmenu-item-content .k-filter-and { width: min-content; align-self: flex-start; } .k-spreadsheet-filter-menu .k-actions, .k-spreadsheet-filter-menu .k-edit-buttons, .k-spreadsheet-filter-menu .k-action-buttons, .k-spreadsheet-filter-menu .k-columnmenu-actions, .k-spreadsheet-filter-menu .k-form-buttons { margin: 0; padding: 0; } .k-spreadsheet-popup { padding: 0; } .k-spreadsheet-popup .k-separator { display: block; } .k-spreadsheet-popup .k-reset-color, .k-spreadsheet-popup .k-custom-color { border-radius: 0; width: 100%; border-width: 0; box-sizing: border-box; display: flex; } .k-spreadsheet-popup .k-reset-color { border-bottom-width: 1px; } .k-spreadsheet-popup .k-custom-color { border-top-width: 1px; } .k-spreadsheet-popup .k-spreadsheet-border-type-palette { padding: 0.5rem; display: grid; grid-template-columns: repeat(5, max-content); gap: 0.5rem; } .k-spreadsheet-clipboard, .k-spreadsheet-clipboard-paste { margin: 0; padding: 0; width: 1px; height: 1px; border: 0; opacity: 0; position: absolute; top: 0; left: 0; overflow: hidden; } .k-spreadsheet-window .k-external-dropzone { margin-block-end: 1rem; } .k-spreadsheet-window .k-edit-form-container { width: auto; min-width: 0; } .k-spreadsheet-format-cells .k-spreadsheet-preview { margin-top: 0.5rem; text-align: center; } .k-spreadsheet-format-cells .k-list-scroller { margin-top: 0.5rem; height: 210px; border-width: 1px; border-style: solid; border-color: inherit; } .k-export-config { clear: both; position: relative; } .k-export-config::after { content: ""; clear: both; display: block; } .k-export-config .k-edit-field { margin-left: 5%; width: 45%; float: left; } .k-export-config .k-page-orientation { position: absolute; right: 0; top: 0.5rem; } .k-export-config .k-page-orientation .k-icon { font-size: 6em; } .k-export-config .k-page-orientation .k-svg-icon { width: 6em; height: 6em; } .k-spreadsheet-insert-comment textarea { height: auto; } .k-spreadsheet-insert-image-dialog { border-radius: 0.375rem; border-style: dashed; border-width: 2px; } .k-spreadsheet-insert-image-dialog label { display: flex; justify-content: center; min-width: 100%; width: 355px; height: 230px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAGQCAYAAAAjl1AKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMGVmMzZmZi04YmI1LTRlN2YtOTcwMS04OTU5ZTg1N2ZhY2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNDOTBDNUQ2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNDOTBDNUM2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMmZmZjM0Mi05NjEyLTQwM2YtYWZhYS01MTE1ZjQ2NThmMWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYjlhMmUwMy1kNmIwLTY3NGMtODc4ZS0yMjUzMjdkNDI5OTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68UHLbAAAgpElEQVR42uzd2ZNc9dnY8TOL9gU0IAkjgwpkI8QOQmI1FS+FHW9VLt/7wpWb900qKV+lTL3vTZzElSvnJilfvM4fkQunfEOw2LUgiUUsNhiMAFsjtIzQrpmJnhOdoaent+np5SyfT1XXiJ4R0hz19Lef31l6ZHZ2NgEAWhu1CQBAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQQAwQQAwQQAwQQAMuP9/gNGRkZsZQAGop/v8WzCBIA8TJj9GFr9swGUYyAUTHEEoLvn+NxGdLwgG1BEAaoxYY7kNZ55C+bIEu4DoFixHGkT0JE8RTMvwWwXxRHBBKhMQGcbPN8PPZx5COZIh6EcEU+AQgex2fRYH8tm4RxqNIcdzGbxa/dROAGKOT3WhnCk5nOzTX5PbqI5zGB2Estmv24XTwDyO2HOtohi/f25ieawgtkqlvW/HukgnqIJULxY1v96tsV0OvRo5mkfZn0YR5tEs920CUB+o9kokvW3mQ6iWYkJc6RNLOtvo7/85S/X/eIXv/jntWvX/mjZsmVfGRsbG3eNWoCClvOq6enpy1f9/Ysvvvjfv/nNb/7zr3/96zM1oRxN2u/THHhAR/p5odr0D1gYtvpg1kdztObj6N///vf/NDEx8e/Gx8eXeZgBlM+VK1cunzhx4n9u3rz5n65Fc6Zm0my0dFs/tdbGuG9/z2FefL1ROOdi+ZOf/GTl1NTU/920adMvxBKgvOI5/upz/X+I5/x47q8bnEaSnByvMugJs1EkRxoEcyw23Lp16x72UAKojjNnzuxfv379N6/+crrBlDnbbsos44TZ7Mo+aTSPHTv2X8USoHriuT8a0GS6HOqUOewl2QW3OMBnYmLiHz1sAKopGhAtSFqfJTH4aA1pSbbRUmx6m5yc/O833njjv/GQAaiu48eP/6+NGzf+++TLg4AaLc0mSQWWZJuN1iNr1qz5vocKQLVdbcG/TnJ2cZpBBrPV1Xnmps1ly5Zt8lABqLarLdiYNL9YTbOmlCaY9fFsdHm8kbgogYcKQLVda0HTVpR9wuwonq7gA0CD418qtSTbzdQJQIW7macujOZgYwBA7psxmrONIKAA5LIN42XaIFeuXEmmpqaSixcvJjMzMx5qAMOYxEZHkxUrViTr16+P68T2shGVe3uvvohYTk5OCiXAkMXz8Pnz59PhZePGjb2IZj5eCJTlHygmS7EEyFc447m5NJNzWb6ReCUDQL5cuHBBMPP4SgaAfOn39coFEwBypjQH/bhCEAAmTAAQTAAQTAAQTAAQTABAMAFAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQSAAhkvyzcyMjLiXxMAEyYACCYACCYACCYACCYAIJgAIJgAIJgAIJgAIJgAIJgAIJgAIJgAgGACwBJ5ey8AMGECgGACgGACgGACgGACgGACgGACAIIJAIIJAIIJAIIJAIIJAKXg4usAYMIEAMEEAMEEAMEEAMEEAMEEAMEEAAQTAAQTAAQTAAQTAAQTAErBxdcBwIQJAIIJAAMzbhMA9cbGxpLx8fH0Fr8eHR1NP8auj+wWZmdn527T09PJzMxM+vHKlSvpLX4NggmUKpDLly9Pb8uWLUsD2YnaeMb/o14E9PLly8mlS5fSm4AimEDhRBRXrlyZ3mKSrHXmzJnk5MmTyalTp5IvvvgivV28eDG9RfQigukTyLUpdMWKFWls165dm96uv/76ZMOGDcn69evTz8UtxNR54cKF9BYxBcEEcivCtmrVqrmIZYGcnJxMPv300+Rvf/tbGsZMLLc2ky29nj9/Pv3vY8eOzft8/Bk33XRTsmXLlmTTpk3JunXr5qIaf0b8vpg8oQhGWv0w9OQP+PJ0j5Gaj9lttOYW6zljV/8+J7v5c+p/UIFkQbzWrFkzb5r88MMPk7/85S9pKOt18tzQ6msafe7mm29Otm3bltx2223zonv27Nl5kaZc4sVSl/3YcPXD9LXbTM1ttuaW1HxM+tk0wYSSi32SMdHFx5BNku++++7c0mqvItlpROPvsmPHjrnJM8TfJZZ+6/9OCKZgCib0VeyjjFDGPsrw+eefpxPlO++80/NpsptpM3PXXXelE+eNN96Y/nfs34xw2scpmIIpmNB3sfwa+wuzo13/9Kc/JXv37h1oJFt9vtH9jz32WLJ9+/b01xHL2K9qmVYwBVMwoW8/bxHKbKr8+OOPkwMHDqT7CPMwTbb7XEzEu3fvTrZu3To3bUY4+/08hWAKJlRInAcZp3HE/sE49ePgwYPpfsphT5OLnTRD7N/ctWtX+j3FPs2pqSnncArm0IPptBIogYjkddddly7BxkE9L7/8cseT2bCmyVb3HzlyJDl69Gjy1FNPpU+2cU7n6dOnHRDEUJVmwownCaiiOK8yJsv4WfvrX/+avPTSS+mpGkWZJlt9LibMiGYcFBRfE5Om8zaLZ+PGjaWYMF18HQosDu7JYvn+++8ne/bsaRnL7Lqv3Xy+9rqx3Xyu099Te398L88++2zy3nvvpd9jduUgGAZLslDgyTIO8ImQ/PnPf05eeeWVQk+Tre6PFwLxMY6ije85fm3SZNBMmFDEV7rj43OTZbNYFm2abHf/888/nx7ElE2a9de/BcEE5v/Qjo6mB/hky7D1sew2hJ3+3l4GdLH3x6SZLc9mBzmBYAILZNNVhOKjjz5Kj4btVQjzNE22uv+5555LPvjgg3kvHGAQxsv0RAJlFxdPj1NI4jJ3EctBnxLS632Tnd7fKJqxLTZv3pxe7CAupQcmTCCVvS1XiGXYZuckLnVizNM02ey++N4jmnExg7iqkSNnEUwgFSsoMUmF2Id34sSJjqPWj8/18/5O4xlvbp3tv41p0yoTggmkQYh9dnFt2FdffbWjqbCbyXCQU2Mn02S7qL7xxhvp+3nGtoltBIIJFRanT2QXU9+3b1/HU+FiJr28TpOdRPXFF19MP8Y2cqoJggkVVrsUGwe3DOKUkF6dKtLLabLZ/XHN3LfeemvetgLBhIqJg1liaoqjYltdnGBQ50cOI4jtvjZ+/cc//jF9x6LYVg4AQjChgrKjYuO8w35Nk0sJaK+j2s3XZuJNsmu3GQgmVEScRhITU0xOb7/9du5PCRnENNnqaw8dOpR89tln6TaLbQeCCRWRHejzySef5PpydYOcJuuXYuvvi7c3q912IJhQ9h/M0dH0ij7hnXfeyd00OYggtvvaRvcdPnx4bjp3nVl6zaXxIIfiwJV4TMf1YrO3scr75ery8LWxreIdTeJtwGLKPH/+vAcTJkwoezBDHOxjmmy/FFt7fwSzdhuCCRPK+ip2dDQ9cGVqaiqdMAc5NRZpmmx2X2yzuGze9ddfn27LmZkZDypMmFBG2RGecXTsoKfGok2TzX7/p59+Om9bgmBCCWUH+xw9ejT3R7q2+38sNZ7d/v4PP/xw3raEXrAkCzkNZjYl1YahmaUudy72/n4spfby98dF6gUTwYQSGxsbS4+Ojf2XFy9e7Hv4ihrEdvfF0bHZfszYpvG+mSCYULJghtOnTw88fGWL5+TkZBrMOIBKMOkF+zAhh8GM6ag+BHm++Hke92MeP3583jYFEyaU6RXstavTxIRpmlza12bb0BV/EMw6rvRDKX4gr70BcuzDbDRFDTuIRYpnbMNswvT8gGBCyWRP7OfOnRPEJX5ttg3FEsGEEgfzwoULhb/izrDjmV1HVjARTChxMOsv5yaei//aK1euCCaCCWUPZrzrhiAu/Z1LBBPBhJJbygE/4tn6qkggmFCSUMZEFJd0u3z5cqGClLe/a3bhdfFEMKHEwYxTIbIlxbIEbdDnlGYXLBBMBBNKGsxsOsqO8ixj/AYRz5UrVwomggllD+bq1asXXB4vD0Ea9u9fzP8jtqFg0kuuGQU5kl0kfP369fNiMKjrr/bjWrG9vNbsYq6Zm21DF17HhFnHoeOUQXb+5XXXXVf5pdil/j9iG2bb1PMDggklnTA3bNhQyCAO+mtb3b9x48Z5L0JAMKGEwYz3cazaOZK9jmcWzOyKPyCYUCIxDcWTfiwnxlGecU3ZPMQv79Nk/f2rVq1KJiYm0vtNmPSKg34gZ+KCBWHLli2FPDCn26/t9v/R6P9z6623ztuWIJhQQtkSYvak30lMlhq0QQSxl0fAtro/brfddtu8bQm9YEkWcjphfuUrX6nc1Xl6df9Xv/pVEyYmTCi72OcWB//Efsxt27a1nMSKuhTbr/tDTJc33HBDug3tv0QwoeSy68h+/etfL/xS7CDvj9s999wzbxtCr1iShZwGM470jAkzrivbi/fHHPTyar+XYht9LrbV3XffLZiYMKEqYikx2/9233335XqaHNaU2ehzDz/8cPoxtp3lWASTwjt+/LiN0IGLFy+mH7du3drz+PU6fIPYN9ns/trP3X777fO2HfSSa8ky8Fg+//zzyZNPPpls2rTJBmkhTomIA1fiaNkHHnggOXjw4IJINApHs6AM6msHcX+jz+3evTu55ZZb0m0W285zAiZMCh3LPXv2pO/zGNE8duyYjdJGdqWfOPin22kyr0fALnaKbfe5u+66a942A8Gk8LHMntREs73YFxcT00033ZR885vfzEUQlxq9pQS02ee+973vJTfffHO6rZx7iWBSmljWTk+i2d65c+fSj/fee2+ybt26wl6urpcBrf1cvO/lQw89NG9bgWBSyFhGFOtjKZqdi6kpO0XiqaeeGug02cvL1fXi9zT6fU8//XT6MbaRN4tGMCl0LNu96s+iOTk5aaM1ES84IhJf+9rXkm9961uluMBAN9Nk/ed37dqVbN++Pb2/2YsyEExKEcvaaMayrWgmTYORbcs4LzN7r8eiXK6uV9NkrXiT7XjxUPuCAgSTQsYynsTi0P5Ob3HunEmzuTiYJTu/8Dvf+U4yPj5eqWmy9vPxvf/4xz9OP8ZSrKv6IJgUOpbdsDzbfvtkR81+97vfXXTI8nKBgW4/l30+YhnvSBLbwlIsgkkhY/nCCy8s+QlMNJuLYJw9ezb9eMcdd8xFMy9TZi8/1+zPi1ju2LFj3raAQRjp94Ot5mobIzUfs9tozW0sblf/Pie7+XNOnz7tX3OIIm69iGWtlStXuiJQE2NjY8maNWvSn6833ngj+cMf/tAwNs0i1Iv7h/G5H/7wh+lVj7JYOiq2GOKt6rrsx4arH6av3WZqbrM1t6TmY19fQJkwyWUss0kz/r9OOVkoQhEHAcWTQ5yfWTtplmmarPWDH/xgLpbxvYslgyaYLEm2DBtxW8wBPos5EEg0G4vrpWZHh0Y042o3ebtcXSch7OTzP/rRj5IHH3xw7vSR+N5BMClULGNfY7+v3SmazcWRs9mkGW+cnB05mofL1S31SNjsaNif/vSnyf333z83Wbr0HcNiHya5jmWtFStW2KfZRO0+zU8++ST5/e9/n5w8eXIuPq2mt8Xcv5TPLfbzExMT6QuAeAcS+yyLrSz7MAWTrmLZj32WncgOBMpO3OdLo6OjyerVq9N4Rliee+65ZP/+/T0J3lJC2M3vjSv4fPvb306WLVs2t7/WG0ILpmAKpliKZk9/3mL7LF++PP3v9957L3n22WfTn488T5O1T6xxbdg777wz/e+4IEGsYjh1RDAFUzALGcs8vN9gtjwrmo3FZLZq1aq5n7948+n6U0+GMU22+prvf//7yc6dO+e+Jl6U2V8pmIIpmGIpmgOfNj/99NPk7bffTvbu3ZuLaTLzyCOPJHfffXeyZcsWU6VgCqZgFtvnn38+9GVY0exeHGka4Yx9m+Ho0aPJBx98kOzbty+NU7+WZFt9Tfy77d69O9m2bVt6UE+IfZURSqeMCKZg9jmYU1NTHpV9nCzzfL3OiMETTzzh6NkOwhmhysIZ3n333eTNN99MPw5imox9k3H6S1zaLhOhjFOHhLK84k2+BVMwxVI0CxnO2McZt9pVhI8//jh5//33k48++mjBv3m302TsR926dWv6Pp633nprcsMNN8x9LvZPxk0oBVMwBbPwsXzxxRcL9U4QlmcX/7OZhbN26swCGheKiNupU6fSW5zakV1lJ3s7rez3xwuWOA/0+uuvT2/xb7B58+Z5gcymySyU9lEKpmAKpljmYNIUzcWJczhj8oxwxsean9slieeXCGyEMj46l1IwBVMwSyMmi4hlTBNFJZq9CWjEMz5mt+z6vrU/19nzR3YpuwhidotICiSCKZiljmUZ3pA3lmdFEwSzpy8k/VNStliGOOoyvh9vQg0IJmLZQTRfeukl0QQEE7FsJ06EF01AMFlyLCMm/Xrz57zcskkzjv4FEEy6imVZJ8t62T5N0QS6VZqjZM+cOeNfcxGxLPMybCtxysnjjz/u6FkYoHXr1nXbD0fJIpbDYp8mYMI0YXYcyzy9RdewxHmaJk0wYZowaRjL7AAfnHICCCYtYlnVZdhW0Xz55ZdFExBMxLKdmLgjmo6eBdqxD7PETpw4IZYdyvZp3njjjTYG9Jh9mIhlibi4AVCZCfOLL77wr3mNA3yWNmk+9thjjp6FHlq7dq0JE7Es46TpQCBAMCsQy3iyF0vRZPg8fgSTnMfSPsveRfOVV17xpEdXYl/4888/nxw7dszGKBH7ME2WtJDt03T0LIuJ5Z49e9IXr3Ht4m984xvJpk2bKr1N7MMkF+JoWLHs76TpPE26iWWIn0uTZnkIplgimvQhlhnRFExyEkv7LEWTfMQyotjszdjj8fPCCy+IZsHZh2myZBFin+ajjz5qnyYLYtnJi9fYp/nkk09Wbp9mWfZhliaYZ8+ercQDzwE++YmmixsQR1F3GsvaaFbtQKA1a9aUIpiWZAsWyzjVQSyHyykn1May2TJss1s8fuzTLCbBLFgs7bMUTfIVy24fP6JZPJZkC8A+y/yyT7OasYwDeHrx4rUq+zQtySKWzE2ajp4Vy27Ez7WjZ4tDMMUS0WQIsRTN4rEkm+NYOsCnWGJ59pFHHrE8W0K151n2SyzPPvHEE6VcnrUki1iyYNJ89dVXTZpi2fWk+eKLL5o0c0wwxRLRZMixFE3BRCxFk0LHMvYtDvrnUTTzqzT7MM+dO1fof4g4zzKeZMWyPOzTLK5+HeCzGGU65WT16tXd9sM+TMTSpEneY7nYK/j0+haPH5NmvgjmkMUyrFiWO5p79+4VzQLGMg8sz+aLJVmxZABieXb37t2WZ3Ms22eZx8tPFv2UE0uyiCUmTbE0aVaIYIolA4zmvn37RFMsRVMwEUs6edITzfzFctgH+DgQqBjswxxwLGNZTizJ9mnecMMNNsYQYxnxKeJb5mX7NIvyJub2YSKWdC3bpxmnFDF4sd0jlkWZLJtNmt6P1YRZugnz5MmT6TJsPMih1vLly02aQ4plGd6MPSbNxx9/PPeTZlkmzNIEM68PfpMl7cTy7K5du5xyMgBFXoZtF808n3KyatWqUgTTkqxYMmSOnhXLpYjnl5deesny7ACYMPscS8uwdMrybP9jWeYXr7FSkdcDgUyYiCU9denSJQcC9SmWMYGVfaUnnm9Mmv0lmH2IZSyviSXdRjMeP6LZ21iWbRm2Gcuz/WVJVizJoViejQOBLM+KZTfydvRsWZZkBVMsEc3SqT3Psqpin2ZeomkfJnPiPMv9+/eLJT0Vy7PxuLI8K5bdiOejl19+2fKsCTM/E2bE0mRJvyfNhx9+2KQpll2J5dnHHntsqJOmJVnBFEsGGs1Ynp2YmLAxWsSyCkfDdiNbnh3WxTEsyVacWDJI2fJs7CtHLBcrO+XExTFMmKlB/qDEk5Z9lgxr0rQ8O19VzrPshWEtz8afa8KsILEkD5OmA4HEstvBwoFAJsyB/MBYhiUvYp/Uzp07Kz1pWoZd2uNnkJOmCbNixJI8icfhgQMHKjtpiuXSHz8mTRNm32JpGZY8in2aVZs0xbK3k9+jjz7a90nThFmhyVIsyavYpxmTZlWOno1YxmQklr0R2/GVV15x9KwJUyyp1qQZR8+W+TxNseyfbJ9mv87TLMuEKZgtYhmv3MWSIkUzlmfLGE2xLHY0LcmWmFhSRGVdnhXLwcgOBLI8K5hiiWgWUHwfsY9NLAcXTfs0W0y8lmS/dOrUqXSfZTzpQJHF8uxDDz1U6OXZiKXJcjhieTaOnu3V8qwl2ZKJWMYrc7GkLJPmwYMHCztpiqVJM48EsyaWlmEp25NeEaMplqKZV6VZku02drHP8rXXXhNLSqtIy7NxgE88SQ/r/W1ZKLu4wVKWZ2OJt8t+OK0kL8EUS6oinrAefPDBXEczi6XJMp+Pn6VEsyzBrOySrFhSJXlfnhXL/D9+LM9WdMKMfZZiSRXF8mzeJs3s1BHLsOWdNC3JFjSYYoknvRXJAw88kItoOs+ymI+fRx55ZFHRFMwCBjOLpVNHMGkuH3o0xbI60bQPs2AilrEPRyzh/5+neejQoXRf/rBi+eqrr4plQcWAEv9+VdunWYlgZrG0DAvDj2YWS/ssix/NvXv3VupNzEu/JCuW0Fq2T3PDhg0mS7p6/MTybKs3MbcPswDBPH36tH2W0IFsn2Y/oxmTrH2W1YymYOY8mBFLkyXkI5oRS5Nl+aO5e/fuhtF00E/ORJizm1jC4tXu06z9eVrqTSyroXafZv1joDSdKcuEmS27OhoW8jNp2mdZ3Umz9pSTeEyVYcIsVTAjlvEK2WQJw49mxDImDrGsZjR37do1F03BzFkwjx07lsbSZAm9sWzZsq6jKZbURrMswSzNPkyxhN66fPlycvjw4UWfpymWhFjp27dvX6nO0yxNMMUS+vNztZhoiiX10YzHQ1mMl+UbKdORWJDHSfP+++9vuTwbUY2JIp4k/TxSxmFm1D8n0Gk0m02acb/JkrITTKDjaL7++uvp0ehiiWACtBDLa0eOHEmmp6fFksqxDxPoWJxqct999yVjY2NzsbTPEhMmQF0sd+7cmaxdu3beAT4gmADXxInnEct169bNxdIyLFVjSRZoO1k+9NBDaSzjPEuxRDABWsQyJsv9+/fbZ0llWZIFOoqlyRITZkl4xQu9j2XtAT5iiWACtImlZViwJAu0iGW2zxKwJAtkTwbj4wtiaRkWShhMYGmT5YMPPpjGMq4V62hYWMiSLIjlvFi6gg+UfML0Shi6eAIYH284WQIlDiaw+MnygQcesAwLJkygVSzvv//+BVfwAUyYQIPJUixBMIEOYnngwIH0TaGt0ECFgukHHtrHMpZha2NpsoTOOa0ExBKo0oQJtI9lHA372muvWYaFKgfTDz80+AEfH58XS5MlCCbQYLK877775k4dMVnC0tiHCRWJpckSTJgpr5rh2g/1+LhYgmACnUyW2dGwBw8eFEsQTKCTWFp9AcGcx5MClf5BvrYMa7KE/nHQD4glUKUJE6oolmHvvffeufMsDx065NQRMGECrWJpsgQTZke8oqZSP7jj42IJggm0myzvueeeebG0DAuCacKEusmyUSwBwQRqYhnLsGvWrJl3gA8wGA76gYLG0j5LMGECNbJ9llksDx8+bJ8lCGb3PHlQ1smyPpYmSxgOS7JQgFiePn1aLMGECdSLZdi777577mhYy7AgmD3jiYQyTZb1sTRZgmACdbG0zxIEE2ghW4Z1NCwIZl95UqHok2WjWAL54ShZyFksX3/9dbEEwQSaxTJOHYlY2mcJOf15tQkgH7G0zxIEcyA8yVC0WN51110LYgkIJtAklrEMe/nyZS/6IOfsw4Qhx9JkCSbMgfLqnKLEcvXq1WIJggl0Ess33njDMiwUjCVZGEIsTZZgwhwar9TJayx37NghlmDCBDqN5ZtvvimWYMI0YUJ9LO+8884FsfQ4BRMmUDdZxqkjU1NTyVtvvWWyBBMm0CiWJksQzNzyhEQeYtloGRYoB0uy0IdYWoYFwQQ6iKW36ALBBMQSqvnzXpZvxD5MhhHL7du3L1iG9VgEE2aujY2N+ddkKLGMU0eOHDlinyWU/Lm5NBPm+vXrk5MnT3p0MvBYmiyhuYmJCcHMm1tuuSU5c+ZMMj097RFKX18tN4ol0PjF5W233Vaa72dkdna2v3/Al6+6R2o+ZrfRmlvM7WNX/z5dj4kXLlxIjh49mj6RCSf9+OG/4447xBI6eGEZk2XEMn5eltCPDVc/TF+7zdTcZmtuSc3HpJ9Ny0MwR67FMn49vpRgAlAe14J55Vokp6+FcWjBzMtBPwu+aQAqL1dtGM3JxgCAXDdjNGcbQkAByGUXRvO2Qaanp0UToOJmZmZyF85hBbPRN5/ed+UqDxWAart8+fKVVq0oezAb7bydrdsAsxcuXJj0UAGotnPnzk0mLY6GTYZwQFBelmTnfn3mzJnfe6gAVNupU6f+T5NADk2eTitJb7/97W//+eoo7qoDABV16dKl6d/97nf/1GDCHKpBXrgg/c8GHxdc9efEiRP/bcOGDf/Wwwagej744IP/sW3btv+YdHZ1n3kRK8uVfmpDWR/LBVf+OX/+/HMrV67c6aEDUB3Hjh07sHnz5n+VNL+yT/3EObBgDnpJttnRTvW3mZ/97GdPX7hw4S0PH4BqmJycPPLzn//86RaRnG3TlP4OgAOeMJtNmUndhDm3RHvixIn/snr16n9YsWLFMg8ngPK5Ohxd/uyzz357++23P5MsXIKdSRaeUdE0mGW/luxsk4kzvdjuxMTEM7/61a9uPXr06L9MTU19dunSpSv9jjwA/RMXJbh48eKVkydPfvbhhx/+yzPPPHPr1Vj+MvnyXUnaLr0OwzAmzEZTZu202ektafARgHxqdLDOYm5JJwHtZ9PGc7IRRxpsiFaRHGkRXgDyGctGwUzaBDI371gyPsSNN9Immo3imYglQKmimXQQyaEe7JOHCbNVNEeabKDa++sjKZoA+Y9lJ/HMXSyHHczFTpr1X18fTkcCAZQnnLmKZR6C2SyaSdJ+iTYXGxCAvsUzN7HMSzAbRbCTcAJQnmC2imIuGjCew4030mZDCShAeaOZu1DmMZiNNtBI3jcgAAONqGAuYsM5GhZAHAWzbBsYgHIYtQkAQDABoCf6viTrnUUAMGECgGACAIIJAIIJAIIJAIIJAIIJAIIJAIIJAIIJAAgmAAgmAAgmAAgmAAgmAAgmAAgmACCYACCYACCYACCYACCYAFB0/0+AAQDHHxQEMMRIrwAAAABJRU5ErkJggg==); background-size: auto 70%; background-position: 50% 30%; background-repeat: no-repeat; } .k-spreadsheet-insert-image-dialog label div { display: flex; align-self: flex-end; margin-bottom: 30px; pointer-events: none; } .k-spreadsheet-insert-image-dialog label input { display: none; } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image { background-size: auto 90%; background-position: 50% 50%; } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div { margin: 0; align-self: center; opacity: 1; } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image div { opacity: 0; } .k-spreadsheet-drawing { position: absolute; box-sizing: border-box; z-index: 101; } .k-spreadsheet-drawing.k-spreadsheet-active-drawing { outline-style: solid; outline-width: 2px; } .k-spreadsheet-drawing .k-spreadsheet-drawing-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-size: 100% 100%; background-repeat: no-repeat; cursor: move; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle { width: 6px; height: 6px; border-style: solid; border-width: 1px; border-radius: 0.5rem; position: absolute; transform: translate(-50%, -50%); } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.N { left: 50%; top: 0; cursor: ns-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NE { left: 100%; top: 0; cursor: nesw-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.E { left: 100%; top: 50%; cursor: ew-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SE { left: 100%; top: 100%; cursor: nwse-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.S { left: 50%; top: 100%; cursor: ns-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SW { left: 0; top: 100%; cursor: nesw-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.W { left: 0; top: 50%; cursor: ew-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NW { left: 0; top: 0; cursor: nwse-resize; } .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover { border-radius: 0.375rem; } .k-spreadsheet-legacy .k-spreadsheet, .k-spreadsheet-legacy .k-spreadsheet-action-bar, .k-spreadsheet-legacy .k-spreadsheet-view { font-size: 12px; } .k-spreadsheet-legacy .k-spreadsheet-cell { padding: 1px; } .k-spreadsheet-legacy .k-spreadsheet-filter { padding: 0px; } .k-spreadsheet-legacy .k-filter-range { border-width: 1px; } .k-spreadsheet-legacy .k-spreadsheet .k-spreadsheet-selection-highlight { border-width: 1px; border-style: solid; } .k-spreadsheet .k-tabstrip-wrapper { border-width: 0 0 1px; border-style: solid; border-color: inherit; position: relative; } .k-spreadsheet-quick-access-toolbar { padding: 0.5rem; display: inline-flex; flex-direction: row; position: absolute; z-index: 2; top: 0; left: 0; } .k-spreadsheet-tabstrip { padding-top: 0.5rem; position: relative; z-index: 1; } .k-spreadsheet-tabstrip .k-tabstrip-items-wrapper { margin: 0; } .k-spreadsheet-tabstrip .k-loading { display: none; } .k-spreadsheet-tabstrip .k-content, .k-spreadsheet-tabstrip .k-tabstrip-content { border-radius: 0; padding: 0; border-width: 0; overflow: hidden; } .k-spreadsheet-menu { padding-inline: 0.5rem; } .k-spreadsheet-filter-menu > .k-menu, .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) { background: none; color: inherit; font-weight: inherit; font-size: inherit; } .k-spreadsheet-filter { padding: 0.25rem; } .k-spreadsheet { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-spreadsheet-header { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-spreadsheet-top-corner, .k-spreadsheet-row-header, .k-spreadsheet-column-header { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-spreadsheet-cell-editor { color: #212529; background-color: #ffffff; } .k-spreadsheet-merged-cell { background-color: #ffffff; } .k-spreadsheet-disabled-mask { background-color: #ffffff; } .k-spreadsheet .k-selection-full, .k-spreadsheet .k-selection-partial { background-color: rgba(13, 110, 253, 0.25); } .k-spreadsheet-selection { border-color: #0d6efd; background-color: rgba(13, 110, 253, 0.25); box-shadow: inset 0 0 0 1px #0d6efd; } .k-spreadsheet-selection-highlight { border-color: #0d6efd; } .k-spreadsheet .k-single-selection::after { border-color: #ffffff; background-color: #0d6efd; } .k-spreadsheet-active-cell { background-color: #ffffff; box-shadow: inset 0 0 0 1px #0d6efd; } .k-spreadsheet .k-auto-fill { border-color: #0d6efd; background-color: rgba(13, 110, 253, 0.25); box-shadow: inset 0 0 0 1px #0d6efd; } .k-spreadsheet .k-auto-fill-punch { background-color: rgba(255, 255, 255, 0.5); } .k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker { background-color: #0d6efd; } .k-spreadsheet-has-comment::after { border-block-color: #0d6efd transparent; border-inline-color: transparent #0d6efd; } .k-spreadsheet-cell .k-dirty { border-block-color: #dc3545 transparent; border-inline-color: #dc3545 transparent; } .k-spreadsheet .k-filter-range { border-color: #0d6efd; } .k-spreadsheet-filter { border-color: #e4e7eb; color: #212529; background-color: #e4e7eb; box-shadow: inset 0 0 0 1px #e4e7eb; } .k-spreadsheet-filter:hover { border-color: #c7cdd5; background-color: #ced3db; } .k-spreadsheet-filter.k-active { border-color: #bfc6d0; background-color: #c7cdd5; } .k-spreadsheet-filter-menu > .k-menu .k-item:hover, .k-spreadsheet-filter-menu > .k-menu .k-item.k-hover, .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item:hover, .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-hover { color: #16181b; background-color: #e9ecef; } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-spreadsheet-insert-image-dialog { border-color: #dee2e6; } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover { box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5); } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div { color: #ffffff; } .k-spreadsheet-drawing.k-spreadsheet-active-drawing { outline-color: #0d6efd; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle { border-color: #0d6efd; background-color: #0d6efd; } .k-spreadsheet-drawing-anchor-cell { background: rgba(13, 110, 253, 0.25); } .k-syntax-ref { color: #ff8822; } .k-syntax-num { color: #0099ff; } .k-syntax-str { color: #38b714; } .k-syntax-error { color: red; } .k-syntax-bool { color: #a9169c; } .k-syntax-paren-match { background-color: #caf200; } .k-pivotgrid { border-width: 1px; border-style: solid; box-sizing: content-box; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; text-align: start; vertical-align: top; display: grid; grid-template-columns: 300px auto; grid-template-rows: 75px auto; position: relative; } .k-pivotgrid table { margin: 0; width: 100%; max-width: none; border-width: 0; border-color: inherit; border-collapse: separate; border-spacing: 0; outline: 0; text-align: inherit; empty-cells: show; } .k-pivotgrid thead, .k-pivotgrid tbody, .k-pivotgrid th, .k-pivotgrid tr, .k-pivotgrid td { border-color: inherit; text-align: inherit; } .k-pivotgrid-table { table-layout: fixed; } .k-pivotgrid-table th { font-weight: 400; text-transform: initial; } .k-pivotgrid-table .k-pivotgrid-header-root { font-weight: 600; text-transform: uppercase; } .k-pivotgrid-empty-cell { border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; } .k-pivotgrid-empty-cell:focus { outline: none; } .k-pivotgrid-column-headers { overflow: hidden; } .k-pivotgrid-column-headers .k-pivotgrid-table { padding-inline-start: 0; padding-inline-end: var(--kendo-scrollbar-width, 17px); } .k-pivotgrid-column-headers .k-pivotgrid-cell { border-bottom-style: solid; border-bottom-width: 1px; border-left-style: solid; border-left-width: 1px; } .k-pivotgrid-column-headers .k-pivotgrid-cell:first-child { border-left-width: 0; } .k-pivotgrid-column-headers .k-pivotgrid-cell.k-first { border-left-width: 1px; } .k-pivotgrid-row-headers { overflow: hidden; } .k-pivotgrid-row-headers .k-pivotgrid-table { padding-bottom: var(--kendo-scrollbar-width, 17px); } .k-pivotgrid-row-headers .k-pivotgrid-cell { border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; white-space: nowrap; } .k-pivotgrid-values { border-color: inherit; overflow: scroll; } .k-pivotgrid-values .k-pivotgrid-cell { border-bottom-style: solid; border-bottom-width: 1px; border-left-style: solid; border-left-width: 1px; } .k-pivotgrid-values .k-pivotgrid-cell:first-child { border-left-width: 0; } .k-pivotgrid-cell { padding-block: 0.5rem; padding-inline: 0.5rem; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; overflow: hidden; } .k-pivotgrid-cell:focus { outline: none; } .k-pivotgrid-cell .k-icon { cursor: pointer; padding-inline-end: 4px; } .k-pivotgrid-total { font-weight: 600; } .k-column-menu .k-treeview { padding-block: 0px; padding-inline: 1.5rem; overflow: auto; } .k-pivotgrid-configurator { display: flex; } .k-pivotgrid-configurator-panel { border-width: 1px; border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; z-index: 2; } .k-pivotgrid-configurator-button { padding-block: 0.25rem; padding-inline: 0.25rem; border-width: 1px; border-style: solid; box-sizing: border-box; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-flex-row .k-pivotgrid-configurator-button, .k-d-flex-row .k-pivotgrid-configurator-button, .k-flex-row-reverse .k-pivotgrid-configurator-button { display: flex; align-items: center; } .k-flex-row .k-pivotgrid-configurator-button span, .k-d-flex-row .k-pivotgrid-configurator-button span, .k-flex-row-reverse .k-pivotgrid-configurator-button span { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-d-flex-row .k-pivotgrid-configurator-button .k-icon, .k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon { vertical-align: baseline; } .k-flex-row-reverse .k-pivotgrid-configurator-button > span { transform: rotate(-180deg); } .k-flex-col .k-pivotgrid-configurator-button, .k-d-flex-col .k-pivotgrid-configurator-button, .k-flex-column .k-pivotgrid-configurator-button, .k-flex-col-reverse .k-pivotgrid-configurator-button, .k-flex-column-reverse .k-pivotgrid-configurator-button { text-align: center; } .k-pivotgrid-configurator-overlay { position: absolute; overflow: hidden; z-index: 2; } .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay { right: calc(1.5em + 0.5rem + 2px); } .k-flex-row-reverse .k-pivotgrid-configurator-overlay { left: calc(1.5em + 0.5rem + 2px); } .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay { bottom: calc(1.5em + 0.5rem + 2px); } .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay { top: calc(1.5em + 0.5rem + 2px); } .k-pivotgrid-configurator-header { padding-block: 0.75rem; padding-inline: 1rem; font-size: 18px; font-weight: 500; display: flex; flex-direction: row; align-items: center; } .k-pivotgrid-configurator-header-text { word-break: normal; overflow-wrap: anywhere; } .k-pivotgrid-configurator-content { padding-block: 0.25rem; padding-inline: 1rem; flex: 1 1 auto; overflow: auto; } .k-pivotgrid-configurator-content .k-form .k-label { font-size: 16px; font-weight: 500; align-items: flex-start; } .k-pivotgrid-configurator-content .k-form .k-dropdown-list, .k-pivotgrid-configurator-content .k-form .k-dropdown, .k-pivotgrid-configurator-content .k-form .k-dropdownlist { max-width: 90px; } .k-pivotgrid-configurator-content .k-form .k-textbox { flex-basis: 50%; } .k-pivotgrid-configurator-content .k-row-fields, .k-pivotgrid-configurator-content .k-column-fields, .k-pivotgrid-configurator-content .k-filter-fields { margin-top: 0.5rem; flex-wrap: wrap; } .k-pivotgrid-configurator-content .k-value-fields { margin-block: 0.5rem; margin-inline: 0px; display: flex; flex-direction: column; gap: 0.5rem; } .k-pivotgrid-configurator-content .k-select-all .k-checkbox { margin-inline-end: 0.25rem; } .k-pivotgrid-configurator-content .k-fields-list-wrapper { max-height: 200px; border-width: 1px; border-style: solid; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .k-pivotgrid-configurator-content .k-settings-description { margin-top: 1rem; text-align: center; } .k-pivotgrid-configurator-content .k-treeview { padding-block: 0px; padding-inline: 1.5rem; overflow: auto; } .k-calculated-field { padding-block: 1rem; padding-inline: 1rem; border-width: 1px; border-radius: 0.375rem; border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; gap: 1rem; } .k-calculated-field-header { display: flex; flex-direction: row; align-items: center; } .k-calculated-field-header .k-textbox { min-width: 200px; } .k-calculated-field-header-text { margin-right: 5px; word-break: normal; overflow-wrap: anywhere; } .k-calculated-field-header-actions { flex-shrink: 0; align-self: flex-start; } .k-calculated-field-content .k-textbox { width: 100%; } .k-calculated-field-actions { display: flex; flex-direction: row; align-items: center; } .k-calculated-field-actions .k-icon { margin-right: 0.5rem; } .k-calculated-field-actions .k-dropdown-list, .k-calculated-field-actions .k-dropdown, .k-calculated-field-actions .k-dropdownlist { max-width: 100px; } .k-filter-menu .k-calculated-item { border-bottom-width: 1px; border-bottom-style: solid; } .k-pivotgrid-configurator-vertical { min-width: 320px; } .k-flex-row .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-d-flex-row .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-row-reverse .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel { border-right-width: 0; border-left-width: 0; } .k-pivotgrid-configurator-horizontal { width: 100%; height: 420px; } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form { display: flex; flex-direction: row; } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper { padding-left: 1rem; } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper > *:first-child { margin-top: 0; } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:first-child { padding-left: 0; flex: 1 1 30%; } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:nth-child(2) { flex: 1 1 30%; } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:last-child { border-left-width: 1px; border-left-style: solid; flex: 1 1 40%; } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-row-fields, .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-column-fields, .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-filter-fields { max-height: 100px; overflow-x: hidden; overflow-y: auto; } .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-value-fields { max-height: 250px; flex-flow: row wrap; overflow-x: hidden; overflow-y: auto; } .k-flex-col .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-d-flex-col .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-column .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-col-reverse .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-column-reverse .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel { border-top-width: 0; border-bottom-width: 0; } .k-pdf-export-shadow .k-pivotgrid { height: auto !important; } .k-pdf-export-shadow .k-pivotgrid-values { height: auto; overflow: visible; } .k-pdf-export-shadow .k-pivotgrid-column-headers .k-pivotgrid-table { padding-inline-end: 0; } .k-pivot { border-width: 1px; border-style: solid; position: relative; } .k-pivot .k-grid td { white-space: nowrap; } .k-pivot .k-grid-content { flex: 1 1 auto; } .k-pivot-toolbar { border-width: 0 0 1px; border-style: solid; align-items: flex-start; flex-wrap: wrap; box-shadow: none; } .k-pivot-toolbar > * { max-width: 100%; } .k-pivot-toolbar::before { display: none; } .k-pivot-layout { border-spacing: 0; table-layout: auto; } .k-pivot-layout .k-grid-footer, .k-pivot-layout .k-grid .k-table-alt-row { font-weight: bold; } .k-pivot-layout > tbody, .k-pivot .k-table-td, .k-pivot td { vertical-align: top; } .k-pivot-layout > tbody > tr > td { padding: 0; } .k-pivot-rowheaders > .k-grid, .k-pivot-table > .k-grid { border-width: 0; color: inherit; background: none; } .k-pivot-rowheaders > .k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first { border-left-width: 1px; } .k-pivot-rowheaders > .k-grid td.k-first { border-left-width: 0; } .k-pivot-rowheaders > .k-grid { overflow: hidden; } .k-pivot-table { border-left-width: 1px; border-left-style: solid; } .k-pivot-table .k-grid-header-wrap { margin-right: -1px; } .k-pivot-table .k-grid-header-wrap > table { height: 100%; } .k-pivot .k-grid-header .k-header { vertical-align: top; } .k-pivot .k-grid tr .k-grid-footer { border-bottom-width: 0; } .k-pivot .k-grid tr:last-child:not(.k-grid-footer) td:not(.k-grid-footer) { border-bottom-width: 1px; } .k-pivot-layout .k-grid td { border-bottom-width: 1px; } .k-pivot-layout .k-grid-footer > td { border-top-width: 0; } .k-pivot-filter-window .k-treeview { max-height: 600px; } .k-pivotgrid-wrapper { box-sizing: border-box; display: flex; flex-flow: row nowrap; align-items: flex-start; gap: 0.5rem; } .k-pivotgrid-wrapper > .k-pivotgrid-configurator-panel { max-width: 320px; flex: none; } .k-pivotgrid-wrapper > .k-pivot { flex: 1; } .k-pivotgrid-configurator-panel.kendo-jquery { box-sizing: border-box; display: inline-flex; } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator { height: 100%; } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator-content { padding: 1rem; max-height: 100%; display: flex; flex-flow: column nowrap; gap: 1rem; overflow-x: hidden; overflow-y: auto; } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-targets { display: flex; flex-flow: column nowrap; gap: 1rem; } .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator-section { display: flex; flex-flow: column nowrap; gap: 0.5rem; } .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields { margin: 0; padding: 0.25rem; max-height: 200px; border-width: 1px; border-style: solid; display: flex; flex-flow: row wrap; gap: 0.25rem; overflow-x: hidden; overflow-y: auto; } .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields > * { margin: 0; } .k-pivotgrid-toggle { margin-block: -0.25rem; padding: 0.25rem; box-sizing: content-box; cursor: pointer; } .k-pivotgrid { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-pivotgrid-column-headers, .k-pivotgrid-row-headers, .k-pivotgrid-empty-cell { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-pivotgrid-empty-cell { border-color: #babec1; } .k-pivotgrid-row-headers .k-pivotgrid-row .k-pivotgrid-cell:last-child { border-right-color: #babec1; } .k-pivotgrid-column-headers .k-pivotgrid-column-total:nth-last-of-type(2) .k-pivotgrid-cell:not(.k-pivotgrid-expanded), .k-pivotgrid-column-headers .k-pivotgrid-row:last-child { border-bottom-color: #babec1; } .k-pivotgrid-header-total, .k-pivotgrid-total { border-color: #dee2e6; color: #212529; background-color: #ebebeb; } .k-pivotgrid-row-headers tbody > .k-pivotgrid-row:hover, .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover, .k-pivotgrid-column-headers tbody > .k-pivotgrid-row:hover, .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover, .k-pivotgrid-values tbody > .k-pivotgrid-row:hover, .k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover { background-color: #ededed; } .k-pivotgrid-cell:focus, .k-pivotgrid-cell.k-focus, .k-pivotgrid-empty-cell:focus, .k-pivotgrid-empty-cell.k-focus, .k-master-row > .k-pivotgrid-cell:focus, .k-grouping-row > .k-pivotgrid-cell:focus, .k-detail-row > .k-pivotgrid-cell:focus, .k-group-footer > .k-pivotgrid-cell:focus { box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .k-pivotgrid-cell.k-selected, .k-pivotgrid-row.k-selected > .k-pivotgrid-cell { background-color: rgba(13, 110, 253, 0.25); } .k-pivotgrid-configurator-button, .k-pivotgrid-configurator-panel { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-pivotgrid-configurator-header { color: #212529; } .k-pivotgrid-configurator-content .k-fields-list-wrapper { border-color: #dee2e6; } .k-calculated-field { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-calculated-field-header { color: #212529; } .k-filter-menu .k-calculated-item { border-color: #dee2e6; } .k-pivotgrid-configurator-content .k-form-field-wrapper { border-color: #dee2e6; } .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-flex-row-reverse .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-pivot { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-pivot-table { border-color: #dee2e6; } .k-pivot-rowheaders { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-pivot-toolbar { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-pivot-toolbar .k-empty { color: #6c757d; } .k-pivot .k-alt { background-color: #f8f9fa; } .k-pivot-toolbar, .k-pivot-table, .k-pivot-rowheaders > .k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first { border-color: #dee2e6; } .k-header.k-alt { background-color: #eeeff0; } .k-pivot-layout .k-grid-footer { color: #212529; background-color: #f8f9fa; } .k-i-kpi-trend-increase, .k-i-kpi-trend-decrease, .k-i-kpi-trend-equal { color: inherit; } .k-i-kpi-status-hold { color: #ffc107; } .k-i-kpi-status-deny { color: #dc3545; } .k-i-kpi-status-open { color: #198754; } .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields { border-color: #dee2e6; } .k-treelist.k-grid-display-block.k-grid-lockedcolumns { display: block; } .k-treelist .k-status { padding-block: .4em; padding-inline: .6em; line-height: 1.6em; } .k-treelist .k-status .k-loading { vertical-align: baseline; margin-right: 5px; display: none; } .k-treelist tr.k-hidden { display: none; } .k-treelist .k-treelist-dragging, .k-treelist .k-treelist-dragging .k-hover { cursor: default; } .k-treelist .k-drop-hint { transform: translate(0, -50%); } .k-treelist .k-table-row.k-footer td, .k-treelist .k-table-row.k-footer-template td, .k-treelist .k-table-row.k-footer .k-table-td, .k-treelist .k-table-row.k-footer-template .k-table-td { border-width: 1px 0; border-style: solid; font-weight: bold; } .k-treelist .k-table-row.k-footer + .k-table-row.k-footer td, .k-treelist .k-table-row.k-footer + .k-table-row.k-footer .k-table-td { border-top-width: 0; } .k-treelist-scrollable > .k-table, .k-treelist-scrollable .k-grid-header .k-table-row, .k-treelist-scrollable .k-grid-header .k-table-th { background-color: inherit; } .k-treelist-scrollable .k-grid-toolbar { position: sticky; z-index: 3; top: 0; left: 0; } .k-treelist-scrollable .k-grid-header .k-table-th { position: sticky; z-index: 1; } .k-treelist-scrollable .k-grid-header .k-table-th.k-grid-header-sticky { z-index: 3; } .k-treelist-scrollable thead.k-grid-header { padding-right: 0; } .k-treelist-scrollable .k-table-row.k-group-footer + .k-table-row.k-group-footer td { border-top-width: 0; } .k-treelist-scrollable[dir="rtl"] thead.k-grid-header, .k-rtl .k-treelist-scrollable thead.k-grid-header { padding-left: 0; } .k-drag-separator { display: inline-block; border-right: 1px solid; height: 1em; vertical-align: top; margin-block: 0; margin-inline: .5em; } .k-treelist-toggle { margin-block: -0.25rem; padding: 0.25rem; box-sizing: content-box; cursor: pointer; } .k-treelist tr.k-footer td, .k-treelist tr.k-footer-template td { font-weight: normal; } .k-treelist-scrollable .k-group-footer td { font-weight: normal; } .k-treelist tr.k-footer, .k-treelist tr.k-footer-template { background-color: #f8f9fa; } .k-treelist tr.k-footer:hover, .k-treelist tr.k-footer-template:hover { background-color: #f8f9fa; } .k-treelist-scrollable .k-group-footer td, .k-treelist-scrollable .k-grouping-row td, .k-treelist-scrollable tbody .k-group-cell { background-color: #f8f9fa; } .k-filter { box-sizing: border-box; border-width: 0; display: inline-block; background-color: transparent; } .k-filter *, .k-filter *::before, .k-filter *::after { box-sizing: border-box; } .k-filter ul { padding: 0; } .k-filter ul li { list-style-type: none; } .k-filter .k-filter-container, .k-filter .k-filter-preview { margin-block-end: 2.1em; } .k-filter .k-filter-lines, .k-filter .k-filter-item { padding-inline-start: 1rem; } .k-filter .k-filter-toolbar { display: inline-flex; position: relative; padding-block: 0.5rem; padding-inline: 0; } .k-filter .k-filter-toolbar::before { content: ""; position: absolute; width: 1rem; height: 1px; inset-block-start: 50%; inset-inline-start: -1rem; } .k-filter .k-filter-toolbar .k-toolbar { border-style: solid; } .k-filter .k-filter-operator .k-dropdown-list, .k-filter .k-filter-operator .k-dropdown, .k-filter .k-filter-operator .k-dropdownlist { width: 15em; } .k-filter .k-filter-item { position: relative; } .k-filter .k-filter-item::before { content: ""; position: absolute; width: 1px; height: 100%; inset-block-start: -0.5rem; inset-inline-start: 0; } .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after, .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after { content: ""; position: absolute; width: 1px; inset-block-start: calc(-0.5rem - 1px); inset-block-end: 50%; inset-inline-start: -1rem; } .k-filter .k-filter-group-main::before, .k-filter .k-filter-group-main > .k-filter-toolbar::before, .k-filter .k-filter-group-main > .k-filter-toolbar::after, .k-filter .k-filter-group-main > * > .k-filter-toolbar::before, .k-filter .k-filter-group-main > * > .k-filter-toolbar::after, .k-filter .k-filter-lines .k-filter-item:last-child::before { display: none; } .k-filter { color: #212529; } .k-filter .k-filter-preview-field { color: #0d6efd; } .k-filter .k-filter-preview-operator { color: #6c757d; } .k-filter .k-filter-item::before, .k-filter .k-filter-toolbar::before, .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after, .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after { background-color: #dee2e6; } .k-filter .k-toolbar:focus, .k-filter .k-toolbar.k-focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .k-filemanager { border-width: 1px; border-style: solid; box-sizing: border-box; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-flow: column nowrap; } .k-filemanager-header { border-color: inherit; } .k-filemanager-toolbar { border-width: 0; border-bottom-width: 1px; border-color: inherit; flex-shrink: 0; z-index: 1; } .k-filemanager-content-container { border-color: inherit; box-sizing: border-box; flex: 1 1 0%; display: flex; flex-flow: row nowrap; align-items: stretch; overflow: hidden; } .k-filemanager-splitter { border-width: 0; } .k-filemanager-navigation { padding-block: 1rem; padding-inline: 1rem; width: 20%; border-width: 0; border-right-width: 1px; border-style: solid; border-color: inherit; box-sizing: border-box; flex-shrink: 0; overflow: auto; } .k-filemanager-treeview { overflow: visible; } .k-filemanager-content { border-color: inherit; flex: 1 1 0%; display: flex; flex-flow: column nowrap; align-items: stretch; overflow: hidden; } .k-filemanager-view { overflow: auto; } .k-filemanager-breadcrumb { border-width: 0; border-bottom-width: 1px; padding-block: 0.5rem; padding-inline: 0.5rem; flex-shrink: 0; } .k-filemanager-listview { border-width: 0; flex: 1 1 0%; } .k-filemanager-listview .k-listview-item { padding-block: 1rem; padding-inline: 1rem; width: 120px; height: 120px; text-align: center; } .k-filemanager-listview .k-file-preview { display: flex; flex-direction: row; justify-content: center; } .k-filemanager-listview .k-file-name { margin-top: 0.5rem; display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .k-filemanager-listview .k-file-edit-input input { width: 100%; } .k-filemanager-grid { border-width: 0; flex: 1 1 0%; } .k-filemanager-grid .k-file-preview { margin-right: 0.5rem; display: inline-flex; flex-direction: row; vertical-align: middle; } .k-filemanager-grid .k-file-name { display: inline-flex; flex-direction: row; vertical-align: middle; } .k-filemanager-preview { padding: 3rem 1rem 1rem; width: 20%; min-height: calc(7rem + 96px); border-width: 0; border-left-width: 1px; border-style: solid; border-color: inherit; box-sizing: border-box; text-align: center; overflow-y: auto; flex-shrink: 0; } .k-filemanager-preview .k-file-preview { display: flex; flex-direction: row; justify-content: center; } .k-filemanager-preview .k-file-name { margin-top: 1rem; display: block; } .k-filemanager-preview .k-single-file-selected { font-weight: bold; } .k-filemanager-preview .k-multiple-files-selected { font-weight: bold; } .k-filemanager-preview .k-file-meta { margin: 1rem 0 0; box-sizing: border-box; text-align: start; display: flex; flex-flow: row wrap; grid-column-gap: 0.25rem; } .k-filemanager-preview .k-file-meta-label { display: inline-block; } .k-filemanager-preview .k-file-meta-value { margin: 0; } .k-filemanager-preview .k-file-type { text-transform: capitalize; } .k-filemanager-preview .k-line-break { margin: 1rem 0 0; width: 100%; flex: 1 1 100%; flex-flow: row nowrap; } .k-filemanager .k-splitbar { flex-shrink: 0; display: inline-flex; position: relative; border-width: 0 1px; border-style: solid; border-color: inherit; } .k-filemanager-upload-dialog .k-upload-files { max-height: 200px; overflow-y: auto; } .k-filemanager-drag-hint { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; } .k-filemanager { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-filemanager-breadcrumb { background-color: #f8f9fa; } .k-filemanager-listview .k-listview-item .k-file-icon { color: #686b6d; } .k-filemanager-listview .k-listview-item.k-selected .k-file-icon { border-color: transparent; color: inherit; background-color: transparent; } .k-filemanager-preview .k-file-icon { color: #686b6d; } .k-taskboard { box-sizing: border-box; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; display: flex; flex-direction: column; position: relative; } .k-taskboard *, .k-taskboard *::before, .k-taskboard *::after { box-sizing: border-box; } .k-taskboard-toolbar { padding-block: 1rem; padding-inline: 1rem; border-width: 0; box-shadow: none; background: none; } .k-taskboard-content { padding: 0 1rem 1rem; display: flex; position: relative; flex: 1 1 auto; overflow-x: auto; } .k-taskboard-columns-container { outline: none; display: flex; flex-direction: row; overflow: hidden; gap: 1rem; overflow-x: visible; } .k-taskboard-column { width: 320px; border-width: 1px; border-radius: 0.25rem; border-style: solid; outline: none; display: flex; flex-direction: column; flex-shrink: 0; overflow: hidden; } .k-taskboard-column-header { padding-block: 0.75rem; padding-inline: 0.75rem; font-weight: 500; display: flex; flex-direction: row; align-items: center; gap: 0.25rem; } .k-taskboard-column-header-actions { display: inline-flex; flex-shrink: 0; align-self: flex-start; gap: 0.5rem; } .k-taskboard-column-cards-container { margin-bottom: 0.75rem; padding-block: 0px; padding-inline: 0.75rem; outline: none; overflow: auto; flex: 1 1 auto; } .k-taskboard-column-cards { padding-block: 0.25rem; padding-inline: 0px; min-height: 100%; display: flex; flex-direction: column; gap: 0.75rem 0; } .k-taskboard-column-new .k-taskboard-column-header, .k-taskboard-column-edit .k-taskboard-column-header { font-weight: inherit; } .k-taskboard-column-new .k-taskboard-column-header-text, .k-taskboard-column-edit .k-taskboard-column-header-text { flex: 1 1 100%; } .k-taskboard-pane { width: 320px; border-width: 1px; border-style: solid; display: flex; flex-direction: column; position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 2; } .k-taskboard-pane-header { padding-block: 0.75rem; padding-inline: 1rem; font-weight: 500; display: flex; flex-direction: row; align-items: center; } .k-taskboard-pane-header-text { word-break: normal; overflow-wrap: anywhere; } .k-taskboard-pane-header-actions { flex-shrink: 0; align-self: flex-start; } .k-taskboard-pane-content { padding-block: 0px; padding-inline: 1rem; overflow: auto; flex: 1 1 auto; } .k-taskboard-pane-actions { padding-block: 0.75rem; padding-inline: 1rem; } .k-taskboard-pane-start { right: auto; left: 0; } .k-taskboard-card { border-radius: 0.375rem; border-width: 1px; } .k-taskboard-card.k-taskboard-card-category { border-inline-start-width: 4px; } .k-taskboard-card .k-card-header .k-card-body, .k-taskboard-card .k-card-footer { padding-block: 1rem; padding-inline: 1rem; } .k-taskboard-card .k-card-header { align-items: center; } .k-taskboard-card .k-card-title { font-size: inherit; font-weight: inherit; word-break: normal; overflow-wrap: anywhere; } .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus, .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover { text-decoration: underline; } .k-taskboard-card .k-card-header-actions { align-self: flex-start; } .k-taskboard-drag-placeholder { border-radius: 0.375rem; border-width: 1px; border-style: solid; position: relative; } .k-taskboard-column { border-color: transparent; background-color: #f8f9fa; } .k-taskboard-column:focus, .k-taskboard-column.k-focus { border-color: #b6b7b8; } .k-taskboard-column-header { color: #212529; } .k-taskboard-pane { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-taskboard-pane-header { color: #212529; } .k-taskboard-card { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-taskboard-card .k-card-title { color: #0d6efd; } .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus { color: #0b5cd5; } .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover { color: #0b5cd5; } .k-taskboard-card:focus, .k-taskboard-card.k-focus { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); border-color: #b6b9bd; } .k-taskboard-card:hover, .k-taskboard-card.k-hover { border-color: #c8cbcf; } .k-taskboard-card.k-selected { border-color: #b6d3fe; box-shadow: none; } .k-taskboard-card.k-disabled { outline: none; cursor: default; opacity: 0.65; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-taskboard-drag-placeholder { border-color: #dee2e6; background-color: rgba(0, 0, 0, 0.1); } .k-editor { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-flow: column nowrap; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-editor.k-readonly .k-editor-content { pointer-events: auto; } .k-editor.k-readonly .k-editor-content.k-focus { outline-width: 1px; outline-style: dashed; } .k-editor-inline { border-radius: 0.375rem; padding-block: 0.25rem; padding-inline: 0.5rem; border: 1px solid transparent; word-wrap: break-word; overflow: auto; background: none; } .k-editor-resizable { resize: both; overflow: auto; } .k-editor-resize-handles-wrapper { position: absolute; visibility: hidden; } .k-editor-resize-handle { width: 8px; height: 8px; border-width: 1px; border-style: solid; box-sizing: border-box; position: absolute; visibility: visible; z-index: 100; } .k-editor-resize-handle.northwest { top: 0; left: 0; transform: translate(-50%, -50%); cursor: nw-resize; } .k-editor-resize-handle.north { top: 0; left: 50%; transform: translate(-50%, -50%); cursor: n-resize; } .k-editor-resize-handle.northeast { top: 0; right: 0; transform: translate(50%, -50%); cursor: ne-resize; } .k-editor-resize-handle.southwest { left: 0; bottom: 0; transform: translate(-50%, 50%); cursor: sw-resize; } .k-editor-resize-handle.south { bottom: 0; left: 50%; transform: translate(-50%, 50%); cursor: s-resize; } .k-editor-resize-handle.southeast { right: 0; bottom: 0; transform: translate(50%, 50%); cursor: se-resize; } .k-editor-resize-handle.west { top: 50%; left: 0; transform: translate(-50%, -50%); cursor: w-resize; } .k-editor-resize-handle.east { top: 50%; right: 0; transform: translate(50%, -50%); cursor: e-resize; } .ProseMirror-selectednode { outline-width: 2px; outline-style: solid; } .ProseMirror-hideselection { caret-color: transparent; } .ProseMirror-hideselection *::selection, .ProseMirror-hideselection *::-moz-selection { background: transparent; } .k-editor-toolbar { border-width: 0 0 1px 0; flex-shrink: 0; } .k-editor-toolbar .k-editor-export .k-icon { margin-right: 0.25em; } .k-editor-toolbar .k-editor-export .k-icon, .k-editor-toolbar .k-editor-export .k-export-tool-text { vertical-align: middle; } .k-editor-content { flex: 1 1 auto; overflow-y: auto; } .k-editor-content > .k-iframe { width: 100%; height: 100%; border-width: 0; display: block; } .k-editor-content > .ProseMirror { padding: 1rem; width: 100%; height: 100%; position: relative; box-sizing: border-box; outline: none; white-space: pre-wrap; overflow: auto; } .k-editor-content > .ProseMirror table { white-space: pre-wrap; } .k-editor-content > .ProseMirror .k-placeholder::before { content: attr(data-placeholder); height: 0; color: #6c757d; float: left; opacity: 1; cursor: text; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-editor-content > .ProseMirror[contenteditable="false"] { cursor: unset !important; } .k-editor-content > .ProseMirror[contenteditable="false"] .k-editor-resize-handles-wrapper, .k-editor-content > .ProseMirror[contenteditable="false"] .k-editor-resize-handle, .k-editor-content > .ProseMirror[contenteditable="false"] .row-resize-handle, .k-editor-content > .ProseMirror[contenteditable="false"] .column-resize-handle { display: none; } .k-editor-content > .ProseMirror[contenteditable="false"] img, .k-editor-content > .ProseMirror[contenteditable="false"] table { pointer-events: none; } .k-editor-content > .ProseMirror[contenteditable="false"] .ProseMirror-selectednode { outline: none; } .k-editor-content p { margin: 0 0 1rem; } .k-editor-content td p, .k-editor-content th p, .k-editor-content li p { margin: 0; } .k-editor-content table { margin: 0; border-collapse: collapse; table-layout: fixed; width: 100%; overflow: hidden; } .k-editor-content td, .k-editor-content th { min-width: 1em; border: 1px solid; padding-block: 3px; padding-inline: 5px; vertical-align: top; box-sizing: border-box; position: relative; } .k-editor-content th { font-weight: bold; text-align: start; } .k-editor-content td { text-align: start; } .k-editor-content .selectedCell::after { z-index: 2; position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } .k-edit-form-content { flex: 1 1 auto; overflow: auto; margin-block: -1rem; margin-inline: -1rem; padding-block: 1rem; padding-inline: 1rem; } .k-ct-popup { box-sizing: border-box; width: 190px; padding: 5px; } .k-ct-popup .k-button { width: 100%; } .k-ct-popup .k-ct-cell { margin: 1px; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid; border-color: inherit; display: inline-block; vertical-align: top; overflow: hidden; opacity: .7; pointer-events: all; } .k-editor .k-resize-handle { position: absolute; right: 0; bottom: 0; padding: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 13px 13px; border-color: transparent; border-bottom-color: inherit; cursor: se-resize; } .k-editor .k-resize-handle .k-i-arrow-45-down-right, .k-editor .k-resize-handle .k-i-caret-br { display: none; } .k-editor-find-replace .k-content { position: relative; } .k-editor-find-replace .k-actions, .k-editor-find-replace .k-edit-buttons, .k-editor-find-replace .k-action-buttons, .k-editor-find-replace .k-columnmenu-actions, .k-editor-find-replace .k-form-buttons { padding: 0; } .k-editor-find-replace .k-search-options { display: flex; flex-direction: column; padding: 10px 0 40px; } .k-editor-find-replace .k-matches-container { position: absolute; bottom: 0; left: 0; right: 0; padding: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .k-textarea.k-editor-textarea { width: 100%; height: 100%; resize: none; } .k-filebrowser { max-width: 100%; } .k-filebrowser .k-floatwrap { display: flex; } .k-filebrowser .k-floatwrap::after { display: none; } .k-filebrowser .k-breadcrumbs { flex: 1; } .k-filebrowser .k-search-wrap { margin: 0 0 0 1rem; width: 150px; display: flex; align-items: center; } .k-filebrowser .k-search-wrap .k-input { flex: 1; width: 100px; } .k-filebrowser .k-search-wrap .k-icon { margin: 0; position: static; } .k-filebrowser .k-filebrowser-toolbar { margin: 1rem 0 0 0; } .k-filebrowser .k-upload { padding: 0; border-width: 0; background: none; } .k-filebrowser .k-upload .k-upload-button { margin: 0; } .k-filebrowser .k-upload .k-upload-status { display: none; } .k-filebrowser .k-upload-files { display: none; } .k-filebrowser .k-tiles { display: flex; flex-flow: row wrap; height: 390px; max-height: 50vh; margin: 0 0 1rem 0; padding-block: 0.5rem; padding-inline: 1rem; border-top-width: 0; overflow: auto; } .k-filebrowser .k-tile { width: 33%; height: 90px; padding-block: 0.5rem; padding-inline: 1rem; box-sizing: border-box; white-space: nowrap; overflow: hidden; cursor: pointer; border-radius: 0.375rem; } .k-filebrowser .k-tile .k-i-file, .k-filebrowser .k-tile .k-i-folder { font-size: 4em; } .k-filebrowser .k-tile input { width: 100px; } .k-filebrowser .k-tile strong { display: block; font-weight: 400; overflow: hidden; text-overflow: ellipsis; } .k-filebrowser .k-tile-empty { display: block; margin: auto; } .k-filebrowser .k-tile-empty.k-selected { color: inherit; border-width: 0; background-image: none; background-color: transparent; } .k-filebrowser .k-tile-empty strong { opacity: .5; font-size: 3em; font-weight: 400; } .k-filebrowser .k-thumb { float: left; margin-right: 0.5rem; } .k-filebrowser .k-breadcrumbs-wrap { position: absolute; left: 0.75rem; top: 0.375rem; } .k-filebrowser .k-breadcrumbs-wrap .k-icon { position: static; margin-top: 0; } .k-editor-table-wizard-window .k-tabstrip-wrapper { display: flex; flex: 1 1 auto; overflow: auto; } .k-editor-table-wizard-window .k-tabstrip-wrapper .k-tabstrip.k-root-tabs { flex: 1 1 auto; margin-bottom: 0; } .k-editor-table-wizard-window .k-edit-field > .k-checkbox { position: relative; } .k-editor-inline .k-table { width: 100%; border-spacing: 0; margin: 0 0 1em; } .k-editor-inline .k-table, .k-editor-inline .k-table td { outline: 0; border-width: 1px; border-style: dotted; } .k-editor-inline .k-table td { min-width: 1px; padding-block: 0.25rem; padding-inline: 0.5rem; } .k-editor-inline .k-element-resize-handle-wrapper { position: absolute; width: 5px; height: 5px; border-width: 1px; border-style: solid; z-index: 100; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle { width: 100%; height: 100%; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-east { cursor: e-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-north { cursor: n-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northeast { cursor: ne-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northwest { cursor: nw-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-south { cursor: s-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southeast { cursor: se-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southwest { cursor: sw-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-west { cursor: w-resize; } .k-editor-inline .k-column-resize-handle-wrapper { position: absolute; height: 10px; width: 10px; cursor: col-resize; z-index: 2; } .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle { width: 100%; height: 100%; } .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker { width: 2px; height: 100%; margin-block: 0; margin-inline: auto; display: none; opacity: .8; } .k-editor-inline .k-row-resize-handle-wrapper { position: absolute; z-index: 2; cursor: row-resize; width: 10px; height: 10px; } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-handle { display: table; width: 100%; height: 100%; } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker-wrapper { display: table-cell; width: 100%; height: 100%; margin: 0; padding: 0; vertical-align: middle; } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker { display: none; margin: 0; padding: 0; width: 100%; height: 2px; opacity: .8; } .k-editor { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-editor.k-readonly .k-editor-content.k-focus { outline-color: #212529; } .k-editor-inline .k-table, .k-editor-inline .k-table td { border-color: #cccccc; } .k-editor-inline .k-element-resize-handle-wrapper { background-color: #ffffff; border-color: #000000; } .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker { background-color: #00b0ff; } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker { background-color: #00b0ff; } .k-editor-inline:hover, .k-editor-inline.k-hover, .k-editor-inline.k-active { border-color: #dee2e6; } .k-editor-resize-handle { background-color: #ffffff; border-color: #000000; } .ProseMirror-selectednode { outline-color: #88ccff; } .k-ct-popup .k-selected { border-color: #0c65e9; color: #ffffff; background-color: #0d6efd; background-image: none; } .k-editor-content .k-text-selected, .k-editor-content::selection { color: white; background-color: #0d6efd; } .k-editor-content .k-text-highlighted { background-color: #cfe2ff; } .k-editor-content td, .k-editor-content th { border-color: #dddddd; } .k-editor-content .selectedCell::after { background-color: rgba(200, 200, 255, 0.4); } .k-imageeditor { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-imageeditor *, .k-imageeditor *::before, .k-imageeditor *::after { box-sizing: border-box; } .k-imageeditor-toolbar { border-width: 0; border-bottom-width: 1px; } .k-imageeditor-content { border-width: 0; border-style: solid; border-color: inherit; display: flex; flex-flow: row nowrap; } .k-imageeditor-canvas-container { flex: 1 1 100%; display: flex; flex-flow: row nowrap; overflow: auto; } .k-imageeditor-canvas { margin: auto; display: flex; flex-direction: column; position: relative; } .k-imageeditor-action-pane { padding-block: 2rem; padding-inline: 1rem; width: 241px; border-width: 0; border-left-width: 1px; border-style: solid; border-color: inherit; box-sizing: border-box; flex: none; overflow-y: auto; } .k-imageeditor-action-pane .k-input-inner, .k-imageeditor-action-pane .k-input-value-text { text-overflow: clip; } .k-imageeditor-crop-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .k-imageeditor-crop { width: 100%; height: 100%; border-width: 1px; border-style: dashed; box-sizing: border-box; position: absolute; } .k-imageeditor-crop .k-resize-handle { margin-block: 1px; margin-inline: 1px; border-style: solid; border-width: 0 2px 2px 0; } .k-imageeditor-crop .k-resize-sw, .k-imageeditor-crop .k-resize-se, .k-imageeditor-crop .k-resize-nw, .k-imageeditor-crop .k-resize-ne { width: 15px; height: 15px; } .k-imageeditor-crop .k-resize-n, .k-imageeditor-crop .k-resize-s { left: calc(50% - 7.5px); width: 15px; height: 0; } .k-imageeditor-crop .k-resize-w, .k-imageeditor-crop .k-resize-e { top: calc(50% - 7.5px); width: 0; height: 15px; } .k-imageeditor-crop .k-resize-ne { transform: rotate(-90deg); } .k-imageeditor-crop .k-resize-nw { transform: rotate(-180deg); } .k-imageeditor-crop .k-resize-sw { transform: rotate(90deg); } .k-imageeditor-crop .k-resize-n { top: 0; } .k-imageeditor-crop .k-resize-s { bottom: 0; } .k-imageeditor-crop .k-resize-w { left: 0; } .k-imageeditor-crop .k-resize-e { right: 0; } .k-imageeditor { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-imageeditor-content { background-color: #c6c6c6; } .k-imageeditor-canvas { background: linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09)), linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09)), white; background-repeat: repeat, repeat; background-position: 0px 0px, 5px 5px; transform-origin: 0 0 0; background-origin: padding-box, padding-box; background-size: 10px 10px, 10px 10px; box-shadow: none; text-shadow: none; transition: none; transform: scaleX(1) scaleY(1) scaleZ(1); } .k-imageeditor-action-pane { background-color: #ffffff; } .k-imageeditor-crop { border-color: white; } .k-imageeditor-crop-overlay { background-color: rgba(0, 0, 0, 0.3); } .k-gantt { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-flow: column nowrap; position: relative; white-space: nowrap; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-gantt .k-table-td { white-space: nowrap; } .k-gantt td { overflow: hidden; white-space: nowrap; vertical-align: top; } .k-gantt .k-grid-header tr { height: calc(1.5em + 1rem + 1px); } .k-gantt .k-grid-header .k-header { position: static; } .k-gantt .k-treelist .k-grid-header .k-header { position: relative; } .k-gantt .k-grid-content tr { height: calc(1.5em + 1rem); } .k-gantt.k-gantt-planned .k-grid-content tr { height: calc(2.55em + 1rem); } .k-gantt .k-gantt-layout { white-space: normal; vertical-align: top; display: inline-block; } .k-gantt .k-splitbar { position: relative; display: inline-flex; } .k-gantt .k-treelist-scrollable { width: 100%; border-width: 0; overflow: auto; } .k-gantt .k-treelist-scrollable .k-grid-header .k-header { position: sticky; } .k-gantt .k-treelist-scrollable .k-grid-header th, .k-gantt .k-treelist-scrollable .k-grid-content-sticky { z-index: 4; } .k-gantt .k-treelist-scrollable .k-grid-header th.k-grid-header-sticky { z-index: 5; } .k-gantt .k-treelist-scrollable .k-grid-header tr:first-child th:last-child, .k-gantt .k-treelist-scrollable tbody td:last-child { padding: 0; vertical-align: top; } .k-gantt .k-treelist-scrollable .k-grid-header th:last-child .k-header { padding-block: 0.5rem; padding-inline: 0.5rem; border-width: 0 0 1px 1px; white-space: nowrap; } .k-gantt .k-treelist-scrollable tr.k-selected > td:last-child { background: transparent; } .k-gantt .k-treelist-scrollable .k-task { display: inline-flex; flex-flow: row nowrap; white-space: nowrap; z-index: 3; } .k-gantt .k-treelist-scrollable .k-task:hover .k-task-start, .k-gantt .k-treelist-scrollable .k-task:hover .k-task-end { display: block; } .k-gantt .k-treelist-scrollable .k-task:hover .k-task-draghandle { visibility: visible; } .k-gantt .k-treelist-scrollable .k-task-content { padding-block: 0.25rem; padding-inline: 0.5rem; display: block; line-height: normal; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .k-gantt .k-treelist-scrollable .k-task-actions { flex-shrink: 0; } .k-gantt .k-treelist-scrollable .k-task-milestone { border: 0; transform: none; background: none; } .k-gantt .k-treelist-scrollable .k-task-milestone .k-task-milestone-content { width: 100%; height: 100%; border-width: 1px; border-style: solid; box-sizing: border-box; transform: rotate(45deg); } .k-gantt .k-treelist-scrollable .k-task-summary { height: 15px; clip-path: polygon(-20px 0, calc(100% + 20px) 0, calc(100% + 20px) 100%, 100% 100%, calc(100% - 8px) calc(100% - 5px), 8px calc(100% - 5px), 0 100%, -20px 100%); } .k-gantt .k-treelist-scrollable .k-task-summary-complete { width: 100%; height: 15px; } .k-gantt .k-treelist-scrollable .k-task-start { transform: translateX(-140%) translateY(-50%); } .k-gantt .k-treelist-scrollable .k-task-end { transform: translateX(140%) translateY(-50%); } .k-gantt .k-treelist-scrollable .k-master-row:hover .k-task-dot { display: block; } .k-gantt .k-treelist-scrollable .k-gantt-columns { background: transparent; pointer-events: none; table-layout: fixed; } .k-gantt .k-gantt-dependencies-svg { position: absolute; top: 0; left: 0; overflow: visible; pointer-events: none; z-index: 2; } .k-gantt .k-gantt-dependencies-svg polyline { stroke-width: 2px; } .k-gantt-header { border-width: 0 0 1px; flex-shrink: 0; z-index: 6; } .k-gantt-footer { border-width: 1px 0 0; flex-shrink: 0; } .k-gantt-toggle { display: none; } .k-gantt-views-wrapper { margin-left: auto; } .k-gantt-views-wrapper .k-views-dropdown { width: auto; font-size: inherit; display: none; cursor: pointer; } @media (max-width: 480px) { .k-gantt-toolbar .k-gantt-toggle { display: inline-flex; } .k-gantt-toolbar .k-gantt-pdf, .k-gantt-toolbar .k-gantt-create { padding: 0.375rem; width: calc(1.5em + 0.75rem + 2px); height: calc(1.5em + 0.75rem + 2px); } .k-gantt-toolbar .k-gantt-pdf .k-button-text, .k-gantt-toolbar .k-gantt-create .k-button-text { display: none; } } @media (max-width: 1024px) { .k-gantt-views-wrapper .k-gantt-views { display: none; } .k-gantt-views-wrapper .k-views-dropdown { display: flex; } } .k-gantt-content { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 1 1 auto; overflow: hidden; } .k-gantt-treelist .k-treelist { height: 100%; border-width: 0; } .k-gantt-treelist .k-grid-header, .k-gantt-treelist .k-grid-footer { padding: 0 !important; } .k-gantt-treelist .k-grid-header tr { height: calc(3em + 2rem + 2px); vertical-align: bottom; } .k-gantt-treelist .k-grid-content { overflow: hidden; overflow-x: scroll; } .k-gantt-treelist .k-grid-content td { vertical-align: middle; } .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr { height: calc(1.5em + 1rem + 1px); } .k-gantt-treelist.k-gantt-treelist-scrollable .k-grid-content { overflow: scroll; } .k-gantt-timeline-pane .k-gantt-timeline { height: 100%; border-width: 0; display: flex; } .k-gantt-timeline-pane .k-gantt-timeline *, .k-gantt-timeline-pane .k-gantt-timeline *::before, .k-gantt-timeline-pane .k-gantt-timeline *::after, .k-gantt-timeline-pane .k-gantt-timeline::before, .k-gantt-timeline-pane .k-gantt-timeline::after { box-sizing: border-box; } .k-gantt-timeline-pane .k-grid-content { overflow-x: scroll; } .k-gantt-timeline-pane .k-header { padding-block: 0.5rem; padding-inline: 0.5rem; border-width: 0 0 1px 1px; white-space: nowrap; } .k-gantt-tables { position: relative; border-color: inherit; } .k-gantt-rows, .k-gantt-columns { border-color: inherit; position: absolute; z-index: 0; top: 0; left: 0; } .k-gantt-dependencies { opacity: .7; position: absolute; top: 0; left: 0; } .k-gantt-dependencies .k-arrow-e, .k-gantt-dependencies .k-arrow-w { width: 0; height: 0; border: 5px solid transparent; position: absolute; top: -4px; } .k-gantt-dependencies .k-arrow-e { border-left-color: currentColor; right: -6px; } .k-gantt-dependencies .k-arrow-w { border-right-color: currentColor; left: -6px; } .k-gantt-line { background-color: currentColor; border-color: currentColor; position: absolute; } .k-gantt-line.k-selected { z-index: 3; } .k-gantt-line-h { height: 2px; } .k-gantt-line-v { width: 2px; } .k-gantt-dependency-hint { z-index: 4; } .k-gantt-tasks { position: relative; } .k-gantt-tasks td, .k-gantt-tasks .k-table-td { padding: 0; border-width: 0; position: relative; vertical-align: middle; } .k-gantt-tasks td::after { content: "\200b"; } .k-task-wrap { margin-block: 0; margin-inline: -21px; padding-block: 5px; padding-inline: 21px; display: inline-flex; flex-direction: row; align-items: center; position: relative; z-index: 2; } .k-task-wrap.k-drag-hint { position: absolute; } .k-task { position: relative; flex: 1 1 auto; } .k-task-dot { width: 16px; height: 16px; line-height: 1; cursor: pointer; display: none; position: absolute; top: 50%; transform: translateY(-50%); } .k-task-wrap:hover .k-task-dot, .k-task-wrap.k-origin .k-task-dot { display: block; } .k-task-dot::before { content: ""; width: 8px; height: 8px; border-width: 0; border-style: solid; border-radius: 100%; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .k-task-dot:hover::before, .k-task-dot.k-hover::before { border-width: 1px; } .k-task-start { left: 0; } .k-task-end { right: 0; } .k-task-draghandle { margin-left: 16px; width: 0; height: 0; border: 5px solid transparent; border-top-width: 0; border-bottom-color: inherit; position: absolute; bottom: 0; cursor: e-resize; visibility: hidden; } .k-task-wrap:hover .k-task-draghandle { visibility: visible; } .k-milestone-wrap { margin-block: 0; margin-inline: -2em; } .k-task-milestone { width: 1em; height: 1em; border-width: 1px; border-style: solid; box-sizing: border-box; transform: rotate(45deg); } .k-task-summary { height: 10px; display: inline-block; vertical-align: top; } .k-task-summary, .k-task-summary-complete { background-color: currentColor; } .k-task-summary::before, .k-task-summary::after, .k-task-summary-complete::before, .k-task-summary-complete::after { content: ""; width: 0; height: 0; border: 8px solid transparent; position: absolute; top: 0; display: none; } .k-task-summary::before, .k-task-summary-complete::before { border-left-color: currentColor; left: 0; } .k-task-summary::after, .k-task-summary-complete::after { border-right-color: currentColor; right: 0; } .k-task-summary-complete { height: 10px; position: relative; z-index: 2; } .k-task-summary-progress { height: 15px; overflow: hidden; } .k-task-single { border-radius: 0.375rem; border-width: 1px; border-style: solid; box-sizing: border-box; cursor: default; } .k-task-single .k-resize-handle { opacity: .5; z-index: 2; visibility: hidden; } .k-task-single .k-resize-handle::before { position: absolute; top: 2px; bottom: 2px; } .k-task-single .k-resize-w { left: 0; } .k-task-single .k-resize-w::before { left: 2px; border-left-width: 1px; } .k-task-single .k-resize-e { right: 0; } .k-task-single .k-resize-e::before { right: 2px; border-left-width: 1px; } .k-task-single:hover .k-resize-handle, .k-task-single:hover .k-task-actions { visibility: visible; } .k-task-complete { border-radius: 0.375rem; width: 20%; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; } .k-task-content { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; white-space: nowrap; } .k-task-template { padding-block: 0.25rem; padding-inline: 0.5rem; line-height: normal; flex: 1; overflow: hidden; text-overflow: ellipsis; } .k-task-actions { padding: 0.25rem; white-space: nowrap; display: flex; flex-direction: row; align-items: center; visibility: hidden; z-index: 1; } .k-task-actions > .k-link { display: inline-flex; } .k-resources-wrap { position: absolute; display: inline-block; z-index: 2; margin-left: 20px; margin-top: -2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .k-resources-wrap .k-resource { margin-block: 0; margin-inline: 5px; } .k-task-details { padding-block: 0.5rem; padding-inline: 1rem; white-space: nowrap; } .k-task-details strong { font-size: 1.25rem; font-weight: normal; display: block; } .k-task-details .k-task-pct { font-size: 32px; } .k-task-details ul { line-height: normal; } .k-gantt-planned .k-gantt-dependencies, .k-gantt-planned .k-task-dot, .k-gantt-planned .k-resources-wrap { margin-top: 0.6em; } .k-gantt-planned .k-task-wrap { flex-direction: column; align-items: flex-start; } .k-gantt-planned .k-task-inner-wrap { display: inline-flex; } .k-gantt-planned .k-task-wrap.k-drag-hint { top: 0.35em; } .k-gantt-planned .k-summary-wrap.k-drag-hint { top: 1em; } .k-gantt-planned .k-milestone-wrap.k-drag-hint { top: 0.85em; } .k-task-planned { margin: 0 0 0.35em; line-height: 0.75em; display: flex; align-items: center; } .k-task-planned .k-task-moment { border-width: 2px; border-radius: 5px; border-style: solid; height: 6px; width: 6px; } .k-task-planned .k-task-duration { height: 2px; } .k-task-planned .k-task-moment.k-moment-left { margin-left: -4px; } .k-task-planned:hover .k-task-duration { height: 3px; } .k-milestone-wrap .k-task-moment { margin-left: 6px; } .k-planned-tooltip .k-task-content { display: block; } .k-task-offset-wrap .k-task-content .k-resize-e { display: none; } .k-task-offset { flex-direction: row-reverse; display: flex; } .k-task-offset .k-resize-handle { right: 0; z-index: 2; visibility: hidden; margin-right: 1.2em; } .k-task-offset .k-resize-handle::before { border-left-width: 1px; position: absolute; top: 45%; bottom: .5em; margin-right: 2px; } .k-task-single:hover + .k-task-offset .k-task-actions, .k-task-offset:hover .k-task-actions, .k-task-single:hover + .k-task-offset .k-resize-handle, .k-task-offset:hover .k-resize-handle { visibility: visible; } .k-gantt-tooltip-validation { max-width: 200px; display: block; } .k-gantt-tooltip-validation::before { content: ""; width: 4px; height: 100%; position: absolute; top: 0; left: 0; } .k-gantt-tooltip-validation-row { display: flex; flex-direction: row; justify-content: space-between; } .k-gantt-tooltip-validation-label { display: inline-flex; min-width: 50px; } .k-gantt-tooltip-validation-value { font-weight: 700; } .k-gantt-tooltip-validation-label, .k-gantt-tooltip-validation-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .k-pdf-export-shadow .k-gantt { float: left; } .k-pdf-export-shadow .k-gantt, .k-pdf-export-shadow .k-gantt-timeline-pane, .k-pdf-export-shadow .k-gantt-dependencies { width: auto !important; height: auto !important; overflow: visible !important; } .k-pdf-export-shadow .k-gantt-treelist .k-treelist { display: block; } .k-pdf-export-shadow .k-gantt-layout.k-splitbar { display: none; } .k-gantt-edit-form .k-gantt-delete { float: left; } .k-rtl .k-gantt-rows, .k-rtl .k-gantt-columns, [dir="rtl"] .k-gantt-rows, [dir="rtl"] .k-gantt-columns { left: auto; right: 0; } .k-rtl .k-task-wrap:not(.k-milestone-wrap), [dir="rtl"] .k-task-wrap:not(.k-milestone-wrap) { margin-block: 0; margin-inline: -26px; } .k-rtl .k-gantt-timeline-pane .k-header, [dir="rtl"] .k-gantt-timeline-pane .k-header { border-width: 0 1px 1px 0; } .k-rtl .k-gantt-timeline-pane .k-header:first-child, [dir="rtl"] .k-gantt-timeline-pane .k-header:first-child { border-right-width: 0; } .k-rtl .k-gantt-timeline-pane .k-task-start, [dir="rtl"] .k-gantt-timeline-pane .k-task-start { left: auto; right: 0; } .k-rtl .k-gantt-timeline-pane .k-task-end, [dir="rtl"] .k-gantt-timeline-pane .k-task-end { right: auto; left: 0; } .k-rtl .k-task-content, [dir="rtl"] .k-task-content { text-align: end; } .k-rtl .k-task-complete, [dir="rtl"] .k-task-complete { left: auto; right: 0; } .k-rtl .k-task-draghandle, [dir="rtl"] .k-task-draghandle { margin-left: 0; margin-right: 16px; } .k-rtl .k-gantt-dependencies, [dir="rtl"] .k-gantt-dependencies { left: auto; right: 0; } .k-rtl .k-gantt-delete, [dir="rtl"] .k-gantt-delete { float: right; } .k-rtl .k-task-offset-wrap .k-task-content .k-resize-e, [dir="rtl"] .k-task-offset-wrap .k-task-content .k-resize-e { display: block; } .k-rtl .k-task-offset-wrap .k-task-content .k-resize-w, [dir="rtl"] .k-task-offset-wrap .k-task-content .k-resize-w { display: none; } .k-rtl .k-milestone-wrap, [dir="rtl"] .k-milestone-wrap { margin-left: -2.3em; } .k-rtl .k-milestone-wrap .k-task-moment, [dir="rtl"] .k-milestone-wrap .k-task-moment { margin-right: 0.2em; } .k-rtl .k-gantt-timeline-pane .k-milestone-wrap .k-task-start, [dir="rtl"] .k-gantt-timeline-pane .k-milestone-wrap .k-task-start { right: -0.1em; } .k-rtl .k-gantt-tooltip-validation::before, [dir="rtl"] .k-gantt-tooltip-validation::before { left: auto; right: 0; } .k-gantt { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-gantt .k-treelist-scrollable .k-task-milestone .k-task-milestone-content { border-color: #babec1; background-color: #dee2e6; } .k-gantt .k-treelist-scrollable .k-task-milestone.k-selected .k-task-milestone-content { border-color: #0c65e9; background-color: #0d6efd; } .k-gantt .k-gantt-dependencies-svg polyline { fill: none; stroke: #909294; } .k-gantt .k-gantt-dependencies-svg polyline.k-selected { stroke: #0d6efd; } .k-gantt-footer { box-shadow: none; } .k-gantt-treelist .k-treelist, .k-gantt-treelist .k-grid-content { background-color: transparent; } .k-gantt .k-nonwork-hour { background-color: rgba(0, 0, 0, 0.025); } .k-task-dot::before { background-color: #212529; } .k-task-dot:hover::before, .k-task-dot.k-hover::before { border-color: #212529; background-color: #ffffff; } .k-task-milestone { border-color: #babec1; background-color: #dee2e6; } .k-task-milestone.k-task-delayed { background-image: repeating-linear-gradient(90deg, #ffffff, #ffffff 2px, #dc3545 2px, #dc3545 4px); } .k-task-milestone.k-task-advanced { background-color: #198754; } .k-task-milestone.k-selected { background-image: none; border-color: #0c65e9; background-color: #0d6efd; } .k-task-summary { color: #909294; } .k-task-summary.k-task-delayed { color: #ea868f; } .k-task-summary.k-task-advanced { color: #75b798; } .k-task-summary-complete { color: #212529; } .k-task-delayed .k-task-summary-complete { color: #dc3545; } .k-task-advanced .k-task-summary-complete { color: #198754; } .k-task-summary.k-selected { color: #86b7fe; } .k-task-summary.k-selected .k-task-summary-complete { color: #0d6efd; } .k-task-single { border-color: #ced4da; color: black; background-color: #dee2e6; } .k-task-single.k-task-delayed { background-color: #ea868f; } .k-task-single.k-task-advanced { background-color: #75b798; } .k-task-single .k-task-complete { background-color: #ced4da; } .k-task-delayed .k-task-complete { background-color: #dc3545; } .k-task-advanced .k-task-complete { background-color: #198754; } .k-task-single.k-selected { border-color: #0d6efd; color: #ffffff; background-color: #86b7fe; } .k-task-single.k-selected .k-task-complete { background-color: #0d6efd; } .k-gantt-line { color: #909294; } .k-gantt-line.k-selected { color: #0d6efd; } .k-task-planned .k-task-moment { border-color: #0d6efd; background-color: transparent; } .k-task-planned .k-task-duration { background-color: #0d6efd; } .k-task-planned:hover .k-task-moment { background-color: #0d6efd; } .k-task-offset { background-image: repeating-linear-gradient(135deg, #ffffff, #ffffff 2px, #dc3545 2px, #dc3545 4px); } .k-task-offset .k-resize-e::before { border-color: #000000; } .k-task-offset .k-task-actions { color: #000000; } .k-task-offset:hover { background-image: repeating-linear-gradient(135deg, #ffffff, #ffffff 2px, #ea868f 2px, #ea868f 4px); } .k-pdf-export .k-task-offset { background-color: #dc3545; } .k-offset-tooltip-delayed { background-color: #dc3545; } .k-planned-tooltip { background-color: #0d6efd; } .k-gantt-tooltip-validation::before { background-color: #656565; } .k-gantt-tooltip-valid::before { background-color: #198754; } .k-gantt-tooltip-invalid::before { background-color: #dc3545; } .k-scheduler { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-direction: column; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-scheduler table, .k-scheduler thead, .k-scheduler tfoot, .k-scheduler tbody, .k-scheduler tr, .k-scheduler th, .k-scheduler td, .k-scheduler div, .k-scheduler .k-scheduler-edit-dialog, .k-scheduler > * { border-color: inherit; } kendo-scheduler.k-scheduler { overflow: hidden; } kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete { display: none; } .k-scheduler-table { width: 100%; max-width: none; border-collapse: separate; border-spacing: 0; table-layout: fixed; } .k-scheduler-table td, .k-scheduler-table th { padding-block: 0.75rem; padding-inline: 0.75rem; height: 1.5em; overflow: hidden; white-space: nowrap; border-style: solid; border-width: 0 0 1px 1px; vertical-align: top; box-sizing: content-box; } .k-scheduler-table td:first-child, .k-scheduler-table th:first-child { border-left-width: 0; } .k-scheduler-table .k-middle-row td { border-bottom-style: dotted; } .k-scheduler-table .k-link { cursor: pointer; } .k-scheduler-layout-flex { overflow: auto; } .k-scheduler-layout-flex .k-scheduler-head { position: sticky; top: 0; z-index: 3; } .k-scheduler-layout-flex .k-scheduler-body { position: relative; } .k-scheduler-layout-flex .k-scheduler-head, .k-scheduler-layout-flex .k-scheduler-body { display: flex; flex: 100%; flex-wrap: wrap; } .k-scheduler-layout-flex .k-scheduler-row { display: flex; flex: 1 1 100%; width: 100%; min-width: 0; } .k-scheduler-layout-flex .k-scheduler-group { display: flex; flex: 1 1 100%; width: 100%; min-width: 0; flex-wrap: wrap; } .k-scheduler-layout-flex .k-scheduler-group .k-group-cell { display: flex; flex: 1 1 auto; flex-wrap: wrap; overflow: auto; } .k-scheduler-layout-flex .k-scheduler-group .k-group-content { padding: 0; display: flex; flex: 1 1 100%; width: 100%; border-width: 0; flex-wrap: wrap; } .k-scheduler-layout-flex .k-scheduler-group.k-group-horizontal .k-group-cell { flex-basis: 100%; border-width: 0; padding: 0; } .k-scheduler-layout-flex.k-scheduler-timeline-view .k-scheduler-body .k-scheduler-cell { flex-basis: auto; } .k-scheduler-layout-flex .k-more-events { bottom: 2px; left: 0; width: 100%; } .k-scheduler-layout-flex .k-scheduler-cell { display: flex; flex: 1 1 100%; padding-block: 0.75rem; padding-inline: 0.75rem; min-height: 1.5em; overflow: hidden; white-space: nowrap; border-style: solid; border-width: 0 1px 1px 0; vertical-align: top; box-sizing: content-box; } .k-scheduler-layout-flex .k-scheduler-cell.k-slot-cell { position: relative; } .k-scheduler-layout-flex .k-scheduler-cell.k-heading-cell { justify-content: center; font-weight: bold; } .k-scheduler-layout-flex .k-scheduler-cell.k-side-cell { justify-content: flex-end; flex-grow: 0; flex-basis: auto; overflow: visible; } .k-scheduler-layout-flex .k-scheduler-cell.k-major-cell { border-bottom-width: 0; } .k-scheduler-layout-flex .k-middle-row .k-scheduler-cell { border-bottom-style: dotted; } .k-scheduler-layout-flex .k-resource-cell { flex: none; display: flex; flex-wrap: wrap; overflow: visible; } .k-scheduler-layout-flex .k-resource-content { display: flex; flex-wrap: wrap; padding: 0; border-width: 0; } .k-scheduler-layout-flex .k-sticky-cell { display: flex; flex-wrap: wrap; flex-basis: 0; position: sticky; left: 0; z-index: 3; } .k-scheduler-toolbar { border-width: 0; border-bottom-width: 1px; white-space: nowrap; flex-shrink: 0; position: relative; z-index: 2; } .k-scheduler-toolbar .k-widget { font-size: inherit; } .k-scheduler-toolbar .k-nav-current { color: inherit; outline: 0; text-decoration: none; display: inline-flex; flex-flow: row nowrap; align-items: center; gap: 0.5rem; cursor: pointer; } .k-scheduler-toolbar .k-scheduler-search { display: inline-flex; flex-flow: row nowrap; } .k-scheduler-toolbar .k-views-dropdown { width: auto; font: inherit; } .k-scheduler-footer { box-shadow: none; border-width: 0; border-top-width: 1px; white-space: nowrap; flex-shrink: 0; position: relative; } .k-scheduler-layout { width: 100%; border-collapse: separate; border-spacing: 0; flex: 1 1 auto; position: relative; z-index: 1; } .k-scheduler-layout > tbody > tr > td { padding: 0; vertical-align: top; } .k-scheduler-layout td.k-selected, .k-scheduler-layout .k-scheduler-cell.k-selected { outline: none; } .k-scheduler-layout tr + tr .k-scheduler-times tr th, .k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr th { border-bottom-color: transparent; } .k-scheduler-layout tr + tr .k-scheduler-times tr .k-slot-cell, .k-scheduler-layout tr + tr .k-scheduler-times tr .k-scheduler-times-all-day, .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child th, .k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr .k-slot-cell, .k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr .k-scheduler-times-all-day, .k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr:last-child th { border-bottom-color: inherit; } .k-scheduler-layout.k-scheduler-flex-layout { display: flex; flex-direction: column; } .k-scheduler-layout.k-scheduler-flex-layout.k-scheduler-weekview .k-scheduler-pane:first-child .k-scheduler-table, .k-scheduler-layout.k-scheduler-flex-layout.k-scheduler-dayview .k-scheduler-pane:first-child .k-scheduler-table { table-layout: fixed; } .k-scheduler-header, .k-scheduler-view-header { padding-inline-end: var(--kendo-scrollbar-width, 17px); } .k-scheduler-header th { text-align: center; } .k-scheduler-header, .k-scheduler-header-wrap, .k-scheduler-header-wrap > div { border-color: inherit; overflow: hidden; } .k-scheduler-header-wrap { border-width: 0; border-style: solid; position: relative; } .k-scheduler-times { border-color: inherit; position: relative; overflow: hidden; } .k-scheduler-times .k-scheduler-table { table-layout: auto; } .k-scheduler-times th { border-width: 0 1px 1px 0; text-align: end; } .k-scheduler-times .k-slot-cell, .k-scheduler-times .k-scheduler-times-all-day { border-bottom-color: inherit; } .k-scheduler-times .k-slot-cell.k-last-resource { border-right: 0; } .k-scheduler-times .k-slot-cell.k-empty-slot { padding-left: 0; padding-right: 0; } .k-scheduler-datecolumn { width: 12em; } .k-scheduler-timecolumn { width: 11em; white-space: nowrap; } .k-scheduler-content { border-color: inherit; position: relative; overflow: auto; } .k-scheduler-content:focus { outline: none; } kendo-scheduler .k-event, .k-event { border-radius: 0.375rem; min-height: 25px; box-sizing: border-box; border-width: 0; border-style: solid; border-radius: 0.375rem; text-align: start; outline: 0; cursor: default; position: absolute; overflow: hidden; padding-right: 1rem; } kendo-scheduler .k-event > div, .k-event > div { position: relative; z-index: 2; } kendo-scheduler .k-event .k-event-template, .k-event .k-event-template { line-height: calc(25px - 0.5rem); padding-block: 0.5rem; padding-inline: 1rem; } kendo-scheduler .k-event .k-event-time, .k-event .k-event-time { padding-bottom: 0; font-size: .875em; white-space: nowrap; display: none; } kendo-scheduler .k-event .k-event-actions, .k-event .k-event-actions { white-space: nowrap; position: absolute; top: 0; bottom: 0; right: 1rem; z-index: 2; } kendo-scheduler .k-event .k-event-actions .k-event-delete, .k-event .k-event-actions .k-event-delete { opacity: .5; visibility: hidden; } kendo-scheduler .k-event .k-event-actions:hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-hover .k-event-delete, .k-event .k-event-actions:hover .k-event-delete, .k-event .k-event-actions.k-hover .k-event-delete { opacity: 1; } kendo-scheduler .k-event .k-event-actions a, .k-event .k-event-actions a { color: inherit; } kendo-scheduler .k-event .k-event-actions:first-child, .k-event .k-event-actions:first-child { margin: 0.25rem 0.4ex 0 0.5rem; top: 0; right: 0; float: left; position: relative; opacity: 1; visibility: visible; line-height: normal; } kendo-scheduler .k-event .k-resize-handle, .k-event .k-resize-handle { z-index: 4; opacity: .5; visibility: hidden; } kendo-scheduler .k-event .k-resize-handle::before, .k-event .k-resize-handle::before { border-color: currentColor; } kendo-scheduler .k-event .k-resize-n, .k-event .k-resize-n { height: .5em; top: 0; } kendo-scheduler .k-event .k-resize-s, .k-event .k-resize-s { height: .5em; bottom: 0; } kendo-scheduler .k-event .k-resize-n::before, kendo-scheduler .k-event .k-resize-s::before, .k-event .k-resize-n::before, .k-event .k-resize-s::before { width: 2rem; border-bottom-width: 1px; } kendo-scheduler .k-event .k-resize-w, .k-event .k-resize-w { width: .5em; left: 0; } kendo-scheduler .k-event .k-resize-e, .k-event .k-resize-e { width: .5em; right: 0; } kendo-scheduler .k-event .k-resize-w::before, kendo-scheduler .k-event .k-resize-e::before, .k-event .k-resize-w::before, .k-event .k-resize-e::before { height: 2rem; border-left-width: 1px; } kendo-scheduler .k-event:hover .k-event-actions .k-event-delete, kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete, kendo-scheduler .k-event.k-hover .k-resize-handle, .k-event:hover .k-event-actions .k-event-delete, .k-event:hover .k-resize-handle, .k-event.k-hover .k-event-actions .k-event-delete, .k-event.k-hover .k-resize-handle { visibility: visible; } kendo-scheduler .k-event.k-event-drag-hint .k-event-time, .k-event.k-event-drag-hint .k-event-time { display: block; } kendo-scheduler .k-event .k-event-top-actions, kendo-scheduler .k-event .k-event-bottom-actions, .k-event .k-event-top-actions, .k-event .k-event-bottom-actions { position: absolute; top: 0; left: 0; width: 100%; text-align: center; } kendo-scheduler .k-event .k-event-bottom-actions, .k-event .k-event-bottom-actions { top: auto; bottom: 0; } .k-scheduler-mark { width: 1em; height: 1em; display: inline-block; vertical-align: middle; } .k-more-events { padding: 0; height: 13px; border-style: solid; border-width: 1px; overflow: hidden; position: absolute; justify-content: center; } .k-more-events > .k-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .k-event-drag-hint { opacity: .5; z-index: 3; } .k-event-drag-hint .k-event-actions, .k-event-drag-hint .k-event-top-actions, .k-event-drag-hint .k-event-bottom-actions, .k-event-drag-hint .k-resize-handle { display: none; } .k-event-drag-hint .k-event-time { display: block; } .k-scheduler-marquee { border-width: 0; border-style: solid; } .k-scheduler-marquee .k-label-top, .k-scheduler-marquee .k-label-bottom { font-size: .75em; position: absolute; } .k-scheduler-marquee .k-label-top { left: 0.5rem; top: 0.25rem; } .k-scheduler-marquee .k-label-bottom { right: 0.5rem; bottom: 0.25rem; } .k-scheduler-marquee.k-first::before, .k-scheduler-marquee.k-last::after { content: ""; border-width: 3px; border-style: solid; position: absolute; width: 0; height: 0; } .k-scheduler-marquee.k-first::before { top: 0; left: 0; border-right-color: transparent; border-bottom-color: transparent; } .k-scheduler-marquee.k-last::after { bottom: 0; right: 0; border-left-color: transparent; border-top-color: transparent; } .k-pdf-export-shadow .k-scheduler, .k-scheduler-pdf-export .k-scheduler-content, .k-scheduler-pdf-export .k-scheduler-times { height: auto !important; overflow: visible !important; } .k-scheduler-pdf-export { overflow: hidden; } .k-scheduler-pdf-export .k-scheduler-header { padding: 0 !important; } .k-scheduler-pdf-export .k-scheduler-header-wrap { border-width: 0 !important; } .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table, .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table { width: 100% !important; } .k-recurrence-editor { display: flex; flex-direction: column; } kendo-scheduler .k-recurrence-editor { display: block; } .k-scheduler-monthview .k-scheduler-table { height: 100%; } .k-scheduler-monthview .k-scheduler-table td { height: 80px; text-align: end; } .k-scheduler-monthview .k-scheduler-body .k-scheduler-cell { min-height: 80px; } .k-scheduler-monthview .k-hidden { padding-left: 0 !important; padding-right: 0 !important; border-right-width: 0 !important; } .k-scheduler-monthview .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto td, .k-scheduler-monthview .k-scheduler-content .k-scheduler-table-auto { height: auto; } .k-scheduler-monthview .k-scheduler-content { overflow-y: scroll; } .k-scheduler-monthview.k-scheduler-flex-layout .k-scheduler-content { overflow-y: auto; } .k-scheduler-agendaview .k-scheduler-mark { margin-right: .5em; width: 1em; height: 1em; display: inline-block; vertical-align: middle; } .k-scheduler-agendaview .k-scheduler-table th:first-child, .k-scheduler-agendaview .k-scheduler-table td:first-child { border-left-width: 1px; } .k-scheduler-agendaview .k-scheduler-table td.k-first { border-left-width: 0; } .k-scheduler-agendaview .k-task > .k-event-delete { color: inherit; position: absolute; top: 0.25rem; right: 0.25rem; opacity: .5; visibility: hidden; } .k-scheduler-agendaview .k-hover .k-task > .k-event-delete, .k-scheduler-agendaview .k-scheduler-content tr:hover .k-event-delete, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover .k-event-delete, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover .k-event-delete { visibility: visible; } .k-scheduler-agendaday { margin: 0 .2em 0 0; font-size: 3em; line-height: 1; font-weight: 400; float: left; } .k-scheduler-agendaweek { display: block; margin: .4em 0 0; line-height: 1; font-style: normal; } .k-scheduler-agendadate { font-size: .75em; } .k-scheduler-timelineview .k-slot-cell { overflow: hidden; } .k-scheduler-timelineview .k-scheduler-content { overflow: auto; } .k-scheduler-pane { display: flex; flex-direction: row; } .k-scheduler-pane .k-scheduler-times { flex: 0 0 auto; } .k-scheduler-pane .k-scheduler-times .k-scheduler-table { height: 100%; } .k-scheduler-pane .k-scheduler-header, .k-scheduler-pane .k-scheduler-content { flex: 1 1 auto; } .k-scheduler-yearview .k-scheduler-body { padding-block: 1rem; padding-inline: 1rem; justify-content: center; } .k-scheduler-yearview .k-calendar { width: 100%; border-width: 0; } .k-scheduler-yearview .k-calendar .k-calendar-view { flex-wrap: wrap; justify-content: center; gap: 1rem; } .k-scheduler-yearview .k-calendar .k-content { flex: 0; } .k-scheduler-yearview .k-calendar .k-link { position: relative; } .k-scheduler-yearview .k-calendar td.k-selected { background-color: inherit; } .k-scheduler-yearview .k-day-indicator { margin-top: calc(38px - 0.5rem); width: 3px; height: 3px; border-radius: 50%; position: absolute; left: calc(50% - 1.5px); } .k-scheduler-tooltip { padding-block: 0.75rem; padding-inline: 0.75rem; border-width: 0; color: inherit; } .k-scheduler-tooltip .k-tooltip-title { margin-bottom: 0.75rem; } .k-scheduler-tooltip .k-tooltip-title .k-month { font-size: 0.875rem; text-transform: uppercase; } .k-scheduler-tooltip .k-tooltip-title .k-day { font-size: 1.75rem; } .k-scheduler-tooltip .k-tooltip-events-container { overflow: auto; } .k-scheduler-tooltip .k-tooltip-events { max-height: 250px; display: flex; flex-direction: column; gap: 0.5rem; } .k-scheduler-tooltip .k-tooltip-event { padding-block: 0.25rem; padding-inline: 0.5rem; border-radius: 0.375rem; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; flex-shrink: 0; position: relative; gap: 0.5rem; } .k-scheduler-tooltip .k-tooltip-event .k-event-time { display: flex; flex-shrink: 0; font-size: inherit; } .k-scheduler-tooltip .k-no-data, .k-scheduler-tooltip .k-nodata { height: auto; min-height: auto; color: inherit; } .k-scheduler-edit-dialog .k-dialog { max-height: 100vh; } .k-scheduler-edit-form .k-edit-form-container { width: 100%; } .k-scheduler-edit-form .k-edit-label { width: 17%; } .k-scheduler-edit-form .k-edit-field { width: 77%; } .k-scheduler-edit-form .k-edit-field > ul > li { display: flex; flex-flow: row nowrap; align-items: center; } .k-scheduler-edit-form .k-recurrence-editor .k-radio-list .k-radio-wrap, .k-scheduler-edit-form .k-recurrence-editor .k-checkbox-list .k-checkbox-wrap { align-self: center; } .k-scheduler-edit-form .k-recur-interval, .k-scheduler-edit-form .k-recur-count, .k-scheduler-edit-form .k-recur-monthday { width: 5em; } .k-scheduler-edit-form .k-recur-until, .k-scheduler-edit-form .k-recur-month, .k-scheduler-edit-form .k-recur-weekday, .k-scheduler-edit-form .k-recur-weekday-offset { width: 10em; } .k-scheduler-edit-form .k-scheduler-datetime-picker { display: flex; flex-flow: row nowrap; gap: 0.5rem; } .k-rtl .k-scheduler-header th, .k-rtl .k-scheduler-table td { border-width: 0 1px 1px 0; } .k-rtl .k-scheduler-table td:first-child, .k-rtl .k-scheduler-table th:first-child { border-right-width: 0; } .k-rtl .k-scheduler-times th { border-width: 0 0 1px 1px; } .k-rtl .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap { border-right-width: 0; border-left-width: 1px; } .k-rtl .k-event { padding-right: 0; padding-left: 1rem; } .k-rtl .k-event .k-resize-w { left: auto; right: 0; } .k-rtl .k-event .k-resize-e { right: auto; left: 0; } .k-rtl .k-event .k-event-actions { right: auto; left: 2px; } .k-rtl .k-event .k-event-actions:first-child { margin: 0.25rem 0.5rem 0 0.4ex; float: right; } .k-rtl .k-scheduler-agendaview .k-task > .k-event-delete { left: 2px; right: auto; } .k-rtl .k-scheduler-agendaview .k-task .k-scheduler-mark { margin-left: .5em; margin-right: 0; } .k-rtl .k-scheduler-marquee .k-label-top { left: auto; right: 4px; } .k-rtl .k-scheduler-marquee .k-label-bottom { left: 4px; right: auto; } .k-rtl .k-scheduler-edit-form .k-scheduler-delete { float: right; } .k-rtl .k-scheduler .k-scheduler-header-wrap, .k-rtl.k-scheduler .k-scheduler-header-wrap { border-right-width: 0; } .k-rtl .k-scheduler .k-scheduler-agendaday, .k-rtl.k-scheduler .k-scheduler-agendaday { float: right; margin: 0 0 0 .2em; } .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table td:first-child, .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table th:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table td:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table th:first-child { border-left-width: 0; } .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table tr + tr td:first-child, .k-rtl .k-scheduler .k-scheduler-agendaview .k-scheduler-table tr + tr th:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table tr + tr td:first-child, .k-rtl.k-scheduler .k-scheduler-agendaview .k-scheduler-table tr + tr th:first-child { border-right-width: 1px; } .k-safari .k-scheduler-tooltip .k-tooltip-event:not(:last-child) { margin-bottom: 0.5rem; } .k-safari .k-scheduler-yearview .k-calendar-view .k-month { margin-block: 0; margin-inline: 0.5rem; } kendo-scheduler .k-event::before, .k-event::before { display: none; left: 0; } .k-rtl kendo-scheduler .k-event::before, .k-rtl .k-event::before { right: 0; } kendo-scheduler .k-event .k-event-template, .k-event .k-event-template { padding-block: 0.25rem; padding-inline: 0.5rem; font-size: 0.875rem; } kendo-scheduler .k-event .k-event-actions, .k-event .k-event-actions { right: 0.5rem; } kendo-scheduler .k-event .k-event-actions:first-child, .k-event .k-event-actions:first-child { margin: 0.1ex 0.4ex 0 0.5rem; } .k-scheduler { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-scheduler-toolbar { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-scheduler-footer { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-scheduler-header { background-color: #f8f9fa; } .k-scheduler-header-wrap { background-color: #ffffff; } .k-scheduler-nonwork, .k-scheduler .k-nonwork-hour { background-color: whitesmoke; } .k-scheduler-other-month, .k-scheduler .k-other-month { background-color: whitesmoke; } .k-scheduler-layout td.k-selected, .k-scheduler-layout .k-scheduler-cell.k-selected { background-color: rgba(13, 110, 253, 0.25); } .k-scheduler-layout-flex .k-scheduler-head, .k-scheduler-layout-flex .k-sticky-cell { background-color: #ffffff; } .k-event { color: #ffffff; background-color: #3485fd; } .k-event.k-selected { color: #ffffff; background-color: #0d6efd; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5); } .k-event.k-event-inverse { color: black; } .k-event.k-event-ongoing { box-shadow: inset 0px 0px 0px 1px #ff0000; } .k-scheduler-marquee::before, .k-scheduler-marquee::after { border-color: #0d6efd; } .k-scheduler-edit-dialog .k-dialog-actions { border-color: #dee2e6; } .k-scheduler-agendaview .k-scheduler-content tr:hover, .k-scheduler-agendaview .k-scheduler-content tr.k-hover, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover { border-color: #d6d9dc; color: #16181b; background-color: #e9ecef; } .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-datecolumn, .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-groupcolumn, .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-datecolumn, .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-groupcolumn { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-scheduler-agendaview .k-scheduler-content tr.k-selected { background-color: rgba(13, 110, 253, 0.25); } .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-datecolumn, .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-groupcolumn { background-color: #ffffff; } .k-scheduler-yearview .k-day-indicator { background-color: #0d6efd; } .k-scheduler-yearview .k-selected .k-day-indicator { background-color: white; } .k-tooltip.k-scheduler-tooltip { color: #212529; background-color: white; box-shadow: var(--kendo-elevation-2, 0px 2px 7px rgba(0, 0, 0, 0.075)); } .k-tooltip.k-scheduler-tooltip .k-callout { color: white; } .k-chat { margin: auto; max-width: 500px; height: 600px; max-height: 100%; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-direction: column; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-chat .k-message-list { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth; } .k-chat .k-message-list-content { padding-block: 16px; padding-inline: 16px; width: 100%; box-sizing: border-box; position: relative; flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } .k-chat .k-message-list-content > * + * { margin-top: 16px; } .k-chat .k-message-group { max-width: 80%; background: none; box-sizing: border-box; display: flex; flex-shrink: 0; flex-direction: column; position: relative; } .k-chat .k-message-group:not(.k-alt) { align-items: flex-start; text-align: start; } .k-chat .k-message-group:not(.k-alt) .k-message-time { margin-inline-start: 8px; inset-inline-start: 100%; } .k-chat .k-message-group:not(.k-alt) .k-message-status { inset-inline-start: 0; } .k-chat .k-message-group:not(.k-alt) .k-first .k-chat-bubble, .k-chat .k-message-group:not(.k-alt) .k-only .k-chat-bubble { border-bottom-left-radius: 2px; } .k-chat .k-message-group:not(.k-alt) .k-middle .k-chat-bubble, .k-chat .k-message-group:not(.k-alt) .k-last .k-chat-bubble { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .k-chat .k-message-group.k-alt { align-self: flex-end; align-items: flex-end; text-align: end; } .k-chat .k-message-group.k-alt .k-message-time { margin-inline-end: 8px; inset-inline-end: 100%; } .k-chat .k-message-group.k-alt .k-message-status { inset-inline-end: 0; } .k-chat .k-message-group.k-alt .k-first .k-chat-bubble, .k-chat .k-message-group.k-alt .k-only .k-chat-bubble { border-bottom-right-radius: 2px; } .k-chat .k-message-group.k-alt .k-middle .k-chat-bubble, .k-chat .k-message-group.k-alt .k-last .k-chat-bubble { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .k-chat .k-message { max-width: 100%; margin: 2px 0 0; position: relative; transition: margin .2s ease-in-out; outline: none; } .k-chat .k-message-time, .k-chat .k-message-status { font-size: smaller; line-height: normal; white-space: nowrap; pointer-events: none; position: absolute; } .k-chat .k-message-time { opacity: 0; top: 50%; transform: translateY(-50%); transition: opacity .2s ease-in-out; } .k-chat .k-message-status { margin-top: 2px; height: 0; overflow: hidden; top: 100%; transition: height .2s ease-in-out; } .k-chat .k-chat-bubble { border-radius: 12px; padding-block: 8px; padding-inline: 16px; border-width: 1px; border-style: solid; line-height: 1.25; word-wrap: break-word; white-space: pre-wrap; } .k-chat .k-chat-bubble a { color: inherit; text-decoration: underline; } .k-chat .k-message.k-selected { margin-bottom: 16px; border: 0; color: inherit; background: none; } .k-chat .k-message.k-selected .k-message-time { opacity: 1; } .k-chat .k-message.k-selected .k-message-status { height: 1.2em; } .k-chat .k-message-error, .k-chat .k-message-sending { margin-bottom: 16px; } .k-chat .k-message-error .k-message-status, .k-chat .k-message-sending .k-message-status { height: 1.2em; } .k-chat .k-avatar { margin: 0; position: absolute; } .k-message-group:not(.k-alt) > .k-avatar { inset-inline-start: 0; bottom: 0; } .k-message-group.k-alt > .k-avatar { inset-inline-end: 0; bottom: 0; } .k-chat .k-avatars .k-message-group:not(.k-no-avatar) { padding-inline-start: 40px; } .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) { padding-inline-end: 40px; } .k-author { margin: 0; font-size: smaller; line-height: normal; } .k-chat .k-author { margin: 0; } .k-chat .k-timestamp { font-size: smaller; text-transform: uppercase; text-align: center; align-self: stretch; } .k-quick-replies { display: block; max-width: 100%; } .k-quick-reply { border-radius: 100px; margin-inline-end: 8px; margin-block-end: 4px; padding-block: 8px; padding-inline: 12px; border-width: 1px; border-style: solid; line-height: 1.25; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; flex: 0 0 auto; transition-property: color, background-color, border-color; transition-duration: .2s; transition-timing-function: ease-in-out; outline: none; } .k-scrollable-quick-replies { margin-inline-start: -16px; margin-inline-end: -16px; padding-inline-start: 16px; padding-inline-end: 16px; display: flex; flex-flow: row nowrap; flex: 0 0 auto; overflow-x: auto; overflow-y: hidden; } .k-scrollable-quick-replies::-webkit-scrollbar { display: none; } .k-scrollable-quick-replies .k-quick-reply { margin: 0; } .k-scrollable-quick-replies .k-quick-reply + .k-quick-reply { margin-inline-start: 8px; } .k-message-box { width: 100%; height: auto; box-sizing: border-box; border-width: 1px 0 0; border-style: solid; border-color: inherit !important; border-radius: 0 !important; flex: none; display: flex; flex-flow: row nowrap; align-items: center; } .k-message-box:focus, .k-message-box.k-focus, .k-message-box:focus-within { outline: 0; box-shadow: none; } .k-message-box .k-button { border-width: 0; flex-shrink: 0; } .k-message-box .k-button svg { width: 20px; height: 20px; fill: currentColor; display: inline-block; } .k-rtl .k-message-box .k-button, [dir="rtl"] .k-message-box .k-button { transform: scaleX(-1); } .k-chat .k-card-list { margin: 2px 0 0; } .k-message-group.k-alt + .k-card-list, .k-message-group.k-alt + kendo-chat-message-attachments.k-card-list { align-self: flex-end; } .k-chat .k-card-deck { max-width: calc(100% + 32px); box-sizing: border-box; margin-inline-start: -16px; margin-inline-end: -16px; padding: 16px 16px 16px; overflow: hidden; overflow-x: auto; scroll-behavior: smooth; } .k-chat .k-card-deck .k-card { width: 200px; } .k-chat .k-card-deck-scrollwrap { margin-right: -16px; margin-left: -16px; padding-left: 16px; padding-right: 16px; } .k-chat .k-card-deck-scrollwrap > .k-card-deck { margin-bottom: -20px; padding-bottom: 20px; } .k-chat .k-card-deck .k-card-wrap { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 0 0 auto; padding-bottom: 5px; } .k-chat .k-card-deck .k-card-wrap .k-card { flex: 0 0 auto; } .k-chat .k-card-deck .k-card-wrap.k-selected { background: none; } .k-typing-indicator { padding: 0; border-radius: 50px; display: inline-flex; flex-flow: row nowrap; } .k-typing-indicator span { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 8px; background-color: currentColor; opacity: .4; } .k-typing-indicator span:nth-of-type(1) { animation: 1s k-animation-blink infinite 0.3333s; } .k-typing-indicator span:nth-of-type(2) { animation: 1s k-animation-blink infinite 0.6666s; } .k-typing-indicator span:nth-of-type(3) { animation: 1s k-animation-blink infinite 0.9999s; } .k-typing-indicator span + span { margin-left: 5px; } @keyframes k-animation-blink { 50% { opacity: 1; } } .k-chat-toolbar, .k-chat .k-toolbar-box { padding-block: 0.5rem; padding-inline: 0.5rem; width: 100%; border-width: 1px 0 0; box-sizing: border-box; flex: none; overflow: hidden; position: relative; gap: 0.5rem; } .k-chat-toolbar::before, .k-chat .k-toolbar-box::before { display: none; } .k-chat-toolbar .k-button-list, .k-chat .k-toolbar-box .k-button-list { display: flex; flex-flow: row nowrap; overflow: hidden; scroll-behavior: smooth; } .k-chat-toolbar .k-button, .k-chat .k-toolbar-box .k-button { flex: none; } .k-chat-toolbar .k-scroll-button, .k-chat .k-toolbar-box .k-scroll-button { padding: 0 0.25rem; height: 100%; aspect-ratio: auto; position: absolute; z-index: 2; top: 0; } .k-chat-toolbar .k-scroll-button .k-button-icon, .k-chat .k-toolbar-box .k-scroll-button .k-button-icon { min-width: auto; min-height: auto; } .k-chat-toolbar .k-scroll-button-left, .k-chat .k-toolbar-box .k-scroll-button-left { left: 0; } .k-chat-toolbar .k-scroll-button-right, .k-chat .k-toolbar-box .k-scroll-button-right { right: 0; } .k-chat { border-color: #dee2e6; color: #212529; background-color: #fafafa; } .k-chat .k-timestamp { color: #6c757d; } .k-chat .k-author { font-weight: bold; } .k-chat .k-chat-bubble { border-color: #e4e7eb; color: #212529; background-color: #e4e7eb; box-shadow: none; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; order: -1; } .k-chat .k-chat-bubble a { color: #0d6efd; } .k-chat .k-chat-bubble a:hover { color: #0a58ca; } .k-chat .k-chat-bubble:hover { box-shadow: none; } .k-chat .k-selected .k-chat-bubble { box-shadow: none; } .k-chat .k-alt .k-chat-bubble { border-color: #0d6efd; color: white; background-color: #0d6efd; box-shadow: none; } .k-chat .k-alt .k-chat-bubble:hover { box-shadow: none; } .k-chat .k-alt .k-selected .k-chat-bubble { box-shadow: none; } .k-chat .k-quick-reply { border-color: #0d6efd; color: #0d6efd; background-color: transparent; } .k-chat .k-quick-reply:hover { border-color: #0d6efd; color: white; background-color: #0d6efd; } .k-chat-toolbar, .k-chat .k-toolbar-box { border-color: inherit; color: #212529; background-color: #f8f9fa; } .k-mediaplayer { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-mediaplayer *, .k-mediaplayer *::before, .k-mediaplayer *::after { box-sizing: border-box; } .k-mediaplayer > iframe { width: 100%; height: 100%; border: 0; vertical-align: top; } .k-mediaplayer-titlebar { padding-block: 0.5rem; padding-inline: 0.5rem; position: absolute; z-index: 2; top: 0; left: 0; right: 0; } .k-mediaplayer-toolbar-wrap { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; } .k-mediaplayer-toolbar { border-width: 0; width: 100% !important; box-shadow: none; } .k-mediaplayer-toolbar .k-dropdown-list, .k-mediaplayer-toolbar .k-dropdown, .k-mediaplayer-toolbar .k-dropdownlist { width: auto; } .k-mediaplayer-time-wrap { flex: 1; } .k-mediaplayer-volume-wrap { padding: 0 7px; align-items: center; } .k-mediaplayer-volume { width: 100px; } .k-slider.k-mediaplayer-seekbar { width: 100%; position: absolute; z-index: 3; top: 0; left: 0; transform: translateY(-50%); } .k-mediaplayer-seekbar .k-slider-track { width: 100% !important; border-radius: 0; } .k-mediaplayer-seekbar .k-slider-selection { border-radius: 0; } .k-mediaplayer-fullscreen { z-index: 10000; position: fixed; top: 0; left: 0; width: 100% !important; height: 100% !important; } .k-mediaplayer { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-mediaplayer-titlebar { color: #ffffff; background-image: linear-gradient(rgba(33, 37, 41, 0.7), rgba(33, 37, 41, 0)); text-shadow: 0 0 2px rgba(33, 37, 41, 0.5); } .k-timeline { box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: block; background-color: transparent; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-timeline *, .k-timeline *::before, .k-timeline *::after, .k-timeline::before, .k-timeline::after { box-sizing: border-box; } .k-timeline ul { margin: 0; padding: 0; } .k-timeline ul li { list-style-type: none; } .k-timeline .k-timeline-flag { display: inline-block; text-align: center; padding-block: 0.375rem; padding-inline: 0.75rem; border-radius: 0.375rem; line-height: 1.5; min-width: 80px; max-width: 160px; position: relative; z-index: 1; } .k-timeline .k-timeline-circle { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; position: relative; z-index: 1; } .k-timeline.k-timeline-dates-hidden .k-timeline-date { display: none; } .k-timeline.k-timeline-collapsible .k-card-header { cursor: pointer; } .k-timeline.k-timeline-collapsible .k-event-collapse { display: flex; } .k-timeline-card .k-card { position: relative; overflow: visible; } .k-timeline-card .k-card .k-card-header { overflow: visible; border-bottom: 0; } .k-timeline-card .k-card .k-card-header + .k-card-body { padding-top: 0; } .k-timeline-card .k-card .k-card-body { overflow-y: auto; scrollbar-width: thin; } .k-timeline-card .k-card .k-card-body::-webkit-scrollbar { width: 5px; } .k-timeline-card .k-card .k-card-body::-webkit-scrollbar-thumb { border-radius: 0.375rem; } .k-timeline-card .k-timeline-card-callout.k-callout-w, .k-timeline-card .k-timeline-card-callout.k-callout-e { top: 36px; } .k-timeline-vertical, .k-timeline-horizontal { padding-block: 0; padding-inline: 40px; margin-block: 40px; margin-inline: 0; width: 100%; position: relative; border: 0; } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { content: ""; position: absolute; top: 0; border-width: 1px; border-style: solid; } .k-timeline-vertical { padding-left: 127px; } .k-timeline-vertical.k-timeline-dates-hidden { padding-left: 77px; } .k-timeline-vertical::after { height: 100%; width: 6px; transform: translateX(-50%); border-radius: 0.5rem; } .k-timeline-vertical .k-timeline-flag-wrap { display: flex; align-items: center; } .k-timeline-vertical .k-timeline-flag-wrap:first-child { padding-top: 40px; } .k-timeline-vertical .k-timeline-flag { transform: translateX(-50%); } .k-timeline-vertical .k-timeline-date-wrap { position: absolute; padding-right: 1rem; margin-top: 36px; transform: translate(-100%, -50%); text-align: end; } .k-timeline-vertical .k-timeline-event { display: flex; align-items: flex-start; padding-block: 40px; padding-inline: 0; } .k-timeline-vertical .k-timeline-card { padding-left: 1rem; } .k-timeline-vertical .k-timeline-card .k-card { margin-left: 1rem; min-height: 70px; width: 400px; max-width: 100%; } .k-timeline-vertical .k-timeline-card .k-card .k-card-header { border-radius: 0.375rem; } .k-timeline-vertical .k-timeline-card .k-card .k-card-title { display: flex; justify-content: space-between; } .k-timeline-vertical .k-timeline-card .k-card .k-card-title .k-event-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .k-timeline-vertical .k-timeline-card .k-event-collapse { margin-block: -0.5rem; margin-inline: 0; transform: rotate(90deg); transition: transform .2s ease-in-out; } .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-body, .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-actions { display: none; } .k-timeline-vertical .k-timeline-card.k-collapsed .k-event-collapse { transform: rotate(0deg); } .k-timeline-vertical .k-timeline-circle { margin-top: 36px; transform: translate(-50%, -50%); margin-right: -8px; } .k-timeline-vertical.k-timeline-alternating { padding-left: 40px; } .k-timeline-vertical.k-timeline-alternating::after { left: 50%; } .k-timeline-vertical.k-timeline-alternating .k-timeline-flag-wrap { justify-content: center; } .k-timeline-vertical.k-timeline-alternating .k-timeline-flag { transform: translateX(0); } .k-timeline-vertical.k-timeline-alternating .k-timeline-event { justify-content: space-between; } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse { flex-direction: row-reverse; } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-date-wrap { text-align: start; padding-right: 0; padding-left: 1rem; } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card { padding-left: 0; padding-right: 1rem; } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card .k-card { margin-right: 1rem; margin-left: auto; } .k-timeline-vertical.k-timeline-alternating .k-timeline-card, .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap { flex-basis: 50%; min-width: 0; } .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap { position: static; transform: translateY(-50%); } .k-timeline-vertical.k-timeline-alternating .k-timeline-circle { transform: translateY(-50%); margin-right: 0; } .k-timeline-horizontal .k-timeline-track-item { flex: 1 0 20%; display: flex; align-items: center; justify-content: flex-start; position: relative; flex-direction: column; } .k-timeline-horizontal .k-timeline-track-item:hover { cursor: pointer; } .k-timeline-horizontal .k-timeline-track-item.k-timeline-flag-wrap:hover { cursor: default; } .k-timeline-horizontal .k-timeline-date-wrap { margin-top: auto; margin-bottom: 10px; } .k-timeline-horizontal .k-timeline-card { height: 100%; } .k-timeline-horizontal .k-card { max-height: 100%; } .k-timeline-horizontal .k-timeline-events-list { overflow-x: hidden; padding-top: 1rem; } .k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap { position: relative; height: 600px; } .k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap .k-timeline-event { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .k-timeline-horizontal .k-timeline-track-wrap { position: relative; padding: 19px 0; } .k-timeline-horizontal .k-timeline-track-wrap::after { top: auto; bottom: 22px; left: 36px; right: 36px; transform: translateY(-50%); height: 6px; } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track { overflow: hidden; margin-block: 0; margin-inline: 38px; position: relative; z-index: 2; } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track .k-timeline-scrollable-wrap { transition: transform 1s ease-in-out; } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag { margin-bottom: 22px; position: relative; min-width: 80px; } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag::after { content: ""; width: 10px; height: 10px; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); } .k-timeline-horizontal .k-timeline-scrollable-wrap { padding-bottom: 3px; display: flex; outline: 0; } .k-timeline-arrow { width: 38px; height: 38px; border-radius: 50%; position: absolute; bottom: 11px; z-index: 3; display: flex; align-items: center; justify-content: center; } .k-timeline-arrow-left { left: 0; } .k-timeline-arrow-right { right: 0; } .k-timeline-mobile { padding-block: 0; padding-inline: 1rem; margin-block: 1rem; margin-inline: 0; } .k-timeline-mobile .k-timeline-flag { max-width: calc(80px + 2rem); } .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap { display: none; } .k-timeline-mobile.k-timeline-vertical { padding-left: calc(1rem + 87px); } .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden { padding-left: calc(1rem + 37px); } .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating { padding-left: 1rem; } .k-timeline-mobile.k-timeline-vertical .k-timeline-card { width: 100%; } .k-timeline-mobile.k-timeline-vertical .k-timeline-card .k-card { width: auto; } .k-timeline-card .k-card-header { padding-top: 1rem; } .k-timeline .k-timeline-flag { color: white; background-color: #0d6efd; } .k-timeline .k-timeline-circle { background-color: #0d6efd; } .k-timeline .k-timeline-card .k-card-header { background-color: #ffffff; color: #212529; } .k-timeline .k-timeline-card .k-card-body { scrollbar-color: #dee2e6 #ffffff; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track { background: #ffffff; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb { background: #dee2e6; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover { background: #d6d9dc; } .k-timeline .k-timeline-date { color: #212529; } .k-timeline .k-timeline-arrow.k-disabled { opacity: 1; color: #6f7174; background-color: #edeff2; border-color: #edeff2; } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { background-color: #e4e7eb; border-color: #e4e7eb; } .k-timeline-horizontal .k-timeline-flag::after { background-color: #0d6efd; } .k-timeline-track-item.k-focus .k-timeline-circle { box-shadow: var(--kendo-elevation-2, 0px 2px 7px rgba(0, 0, 0, 0.075)); } .k-pdf-viewer { border-width: 1px; border-style: solid; box-sizing: border-box; position: relative; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: flex; flex-direction: column; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-pdf-viewer .k-toolbar { border-top-width: 0; border-right-width: 0; border-left-width: 0; border-color: inherit; flex: 0 0 auto; z-index: 2; } .k-pdf-viewer .k-toolbar .k-pager-wrap, .k-pdf-viewer .k-toolbar .k-pager { padding: 0; border-width: 0; color: inherit; background: none; overflow: visible; } .k-pdf-viewer .k-canvas { display: flex; flex-direction: column; flex: 1 1 auto; outline: none; } .k-pdf-viewer .k-canvas.k-enable-text-select { -webkit-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } .k-pdf-viewer .k-canvas.k-enable-panning { cursor: grab; } .k-pdf-viewer .k-canvas.k-enable-panning span::selection { background-color: transparent; } .k-pdf-viewer .k-pdf-viewer-pages { flex: 1 1 auto; } .k-pdf-viewer .k-page { position: relative; margin-block: 30px; margin-inline: auto; } .k-pdf-viewer .k-page canvas { direction: ltr; } .k-pdf-viewer .k-page .k-text-layer { position: absolute; top: 0; left: 0; opacity: .2; overflow: hidden; } .k-pdf-viewer .k-page .k-text-layer > span { position: absolute; line-height: 1.2; transform-origin: 0% 0%; color: transparent; } .k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark { color: transparent; } .k-pdf-viewer .k-blank-page { margin: 0; display: flex; flex-flow: column nowrap; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: inherit !important; } .k-pdf-viewer .k-blank-page .k-upload, .k-pdf-viewer .k-blank-page .k-dropzone, .k-pdf-viewer .k-blank-page .k-dropzone-inner { border: 0; background: none; } .k-pdf-viewer-canvas > .k-search-panel { width: max-content; margin-top: calc(-1.5em + -2.75rem + -4px); padding-block: 1rem; padding-inline: 0.5rem; border-width: 1px; border-style: solid; border-radius: 0.25rem; display: flex; gap: 0.5rem; flex-flow: row nowrap; flex: 0 0 auto; justify-content: flex-start; align-items: center; z-index: 10; cursor: default; } .k-pdf-viewer-canvas > .k-search-panel .k-search-dialog-draghandle { cursor: move; margin-left: 0; } .k-pdf-viewer-canvas > .k-search-panel .k-textbox { width: 10em; flex: none; } .k-pdf-viewer-canvas > .k-search-panel .k-textbox .k-button { border-width: 0; } .k-pdf-viewer-canvas > .k-search-panel .k-search-matches { display: inline-flex; gap: 0.5rem; } .k-pdf-viewer { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-pdf-viewer .k-canvas { background-color: #fafafa; } .k-pdf-viewer .k-page { border-color: #dee2e6; color: #212529; background-color: white; box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-pdf-viewer .k-blank-page > .k-icon { color: #afb1b2; } .k-pdf-viewer .k-search-highlight { background-color: #212529; } .k-pdf-viewer .k-search-highlight-mark { background-color: yellow; } .k-pdf-viewer-canvas > .k-search-panel { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .km-scrollview, .km-scroll-container { -webkit-user-select: none; -ms-user-select: none; user-select: none; border-collapse: separate; } .km-scroll-wrapper { position: relative; } .km-scroll-header { position: absolute; z-index: 1001; width: 100%; top: 0; left: 0; } .km-scroller-pull { width: 100%; display: block; position: absolute; line-height: 3em; font-size: 1.4em; text-align: center; transform: translate3d(0, -3em, 0); } .km-scroller-pull .km-template { display: inline-block; min-width: 200px; text-align: start; } .km-load-more .km-icon, .km-widget .km-scroller-pull .km-icon { display: inline-block; height: 2rem; margin-right: 1rem; vertical-align: middle; width: 2rem; font-size: 2rem; transform: rotate(0deg); transition: transform 300ms linear; } .km-widget .km-scroller-release .km-icon { transform: rotate(180deg); } .km-widget .km-scroller-refresh .km-icon { transition: none; } .km-touch-scrollbar { position: absolute; visibility: hidden; z-index: 200000; height: .4em; width: .4em; opacity: 0; transform-origin: 0 0; transition: opacity .3s linear; } .k-map .km-touch-scrollbar, .k-diagram .km-touch-scrollbar { display: none; } .km-vertical-scrollbar { height: 100%; right: 2px; top: 0; } .km-horizontal-scrollbar { width: 100%; left: 0; bottom: 2px; } .km-touch-scrollbar { background-color: #333333; } .k-scrollview { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; position: relative; overflow: hidden; display: block; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-scrollview-wrap { position: absolute; margin: 0; padding: 0; height: 100%; width: 100%; display: flex; flex-flow: row nowrap; cursor: default; white-space: nowrap; } .k-scrollview-wrap > .k-scrollview-view { display: inline-block; overflow: hidden; flex-shrink: 0; } .k-scrollview-wrap img { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-scrollview-wrap.k-scrollview-animate { width: calc(var(--kendo-scrollview-views, 1)*100%); transition-duration: 0.3s; transition-timing-function: ease-in-out; transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1))); } [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate, .k-rtl .k-scrollview-wrap.k-scrollview-animate { transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1))); } .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view { width: calc(100%/var(--kendo-scrollview-views, 1)); flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1)); } .k-scrollview-nav-wrap { padding: 0; margin: 0; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; text-align: center; } kendo-scrollview.k-scrollview kendo-scrollview-pager { pointer-events: none; } kendo-scrollview.k-scrollview .k-scrollview-nav { pointer-events: initial; } .k-scrollview-nav { margin: 0; padding: 20px; max-width: 100%; box-sizing: border-box; line-height: 0; text-align: center; white-space: nowrap; list-style: none; display: inline-flex; align-items: center; overflow-x: scroll; overflow-y: hidden; pointer-events: initial; } .k-scrollview-nav:focus { outline: none; } .k-scrollview-nav > .k-link { margin-block: 0; margin-inline: 10px; padding: 0; width: 10px; height: 10px; border-width: 0px; border-style: solid; border-radius: 50%; box-sizing: content-box; display: inline-block; position: relative; flex: 0 0 auto; cursor: pointer; pointer-events: all; vertical-align: top; } .k-scrollview-nav > .k-link::before { content: ""; width: 30px; height: 30px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: initial; border-radius: 0; } .k-scrollview-next, .k-scrollview-prev { display: table; position: absolute; padding: 0; height: 60%; top: 20%; text-decoration: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .k-scrollview-next .k-icon, .k-scrollview-prev .k-icon { display: table-cell; overflow: visible; margin: 0; padding: 0; vertical-align: middle; font-weight: normal; } .k-scrollview-prev { inset-inline-start: 0; } .k-scrollview-next { inset-inline-end: 0; } .k-scrollview-animation { transition-duration: .3s; transition-timing-function: ease-in-out; } .k-scrollview { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-scrollview.k-scrollview-dark kendo-scrollview-pager, .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap { background-color: rgba(0, 0, 0, 0.4); } .k-scrollview.k-scrollview-dark .k-scrollview-next, .k-scrollview.k-scrollview-dark .k-scrollview-prev { color: rgba(0, 0, 0, 0.4); } .k-scrollview.k-scrollview-light kendo-scrollview-pager, .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap { background-color: rgba(255, 255, 255, 0.4); } .k-scrollview:focus, .k-scrollview-wrap:focus { outline: none; } .k-scrollview-next, .k-scrollview-prev { color: white; background-color: rgba(0, 0, 0, 0); text-shadow: rgba(0, 0, 0, 0.3) 0 0 15px; opacity: 0.7; outline-width: 0; } .k-scrollview-next:focus, .k-scrollview-next.k-focus, .k-scrollview-prev:focus, .k-scrollview-prev.k-focus { color: white; opacity: 1; } .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before, .k-scrollview-prev:focus .k-icon::before, .k-scrollview-prev.k-focus .k-icon::before { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-scrollview-next:hover, .k-scrollview-next.k-hover, .k-scrollview-prev:hover, .k-scrollview-prev.k-hover { color: white; opacity: 1; } .k-scrollview-nav > .k-link { background-color: #e4e7eb; border-color: #e4e7eb; } .k-scrollview-nav > .k-link.k-primary { background: #0d6efd; border: #0d6efd; } .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-prompt { display: flex; flex-direction: column; position: relative; overflow: hidden; } .k-prompt-content { padding-block: 1rem; padding-inline: 1rem; display: flex; flex-flow: column nowrap; flex: 1 1 auto; gap: 1rem; overflow: auto; } .k-prompt-view { display: flex; flex-direction: column; flex: 1 1 auto; gap: 1rem; } .k-prompt-expander { display: flex; flex-direction: column; flex: 1; align-items: flex-start; gap: 0.5rem; } .k-prompt-expander-content { display: flex; flex-flow: column; flex: 0 0 auto; gap: 0.5rem; align-self: stretch; } .k-prompt-suggestion { border-width: 1px; border-style: solid; border-radius: 0.375rem; padding-block: 0.5rem; padding-inline: 0.5rem; cursor: pointer; } .k-prompt-setting { display: flex; flex-direction: column; } .k-prompt-actions.k-actions, .k-prompt-actions.k-edit-buttons, .k-prompt-actions.k-action-buttons, .k-prompt-actions.k-columnmenu-actions, .k-prompt-actions.k-form-buttons { margin: 0; } .k-prompt { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-prompt-header { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-prompt-content { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-prompt-suggestion { border-color: #dee2e6; color: #212529; background-color: #ffffff; box-shadow: var(--kendo-elevation-1, 0px 1px 2px rgba(0, 0, 0, 0.038)); } .k-barcode { display: inline-block; } .k-barcode > div { height: 150px; } .k-var--chart-font { font-size: 1rem; } .k-var--chart-title-font { font-size: 1.143em; } .k-var--chart-pane-title-font { font-size: 0.857em; font-weight: 400; } .k-var--chart-label-font { font-size: 0.857em; } .k-chart, .k-sparkline, .k-stockchart { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-chart, .k-stockchart { display: block; height: 400px; } .k-chart-surface { height: 100%; } .k-chart .k-popup { border-width: 0; } .k-chart-tooltip-wrapper .k-animation-container-shown, .k-chart-tooltip-wrapper.k-animation-container-shown { transition: left 300ms cubic-bezier(0, 0.33, 0.19, 1), top 300ms cubic-bezier(0, 0.33, 0.19, 1); } .k-sparkline-tooltip-wrapper, .k-chart-tooltip-wrapper { z-index: 12000; } .k-sparkline-tooltip-wrapper .k-popup, .k-chart-tooltip-wrapper .k-popup { padding: 0; border-width: 0; background: transparent; } .k-chart-tooltip table { border-spacing: 0; border-collapse: collapse; } .k-chart-tooltip { border-radius: 0.375rem; font-size: 0.929rem; line-height: 1.5; padding-block: 0.25rem; padding-inline: 0.5rem; } .k-chart-tooltip th { width: auto; text-align: center; padding: 1px; } .k-chart-tooltip td { width: auto; text-align: start; padding-block: 0.25rem; padding-inline: 0.5rem; line-height: 1.5; vertical-align: middle; } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { border-width: 1px; border-style: solid; } .k-chart-shared-tooltip .k-chart-shared-tooltip-marker { display: block; width: 15px; height: 3px; vertical-align: middle; } .k-selector { position: absolute; transform: translateZ(0); } .k-selection { position: absolute; height: 100%; border-width: 1px; border-style: solid; border-bottom: 0; } .k-selection-bg { position: absolute; width: 100%; height: 100%; } .k-handle { border-radius: 50%; width: 22px; height: 22px; border-width: 1px; border-style: solid; z-index: 1; position: absolute; box-sizing: content-box; } .k-handle div { width: 100%; height: 100%; } .k-left-handle { left: -11px; } .k-right-handle { right: -11px; } .k-left-handle div { margin: -22px 0 0 -14.6666666667px; padding: 44px 29.3333333333px 0 0; } .k-right-handle div { margin: -22px 0 0 -14.6666666667px; padding: 44px 0 0 29.3333333333px; } .k-left-handle.k-handle-active div { margin-left: -44px; padding-left: 58.6666666667px; } .k-right-handle.k-handle-active div { margin-left: -44px; padding-right: 58.6666666667px; } .k-mask { position: absolute; height: 100%; } .k-navigator-hint div { position: absolute; } .k-navigator-hint .k-scroll { border-radius: 0.375rem; position: absolute; height: 4px; } .k-navigator-hint .k-tooltip { margin-top: 20px; min-width: 160px; opacity: 1; text-align: center; } .k-sparkline, .k-sparkline span { display: inline-block; vertical-align: top; } .k-sparkline span { height: 100%; width: 100%; } .k-chart-dragging { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-chart-donut-center { position: absolute; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 50%; text-align: center; border: 4px solid transparent; box-sizing: border-box; } .k-pdf-export .k-chart .k-animation-container, .k-pdf-export .k-sparkline .k-animation-container, .k-pdf-export .k-stockchart .k-animation-container { display: none; } .k-diagram { height: 600px; } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative; } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative; } .k-canvas-container { width: 100%; height: 100%; } .k-treemap { height: 400px; box-sizing: border-box; border-width: 1px; border-style: solid; outline: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; display: block; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-treemap .k-treemap-tile { margin: -1px 0 0 -1px; height: 100%; box-sizing: border-box; border: 1px solid; border-color: inherit; color: inherit; background-color: inherit; overflow: hidden; position: absolute; } .k-treemap > .k-treemap-tile { position: relative; } .k-treemap .k-treemap-title { padding-block: 0.25rem; padding-inline: 0.5rem; border-width: 0 0 1px; border-style: solid; border-color: inherit; font-size: 1rem; background-position: 0 0; background-repeat: repeat-x; } .k-treemap .k-treemap-title-vertical { padding-block: 0.5rem; padding-inline: 0.25rem; width: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 0; bottom: 0; } .k-treemap .k-treemap-title-vertical > div { transform-origin: right; transform: rotate(-90deg); position: absolute; top: 0; right: 1em; } .k-treemap .k-treemap-wrap { border-color: inherit; color: inherit; background-color: inherit; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .k-treemap .k-treemap-title + .k-treemap-wrap { top: calc(2rem + 1px); } .k-treemap .k-treemap-title-vertical + .k-treemap-wrap { left: calc(2rem + 1px); } .k-treemap .k-leaf { padding: 0.5rem; } .k-gauge { text-align: start; position: relative; } .k-arcgauge, .k-circulargauge { display: inline-block; } .k-arcgauge-label, .k-circulargauge-label { position: absolute; text-align: center; padding: 0; margin: 0; } .k-qrcode { display: inline-block; } .k-qrcode > div { height: 150px; } .k-var--primary { background-color: #0d6efd; } .k-var--primary-contrast { background-color: white; } .k-var--base { background-color: #f8f9fa; } .k-var--background { background-color: #ffffff; } .k-var--border-radius { margin-top: 0.375rem; } .k-var--normal-background { background-color: #f8f9fa; } .k-var--normal-text-color { background-color: #212529; } .k-var--hover-background { background-color: #e9ecef; } .k-var--hover-text-color { background-color: #16181b; } .k-var--selected-background { background-color: #0d6efd; } .k-var--selected-text-color { background-color: #ffffff; } .k-var--success { background-color: #198754; } .k-var--info { background-color: #0dcaf0; } .k-var--warning { background-color: #ffc107; } .k-var--error { background-color: #dc3545; } .k-var--series-a { background-color: #0d6efd; } .k-var--series-b { background-color: #6f42c1; } .k-var--series-c { background-color: #20c997; } .k-var--series-d { background-color: #198754; } .k-var--series-e { background-color: #ffc107; } .k-var--series-f { background-color: #dc3545; } .k-var--series-1 { background-color: #0d6efd; } .k-var--series-2 { background-color: #6f42c1; } .k-var--series-3 { background-color: #20c997; } .k-var--series-4 { background-color: #198754; } .k-var--series-5 { background-color: #ffc107; } .k-var--series-6 { background-color: #dc3545; } .k-var--series-7 { background-color: #4a92fe; } .k-var--series-8 { background-color: #9371d1; } .k-var--series-9 { background-color: #58d7b1; } .k-var--series-10 { background-color: #53a57f; } .k-var--series-11 { background-color: #ffd145; } .k-var--series-12 { background-color: #e56874; } .k-var--series-13 { background-color: #0a53be; } .k-var--series-14 { background-color: #533291; } .k-var--series-15 { background-color: #189771; } .k-var--series-16 { background-color: #13653f; } .k-var--series-17 { background-color: #bf9105; } .k-var--series-18 { background-color: #a52834; } .k-var--series-19 { background-color: #86b7fe; } .k-var--series-20 { background-color: #b7a1e0; } .k-var--series-21 { background-color: #90e4cb; } .k-var--series-22 { background-color: #8cc3aa; } .k-var--series-23 { background-color: #ffe083; } .k-var--series-24 { background-color: #ee9aa2; } .k-var--series-25 { background-color: #07377f; } .k-var--series-26 { background-color: #382161; } .k-var--series-27 { background-color: #10654c; } .k-var--series-28 { background-color: #0d442a; } .k-var--series-29 { background-color: #806104; } .k-var--series-30 { background-color: #6e1b23; } .k-var--gauge-pointer { background-color: #0d6efd; } .k-var--gauge-track { background-color: #ebebeb; } .k-var--chart-inactive { background-color: rgba(33, 37, 41, 0.5); } .k-var--chart-major-lines { background-color: rgba(0, 0, 0, 0.08); } .k-var--chart-minor-lines { background-color: rgba(0, 0, 0, 0.04); } .k-var--chart-area-opacity { opacity: 0.6; } .k-var--chart-area-inactive-opacity { opacity: 0.1; } .k-var--chart-line-inactive-opacity { opacity: 0.3; } .k-var--chart-notes-background { background-color: rgba(0, 0, 0, 0.5); } .k-var--chart-notes-border { background-color: rgba(0, 0, 0, 0.5); } .k-var--chart-notes-lines { background-color: rgba(0, 0, 0, 0.5); } .k-var--chart-crosshair-background { background-color: rgba(0, 0, 0, 0.5); } .k-var--chart-error-bars-background { background-color: rgba(0, 0, 0, 0.5); } .k-chart, .k-sparkline, .k-stockchart { border-color: #dee2e6; color: #212529; background-color: transparent; } .k-chart .k-popup, .k-sparkline .k-popup, .k-stockchart .k-popup { background: transparent; } .k-chart-tooltip { color: #ffffff; } .k-chart-tooltip-inverse { color: #000000; } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { color: #212529; background-color: #ebebeb; border-color: rgba(0, 0, 0, 0.08); } .k-selection { border-color: rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.15); } .k-selection-bg { background-color: transparent; } .k-handle { cursor: e-resize; border-color: #e4e7eb; color: #212529; background-color: #e4e7eb; } .k-handle:hover { border-color: #c7cdd5; background-color: #ced3db; } .k-handle div { background-color: transparent; } .k-mask { background-color: #ffffff; opacity: .8; } .k-treemap { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-treemap .k-treemap-title { border-color: #dee2e6; color: #212529; background-color: #f8f9fa; } .k-treemap .k-leaf { color: #ffffff; } .k-treemap .k-leaf.k-inverse { color: #212529; } .k-treemap .k-leaf:hover, .k-treemap .k-leaf.k-hover { box-shadow: inset 0 0 0 3px #dee2e6; } .k-map { height: 600px; box-sizing: border-box; border-width: 0px; border-style: solid; font-size: 1rem; line-height: 1.5; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .k-map *, .k-map *::before, .k-map *::after { box-sizing: border-box; } .k-map .km-scroll-wrapper { width: 100%; height: 100%; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: absolute; } .k-map .km-scroll-container { height: 100%; } .k-map .k-touch-scrollbar { display: none; } .k-map .k-layer { position: absolute; left: 0; top: 0; } .k-map .k-marker { transform: translate(-50%, -100%); cursor: pointer; position: absolute; overflow: visible; } .k-map .k-attribution { padding-block: 0.25rem; padding-inline: 0.5rem; border-width: 0; font-size: 0.75rem; z-index: 1000; } .k-map-controls { position: absolute; display: flex; align-items: center; } .k-navigator { margin: 1rem; width: 52px; height: 52px; border-width: 1px; border-style: solid; box-sizing: border-box; border-radius: 50%; position: relative; } .k-pdf-export .k-navigator { display: none; } .k-navigator .k-button { padding: 0; width: auto; height: auto; line-height: 1; box-shadow: none; position: absolute; } .k-navigator .k-button .k-icon { min-width: 0; min-height: 0; } .k-navigator .k-navigator-n, .k-navigator .k-navigator-up { transform: translateX(-50%); top: 2px; left: 50%; } .k-navigator .k-navigator-e, .k-navigator .k-navigator-right { transform: translateY(-50%); right: 2px; top: 50%; } .k-navigator .k-navigator-s, .k-navigator .k-navigator-down { transform: translateX(-50%); bottom: 2px; left: 50%; } .k-navigator .k-navigator-w, .k-navigator .k-navigator-left { transform: translateY(-50%); left: 2px; top: 50%; } .k-zoom-control { margin: 1rem; border: 0; background: none; display: flex; } .k-pdf-export .k-zoom-control { display: none; } .k-map { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-map .k-navigator { border-color: #e4e7eb; color: #212529; background-color: #e4e7eb; } .k-map .k-marker { color: #0d6efd; } .k-map .k-attribution { background-color: rgba(255, 255, 255, 0.8); } .k-orgchart { width: 100%; padding-block: 1.5rem; padding-inline: 1.5rem; box-sizing: border-box; font-size: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; overflow: auto; } .k-orgchart *, .k-orgchart *::before, .k-orgchart *::after { box-sizing: border-box; } .k-orgchart-container { margin-block: 0; margin-inline: auto; width: 100%; height: 100%; position: relative; } .k-orgchart-group { gap: 1.5rem; } .k-orgchart-group.k-vstack > .k-orgchart-node-container, .k-orgchart-group.k-vbox > .k-orgchart-node-container { gap: 0; } .k-orgchart-node-container { gap: 1.5rem; } .k-orgchart-node-group-container { border-radius: 0.375rem; padding-block: 1.5rem; padding-inline: 1.5rem; border-width: 1px; border-style: solid; outline: 0; } .k-orgchart-node-group-title { margin: 0 0 0.375rem; font-size: 1.25rem; line-height: 1.25; } .k-orgchart-node-group-subtitle { margin: 0 0 1.5rem; font-size: 1rem; } .k-orgchart-card { width: 300px; border-width: 1px; } .k-orgchart-card .k-card-title { margin: 0 0 0px; } .k-orgchart-card .k-card-subtitle { margin: 0 0 0px; } .k-orgchart-card .k-card-body { border-width: 2px 0 0; border-style: solid; flex-grow: 0; } .k-orgchart-card .k-card-body .k-card-title-wrap { margin: 0 0.75rem 0 0; min-width: 0; min-height: 45px; } .k-orgchart-line { background-color: currentColor; } .k-orgchart-line-h { height: 1px; } .k-orgchart-line-v { margin-block: 0; margin-inline: auto; width: 1px; height: 25px; } .k-orgchart-button { z-index: 1; } .k-orgchart { border-color: #dee2e6; color: #212529; background-color: #ffffff; } .k-orgchart-card .k-card-body { border-color: transparent; } .k-orgchart-card:focus, .k-orgchart-card.k-focus { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-orgchart-node-group-container { border-color: #e4e5e6; color: #212529; background-color: #f8f9fa; } .k-orgchart-node-group-container:focus, .k-orgchart-node-group-container.k-focus { box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1)); } .k-orgchart-node-group-subtitle { color: #6c757d; } .k-orgchart-line-h, .k-orgchart-line-v { color: #e4e5e6; } .k-signature { width: 246px; min-height: 108px; position: relative; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .k-signature.k-signature-maximized { width: 750px; height: 252px; } .k-signature.k-signature-maximized > .k-signature-line { border-bottom-width: 3px; } .k-signature-actions { display: flex; width: min-content; margin-inline-start: auto; gap: 0.25rem; z-index: 2; } .k-signature-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; outline: none; } .k-signature-line { position: absolute; bottom: 33%; z-index: 2; pointer-events: none; border-bottom-width: 1px; border-bottom-style: dashed; } .k-signature-sm { padding-inline: 0.5rem; padding-block: 0.125rem; } .k-signature-sm .k-signature-line { width: calc(100% - 1rem); } .k-signature-md { padding-inline: 0.75rem; padding-block: 0.25rem; } .k-signature-md .k-signature-line { width: calc(100% - 1.5rem); } .k-signature-lg { padding-inline: 1rem; padding-block: 0.5rem; } .k-signature-lg .k-signature-line { width: calc(100% - 2rem); } .k-signature-lg { min-height: 110px; } .k-signature .k-signature-line { border-bottom-color: rgba(13, 202, 240, 0.24); } .sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .bootstrap-datetimepicker-widget { list-style: none; } .bootstrap-datetimepicker-widget.dropdown-menu { display: block; margin: 2px 0; padding: 4px; width: 14rem; } @media (min-width: 576px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.float-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.float-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.wider { width: 16rem; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 0.25rem; } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #6c757d; cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { content: "Next Month"; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #e9ecef; } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #6c757d; } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #e9ecef; cursor: pointer; } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #6c757d; } .bootstrap-datetimepicker-widget table td.today { position: relative; } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #007bff; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #007bff; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #6c757d; cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 0.25rem; } .bootstrap-datetimepicker-widget table td span:hover { background: #e9ecef; } .bootstrap-datetimepicker-widget table td span.active { background-color: #007bff; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td span.old { color: #6c757d; } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #6c757d; cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .input-group [data-toggle="datetimepicker"] { cursor: pointer; } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .select2-container--bootstrap4 .select2-selection--single{height:calc(1.5em + .75rem + 2px)!important}.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder{color:#757575;line-height:calc(1.5em + .75rem)}.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow{position:absolute;top:50%;right:3px;width:20px}.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b{top:60%;border-color:#343a40 transparent transparent;border-style:solid;border-width:5px 4px 0;width:0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute}.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{line-height:calc(1.5em + .75rem)}.select2-search--dropdown .select2-search__field{border:1px solid #ced4da;border-radius:.25rem}.select2-results__message{color:#6c757d}.select2-container--bootstrap4 .select2-selection--multiple{min-height:calc(1.5em + .75rem + 2px)!important}.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice{color:#343a40;border:1px solid #bdc6d0;border-radius:.2rem;padding:0 5px 0 0;cursor:pointer;float:left;margin-top:.3em;margin-right:5px}.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove{color:#bdc6d0;font-weight:700;margin-left:3px;margin-right:1px;padding-right:3px;padding-left:3px;float:left}.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover{color:#343a40}.select2-container{display:block}.select2-container :focus{outline:0}.input-group .select2-container--bootstrap4{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.input-group-prepend~.select2-container--bootstrap4 .select2-selection{border-top-left-radius:0;border-bottom-left-radius:0}.select2-container--bootstrap4 .select2-selection{border:1px solid #ced4da;border-radius:.25rem;width:100%}.select2-container--bootstrap4.select2-container--focus .select2-selection{border-color:#17a2b8;-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25);box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.select2-container--bootstrap4.select2-container--focus.select2-container--open .select2-selection{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-selection,.select2-container--bootstrap4.select2-container--disabled .select2-selection{background-color:#e9ecef;cursor:not-allowed;border-color:#ced4da;-webkit-box-shadow:none;box-shadow:none}.select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-search__field,.select2-container--bootstrap4.select2-container--disabled .select2-search__field{background-color:transparent}form.was-validated select:invalid~.select2-container--bootstrap4 .select2-selection,select.is-invalid~.select2-container--bootstrap4 .select2-selection{border-color:#dc3545}form.was-validated select:valid~.select2-container--bootstrap4 .select2-selection,select.is-valid~.select2-container--bootstrap4 .select2-selection{border-color:#28a745}.select2-container--bootstrap4 .select2-dropdown{border-color:#ced4da;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above{border-top:1px solid #ced4da;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true]{background-color:#e9ecef}.select2-container--bootstrap4 .select2-results__option--highlighted,.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true]{background-color:#007bff;color:#f8f9fa}.select2-container--bootstrap4 .select2-results__option[role=group]{padding:0}.select2-container--bootstrap4 .select2-results>.select2-results__options{max-height:15em;overflow-y:auto}.select2-container--bootstrap4 .select2-results__group{padding:6px;display:list-item;color:#6c757d}.select2-container--bootstrap4 .select2-selection__clear{width:1.2em;height:1.2em;line-height:1.15em;padding-left:.3em;margin-top:.5em;border-radius:100%;background-color:#6c757d;color:#f8f9fa;float:right;margin-right:.3em}.select2-container--bootstrap4 .select2-selection__clear:hover{background-color:#343a40} :root{--dt-row-selected: 2, 117, 216;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{display:inline-block;color:rgba(0, 0, 0, 0.5);content:"▶"}table.dataTable tr.dt-hasChild td.dt-control:before{content:"▼"}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before{color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{color:rgba(255, 255, 255, 0.5)}table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled{cursor:pointer;position:relative;padding-right:26px}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after{position:absolute;display:block;opacity:.125;right:10px;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dataTables_scrollBody>table.dataTable>thead>tr>th:before,div.dataTables_scrollBody>table.dataTable>thead>tr>th:after,div.dataTables_scrollBody>table.dataTable>thead>tr>td:before,div.dataTables_scrollBody>table.dataTable>thead>tr>td:after{display:none}div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:2px;z-index:10}div.dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dataTables_processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(2, 117, 216);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dataTables_processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1){background-color:transparent}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgb(2, 117, 216);box-shadow:inset 0 0 0 9999px rgb(var(--dt-row-selected));color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable>tbody>tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.dataTable.table-striped>tbody>tr.odd>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05)}table.dataTable.table-striped>tbody>tr.odd.selected>*{box-shadow:inset 0 0 0 9999px rgba(2, 117, 216, 0.95);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95)}table.dataTable.table-hover>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)}table.dataTable.table-hover>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(2, 117, 216, 0.975);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975)}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:.85em}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:before,div.dataTables_scrollBody>table>thead .sorting_asc:before,div.dataTables_scrollBody>table>thead .sorting_desc:before,div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody tr:first-child th,div.dataTables_scrollBody>table>tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled){padding-right:20px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child{padding-right:0} @keyframes dtb-spinner{100%{transform:rotate(360deg)}}@-o-keyframes dtb-spinner{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes dtb-spinner{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dtb-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dtb-spinner{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}div.dataTables_wrapper{position:relative}div.dt-buttons{position:initial}div.dt-buttons .dt-button{overflow:hidden;text-overflow:ellipsis}div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border-radius:.75em;box-shadow:3px 4px 10px 1px rgba(0, 0, 0, 0.8);text-align:center;z-index:2003;overflow:hidden}div.dt-button-info h2{padding:2rem 2rem 1rem 2rem;margin:0;font-weight:normal}div.dt-button-info>div{padding:1em 2em 2em 2em}div.dtb-popover-close{position:absolute;top:6px;right:6px;width:22px;height:22px;text-align:center;border-radius:3px;cursor:pointer;z-index:2003}button.dtb-hide-drop{display:none !important}div.dt-button-collection-title{text-align:center;padding:.3em 0 .5em;margin-left:.5em;margin-right:.5em;font-size:.9em}div.dt-button-collection-title:empty{display:none}span.dt-button-spacer{display:inline-block;margin:.5em;white-space:nowrap}span.dt-button-spacer.bar{border-left:1px solid rgba(0, 0, 0, 0.3);vertical-align:middle;padding-left:.5em}span.dt-button-spacer.bar:empty{height:1em;width:1px;padding-left:0}div.dt-button-collection .dt-button-active{padding-right:3em}div.dt-button-collection .dt-button-active:after{position:absolute;top:50%;margin-top:-10px;right:1em;display:inline-block;content:"✓";color:inherit}div.dt-button-collection .dt-button-active.dt-button-split{padding-right:0}div.dt-button-collection .dt-button-active.dt-button-split:after{display:none}div.dt-button-collection .dt-button-active.dt-button-split>*:first-child{padding-right:3em}div.dt-button-collection .dt-button-active.dt-button-split>*:first-child:after{position:absolute;top:50%;margin-top:-10px;right:1em;display:inline-block;content:"✓";color:inherit}div.dt-button-collection .dt-button-active-a a{padding-right:3em}div.dt-button-collection .dt-button-active-a a:after{position:absolute;right:1em;display:inline-block;content:"✓";color:inherit}div.dt-button-collection span.dt-button-spacer{width:100%;font-size:.9em;text-align:center;margin:.5em 0}div.dt-button-collection span.dt-button-spacer:empty{height:0;width:100%}div.dt-button-collection span.dt-button-spacer.bar{border-left:none;border-bottom:1px solid rgba(0, 0, 0, 0.1);padding-left:0}html.dark div.dt-button-info{background-color:var(--dt-html-background);border:1px solid rgba(255, 255, 255, 0.15)}div.dt-buttons div.btn-group{position:initial}div.dt-buttons div.dropdown-menu{margin-top:4px}div.dt-buttons div.dropdown-menu .dt-button{position:relative}div.dt-buttons div.dropdown-menu div.dt-button-split{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:stretch}div.dt-buttons div.dropdown-menu div.dt-button-split a:first-child{min-width:auto;flex:1 0 50px;padding-right:0}div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child{min-width:33px;flex:0;background:transparent;border:none;line-height:1rem;color:rgb(33, 37, 41);padding:0 16px}div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:hover{color:#16181b;background-color:#f8f9fa}div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:after{position:relative;left:-3px}div.dt-buttons div.dropdown-menu.fixed{position:fixed;display:block;top:50%;left:50%;margin-left:-75px;border-radius:5px;background-color:white;padding:.5em}div.dt-buttons div.dropdown-menu.fixed.two-column{margin-left:-200px}div.dt-buttons div.dropdown-menu.fixed.three-column{margin-left:-225px}div.dt-buttons div.dropdown-menu.fixed.four-column{margin-left:-300px}div.dt-buttons div.dropdown-menu.fixed.columns{margin-left:-409px}@media screen and (max-width: 1024px){div.dt-buttons div.dropdown-menu.fixed.columns{margin-left:-308px}}@media screen and (max-width: 640px){div.dt-buttons div.dropdown-menu.fixed.columns{margin-left:-203px}}@media screen and (max-width: 460px){div.dt-buttons div.dropdown-menu.fixed.columns{margin-left:-100px}}div.dt-buttons div.dropdown-menu.fixed>:last-child{max-height:100vh;overflow:auto}div.dt-buttons div.dropdown-menu.two-column>:last-child,div.dt-buttons div.dropdown-menu.three-column>:last-child,div.dt-buttons div.dropdown-menu.four-column>:last-child{display:block !important;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}div.dt-buttons div.dropdown-menu.two-column>:last-child>*,div.dt-buttons div.dropdown-menu.three-column>:last-child>*,div.dt-buttons div.dropdown-menu.four-column>:last-child>*{-webkit-column-break-inside:avoid;break-inside:avoid}div.dt-buttons div.dropdown-menu.two-column{width:400px}div.dt-buttons div.dropdown-menu.two-column>:last-child{padding-bottom:1px;column-count:2}div.dt-buttons div.dropdown-menu.three-column{width:450px}div.dt-buttons div.dropdown-menu.three-column>:last-child{padding-bottom:1px;column-count:3}div.dt-buttons div.dropdown-menu.four-column{width:600px}div.dt-buttons div.dropdown-menu.four-column>:last-child{padding-bottom:1px;column-count:4}div.dt-buttons div.dropdown-menu .dt-button{border-radius:0}div.dt-buttons div.dropdown-menu.columns{width:auto}div.dt-buttons div.dropdown-menu.columns>:last-child{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;width:818px;padding-bottom:1px}div.dt-buttons div.dropdown-menu.columns>:last-child .dt-button{min-width:200px;flex:0 1;margin:0}div.dt-buttons div.dropdown-menu.columns.dtb-b3>:last-child,div.dt-buttons div.dropdown-menu.columns.dtb-b2>:last-child,div.dt-buttons div.dropdown-menu.columns.dtb-b1>:last-child{justify-content:space-between}div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button{flex:1 1 32%}div.dt-buttons div.dropdown-menu.columns.dtb-b2 .dt-button{flex:1 1 48%}div.dt-buttons div.dropdown-menu.columns.dtb-b1 .dt-button{flex:1 1 100%}@media screen and (max-width: 1024px){div.dt-buttons div.dropdown-menu.columns>:last-child{width:612px}}@media screen and (max-width: 640px){div.dt-buttons div.dropdown-menu.columns>:last-child{width:406px}div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button{flex:0 1 32%}}@media screen and (max-width: 460px){div.dt-buttons div.dropdown-menu.columns>:last-child{width:200px}}div.dt-buttons span.dt-button-spacer.empty{margin:1px}div.dt-buttons span.dt-button-spacer.bar:empty{height:inherit}div.dt-buttons .btn.processing{color:rgba(0, 0, 0, 0.2)}div.dt-buttons .btn.processing:after{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;display:block;content:" ";border:2px solid rgb(40, 40, 40);border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:dtb-spinner 1500ms infinite linear;-o-animation:dtb-spinner 1500ms infinite linear;-ms-animation:dtb-spinner 1500ms infinite linear;-webkit-animation:dtb-spinner 1500ms infinite linear;-moz-animation:dtb-spinner 1500ms infinite linear}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}@media screen and (max-width: 767px){div.dt-buttons{float:none;width:100%;text-align:center;margin-bottom:.5em}div.dt-buttons a.btn{float:none}} table.DTCR_clonedTable.dataTable{position:absolute !important;background-color:rgba(255, 255, 255, 0.7);z-index:202;border-radius:4px}div.DTCR_pointer{width:1px;background-color:#0275d8;z-index:201}html.dark table.DTCR_clonedTable.dataTable{background-color:rgba(33, 33, 33, 0.9)}html.dark div.DTCR_pointer{background-color:rgb(110, 168, 254)} div.dt-datetime{position:absolute;background-color:white;z-index:2050;border:1px solid #ccc;box-shadow:0 5px 15px -5px rgba(0, 0, 0, 0.5);padding:6px 20px;width:275px;border-radius:5px}div.dt-datetime.inline{position:relative;box-shadow:none}div.dt-datetime div.dt-datetime-title{text-align:center;padding:5px 0px 3px}div.dt-datetime div.dt-datetime-buttons{text-align:center}div.dt-datetime div.dt-datetime-buttons a{display:inline-block;padding:0 .5em .5em .5em;margin:0;font-size:.9em}div.dt-datetime div.dt-datetime-buttons a:hover{text-decoration:underline}div.dt-datetime table{border-spacing:0;margin:12px 0;width:100%}div.dt-datetime table.dt-datetime-table-nospace{margin-top:-12px}div.dt-datetime table th{font-size:.8em;color:#777;font-weight:normal;width:14.285714286%;padding:0 0 4px 0;text-align:center}div.dt-datetime table td{font-size:.9em;color:#444;padding:0}div.dt-datetime table td.selectable{text-align:center;background:#f5f5f5}div.dt-datetime table td.selectable.disabled{color:#aaa;background:white}div.dt-datetime table td.selectable.disabled button:hover{color:#aaa;background:white}div.dt-datetime table td.selectable.now{background-color:#ddd}div.dt-datetime table td.selectable.now button{font-weight:bold}div.dt-datetime table td.selectable.selected button{background:#4e6ca3;color:white;border-radius:2px}div.dt-datetime table td.selectable button:hover{background:#ff8000;color:white;border-radius:2px}div.dt-datetime table td.dt-datetime-week{font-size:.7em}div.dt-datetime table button{width:100%;box-sizing:border-box;border:none;background:transparent;font-size:inherit;color:inherit;text-align:center;padding:4px 0;cursor:pointer;margin:0}div.dt-datetime table button span{display:inline-block;min-width:14px;text-align:right}div.dt-datetime table.weekNumber th{width:12.5%}div.dt-datetime div.dt-datetime-calendar table{margin-top:0}div.dt-datetime div.dt-datetime-label{position:relative;display:inline-block;height:30px;padding:5px 6px;border:1px solid transparent;box-sizing:border-box;cursor:pointer}div.dt-datetime div.dt-datetime-label:hover{border:1px solid #ddd;border-radius:2px;background-color:#f5f5f5}div.dt-datetime div.dt-datetime-label select{position:absolute;top:6px;left:0;cursor:pointer;opacity:0}div.dt-datetime.horizontal{width:550px}div.dt-datetime.horizontal div.dt-datetime-date,div.dt-datetime.horizontal div.dt-datetime-time{width:48%}div.dt-datetime.horizontal div.dt-datetime-time{margin-left:4%}div.dt-datetime div.dt-datetime-date{position:relative;float:left;width:100%}div.dt-datetime div.dt-datetime-time{position:relative;float:left;width:100%;text-align:center}div.dt-datetime div.dt-datetime-time>span{vertical-align:middle}div.dt-datetime div.dt-datetime-time th{text-align:left}div.dt-datetime div.dt-datetime-time div.dt-datetime-timeblock{display:inline-block;vertical-align:middle}div.dt-datetime div.dt-datetime-iconLeft,div.dt-datetime div.dt-datetime-iconRight{width:30px;height:30px;background-position:center;background-repeat:no-repeat;opacity:.3;overflow:hidden;box-sizing:border-box;border:1px solid transparent}div.dt-datetime div.dt-datetime-iconLeft:hover,div.dt-datetime div.dt-datetime-iconRight:hover{border:1px solid #ccc;border-radius:2px;background-color:#f0f0f0;opacity:.6}div.dt-datetime div.dt-datetime-iconLeft button,div.dt-datetime div.dt-datetime-iconRight button{border:none;background:transparent;text-indent:30px;height:100%;width:100%;cursor:pointer}div.dt-datetime div.dt-datetime-iconLeft{position:absolute;top:5px;left:5px}div.dt-datetime div.dt-datetime-iconLeft button{position:relative;z-index:1}div.dt-datetime div.dt-datetime-iconLeft:after{position:absolute;top:7px;left:10px;display:block;content:"";border-top:7px solid transparent;border-right:7px solid black;border-bottom:7px solid transparent}div.dt-datetime div.dt-datetime-iconRight{position:absolute;top:5px;right:5px}div.dt-datetime div.dt-datetime-iconRight button{position:relative;z-index:1}div.dt-datetime div.dt-datetime-iconRight:after{position:absolute;top:7px;left:12px;display:block;content:"";border-top:7px solid transparent;border-left:7px solid black;border-bottom:7px solid transparent}div.dt-datetime-error{clear:both;padding:0 1em;max-width:240px;font-size:11px;line-height:1.25em;text-align:center;color:#b11f1f}html.dark input.dt-datetime{color-scheme:dark}html.dark div.dt-datetime{border:1px solid #595b5e;background-color:#212529;box-shadow:3px 4px 10px 1px rgba(0, 0, 0, 0.8)}html.dark div.dt-datetime table th{color:#ccc}html.dark div.dt-datetime table td{color:#eee}html.dark div.dt-datetime table td.selectable{background:#373c41}html.dark div.dt-datetime table td.selectable.disabled{color:#aaa;background:#171b1f}html.dark div.dt-datetime table td.selectable.disabled button:hover{color:#aaa;background:#171b1f}html.dark div.dt-datetime table td.selectable.now{background:#4b5055}html.dark div.dt-datetime table td.selectable.selected button{background:#6ea8fe;color:black}html.dark div.dt-datetime table td.selectable button:hover{background:#ff8000;color:black}html.dark div.dt-datetime div.dt-datetime-label:hover{border:1px solid transparent;background-color:rgba(255, 255, 255, 0.1)}html.dark div.dt-datetime div.dt-datetime-iconLeft:hover,html.dark div.dt-datetime div.dt-datetime-iconRight:hover,html.dark div.dt-datetime div.dt-datetime-iconUp:hover,html.dark div.dt-datetime div.dt-datetime-iconDown:hover{border:1px solid transparent;background-color:rgba(255, 255, 255, 0.1)}html.dark div.dt-datetime div.dt-datetime-iconLeft:after{border-right-color:white}html.dark div.dt-datetime div.dt-datetime-iconRight:after{border-left-color:white}html.dark div.dt-datetime select{color-scheme:dark}html.dark div.dt-datetime-error{color:#b11f1f} table.dataTable thead tr>.dtfc-fixed-left,table.dataTable thead tr>.dtfc-fixed-right,table.dataTable tfoot tr>.dtfc-fixed-left,table.dataTable tfoot tr>.dtfc-fixed-right{top:0;bottom:0;z-index:3;background-color:white}table.dataTable tbody tr>.dtfc-fixed-left,table.dataTable tbody tr>.dtfc-fixed-right{z-index:1;background-color:white}div.dtfc-left-top-blocker,div.dtfc-right-top-blocker{background-color:white}html.dark table.dataTable thead tr>.dtfc-fixed-left,html.dark table.dataTable thead tr>.dtfc-fixed-right,html.dark table.dataTable tfoot tr>.dtfc-fixed-left,html.dark table.dataTable tfoot tr>.dtfc-fixed-right{background-color:var(--dt-html-background)}html.dark table.dataTable tbody tr>.dtfc-fixed-left,html.dark table.dataTable tbody tr>.dtfc-fixed-right{background-color:var(--dt-html-background)}html.dark div.dtfc-left-top-blocker,html.dark div.dtfc-right-top-blocker{background-color:var(--dt-html-background)}div.dtfc-right-top-blocker,div.dtfc-left-top-blocker{margin-top:6px;border-bottom:0px solid #ddd !important}table.dataTable.table-bordered.dtfc-has-left{border-left:none}div.dataTables_scroll.dtfc-has-left table.table-bordered{border-left:none}div.dataTables_scrollBody{border-left:1px solid #ddd !important}div.dataTables_scrollFootInner table.table-bordered tr th:first-child,div.dataTables_scrollHeadInner table.table-bordered tr th:first-child{border-left:1px solid #ddd !important} table.dataTable.fixedHeader-floating,table.dataTable.fixedHeader-locked{background-color:white;margin-top:0 !important;margin-bottom:0 !important}table.dataTable.fixedHeader-locked{position:absolute !important}@media print{table.fixedHeader-floating{display:none}} table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{margin-right:.5em;display:inline-block;color:rgba(0, 0, 0, 0.5);content:"►"}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control.arrow-right::before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control.arrow-right::before{content:"◄"}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"▼"}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:.333em}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{display:inline-block;color:rgba(0, 0, 0, 0.5);content:"►"}table.dataTable.dtr-column>tbody>tr>td.dtr-control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>th.dtr-control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>td.control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>th.control.arrow-right::before{content:"◄"}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"▼"}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{padding-bottom:0;border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:fit-content;max-height:75%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:2.5em}div.dtr-modal div.dtr-modal-content h2{margin-top:0}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}html.dark table.dataTable>tbody>tr>td.dtr-control:before{color:rgba(255, 255, 255, 0.5) !important}html.dark table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom-color:rgb(64, 67, 70)}html.dark div.dtr-modal div.dtr-modal-display{background-color:rgb(33, 37, 41);border:1px solid rgba(255, 255, 255, 0.15)}div.dtr-bs-modal table.table tr:first-child td{border-top:none} table.dataTable tr.dtrg-group th{background-color:rgba(0, 0, 0, 0.1);text-align:left}table.dataTable tr.dtrg-group.dtrg-level-0 th{font-weight:bold}table.dataTable tr.dtrg-group.dtrg-level-1 th,table.dataTable tr.dtrg-group.dtrg-level-2 th,table.dataTable tr.dtrg-group.dtrg-level-3 th,table.dataTable tr.dtrg-group.dtrg-level-4 th,table.dataTable tr.dtrg-group.dtrg-level-5 th{background-color:rgba(0, 0, 0, 0.05);padding-top:.25em;padding-bottom:.25em;padding-left:2em;font-size:.9em}table.dataTable tr.dtrg-group.dtrg-level-2 th{background-color:rgba(0, 0, 0, 0.01);padding-left:2.5em}table.dataTable tr.dtrg-group.dtrg-level-3 th{background-color:rgba(0, 0, 0, 0.01);padding-left:3em}table.dataTable tr.dtrg-group.dtrg-level-4 th{background-color:rgba(0, 0, 0, 0.01);padding-left:3.5em}table.dataTable tr.dtrg-group.dtrg-level-5 th{background-color:rgba(0, 0, 0, 0.01);padding-left:4em}html.dark table.dataTable tr.dtrg-group th{background-color:rgba(255, 255, 255, 0.1)}html.dark table.dataTable tr.dtrg-group.dtrg-level-1 th{background-color:rgba(255, 255, 255, 0.05)}html.dark table.dataTable tr.dtrg-group.dtrg-level-2 th,html.dark table.dataTable tr.dtrg-group.dtrg-level-3 th,html.dark table.dataTable tr.dtrg-group.dtrg-level-4 th,html.dark table.dataTable tr.dtrg-group.dtrg-level-5 th{background-color:rgba(255, 255, 255, 0.01)} div.dt-button-collection{overflow:visible !important;z-index:2002 !important}div.dt-button-collection div.dtsb-searchBuilder{padding-left:1em !important;padding-right:1em !important}div.dt-button-collection.dtb-collection-closeable div.dtsb-titleRow{padding-right:40px}.dtsb-greyscale{border:1px solid #cecece !important}div.dtsb-logicContainer .dtsb-greyscale{border:none !important}div.dtsb-searchBuilder{justify-content:space-evenly;cursor:default;margin-bottom:1em;text-align:left}div.dtsb-searchBuilder button.dtsb-button,div.dtsb-searchBuilder select{font-size:1em}div.dtsb-searchBuilder div.dtsb-titleRow{justify-content:space-evenly;margin-bottom:.5em}div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title{display:inline-block;padding-top:14px}div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title:empty{display:inline}div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll{float:right;margin-bottom:.8em}div.dtsb-searchBuilder div.dtsb-vertical .dtsb-value,div.dtsb-searchBuilder div.dtsb-vertical .dtsb-data,div.dtsb-searchBuilder div.dtsb-vertical .dtsb-condition{display:block}div.dtsb-searchBuilder div.dtsb-group{position:relative;clear:both;margin-bottom:.8em}div.dtsb-searchBuilder div.dtsb-group button.dtsb-search{float:right}div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup{margin:2px;text-align:center;padding:0}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:absolute;margin-top:.8em;margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria{margin-bottom:.8em;display:flex;justify-content:start;flex-flow:row wrap}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input{padding:.4em;margin-right:.8em;min-width:5em;max-width:20em;color:inherit}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown option.dtsb-notItalic,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.dtsb-notItalic{font-style:normal}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-italic{font-style:italic}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont{flex:1;white-space:nowrap}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont span.dtsp-joiner{margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input.dtsb-value{width:33%}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont select,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input{height:100%;box-sizing:border-box}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer{margin-left:auto;display:inline-block}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left{margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete:last-child,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right:last-child,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left:last-child{margin-right:0}@media screen and (max-width: 550px){div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria{display:flex;flex-flow:none;flex-direction:column;justify-content:start;padding-right:calc(35px + .8em);margin-bottom:0px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:first-child),div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:nth-child(2)),div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:last-child){padding-top:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:first-child,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:nth-child(2),div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:last-child{padding-top:0em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input{max-width:none;width:100%;margin-bottom:.8em;margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont{margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer{position:absolute;width:35px;display:flex;flex-wrap:wrap-reverse;right:0}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button{margin-right:0px !important}}div.dtsb-searchBuilder div.dtsb-titleRow{height:40px}div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title{padding-top:10px}div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup{margin-right:8px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria .form-control{width:auto;display:inline-block}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition{border-color:#28a745}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data{border-color:#dc3545}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value{border-color:#007bff}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer{border-radius:4px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;margin-top:10px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic{border:none;border-radius:0px;flex-grow:1;flex-shrink:0;flex-basis:3em;margin:0px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup{border:none;border-radius:0px;width:2em;margin:0px}div.dt-button-collection div.dtsb-searchBuilder{padding-left:10px;padding-right:10px} div.dtsr-confirmation,div.dtsr-creation{position:fixed;top:20%;left:50%;width:500px;margin-left:-250px;background-color:white;border-radius:.75em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6);z-index:2003;box-sizing:border-box;padding:2em}div.dtsr-confirmation button,div.dtsr-creation button{display:inline-block;margin:1em;padding:.5em 1em;border-radius:.5em;border:1px solid rgba(0, 0, 0, 0.175);background-color:#f6f6f6;text-align:left;cursor:pointer}div.dtsr-confirmation button:hover,div.dtsr-creation button:hover{background-color:#ebebeb}div.dtsr-confirmation div.dtsr-creation-text,div.dtsr-confirmation div.dtsr-confirmation-title-row,div.dtsr-creation div.dtsr-creation-text,div.dtsr-creation div.dtsr-confirmation-title-row{text-align:left}div.dtsr-confirmation div.dtsr-creation-text h2,div.dtsr-confirmation div.dtsr-confirmation-title-row h2,div.dtsr-creation div.dtsr-creation-text h2,div.dtsr-creation div.dtsr-confirmation-title-row h2{border-bottom:0px;margin-top:0px;padding-top:0px;margin-bottom:1rem}div.dtsr-confirmation div.dtsr-confirmation-text,div.dtsr-creation div.dtsr-confirmation-text{text-align:center}div.dtsr-confirmation div.dtsr-modal-foot,div.dtsr-confirmation div.dtsr-confirmation-buttons,div.dtsr-creation div.dtsr-modal-foot,div.dtsr-creation div.dtsr-confirmation-buttons{text-align:right;margin-top:1em}div.dtsr-confirmation div.dtsr-modal-foot button,div.dtsr-confirmation div.dtsr-confirmation-buttons button,div.dtsr-creation div.dtsr-modal-foot button,div.dtsr-creation div.dtsr-confirmation-buttons button{margin:0px}div.dtsr-confirmation div.dtsr-creation-text,div.dtsr-creation div.dtsr-creation-text{text-align:left;padding:0px;border:none}div.dtsr-confirmation div.dtsr-creation-text span,div.dtsr-creation div.dtsr-creation-text span{font-size:20px}div.dtsr-confirmation div.dtsr-creation-form div.dtsr-left,div.dtsr-confirmation div.dtsr-creation-form div.dtsr-right,div.dtsr-creation div.dtsr-creation-form div.dtsr-left,div.dtsr-creation div.dtsr-creation-form div.dtsr-right{display:inline-block;width:50%}div.dtsr-confirmation div.dtsr-creation-form div.dtsr-left,div.dtsr-creation div.dtsr-creation-form div.dtsr-left{text-align:right}div.dtsr-confirmation div.dtsr-creation-form div.dtsr-right,div.dtsr-confirmation div.dtsr-creation-form div.dtsr-name-row,div.dtsr-creation div.dtsr-creation-form div.dtsr-right,div.dtsr-creation div.dtsr-creation-form div.dtsr-name-row{text-align:left}div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row,div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row{margin:.5em 0}div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row:first-child,div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row:first-child{margin-top:0}div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row:last-child,div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row:last-child{margin-bottom:0}div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row label.dtsr-name-label,div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row label.dtsr-name-label{width:25%;display:inline-block;text-align:right;padding-right:15px;padding-left:15px}div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row input.dtsr-name-input,div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row input.dtsr-name-input{width:66.6%;display:inline-block}div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row input.dtsr-check-box,div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row input.dtsr-check-box{margin-left:25%;margin-right:14px;display:inline-block}div.dtsr-confirmation div.dtsr-confirmation-text,div.dtsr-creation div.dtsr-confirmation-text{text-align:left}div.dtsr-confirmation div.dtsr-confirmation-text label.dtsr-name-label,div.dtsr-creation div.dtsr-confirmation-text label.dtsr-name-label{width:auto;display:inline-block;text-align:right;padding-right:15px}div.dtsr-confirmation div.dtsr-confirmation-text input.dtsr-name-input,div.dtsr-creation div.dtsr-confirmation-text input.dtsr-name-input{width:66.6%;display:inline-block}div.dtsr-confirmation div.dtsr-confirmation-text input.dtsr-check-box,div.dtsr-creation div.dtsr-confirmation-text input.dtsr-check-box{margin-left:33.3%;margin-right:14px;display:inline-block}div.dtsr-confirmation div.dtsr-modal-foot,div.dtsr-creation div.dtsr-modal-foot{text-align:right;padding-top:10px}div.dtsr-confirmation span.dtsr-modal-error,div.dtsr-creation span.dtsr-modal-error{color:red;font-size:.9em}div.dtsr-creation{top:10%}div.dtsr-check-row{padding-top:0px}div.dtsr-popover-close{position:absolute;top:10px;right:10px;width:22px;height:22px;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtsr-background{z-index:2002;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);background:radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%)}div.dt-button-collection h3{text-align:center;margin-top:4px;margin-bottom:8px;font-size:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.dt-button-collection span.dtsr-emptyStates{border-radius:5px;display:inline-block;line-height:1.6em;white-space:nowrap;text-align:center;vertical-align:middle;width:100%;padding-bottom:7px;padding-top:3px}html.dark div.dtsr-confirmation,html.dark div.dtsr-creation,html[data-bs-theme=dark] div.dtsr-confirmation,html[data-bs-theme=dark] div.dtsr-creation{background-color:rgb(33, 37, 41);border:1px solid rgba(255, 255, 255, 0.15)}html.dark div.dtsr-confirmation button,html.dark div.dtsr-creation button,html[data-bs-theme=dark] div.dtsr-confirmation button,html[data-bs-theme=dark] div.dtsr-creation button{color:inherit;border:1px solid rgba(255, 255, 255, 0.175);background-color:rgb(47, 52, 56)}html.dark div.dtsr-confirmation button:hover,html.dark div.dtsr-creation button:hover,html[data-bs-theme=dark] div.dtsr-confirmation button:hover,html[data-bs-theme=dark] div.dtsr-creation button:hover{background-color:rgb(64, 69, 73)}div.dt-button-collection h3{margin-top:8px;font-size:1.5rem}div.dt-button-collection div.dropdown-menu{padding-top:0px;padding-bottom:4px;padding-left:4px;padding-right:4px}div.dt-button-collection div.dropdown-menu div.dt-btn-split-wrapper{margin-top:4px}div.dt-button-split-left div.dropdown-menu{padding-right:4px;padding-left:4px;padding-bottom:4px}div.dt-button-split-left div.dropdown-menu button.dt-btn-split-drop-button{color:rgb(255, 255, 255);border-radius:4px;background-color:rgb(107, 117, 125);margin-top:4px}div.dt-button-split-left div.dropdown-menu button.dt-btn-split-drop-button:hover{background-color:rgb(90, 98, 104)}input.dtsr-input{display:inline-block;width:auto;margin-left:3px}div.dtsr-creation-form div.dtsr-form-row label.dtsr-name-label{width:33.3%;display:inline-block;text-align:left !important;padding-right:15px;padding-left:15px}div.dtsr-creation-form div.dtsr-form-row input.dtsr-name-input{width:66.6%;display:inline-block}div.dtsr-creation-form div.dtsr-form-row input.dtsr-check-box{margin-left:33.3%;margin-right:14px;display:inline-block;position:relative}div.dtsr-confirmation-text{margin-top:1.5em}div.dtsr-confirmation-text label.dtsr-name-label{width:33.3%;display:inline-block;text-align:left !important;padding-right:15px;padding-left:15px}div.dtsr-confirmation-text input.dtsr-name-input{width:66.6%;display:inline-block}div.dtsr-confirmation-text input.dtsr-check-box{margin-left:33.3%;margin-right:14px;display:inline-block;position:relative} .modal{ backdrop-filter: blur(5px); } .modal-content { background-color: var(--content-background-color); border-color: var(--primary); animation: growIn 0.2s ease-out; border-radius: var(--dialog-border-radius); box-shadow:0px 10px 1.5rem rgb(0,0,0, 0.1); } .modal-footer, .modal-header { border-color: var(--menu-bg-color); background-color: var(--content-background-color); border: none; } .modal-header{ border-top-left-radius: calc(var(--border-radius) - 1px); border-top-right-radius: calc(var(--border-radius) - 1px); & .close{ border:none !important; outline:none !important; color: var(--primary); text-shadow: none; box-shadow:none; opacity: 1; } } .modal-footer{ flex-wrap:wrap; border-bottom-left-radius: calc(var(--border-radius) - 1px); border-bottom-right-radius: calc(var(--border-radius) - 1px); } .modal-footer button, .modal-footer .btn{ min-width: 100px; margin-bottom: 2px; } .modal-sticky { & .modal-content { max-height: 90vh; } & .modal-body { overflow-y:auto; overflow-x: hidden; } } .table { margin-bottom: 0; color: var(--content-text-color); } .table-bordered th, .table-bordered td, .table thead th, .table-bordered{ border-color:var(--low-opacity-black-color); position: relative; } .pagination .page-link{ background-color: transparent !important; color: var(--pagination-text-color) !important; border-color:var(--low-opacity-black-color) !important; outline: none !important; box-shadow: none !important; } .pagination .active .page-link{ background-color: var(--primary) !important; color: var(--primary-front) !important; } .dropdown-item{ cursor: pointer; border-radius: 0 !important; } .dropdown-item.active, .dropdown-item:active{ background-color: var(--primary) !important; } .text-primary{ color: var(--primary) !important; } .btn{ border-radius: var(--custom-input-border-radius); } .btn-primary, .btn-primary:focus, .btn-primary:hover, .btn-primary:disabled, .btn-primary.disabled, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus { color: var(--primary-front) ; background-color: var(--primary); border-color: var(--primary); box-shadow: none; & .oi { color: var(--primary-front) !important; } } .btn-default, .btn-default:focus, .btn-default:hover, .btn-default:disabled, .btn-default.disabled, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled):active:focus { color: var(--custom-input-text-color); background-color: var(--custom-input-bg-color); border-color: var(--custom-input-bg-color); box-shadow: none; & .oi { color: var(--primary) !important; } } .btn-secondary, .btn-secondary:focus, .btn-secondary:hover, .btn-secondary:disabled, .btn-secondary.disabled, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):active:focus { color: var(--secondary-front) ; background-color: var(--secondary); border-color: var(--secondary); & .oi { color: var(--secondary-front) !important; } } .btn-outline-primary, .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: var(--primary); border-color: var(--primary); } .btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:hover{ color: var(--primary-front) !important; background-color: var(--primary) !important; border-color: var(--primary) !important; } .btn-outline-secondary{ color: var(--secondary); border-color: var(--secondary); } .btn-outline-secondary.active, .btn-outline-secondary:active, .btn-outline-secondary:hover{ color: var(--secondary-front) !important; background-color: var(--secondary) !important; border-color: var(--secondary) !important; } .disabled{ opacity: 0.5; pointer-events: none; } .form-control:disabled, .form-control[readonly], .input-group-append.readonly > *{ background-color: var(--custom-input-bg-color); opacity: 0.5; cursor: not-allowed; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: var(--primary-front); background-color: var(--primary); border-color: var(--primary); } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: none; } .form-control, .form-control:focus { color: var(--custom-input-text-color); border-radius: var(--border-radius); } .nav-tabs{ border-color: var(--primary); & .nav-link{ color: var(--secondary); border-radius: 0; } & .nav-link:hover{ border-color: transparent; color: var(--primary); } & .nav-link.active{ border:none; border-bottom: solid 4px var(--primary); font-weight:bold; color: var(--primary); } } .form-control{ border:none; background-color: var(--custom-input-bg-color); &:focus { background-color: var(--custom-input-bg-color); border-color: none; box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.15); } } .form-control-sm{ border-radius: var(--custom-input-border-radius); } .btn label{ margin: 0; cursor:pointer; } .btn:focus{ box-shadow: none; } .gap-1{ gap:5px; } .gap-2{ gap:10px; } .gap-3{ gap:15px; } .gap-4{ gap:20px; } .btn-sm{ border-radius: var(--custom-input-border-radius); } input[type=file].form-control { height: initial; } :not(.btn):not(.btn-group) > label { cursor: pointer; font-size: 0.9rem; color: var(--secondary) !important; margin-bottom: 0; font-weight: normal; } .form-check label { font-weight: normal; } .bootstrap-datetimepicker-widget.dropdown-menu { min-width: 18rem; } .tab-content > .tab-pane:not(.active), .pill-content > .pill-pane:not(.active) { display: block; height: 0; overflow-y: hidden; } .btn-toggle{ border-radius: var(--custom-input-border-radius); display: flex; max-width: 70px; & .btn{ color: var(--primary-front); text-transform: uppercase; position:relative; padding:0; padding-top: 4px; height: var(--input-height); width: 32px; } &:not(.active){ background-color: var(--secondary-2); } &:not(.active) .btn:first-child { color:transparent; } &:not(.active) .btn:first-child::after{ display:inline-block; content:""; width: 30px; height: calc( var(--input-height) - 2px); position:absolute; left: 0; top: 0; vertical-align:middle; background-color: white; border-radius: var(--custom-input-border-radius); } &.active{ background-color: var(--primary); color: var(--primary-front); } &.active .btn:last-child { color:transparent; } &.active .btn:last-child::after{ display:inline-block; content:""; width: 30px; height: calc( var(--input-height) - 2px); position:absolute; right: 0; top: 0; vertical-align:middle; background-color: white; border-radius: var(--custom-input-border-radius); } } .tooltip { z-index: 999999; margin-left: 1rem; & .tooltip-inner{ line-height: 120%; padding: 10px !important; width: 180px; box-shadow: 10px 10px 10px rgba(var(--primary-dark), .3); } } .input-group{ & .oi { position: initial; line-height: normal; display: flex; align-items: center; } & .input-group-prepend .input-group-text{ border-radius: var(--custom-input-border-radius) 0 0 var(--custom-input-border-radius); border-color:transparent; padding: 0 2px 0 6px; background: var(--custom-input-bg-color); } & .input-group-append .input-group-text{ border-radius: 0 var(--custom-input-border-radius) var(--custom-input-border-radius) 0; border-color:transparent; background-color: var(--custom-input-bg-color); color: var(--custom-input-text-color); position: relative; z-index: 1 } & .input-group-append .input-group-text::before{ content: ""; display:block; width: 100%; height: 100%; border-radius: 0 var(--custom-input-border-radius) var(--custom-input-border-radius) 0; background-color: var(--semi-opaque-overlay); position: absolute; left: 0; top: 0; z-index: -1; } & .input-group-append select, & .input-group-append.btn { border-bottom-left-radius: 0; border-top-left-radius: 0; background: var(--custom-input-bg-color); border-color: var(--custom-input-border-color); } & .input-group-append.btn:hover{ color: inherit; } } .oi{ color:var(--primary); } .btn-outline-primary:hover .oi { color: var(--primary-front); } .btn-outline-secondary.selected{ color: var(--secondary-front); background-color: var(--secondary); border-color: var(--secondary); } .sticky-top{ position: sticky; top: 0; background: rgba(255,255,255,0.5); } .sticky-bottom{ position: sticky; bottom: 0; background: rgba(255,255,255,0.5); } .btn-group-toggle { & input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } & label{ pointer-events: none; } & .btn{ box-shadow: none !important; } } .nav-tabs{ background-color: var(--content-background-color); } .nav-tabs .nav-link.active{ background-color: var(--content-background-color); } .full-width { margin-left: -2.5rem; margin-right: -2.5rem; } @media only screen and (max-width: 768px) { .full-width { margin-left: -1rem; margin-right: -1rem; } } .card, .card .card-header{ border-color: var(--semi-opaque-overlay); } .card table th { border-top: 0; } .card.bg-transparent .card-header{ background: transparent; } .divider { border-top: 1px solid var(--divider-color); padding-top: 10px; } .form-control::placeholder{ color: var(--custom-input-text-color); opacity: 0.4; } @media (min-width: 1600px) { .col-xl-3 { width: 25%; } } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } .clearable-input{ position: relative; display: inline-block; & .form-control{ border-radius: 0 var(--custom-input-border-radius) var(--custom-input-border-radius) 0; } & span[data-clear-input]{ position: absolute; top: 0; right: 0; font-weight: bold; font-size: 1.4em; padding: 0.2em 0.2em; line-height: 1em; cursor: pointer; padding:7px 10px 0 0; color:var(--primary); } & .form-control-sm span[data-clear-input]{ padding:4px 10px 0 0; } } .hide-if-empty:empty{ display:none !important; } input[type=file] { border-radius: var(--border-radius-lg); padding: 5px; &::file-selector-button{ display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; line-height: 1.5; border-radius: var(--custom-input-border-radius); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; padding: 0.2rem 0.4rem; font-size: 0.9rem; color: var(--primary-front); background-color: var(--primary); border-color: var(--primary); } } .center { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } input[type=color]{ appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none; border: 0; cursor: pointer; padding: 0; height: 34px; width: 34px; } input[type=range]{ height: 18px; -webkit-appearance: none; appearance: none; margin: 10px 0; width: 100%; background:none; &:focus { outline: none; border: none; box-shadow:none; } &::-webkit-slider-runnable-track { width: 100%; height: 2px; cursor: pointer; box-shadow: 0px 0px 0px #000000; background: var(--secondary); border-radius: 2px; border: 0px solid #B3B3B3; } &::-webkit-slider-thumb { box-shadow: 0px 0px 0px #FFFFFF; border: 2px solid #FFFFFF; height: 18px; width: 18px; border-radius: 50px; background: var(--primary); cursor: pointer; -webkit-appearance: none; margin-top: -8px; } &:focus::-webkit-slider-runnable-track { background: var(--secondary); } &::-moz-range-track { width: 100%; height: 2px; cursor: pointer; box-shadow: 0px 0px 0px #000000; background: var(--secondary); border-radius: 2px; border: 0px solid #B3B3B3; } &::-moz-range-thumb { box-shadow: 0px 0px 0px #FFFFFF; border: 2px solid #FFFFFF; height: 10px; width: 10px; border-radius: 50px; background: var(--primary); cursor: pointer; } } label .oi { font-size: 0.7rem; margin-left: 5px; color: white; background-color: #777; border-radius: 50%; width: 1.1rem; text-align: center; height: 1.1rem; line-height: 1.1rem; } label .oi-info{ background-color: var(--primary) !important; color:var(--primary-front); } .file-icon { width: 60px; height: 70px; display:inline-flex; flex-flow:column; justify-items: center; align-items: center; font-size: 11px; text-align: center; margin: 5px 2px 0 0; cursor:pointer; opacity: 0.4; &.selected{ opacity: 1; } & span{ display:block; height: 34px; width: 28px; padding: 18px 0 3px 0; position: relative; border-radius: 5px; color: var(--primary-front); border-color: var(--secondary); background: var(--secondary); } & label { padding-top:2px; line-height: 110%; text-overflow: ellipsis; } } .btn-file input[type=file]{display:none} .checkbox input[type="checkbox"] { margin-left: 0; } .list-group-item-action:hover, .list-group-item-action:focus { background: none !important; } .tabs-custom-style{ border-color: var(--custom-input-bg-color); & .nav-link{ border: solid 1px var(--custom-input-bg-color); border-bottom: none; opacity: 0.7; font-size: 0.9rem; padding-inline: 1.8rem; } & .nav-link.active{ margin-bottom: -1px; color: var(--content-text-color); font-weight:normal; opacity: 1; } } .border-bottom { border-bottom: 1px solid var(--custom-input-bg-color) !important; } .inline-spinner-border { display: inline-block; width: 1rem; height: 1rem; vertical-align: text-top; border: 0.2em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border 0.75s linear infinite; } .progress-bar { background-color: var(--primary); } .round-button{ font-size: 14px; width: 30px; min-width: 30px; height: 30px; padding: 0; line-height: 100%; display: inline-flex; justify-content: center; align-items: center; &:hover:not(.btn-primary){ background-color:var(--menu-bg-color); } } hr{ border-color: var(--semi-opaque-overlay); } .cursor-pointer { cursor:pointer; } .modal-backdrop.show { opacity: 0 !important; } .modal-xl { max-width: 90%; } .modal-fullscreen { width: 100%; max-width: 100%; height: 100%; margin: 0; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); margin: 0 auto; } .modal-dialog-scrollable .modal-content { display: flex; flex-direction: column; max-height: calc(100vh - 1rem); } .modal-dialog-scrollable .modal-body { overflow-y: auto; flex: 1; } .btn-link, .btn-link:hover, .btn-link:active, a, a:hover, a:active { color: var(--primary); } .rounded{ border-radius: var(--border-radius) !important; } .dropdown-menu{ border-radius: var(--border-radius); } .bootstrap-datetimepicker-widget { background:var(--content-background-color); color:var(--content-text-color); } .bootstrap-datetimepicker-widget.dropdown-menu { width: auto; } .text-success { color: var(--validation-success-color) !important; } a.text-success:hover, a.text-success:focus { color: var(--validation-success-color) !important; } .text-error { color: var(--validation-error-color) !important; } a.text-error:hover, a.text-error:focus { color: var(--validation-error-color) !important; } .datatable-v4-ui .dataTables_info { font-size: 13px; color: var(--secondary); line-height: 1; } .datatable-v4-ui .dataTables_paginate { & .page-link { padding: 4px 7px; font-size: 13px; border: none; line-height: 1; outline: none; box-shadow: none; } & .page-link:hover { background: transparent; } & .active .page-link { background-color: var(--primary) !important; border-color: var(--primary) !important; border-radius: 50%; } } .datatable-v4-ui .cell-with-pagination-label{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .datatable-v4-ui th { border: none; border-right: solid 1px var(--secondary-1); white-space: nowrap; text-overflow: ellipsis; max-width: 120px; font-weight: normal; background: var(--datatables-header-bg-color); color: var(--datatables-header-text-color); font-size: 13px; border-bottom-width: 0 !important; } .datatable-v4-ui td { color: var(--datatables-text-color); border-color: var(--datatables-border-color); } .datatable-v4-ui table { border-color: var(--datatables-border-color); } .datatable-v4-ui .page-link { background-color: transparent !important; } .datatable-v4-ui .table-striped tbody tr:nth-of-type(odd) { background-color: var(--datatables-odd-background-color) !important; } .datatable-v4-ui .buttons-colvis-container button { height: 30px; line-height: 100%; background-color: var(--custom-input-bg-color) !important; box-shadow: none !important; border-color: var(--custom-input-border-color) !important; } .datatable-v4-ui .buttons-colvis-container .dropdown-menu{ margin-top: 0; border-radius: 4px; box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125)); animation: slideInFromTop 0.2s ease-out forwards; } .datatable-v4-ui .buttons-colvis-container .dropdown-menu { max-height: 300px; overflow: auto !important; } .datatable-v4-ui .input-group-column-search { min-width: 90px; & .input-group-append .input-group-text{ color: var(--datatables-header-bg-color); } & .input-group-append .input-group-text::before{ background:transparent; } & .input-group-text, & .form-control{ background:transparent !important; color: white; } &:hover, &:has( input:not(:placeholder-shown) ), &:has( input:focus ) { background:var(--datatables-search-bg-color); border-radius: 10px; & .input-group-text, & .form-control { color:var(--datatables-header-bg-color); } } } .table.dataTable.table-fixed-position { position: fixed; right: var(--padding-general); left: calc(var(--menu-compact-width) + var(--padding-general)); bottom: calc(var(--footer-height) + var(--padding-general)); top: calc(var(--header-height) + 120px + var(--padding-general)); display: block; width: auto; margin-bottom: 0 !important; } .sidebar-active .table.dataTable.table-fixed-position { left: calc(var(--menu-width) + var(--padding-general)); } .table.dataTable.table-sticky-thead thead { position: sticky; top: 0; z-index: 1; } .scrollRightButton{ background: transparent; border: none; outline:none !important; position: fixed; right: 20px; top: 50%; cursor: pointer; } .dt-buttons button, .dt-buttons button:hover{ background:var(--datatables-button-bg-color); border-color: rgba(255,255,255,0.3); color: var(--datatables-button-text-color) !important; } #formactions button, #formactions .btn { height: 30px; text-overflow: ellipsis; padding: 3px 10px; max-width: 150px; overflow: hidden; white-space: nowrap; } .modal-custom-body { position: relative; height: 5em; } .img-fluid { height: 50px; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; } .previewContainer { display: flex; align-content: center; justify-content: center; height: 100px; width: 100px; align-items: center; } .previewImage { max-height: 100px; max-width: 100px; } .utility-td::before, .utility-td::after { display: none !important; } .PulseTable .checkbox-td { text-align: center; width: 20px; & *{ cursor: pointer !important; } & label{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: flex; justify-content: center; } & .btn { padding: 0; display: block; text-align: center; width: 100%; opacity: 0; } } .PulseTable tbody tr:hover .checkbox-td .btn { opacity: 1; } .PulseTable .filters_th { margin-top: 5px; min-width:20px; } .PulseTable tr { position: relative; } .PulseTable tbody tr:hover::after { content: ""; border: solid 2px var(--primary); position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; } .PulseTable.table-sticky-thead thead { z-index: 4; } .PulseTable thead th { vertical-align: top; cursor: grab; } .PulseTable.table.dataTable.table-sm > thead > tr > th { padding: 5px 50px 5px 10px; padding-right: 50px; } .PulseTable th.sorting_desc, .PulseTable th.sorting_asc { background: var(--datatables-sorted-column-background); } .created_th__openbutton { background: none; border: none; outline: none !important; cursor: pointer; & * { pointer-events: none; color: white; } } .PulseTable thead { position: sticky; top: 0; z-index: 5; } .datatable-v4-ui td:has(.btn), .datatable-v4-ui td.checkbox-td{ width: 1%; white-space:nowrap; } .dataTables_wrapper:has(.PulseTable-scrollable){ height: calc(100vh - 200px); & > * { display: flex; flex-direction: column; max-height: 100%; } & .dataTables_info{ margin-bottom: 0.5rem; } & .row-with-table{ overflow:auto; } & .row-with-table table { margin-top: 0 !important; border-top: none; } } .datatable-v4-ui .row-with-pagination{ opacity: 0.9; } .row-with-search, .row-with-pagination{ display:flex; justify-content: space-between; } .cell-with-buttons *{ text-transform:capitalize; font-size: 13px; } div.dataTables_processing>div:last-child>div{ background:var(--primary) !important; } .k-dropdownlist, .k-autocomplete, .k-dropdown-list{ border-color: var(--custom-input-bg-color) !important; color: var(--custom-input-text-color) !important; background-color: var(--custom-input-bg-color) !important; border-radius: var(--border-radius-lg) !important; box-shadow: none !important; } .k-list-item:hover, .k-list-item.k-selected, .k-selected.k-list-optionlabel, .k-list-ul .k-selected, .k-list-ul .k-selected:hover{ color: var(--primary-front) !important; background-color: var(--primary) !important; border-radius: var(--dropdown-border-radius) !important; } .k-popup > .k-list { border-radius: var(--dropdown-border-radius) !important; } .k-chart text{ fill: var(--content-text-color); } .k-pager-sizes{ min-width: 12rem; } .k-picker{ flex-grow: 1; } .k-table-td{ border: solid 1px var(--menu-bg-color) !important; color: var(--content-text-color); } .k-chart text, .k-chart-legend-item text{ font-family: var(--default-font) !important; color: var(--content-text-color) !important; } .k-card:has(.kproduced), .k-card:has(.kproduced) .k-tilelayout-item-header, .k-card:has(.ktotalstitches), .k-card:has(.ktotalstitches) .k-tilelayout-item-header { border-color: #008d4c; } .k-card:has(.kprocessed), .k-card:has(.kprocessed) .k-tilelayout-item-header { border-color: #0073b7; } .k-card:has(.kexceptions), .k-card:has(.kexceptions) .k-tilelayout-item-header { border-color: #f4543c; } .k-card:has(.kaverage), .k-card:has(.kaverage) .k-tilelayout-item-header, .k-card:has(.kaveragestitches), .k-card:has(.kaveragestitches) .k-tilelayout-item-header { border-color: #00acd6; } .k-pager-numbers button{ background: black !important; border-radius: 50%; margin-right: 2px; color: white; } .k-pager-numbers-wrap{ order:10; } .k-listview { display: flex !important; flex-direction: column !important; border: none !important; background: none !important; & .k-picker { min-width: 80px; } & .k-pager-info { color: var(--content-text-color); } & .k-listview-content{ order:1; padding-bottom: 1rem; } & .k-listview-pager{ order:-1; background: transparent !important; color: var(--content-text-color); } & .k-pager-numbers button{ background: transparent !important; font-size: 12px; width: 1.6rem; height: 1.6rem; min-width: 0; color: var(--content-text-color) !important; } & .k-pager-numbers button.k-selected { background-color: var(--primary) !important; color: var(--primary-front) !important; min-width: 0; } } .k-list-item.k-state-disabled{ pointer-events:none !important; opacity: 0.5 !important; } .k-chart-legend-item circle{ display: none !important; } .chosen-container-single, .chosen-choices, .chosen-container{ border: none !important; outline: none !important; border-radius: var(--custom-input-border-radius) !important; background:var(--custom-input-bg-color) !important; padding: 2px; } .chosen-container-single *, .chosen-container * { border: none !important; outline: none !important; border-radius: var(--custom-input-border-radius) !important; } .chosen-container-single .chosen-single, .chosen-container .chosen-single { background: var(--custom-input-bg-color) !important; border-color: transparent !important; box-shadow: none !important; padding: 3px 10px !important; height: auto !important; color: var(--custom-input-text-color); } .chosen-container-single .chosen-single div b, .chosen-container .chosen-single div b { background-position: 0px 8px !important; } .chosen-choices { min-height: var(--input-height) !important; } .search-field { margin: 2px; } .chosen-container-multi.chosen-container-active .chosen-choices li.search-field .chosen-search-input{ color: var(--custom-input-text-color) !important; } .chosen-container-multi .chosen-choices li.search-field .chosen-search-input{ margin-left: 6px !important; } .search-choice { background: var(--primary) !important; color: var(--primary-front) !important; padding: 6px 24px 6px 8px !important; box-shadow: none !important; } .search-choice .search-choice-close { filter: var(--primary-front-filter) !important; top: 7px !important; right: 5px !important; } .chosen-drop li { background: transparent !important; } .chosen-drop li.highlighted, .chosen-drop li:hover { background: var(--primary) !important; color: var(--primary-front) !important; } .chzn-select{ height: 33px; } .chosen-container-active .chosen-choices { box-shadow: none !important; } .select2-selection--single{ border-radius: var(--custom-input-border-radius) !important; background-color: var(--custom-input-bg-color); border-color: transparent !important; } .select2-selection--multiple { border-radius: var(--custom-input-border-radius) !important; background: var(--custom-input-bg-color) !important; border: transparent !important; color: var(--custom-input-text-color) !important; padding-left: 8px; & .select2-selection__rendered{ padding:0 !important; } & .select2-selection__choice { background-color: var(--primary) !important; color: var(--primary-front) !important; border-radius: var(--border-radius-lg) !important; border-color: var(--primary) !important; font-size: 13px !important; padding: 2px 3px 2px 6px !important; } .select2-selection__choice__remove{ color: var(--primary-front) !important; padding: 0 4px; float: right; font-size: 19px; line-height: 100%; vertical-align: middle; } } .select2-search__field{ color: var(--custom-input-text-color) !important; } .form-group:has(.select2-no-dropdown){ & .select2-dropdown{ border:none; display:none; } } @font-face { font-display: swap; font-family: 'Host Grotesk'; font-style: normal; font-weight: 400; src: url('../fonts/HostGrotesk-Regular.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Host Grotesk Light'; font-style: normal; font-weight: 400; src: url('../fonts/HostGrotesk-Light-BF65bb091d17f03.woff2') format('woff2'); } :root{ --primary: #00948D; --primary-front: white; --primary-dark:#004541; --secondary: #60656E; --secondary-1: #b7b7b7; --secondary-2: #b7b7b7; --secondary-front: white; --border-radius: 15px; --border-radius-lg: 25px; --info: var(--primary); accent-color: var(--primary); --default-font: 'Host Grotesk', Arial, Helvetica, sans-serif; --border-radius-lg: 25px; --dialog-border-radius: 8px; --dropdown-border-radius: 0.375rem; --input-bg: var(--secondary-4); --input-bg-color: var(--secondary-4); --input-group-addon-bg: var(--input-bg-color); --tooltip-bg: var(--primary-dark); --tooltip-arrow-color: transparent; --nav-tabs-border-color: var(--primary); --secondary-filter: invert(41%) sepia(13%) saturate(283%) hue-rotate(180deg) brightness(91%) contrast(94%); --white-filter: brightness(0) invert(1); --black-filter: var(--secondary-filter); --logo-filter: none; --icon-filter: none; --primary-front-filter: brightness(0) invert(1); --custom-input-bg-color: var(--menu-bg-color); --custom-input-bg-color-inside-a-widget: rgba(0,0,0,0.06); --custom-input-border-color-inside-a-widget: transparent; --custom-input-border-color: transparent; --custom-input-border-radius: 20px; --custom-input-text-color:#495057; --input-height: 30px; --menu-shadow: none; --menu-width: 250px; --menu-compact-width: 50px; --menu-bg-color: var(--secondary-content-background-color); --menu-bg-color-2: var(--menu-bg-color); --menu-text-color: var(--secondary); --menu-icon-color: var(--secondary-filter); --menu-search-bg-color: white; --menu-selected-dropdown:rgba(0,148,141,0.05); --menu-low-opacity-bg-color: var(--low-opacity-black-color); --menu-search-results-bg-color: var(--custom-input-bg-color); --menu-search-results-text-color: var(--secondary); --box-shadow: 0px 10px 1.5rem rgb(0,0,0, 0.1); --low-opacity-white-color: rgba(255,255,255,0.2); --low-opacity-black-color: rgba(0,0,0,0.1); --footer-height: 50px; --header-height: var(--footer-height); --padding-general: 16px; --pagination-text-color: var(--menu-text-color); --content-background-color: white; --content-text-color: #333; --content-text-color-as-filter: invert(47%) sepia(0%) saturate(34%) hue-rotate(173deg) brightness(107%) contrast(89%); --content-front-filter: var(--secondary-filter); --secondary-content-background-color: #f5f6f6; --dialog-background-color: var(--content-background-color); --datatables-sorted-column-background: #2f3030; --datatables-header-bg-color:var(--secondary); --datatables-header-text-color: white; --datatables-text-color: black; --datatables-border-color: #ded8d8; --datatables-odd-background-color: rgba(0,0,0,0.05); --datatables-search-bg-color: white; --datatables-button-bg-color: #eee; --datatables-button-text-color: #666; --form-actions-background-color:#fff; --form-actions-border-color:var(--custom-input-bg-color); --divider-color: var(--custom-input-bg-color); --settings-row-title-text-color: var(--secondary); --settings-search-buttons-text-color: black; --machine-running: #00a65a; --machine-stopped: #923224; --machine-idle: #515151; --machine-disconnected:#515151; --chart-1-color: #8CA941; --chart-2-color: #F68D3E; --chart-3-color: #0000FF; --chart-4-color: #009688; --chart-5-color: #75016c; --chart-color-pieces-completed: #00968F; --chart-color-pieces-expected: #B0D7DF; --chart-color-stitches-completed: #007B96; --chart-color-stitches-expected: #B0D7DF; --chart-border-color: white; --chart-color-semi-transparent-line-color: rgba(140,140,140,0.5); --semi-opaque-overlay: rgba(0, 0, 0, 0.05); --username-color: var(--primary); --username-bg-color: var(--menu-bg-color); --validation-error-color: red; --validation-success-color: #28a745; } * { font-family: var(--default-font); } body{ background-color: var(--content-background-color); color: var(--content-text-color); } html { font-size: 14px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400; } td { padding: 1px; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); border-radius: 10px; } ::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: var(--primary); } #menu{ position: fixed; top: 0; left: 0; width: var(--menu-width); height: 100%; z-index: 1031; display: flex; flex-direction: column; box-shadow: inset -16px 0px 15px -17px var(--low-opacity-black-color); padding: 0; background-color: var(--menu-bg-color); } #menu.pulse-menu{ background-color:var(--menu-bg-color-2); } body:not(.is-portrait):not(.is-mobile) #main-wrapper:not(.sidebar-active) #menu:not(:hover) { width: var(--menu-compact-width); & #menu-logo { padding: 0 !important; height: 50px; pointer-events: none; background: url(../images/PulseIDlogo.png); width: 81%; background-position: -76px 9px; background-size: 112px; background-repeat: no-repeat; margin-left: 5px; } #logoLevel{ display:none !important; } & #menu-list{ margin-top: 108px; } & .username-button{ padding: 1rem 0.5rem; } & .nav-link .oi, & .nav-link svg { margin-left: -8px; margin-right: 30px !important; } & #menu-toggle-button, & #logoImg, & .dropdown-menu, & .username-text, & .username-button::after, & .dropdown-toggle::after, & #menu-search { display:none !important; } } #pulse-menu-x-button{ display:none; border: none; outline: none; text-align:right; width: 100%; background: none; color: var(--primary) !important; font-family: arial; font-size: 1.5rem; padding: 1rem; line-height: 100%; cursor:pointer; } #pulse-menu-button-mobile{ display:none; border:none; outline:none; width: 50px; height: var(--header-height); position: fixed; left: 0; top: 0; z-index: 1032; cursor: pointer; background:transparent; } #menu-toggle-button { position: absolute; right: 0; top: 0; left: 0; border: none; background: none; height: 19px; padding: 0 6px 0 0; outline: none; font-size: 11px; line-height: 100%; opacity: 0.8; cursor: pointer; text-align: right; } :not(.sidebar-active) > #menu:hover #menu-toggle-button .oi::before { content:'\e0a8'; } #menu-logo { padding: 20px 35px 30px 38px; height: 100px; } #menu-list { flex-grow: 1; height: 100px; width: 100%; overflow-y: auto; overflow-x: hidden; } #menu-login button, #menu-login a, #menu-list button, #menu-list a{ cursor:pointer; color: var(--menu-text-color); } #menu-list svg{ width: 24px; height: 24px; font-size: 20px; margin-right: 11px; margin-top: -2px; display: inline-block; vertical-align: top; } #menu-list .dropdown.show > a { background: rgba(0,0,0,0.05); border-top: solid 1px var(--low-opacity-white-color); &::after { transform: rotate(180deg); } } #menu-list .nav-item:has(.active) > a { background: var(--menu-selected-dropdown); } #menu-list .nav-item > a { display: block; text-decoration: none; list-style-type: none; text-align: left; position: relative; border-radius: 0; padding: 8px 12px 8px 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; &.active { background: var(--primary); color: var(--primary-front) !important; & .oi{ color: var(--primary-front) !important; filter: var(--primary-front-filter); } } } #menu-list .dropdown-item:hover, #menu-list .dropdown-item:focus { background-color:initial; } #menu-list .dropdown-menu { margin: 0; padding: 0; background-color: var(--menu-low-opacity-bg-color); padding-left: 47px; border: solid 1px var(--low-opacity-white-color); border-left: none; border-right:none; border-radius: 0; & a { margin-left: -47px; padding-left: 70px; padding-right: 20px; width: 100vw; } } #menu-list .dropdown-menu .dropdown-menu { margin-left: -50px; padding-left: 80px; & a { margin-left: -77px; padding-left: 80px; width: var(--menu-width); } } #menu-list .dropdown-menu .dropdown-menu .dropdown-menu { margin-left: -76px; padding-left: 100px; & a { margin-left: -100px; padding-left: 90px; width: var(--menu-width); } } #menu-list .dropdown-toggle::after { float: right; margin-top: 8px; } .external-link-icon::after, #menu-list a[target=_blank]::after { content: ""; width: 11px; height: 11px; margin-left: 4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(200,200,200)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; } #menu-login { margin:0; width: 100%; border-top: solid 1px var(--low-opacity-black-color); position: relative; & .username-button { width: 100%; display: flex !important; justify-content:normal; align-items:center; gap: 1rem; border-radius:0; padding: 0.69rem 1rem; } & .dropdown-menu{ bottom: 2.2rem; position: absolute; top: auto; right: 0; left: 0; margin: 1rem; } & .dropdown-menu *{ color: black !important; outline:none !important; border-radius: 0; cursor:pointer; background: none; } & .username-button:active, & .username-button:hover { opacity: 0.7; } & .username-text { font-size: 1.2rem; font-weight: bold; flex-grow: 1; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } & em{ color: var(--username-color) !important; font-style:normal; } & .username-icon { display:inline-block !important; background: var(--username-color); color:var(--username-bg-color) !important; font-size: 18px; font-weight: bold; border-radius: 25px; width: 28px; height: 28px; overflow: hidden; line-height: 108%; padding-top: 5px; padding-left: 0px; text-transform: UPPERCASE; user-select:none; pointer-events:none; flex-shrink: 0; } } #logoImg{ max-width: 200px; max-height: 200px; } #logoLevel{ color: var(--menu-text-color); position: absolute; top: 69px; left: 0; right: 0; text-align: center; font-size: 0.9rem; user-select:none; pointer-events:none; opacity: 0.6; &::after{ content:var(--level); } } .help-tip { position: relative; top: -25px; right: -149px; text-align: center; background-color: #1a95e8; border-radius: 50%; width: 20px; height: 20px; font-size: 10px; line-height: 20px; cursor: default; } .help-tip:before { content: '!'; font-weight: bold; color: #fff; } .help-tip:hover p { display: block; transform-origin: 100% 0%; -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out; } .help-tip p { display: none; text-align: left; background-color: #1a95e8; padding: 10px; width: 180px; position: absolute; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); right: -4px; color: #FFF; font-size: 13px; line-height: 1.4; z-index: 999; } .help-tip p:before { position: absolute; content: ''; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #1E2021; right: 10px; top: -12px; } .help-tip p:after { width: 100%; height: 40px; content: ''; position: absolute; top: -40px; left: 0; } .tile-stats { position: relative; display: block; background: #303641; padding: 20px; padding-top: 10px; margin-bottom: 10px; overflow: hidden; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 5px; background-clip: padding-box; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tile-stats:hover { background: #252a32; } .tile-stats .icon { color: rgba(0, 0, 0, 0.1); position: absolute; right: 5px; bottom: 5px; z-index: 1; } .tile-stats .icon i { font-size: 100px; line-height: 0; margin: 0; padding: 0; vertical-align: bottom; } .tile-stats .icon i:before { margin: 0; padding: 0; line-height: 0; } .tile-stats .num, .tile-stats h3, .tile-stats p { position: relative; color: #fff; z-index: 5; margin: 0; padding: 0; } .tile-stats .num { font-size: 38px; font-weight: bold; } .tile-stats h3 { font-size: 18px; margin-top: 5px; } .tile-stats p { font-size: 11px; margin-top: 5px; } .tile-stats.tile-red { background: #f56954; } .tile-stats.tile-red:hover { background: #f4543c; } .tile-stats.tile-red .icon { color: rgba(0, 0, 0, 0.1); } .tile-stats.tile-red .num, .tile-stats.tile-red h3, .tile-stats.tile-red p { color: #fff; } .tile-stats.tile-green { background: #00a65a; } .tile-stats.tile-green:hover { background: #008d4c; } .tile-stats.tile-green .icon { color: rgba(0, 0, 0, 0.1); } .tile-stats.tile-green .num, .tile-stats.tile-green h3, .tile-stats.tile-green p { color: #fff; } .tile-stats.tile-blue { background: #0073b7; } .tile-stats.tile-blue:hover { background: #00639e; } .tile-stats.tile-blue .icon { color: rgba(0, 0, 0, 0.1); } .tile-stats.tile-blue .num, .tile-stats.tile-blue h3, .tile-stats.tile-blue p { color: #fff; } .tile-stats.tile-aqua { background: #00c0ef; } .tile-stats.tile-aqua:hover { background: #00acd6; } .tile-stats.tile-aqua .icon { color: rgba(0, 0, 0, 0.1); } .tile-stats.tile-aqua .num, .tile-stats.tile-aqua h3, .tile-stats.tile-aqua p { color: #fff; } .tile-stats.tile-cyan { background: #00b29e; } .tile-stats.tile-cyan:hover { background: #009987; } .tile-stats.tile-cyan .icon { color: rgba(0, 0, 0, 0.1); } .tile-stats.tile-cyan .num, .tile-stats.tile-cyan h3, .tile-stats.tile-cyan p { color: #fff; } .tile-stats.tile-purple { background: #ba79cb; } .tile-stats.tile-purple:hover { background: #b167c4; } .tile-stats.tile-purple .icon { color: rgba(0, 0, 0, 0.1); } .tile-stats.tile-purple .num, .tile-stats.tile-purple h3, .tile-stats.tile-purple p { color: #fff; } .tile-stats.tile-pink { background: #ec3b83; } .tile-stats.tile-pink:hover { background: #ea2474; } .tile-stats.tile-pink .icon { color: rgba(0, 0, 0, 0.1); } .tile-stats.tile-pink .num, .tile-stats.tile-pink h3, .tile-stats.tile-pink p { color: #fff; } .tile-stats.tile-orange { background: #ffa812; } .tile-stats.tile-orange:hover { background: #f89d00; } .tile-stats.tile-orange .icon { color: rgba(0, 0, 0, 0.1); } .tile-stats.tile-orange .num, .tile-stats.tile-orange h3, .tile-stats.tile-orange p { color: #fff; } .tile-stats.tile-brown { background: #6c541e; } .tile-stats.tile-brown:hover { background: #584418; } .tile-stats.tile-brown .icon { color: rgba(0, 0, 0, 0.1); } .tile-stats.tile-brown .num, .tile-stats.tile-brown h3, .tile-stats.tile-brown p { color: #fff; } .tile-stats.tile-plum { background: #701c1c; } .tile-stats.tile-plum:hover { background: #5c1717; } .tile-stats.tile-plum .icon { color: rgba(0, 0, 0, 0.1); } .tile-stats.tile-plum .num, .tile-stats.tile-plum h3, .tile-stats.tile-plum p { color: #fff; } .tile-stats.tile-gray { background: #f5f5f5; } .tile-stats.tile-gray:hover { background: #e8e8e8; } .tile-stats.tile-gray .icon { color: rgba(0, 0, 0, 0.1); } .tile-stats.tile-gray .num, .tile-stats.tile-gray h3, .tile-stats.tile-gray p { color: #8f8f8f; } .tile-stats.tile-white { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white:hover { background: #f2f2f2; } .tile-stats.tile-white .icon { color: #f2f2f2; } .tile-stats.tile-white .num, .tile-stats.tile-white h3, .tile-stats.tile-white p { color: #303641; } .tile-stats.tile-white:hover { background-color: #fafafa; } .tile-stats.tile-white-red { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white-red:hover { background: #f2f2f2; } .tile-stats.tile-white-red .icon { color: #f2f2f2; } .tile-stats.tile-white-red .num, .tile-stats.tile-white-red h3, .tile-stats.tile-white-red p { color: #f56954; } .tile-stats.tile-white-red:hover { background-color: #fafafa; } .tile-stats.tile-white-green { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white-green:hover { background: #f2f2f2; } .tile-stats.tile-white-green .icon { color: #f2f2f2; } .tile-stats.tile-white-green .num, .tile-stats.tile-white-green h3, .tile-stats.tile-white-green p { color: #00a65a; } .tile-stats.tile-white-green:hover { background-color: #fafafa; } .tile-stats.tile-white-blue { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white-blue:hover { background: #f2f2f2; } .tile-stats.tile-white-blue .icon { color: #f2f2f2; } .tile-stats.tile-white-blue .num, .tile-stats.tile-white-blue h3, .tile-stats.tile-white-blue p { color: #0073b7; } .tile-stats.tile-white-blue:hover { background-color: #fafafa; } .tile-stats.tile-white-aqua { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white-aqua:hover { background: #f2f2f2; } .tile-stats.tile-white-aqua .icon { color: #f2f2f2; } .tile-stats.tile-white-aqua .num, .tile-stats.tile-white-aqua h3, .tile-stats.tile-white-aqua p { color: #00c0ef; } .tile-stats.tile-white-aqua:hover { background-color: #fafafa; } .tile-stats.tile-white-cyan { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white-cyan:hover { background: #f2f2f2; } .tile-stats.tile-white-cyan .icon { color: #f2f2f2; } .tile-stats.tile-white-cyan .num, .tile-stats.tile-white-cyan h3, .tile-stats.tile-white-cyan p { color: #00b29e; } .tile-stats.tile-white-cyan:hover { background-color: #fafafa; } .tile-stats.tile-white-purple { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white-purple:hover { background: #f2f2f2; } .tile-stats.tile-white-purple .icon { color: #f2f2f2; } .tile-stats.tile-white-purple .num, .tile-stats.tile-white-purple h3, .tile-stats.tile-white-purple p { color: #ba79cb; } .tile-stats.tile-white-purple:hover { background-color: #fafafa; } .tile-stats.tile-white-pink { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white-pink:hover { background: #f2f2f2; } .tile-stats.tile-white-pink .icon { color: #f2f2f2; } .tile-stats.tile-white-pink .num, .tile-stats.tile-white-pink h3, .tile-stats.tile-white-pink p { color: #ec3b83; } .tile-stats.tile-white-pink:hover { background-color: #fafafa; } .tile-stats.tile-white-orange { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white-orange:hover { background: #f2f2f2; } .tile-stats.tile-white-orange .icon { color: #f2f2f2; } .tile-stats.tile-white-orange .num, .tile-stats.tile-white-orange h3, .tile-stats.tile-white-orange p { color: #ffa812; } .tile-stats.tile-white-orange:hover { background-color: #fafafa; } .tile-stats.tile-white-brown { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white-brown:hover { background: #f2f2f2; } .tile-stats.tile-white-brown .icon { color: #f2f2f2; } .tile-stats.tile-white-brown .num, .tile-stats.tile-white-brown h3, .tile-stats.tile-white-brown p { color: #6c541e; } .tile-stats.tile-white-brown:hover { background-color: #fafafa; } .tile-stats.tile-white-plum { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white-plum:hover { background: #f2f2f2; } .tile-stats.tile-white-plum .icon { color: #f2f2f2; } .tile-stats.tile-white-plum .num, .tile-stats.tile-white-plum h3, .tile-stats.tile-white-plum p { color: #701c1c; } .tile-stats.tile-white-plum:hover { background-color: #fafafa; } .tile-stats.tile-white-gray { background: #fff; border: 1px solid #ebebeb; } .tile-stats.tile-white-gray:hover { background: #f2f2f2; } .tile-stats.tile-white-gray .icon { color: #f2f2f2; } .tile-stats.tile-white-gray .num, .tile-stats.tile-white-gray h3, .tile-stats.tile-white-gray p { color: #8f8f8f; } .tile-stats.tile-white-gray:hover { background-color: #fafafa; } .tile-title { position: relative; display: block; background: #303641; margin-bottom: 10px; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 5px; background-clip: padding-box; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tile-title:hover { background-color: #252a32; } .tile-title .icon { text-align: center; padding: 20px; } .tile-title .icon i { font-size: 60px; line-height: 1; margin: 0; padding: 0; vertical-align: middle; } .tile-title .icon i:before { margin: 0; padding: 0; line-height: 1; } .tile-title .icon i, .tile-title h3, .tile-title p { color: #fff; } .tile-title .title { background: #252a32; text-align: center; } .tile-title .title h3, .tile-title .title p { margin: 0; padding: 0 20px; } .tile-title .title h3 { padding-top: 20px; font-size: 16px; font-weight: bold; } .tile-title .title p { padding-bottom: 20px; font-size: 11px; color: rgba(255, 255, 255, 0.85); } .tile-title.tile-red { background: #f56954; } .tile-title.tile-red:hover { background-color: #f4543c; } .tile-title.tile-red .icon i, .tile-title.tile-red h3, .tile-title.tile-red p { color: #fff; } .tile-title.tile-red .icon i { color: #fff; } .tile-title.tile-red .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-red .title p { color: rgba(255, 255, 255, 0.85); } .tile-title.tile-green { background: #00a65a; } .tile-title.tile-green:hover { background-color: #008d4c; } .tile-title.tile-green .icon i, .tile-title.tile-green h3, .tile-title.tile-green p { color: #fff; } .tile-title.tile-green .icon i { color: #fff; } .tile-title.tile-green .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-green .title p { color: rgba(255, 255, 255, 0.85); } .tile-title.tile-blue { background: #0073b7; } .tile-title.tile-blue:hover { background-color: #00639e; } .tile-title.tile-blue .icon i, .tile-title.tile-blue h3, .tile-title.tile-blue p { color: #fff; } .tile-title.tile-blue .icon i { color: #fff; } .tile-title.tile-blue .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-blue .title p { color: rgba(255, 255, 255, 0.85); } .tile-title.tile-aqua { background: #00c0ef; } .tile-title.tile-aqua:hover { background-color: #00acd6; } .tile-title.tile-aqua .icon i, .tile-title.tile-aqua h3, .tile-title.tile-aqua p { color: #fff; } .tile-title.tile-aqua .icon i { color: #fff; } .tile-title.tile-aqua .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-aqua .title p { color: rgba(255, 255, 255, 0.85); } .tile-title.tile-cyan { background: #00b29e; } .tile-title.tile-cyan:hover { background-color: #009987; } .tile-title.tile-cyan .icon i, .tile-title.tile-cyan h3, .tile-title.tile-cyan p { color: #fff; } .tile-title.tile-cyan .icon i { color: #fff; } .tile-title.tile-cyan .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-cyan .title p { color: rgba(255, 255, 255, 0.85); } .tile-title.tile-purple { background: #ba79cb; } .tile-title.tile-purple:hover { background-color: #b167c4; } .tile-title.tile-purple .icon i, .tile-title.tile-purple h3, .tile-title.tile-purple p { color: #fff; } .tile-title.tile-purple .icon i { color: #fff; } .tile-title.tile-purple .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-purple .title p { color: rgba(255, 255, 255, 0.85); } .tile-title.tile-pink { background: #ec3b83; } .tile-title.tile-pink:hover { background-color: #ea2474; } .tile-title.tile-pink .icon i, .tile-title.tile-pink h3, .tile-title.tile-pink p { color: #fff; } .tile-title.tile-pink .icon i { color: #fff; } .tile-title.tile-pink .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-pink .title p { color: rgba(255, 255, 255, 0.85); } .tile-title.tile-orange { background: #ffa812; } .tile-title.tile-orange:hover { background-color: #f89d00; } .tile-title.tile-orange .icon i, .tile-title.tile-orange h3, .tile-title.tile-orange p { color: #fff; } .tile-title.tile-orange .icon i { color: #fff; } .tile-title.tile-orange .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-orange .title p { color: rgba(255, 255, 255, 0.85); } .tile-title.tile-brown { background: #6c541e; } .tile-title.tile-brown:hover { background-color: #584418; } .tile-title.tile-brown .icon i, .tile-title.tile-brown h3, .tile-title.tile-brown p { color: #fff; } .tile-title.tile-brown .icon i { color: #fff; } .tile-title.tile-brown .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-brown .title p { color: rgba(255, 255, 255, 0.85); } .tile-title.tile-plum { background: #701c1c; } .tile-title.tile-plum:hover { background-color: #5c1717; } .tile-title.tile-plum .icon i, .tile-title.tile-plum h3, .tile-title.tile-plum p { color: #fff; } .tile-title.tile-plum .icon i { color: #fff; } .tile-title.tile-plum .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-plum .title p { color: rgba(255, 255, 255, 0.85); } .tile-title.tile-gray { background: #f5f5f5; } .tile-title.tile-gray:hover { background-color: #e8e8e8; } .tile-title.tile-gray .icon i, .tile-title.tile-gray h3, .tile-title.tile-gray p { color: #8f8f8f; } .tile-title.tile-gray .icon i { color: #8f8f8f; } .tile-title.tile-gray .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-gray .title p { color: rgba(143, 143, 143, 0.85); } .tile-block { background: #00a65b; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 5px; background-clip: padding-box; margin-bottom: 20px; background-color: #303641; color: #fff; } .tile-block:before, .tile-block:after { content: " "; display: table; } .tile-block:after { clear: both; } .tile-block .tile-header { color: #fff; font-size: 17px; padding: 20px; } .tile-block .tile-header a, .tile-block .tile-header span { color: #fff; } .tile-block .tile-header span { display: block; margin-top: 4px; font-size: 11px; } .tile-block .tile-header i { float: right; font-size: 28px; position: relative; top: 4px; } .tile-block .tile-header i[class^="entypo-"] { top: 0; } .tile-block .tile-content { background: rgba(0, 0, 0, 0.03); padding: 20px; } .tile-block .tile-content .todo-list .neon-cb-replacement .cb-wrapper + label { top: -3px; margin-left: 8px; } .tile-block .tile-footer { background: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 20px; color: #fff; -webkit-border-radius: 0 0 5px 5px; -webkit-background-clip: padding-box; -moz-border-radius: 0 0 5px 5px; -moz-background-clip: padding; border-radius: 0 0 5px 5px; background-clip: padding-box; } .tile-block .tile-footer a { color: #fff; font-weight: bold; } .tile-block .form-control, .tile-block .btn { background: rgba(0, 0, 0, 0.15); color: #fff; border-color: transparent; } .tile-block .form-control::-moz-placeholder, .tile-block .btn::-moz-placeholder { color: rgba(255, 255, 255, 0.6); opacity: 1; } .tile-block .form-control:-ms-input-placeholder, .tile-block .btn:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } .tile-block .form-control::-webkit-input-placeholder, .tile-block .btn::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } .tile-block .form-control::-webkit-input-placeholder, .tile-block .btn::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } .tile-block .form-control:-moz-placeholder, .tile-block .btn:-moz-placeholder { color: rgba(255, 255, 255, 0.6); } .tile-block .form-control::-moz-placeholder, .tile-block .btn::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } .tile-block .form-control:-ms-input-placeholder, .tile-block .btn:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } .tile-block .form-control + .todo-list, .tile-block .btn + .todo-list { margin-top: 20px; } .tile-block .form-control + .btn { margin-top: 10px; } .tile-block .tile-header a, .tile-block .tile-header span, .tile-block .tile-header i { color: #fff; } .tile-block .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #303641; } .tile-block .tile-footer { color: #fff; } .tile-block .tile-footer a { color: #fff; } .tile-block.tile-red { background-color: #f56954; color: #fff; } .tile-block.tile-red .tile-header a, .tile-block.tile-red .tile-header span, .tile-block.tile-red .tile-header i { color: #fff; } .tile-block.tile-red .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #f56954; } .tile-block.tile-red .tile-footer { color: #fff; } .tile-block.tile-red .tile-footer a { color: #fff; } .tile-block.tile-green { background-color: #00a65a; color: #fff; } .tile-block.tile-green .tile-header a, .tile-block.tile-green .tile-header span, .tile-block.tile-green .tile-header i { color: #fff; } .tile-block.tile-green .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #00a65a; } .tile-block.tile-green .tile-footer { color: #fff; } .tile-block.tile-green .tile-footer a { color: #fff; } .tile-block.tile-blue { background-color: #0073b7; color: #fff; } .tile-block.tile-blue .tile-header a, .tile-block.tile-blue .tile-header span, .tile-block.tile-blue .tile-header i { color: #fff; } .tile-block.tile-blue .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #0073b7; } .tile-block.tile-blue .tile-footer { color: #fff; } .tile-block.tile-blue .tile-footer a { color: #fff; } .tile-block.tile-aqua { background-color: #00c0ef; color: #fff; } .tile-block.tile-aqua .tile-header a, .tile-block.tile-aqua .tile-header span, .tile-block.tile-aqua .tile-header i { color: #fff; } .tile-block.tile-aqua .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #00c0ef; } .tile-block.tile-aqua .tile-footer { color: #fff; } .tile-block.tile-aqua .tile-footer a { color: #fff; } .tile-block.tile-cyan { background-color: #00b29e; color: #fff; } .tile-block.tile-cyan .tile-header a, .tile-block.tile-cyan .tile-header span, .tile-block.tile-cyan .tile-header i { color: #fff; } .tile-block.tile-cyan .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #00b29e; } .tile-block.tile-cyan .tile-footer { color: #fff; } .tile-block.tile-cyan .tile-footer a { color: #fff; } .tile-block.tile-purple { background-color: #ba79cb; color: #fff; } .tile-block.tile-purple .tile-header a, .tile-block.tile-purple .tile-header span, .tile-block.tile-purple .tile-header i { color: #fff; } .tile-block.tile-purple .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #ba79cb; } .tile-block.tile-purple .tile-footer { color: #fff; } .tile-block.tile-purple .tile-footer a { color: #fff; } .tile-block.tile-pink { background-color: #ec3b83; color: #fff; } .tile-block.tile-pink .tile-header a, .tile-block.tile-pink .tile-header span, .tile-block.tile-pink .tile-header i { color: #fff; } .tile-block.tile-pink .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #ec3b83; } .tile-block.tile-pink .tile-footer { color: #fff; } .tile-block.tile-pink .tile-footer a { color: #fff; } .tile-block.tile-orange { background-color: #ffa812; color: #fff; } .tile-block.tile-orange .tile-header a, .tile-block.tile-orange .tile-header span, .tile-block.tile-orange .tile-header i { color: #fff; } .tile-block.tile-orange .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #ffa812; } .tile-block.tile-orange .tile-footer { color: #fff; } .tile-block.tile-orange .tile-footer a { color: #fff; } .tile-block.tile-brown { background-color: #6c541e; color: #fff; } .tile-block.tile-brown .tile-header a, .tile-block.tile-brown .tile-header span, .tile-block.tile-brown .tile-header i { color: #fff; } .tile-block.tile-brown .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #6c541e; } .tile-block.tile-brown .tile-footer { color: #fff; } .tile-block.tile-brown .tile-footer a { color: #fff; } .tile-block.tile-plum { background-color: #701c1c; color: #fff; } .tile-block.tile-plum .tile-header a, .tile-block.tile-plum .tile-header span, .tile-block.tile-plum .tile-header i { color: #fff; } .tile-block.tile-plum .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #701c1c; } .tile-block.tile-plum .tile-footer { color: #fff; } .tile-block.tile-plum .tile-footer a { color: #fff; } .tile-block.tile-gray { background-color: #f5f5f5; color: #767676; } .tile-block.tile-gray .tile-header a, .tile-block.tile-gray .tile-header span, .tile-block.tile-gray .tile-header i { color: #767676; } .tile-block.tile-gray .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #f5f5f5; } .tile-block.tile-gray .tile-footer { color: #767676; } .tile-block.tile-gray .tile-footer a { color: #767676; } .tile-block.tile-gray .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked { background: #dcdcdc; } @media (max-width: 768px) { .timeline-container #details-expanded img { float: none; margin: auto; } .timeline-container #details-expanded .info { width: 100%; margin: 0; text-align: center; } } .machine-item { background-color: white; cursor: pointer; } .machine-item.card-headersection, .machine-item.card-bodysection { margin-bottom: 0 !important; } .machine-item .card-header { position: relative; } .machine-item .card-body { background: linear-gradient(to right, #337ab7 31%, #286091 33%, #3c88c8 33%); color: white; } .machine-item .card-footer { background-color: white; } .machine-thumbnail-container { width: 75px; height: 75px; margin-top: 5px; display: inline-block; position: relative; margin-bottom: 15px; } .machine-thumbnail { object-fit: contain; width: 100%; height: 100%; } .machine-thumbnail-text { font-size: 12px; margin-left: -10px; text-align: center; width: 95px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .machine-thumbnail-edit { line-height: 75px; border: 1px solid #555; border-radius: 4px; } .machine-status-row { height: 95px; } .machine-status-row .time { margin-top: 5px; font-size: 0.8em; } .machine-status-row .current-status { font-size: 1.1em; text-shadow: 0px 0px 2px #222; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .machine-status-row .previous-status { font-size: 0.9em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .machine-status-row .oi.oi-clock { margin: 3px 2px 0 0; } .card-footer .overlay, .card-body .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; transition: opacity ease-in-out 100ms; color: white; font-size: 32px; background-color: #222; opacity: 0; } .machine-item .overlay:hover, .card-body .overlay:hover{ opacity: 0.8; } .card-body .machine-thumbnail-container { z-index: 1027; } .machine-chart-container { padding: 0.5rem 0; position: relative; height: 101px; width: 100%; } .machine-chart { width: calc(95% - 100px); margin: 0rem; display: inline-block; background-color: white; } .machine-chart-zoom { display: flex; align-items: center; justify-content: center; border: 1px solid #555; border-radius: 0 0 4px 4px; } .machine-item-progress { padding: 10px; font-size: 14px; color: white; background-color: #3c88c8; } .machine-item-progress .input-group { height: 25px; } .machine-item-progress .progress { margin: 0; height: 100%; border-radius: 0; padding: 1px 0; border: 1px solid #ccc; } .machine-item-progress .input-group-text { line-height: 23px } .status-indicator { background: linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.6) 15%, rgba(255,255,255,0.6) 90%, rgba(255,255,255,0.5)) !important; position: absolute; bottom: -1px; height: 6px; border: 1px solid #337ab7; left: -1px; right: -1px; } .status-indicator.success { display: block; background: linear-gradient(to right, #19a519 0%, lightgreen 15%, #90ee90 90%, #19a519) !important; box-shadow: 0px 0px 1px 0px lightgreen; } .status-indicator.danger { display: block; background: linear-gradient(to right, #b62b27 0%, #ff4500 15%, #ff4500 90%, #b62b27) !important; box-shadow: 0px 0px 1px 0px #ff4500; } .editorders { text-decoration: underline; } @media (prefers-color-scheme: dark) { .login-page { --content-background-color: #333; --content-text-color: #e0e0e0; & :not(.btn):not(.btn-group) > label { color: var(--content-text-color) !important; } & .login-container-3 { border: solid 1px rgba(255, 255, 255, 0.1) !important; } } } .login-dialog-animation { animation: slideInFromTop 0.4s ease-in forwards; } #NestModal .modal-content-fullscreen { position: fixed; left: 5px; top: 5px; right: 5px; bottom: 5px; width: auto; } #NestModal .NestingPreview { overflow: auto; border: inset 2px #ccc; padding: 10px; background: #eee; } #NestModal .slidesjs-container img { border: solid 1px #ccc; background: white; width: auto !important; height: auto !important; position: relative !important; top: auto !important; left: auto !important; bottom: auto !important; right: auto !important; display: none !important; backface-visibility: initial !important; transition: none !important; } #NestModal .slidesjs-container img[style*="z-index: 10"] { display: inline !important; } #NestModal .slidesjs-container, #NestModal .slidesjs-control { width: auto !important; height: auto !important; clear: both; overflow: auto; } #NestModal ul.slidesjs-pagination { margin: 0 !important; padding: 0 !important; } #NestModal ul.slidesjs-pagination li { float: left; list-style: none; } #NestModal ul.slidesjs-pagination li a { text-decoration: none; text-align: center; margin: 0 4px 4px 0; padding: 5px 10px; display: inline-block; color: black; background: #ccc; border: 1px solid #6c757d; border-radius: 5px; letter-spacing: -0.02em; } #NestModal ul.slidesjs-pagination li a.active { background: #6c757d; color: white; } .pulse-content-formactions{ position: fixed; top: 0; right: 0; z-index: 1029; background: none; height: var(--header-height); display: flex; align-items: center; justify-content: space-between; padding: 1rem; } .pulse-content-formactions .btn{ min-width: 100px; } .pulse-content-formactions__backbutton{ padding: 10px 9px; background: var(--menu-bg-color); & svg{ width: 16px; height:14px; color: var(--primary); } } .pulse-content-formactions__title{ color: var(--primary); font-size: 22px; font-weight: 700; } .form-actions { padding: 1rem 2.5rem; margin-top: 20px; margin-bottom: 0; background-color: var(--form-actions-background-color); border-block: 1px solid var(--form-actions-border-color); display: flex; align-items: center; padding-left: 2.5rem; padding-right: 2.5rem; flex-wrap: nowrap; } .customDropdownLi{ display:flex; cursor:default; } .customDropdownLi:hover { background-color:lightgray; } .customDropDownColorPreview { width: 20px; height: 20px; margin-right:5px; border:1px solid black; } .customDropdown::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .5em solid !important; border-right: .5em solid transparent !important; border-bottom: 0; border-left: .5em solid transparent !important; margin-top:7px; position:absolute; right:4px; } .customDropdown{ cursor:default; width:100%; border:1px solid lightgray; } .moreSettingsFormDiv{ height:25px; } .advancedPrinterSettingsLabel{ margin-right: 20px; } .infoContainer { visibility: hidden; } .settingsHeader { color:rgb(51,122,183); } .settingsLabel{ font-weight: bold !important; } .settingsCheckbox { margin-right: 10px; margin-top: 3px; -moz-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); } .copySettingsContainer{ margin-top: 6px; } .destinationViewsOptions { float: left; margin-right: 7px; margin-top: 3px; transform: scale(1.3); } .destinationViewsOptionsContainer { margin-top: 15px; } #product-location-groups .ribbon { position: relative; color: #fff; font: 1.7rem/2.5rem sans-serif; padding: 0 1rem 0 2rem; display: flex; align-items: center; justify-content: space-between; } #product-location-groups .locations-group { border-top: none; } #product-location-groups .location { border: 1px solid #eee; border-radius: 5px; margin: 0 0 1rem 0; padding: 1rem 0 0 0.5rem; border-right-width: 45px; width: 100%; align-content: flex-start; } #product-location-groups .location-close { right: -45px; top: 0; bottom: -7px; font-size: 1.5rem; text-align: center; } #product-location-groups .location-close:hover { box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.3); } #product-location-groups .location-close.closeBtn:hover { box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.3); } #product-location-groups .location.placeholder label { width: 40%; height: 15px; background-color: lightgray; } #product-location-groups .location.placeholder .form-control { width: 100%; background-color: #eee !important; } #product-location-groups .location .product-location-overlay { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); display: flex; justify-content: center; align-items: center; z-index: 1; border-radius: 5px 0 0 5px; } #flag { width: 110px; height: 56px; box-sizing: content-box; padding-top: 15px; position: relative; background: red; color: white; font-size: 11px; letter-spacing: 0.2em; text-align: center; text-transform: uppercase; } @media (min-width: 992px) { #product-location-groups .location { margin-left: 320px; } #product-location-groups .location:not(.placeholder) { min-height: 320px; } #product-location-groups .img-thumbnail { position: absolute!important; } } @media (min-width: 992px) and (max-width: 1199px) { #product-location-groups .locations-group.bitmap .locations div:nth-child(n+4) { margin-left: 0; } } @media (min-width: 1200px) and (max-width: 1799px) { #product-location-groups .locations-group.bitmap .locations div:nth-child(n+6) { margin-left: 0; } } @media (min-width: 1800px) { #product-location-groups .locations-group.bitmap .locations div:nth-child(n+8) { margin-left: 0; } } .groupLocationImgUpdate{ font-size:1.0rem !important; } .groupLocationImgUpdate input[type="file"] { display: none; } .locationSizeOffsetsTable th{ padding: 4px 8px; } .pulse-header, .pulse-footer{ background-color: var(--secondary-content-background-color); } #main-wrapper{ width: 100vw; height: 100vh; overflow: hidden; } .pulse-header { position: fixed; top: 0; z-index: 1028; width: 100vw; height: var(--header-height); justify-content: flex-start; align-items: center; flex-wrap: nowrap; overflow: auto; & .pulse-header-placeholder-for-optional-content{ margin-left:auto; } } .pulse-header-inline-navigation{ white-space: nowrap; } body:has(.pulse-content-formactions__backbutton) .pulse-header-inline-navigation { margin-left: 2.5rem; } .pulse-content { position: absolute; top: var(--header-height); bottom: var(--footer-height); right: 0; overflow: auto; background:var(--content-background-color); padding: 1.5rem; } .pulse-footer { height: var(--footer-height); & label a{ color: var(--primary); } } .pulse-header, .pulse-footer, .pulse-content, .pulse-content-formactions { width: calc(100vw - var(--menu-compact-width) ); margin-left: var(--menu-compact-width); } .sidebar-active .pulse-header, .sidebar-active .pulse-footer, .sidebar-active .pulse-content, .sidebar-active .pulse-content-formactions{ width: calc(100vw - var(--menu-width) ); margin-left: var(--menu-width); } .pulse-header-inline-navigation a, .pulse-header-inline-navigation a:hover, .pulse-header-inline-navigation a.active { background-color: transparent !important; border: none; color: var(--primary) !important; font-size: 18px; font-weight: normal; letter-spacing: -0.03rem; margin-right: 1.5rem; padding: 0 10px; text-decoration: none; text-overflow:ellipsis; white-space:nowrap; } .pulse-header-inline-navigation a:hover { background-color: var(--semi-opaque-overlay) !important; } .pulse-header-inline-navigation a.active{ font-weight: bold; pointer-events: none; } .pulse-content .inline-navigation{ display: flex; justify-content: flex-start; align-items: center; gap: 1rem; } .pulse-content .inline-navigation__left-column{ position:relative; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .pulse-content .inline-navigation__right-column, .pulse-content .inline-navigation__left-column-content{ padding-bottom: 1.5rem; } .pulse-content .inline-navigation__right-column{ flex-grow: 1; padding-left: 0.5rem; white-space:nowrap; & .btn{ border: none; } } .validation-summary-errors:not(:empty), .designform-error:not(:empty){ font-weight: normal !important; border-radius: 10px; padding: 10px 20px; background: #f8d7da; color: #721c24 !important; border: solid 1px #f5c6cb; overflow: auto; } .validation-summary-errors:not(:empty) ul, .designform-error:not(:empty) ul{ margin: 0; } .field-validation-error { color: var(--validation-error-color); } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid var(--validation-error-color); } .validation-summary-errors { font-weight: bold; color: var(--validation-error-color); } .validation-summary-valid { display: none; } .error { color: #a94442; background-color: #f2dede !important; border-color: #ebccd1; } .input-group:has(.input-validation-error) .input-group-append .input-group-text { border-color: var(--validation-error-color); } .input-validation-error .chosen-choices { border: 1px solid var(--validation-error-color) !important; } .usersettings__themebutton{ border: solid 2px var(--content-background-color); border-radius: 1rem; outline: none !important; box-shadow:none; cursor: pointer; width: 64px; height: 64px; display: inline-block; background: none; border-color: var(--semi-opaque-overlay); background-repeat: no-repeat !important; &.active, &:hover{ border-color: var(--primary) !important; } } #theme-colors{ position: fixed; left: 0; top: 0; z-index: 9999; cursor:pointer; display:inline; opacity: 0; & input{ padding:0; width: 20px; height: 20px; } &:hover{ opacity:1; } & button{ color:black !important; background: #ccc; outline:none; } & #secondaryColorPicker{ display:none; } } #order-processor-groups .field-type { border: 1px solid #eee; border-radius: 5px; margin: 0 0 1rem 0; padding: 1rem 0 0 0.5rem; border-right-width: 45px; width: 100%; align-content: flex-start; } #order-processor-groups .field-type-close { right: -45px; top: 0; bottom: -7px; font-size: 1.5rem; text-align: center; } #order-processor-groups .field-type-close:hover { box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.3); } #order-processor-groups .field-type-close.closeBtn:hover { box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.3); } .needleButton{ background-color:white; border:0; cursor: pointer } .needle-container { display: flex; justify-content:center; align-items:center; gap: 1rem; margin: 0; & .controlsLabel { flex-grow: 0; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 20px; } & .controls{ flex-grow: 1; overflow: hidden; } & .colourButton{ background-color: var(--content-background-color) !important; color: var(--primary) !important; border: solid 1px var(--primary) !important; text-align: center !important; display: flex; align-items: center; justify-content: flex-start; letter-spacing: -0.02rem; } & .colourButton > :nth-child(3) { margin-right: auto; } & .colourButton .colorCircle{ border: solid 1px var(--semi-opaque-overlay); width: 20px; height: 20px; border-radius: 50%; margin-right: 10px; } & .colourButton > span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } & .colourButton:has(input[value='']), & .colourButton:has(input[value='0']){ background-color: var(--custom-input-bg-color) !important; color: var(--custom-input-text-color) !important; border-color: transparent !important; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes growIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes slideInFromTop { from { transform: translateY(-1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideInFromLeft { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slideInFromBottom { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .custom-svg-icon{ --color: var(--primary); --icon: url('../icons/DESIGN_PREVIEW_DIALOG_SHARE.svg') no-repeat center; display: inline-block; width: 20px; height: 20px; background-color: var(--color); vertical-align: middle; mask: var(--icon); mask-size: contain; } .custom-svg-icon--machine{ --icon: url('../icons/DESIGN_PREVIEW_DIALOG_MACHINE.svg') no-repeat center; } .custom-svg-icon--export{ --icon: url('../icons/DESIGN_PREVIEW_DIALOG_EXPORT.svg') no-repeat center; } .custom-svg-icon--palette{ --icon: url('../icons/DESIGN_PREVIEW_DIALOG_PALETTE.svg') no-repeat center; } .custom-svg-icon--printer{ --icon: url('../icons/DESIGN_PREVIEW_DIALOG_PRINTER.svg') no-repeat center; } .custom-svg-icon--share{ --icon: url('../icons/DESIGN_PREVIEW_DIALOG_SHARE.svg') no-repeat center; } .custom-svg-icon--worksheet { --icon: url('../icons/WORKSHEET.svg') no-repeat center; } .custom-svg-icon--tags { --icon: url('../icons/DESIGN_PREVIEW_DIALOG_TAGS.svg') no-repeat center; } .custom-dialog-container{ position:fixed; left: 0; right: 0; bottom: 0; top: 0; background:rgba(0,0,0,0.2); z-index: 10000; text-align:center; overflow:auto; padding: 1rem; backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; } .custom-dialog { max-height: 95vh; overflow:auto; border-radius: 8px; border: solid 2px var(--primary); padding: 1rem; background: var(--content-background-color); color: var(--content-text-color); width: clamp(0px, 400px, 100%); animation: growIn 0.2s ease-out; box-shadow: 0px 10px 1.5rem rgb(0,0,0, 0.1); position:relative; display:inline-block; text-align:left; } .custom-dialog__x{ font-weight: bold; font-size: 1rem; font-family: arial; color: var(--primary); position: absolute; right: 0.5rem; top: 0.5rem; } .custom-dialog__header { font-size: 1.5rem; font-weight: bold; color: var(--primary); text-align: left; } .custom-dialog__body { padding: 1rem 1rem 1.5rem 1rem; } .custom-dialog__footer { text-align: center; & .btn { min-width: 100px; } } body.is-portrait { *{ --footer-height:0; --header-height: 100px; } #pulse-menu-x-button, #pulse-menu-button-mobile{ display:block; } #menu, #menu-toggle-button{ display: none !important; } #menu.force-open-menu{ display: flex !important; width: 300px; animation: slideInFromLeft 0.2s ease-out; box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.2); } #menu-logo{ padding: 1rem; max-height: 70px; height: auto; margin-top: -2rem; } #logoLevel{ top: 79px; } .designs__categoriesfilter, .designs__searchdropdown{ max-width: 130px; } .designs__thumbnailsize{ display:none; } #designs_as_gallery .k-listview-content { grid-template-columns: 1fr 1fr !important; } #design-preview-dialog { & .design-preview-dialog__imgcontainer{ min-width:240px !important; } & .modal-dialog-centered{ display:flex; align-items:initial; justify-content:inherit; } & .modal-dialog{ min-height: 100vh; padding: 0; max-width: 100%; margin: 0; } & .modal-content{ border: none; border-radius: 0; } } .machine-filters-statuses { order: -5; width: 100%; & .machines-status { padding: 1rem 0; } } #machine-listview .k-listview-content { grid-template-columns: 1fr !important; } .machines-status{ gap: 3px !important; width: 100vw; justify-content: space-between !important; & > *{ min-width: 0 !important; } } .machine-preview-dialog__columns{ flex-direction:column; } .machine-preview-dialog__queue { min-height: 50px !important; } .machine-preview-dialog__queue-column { order: 1 } .pulse-header, .pulse-footer, .pulse-content, .pulse-content-formactions { width: 100% !important; margin: 0 !important; } .pulse-content { padding:1.2rem !important; } .pulse-header-inline-navigation{ margin-left: 45px; white-space: nowrap; & .btn{ font-size: 18px !important; padding: 0 0.3rem !important; } } .pulse-footer { background: none; position: relative; padding: 0; display: flex; text-align: center; overflow: hidden; height: 50px; margin: 1.5rem 0 !important; width: 100%; justify-content: center; & label { display: flex; justify-content: center; align-items: center; font-size: 11px !important; } & .layout__aboutlink, & .layout__supportlink { display:none; } } .shift-dropdown-label{ position: relative !important; padding-bottom: var(--padding-general); padding-left: var(--padding-general); & > * { flex: 1; min-width: 100px;} & > span{ display: none } } .dashboard__section{ display: flex !important; flex-direction: column !important; } .dashboard__widget{ min-height: 400px !important; } .datatable-v4-ui .pagination .first, .datatable-v4-ui .pagination .last, .datatable-v4-ui .pagination .previous, .datatable-v4-ui .pagination .next, .datatable-v4-ui .cell-with-buttons{ display:none; } .datatable-v4-ui .row-with-search { flex-direction: column; align-items: center; } .dataTables_wrapper:has(.PulseTable-scrollable){ height: calc(100vh - 250px); } .k-listview-pager{ padding-inline: 0; justify-content:space-between; gap: 0 !important; } .k-pager-sizes{ font-size:0; min-width: 0; } .k-pager-sizes .k-picker{ display:none; } .k-listview .k-picker { min-width: 0; margin: 0 !important; } .k-pager-numbers-wrap .k-picker{ display:none !important; } .k-pager-numbers{ display:flex !important; } .k-pager-info{ display:block !important; text-align: left !important; font-size: 13px; } .settings-section-header{ margin-bottom: 1rem !important; color: var(--primary) !important; font-weight: bold; } #footer{ padding: 1rem !important; z-index: 1029; & .input-group{ justify-content:center; } } .threadsTable__header .form-group{ width: 180px !important; margin-right: 2px !important; } } body.is-mobile { --footer-height: 0; .designs__viewas, .designs__thumbnailsizeslidercontainer, .designs__thumbnailsize, .designs__tdcheckboxlabel, .designs__tdeditbutton, .designs__tddeletebutton, .design-preview-dialog__designlist, .design-preview-dialog__editbutton, .design-preview__deletebutton, .design-preview__printworksheetbutton, .design-preview__exportbutton, .design-preview__tagsbutton, .design-preview__designerbutton, *:has(.dashboard__layout) .inline-navigation__right-column, .dashboard__widgetheaderbuttons > *, .machine-rolling-button, .machine-filters-sortby, .machine-filters-buttons, .machine-filters-search label, .machine-preview-dialog__getlogfilesbutton, .machine-preview-dialog__viewevents, .layout__aboutlink, .layout__supportlink, .pulse-header-inline-navigation, #menu-logo, #menu-toggle-button, #menu-search, #logoLevel, &:has(.pulse-content-formactions) .pulse-content::before, .hide-in-mobile { display: none !important; } .pulse-footer { background: none; position: relative; padding: 0; display: flex; text-align: center; overflow: hidden; height: 50px; margin: 1.5rem 0 !important; width: 100%; justify-content: center; } .pulse-footer label { display: flex; justify-content: center; align-items: center; font-size: 11px; } .k-listview-pager{ padding-inline: 0; justify-content:space-between; gap: 0 !important; } .k-pager-sizes{ font-size:0; min-width: 0; } .k-listview .k-picker { min-width: 0; margin: 0 !important; } .k-pager-numbers-wrap .k-picker{ display:none !important; } .k-pager-numbers{ display:flex !important; } .k-pager-info{ display:block !important; text-align: left !important; font-size: 13px; } .shift-dropdown-label { position: relative !important; padding-bottom: var(--padding-general); padding-left: var(--padding-general); & > * { max-width: 50%; flex-grow: 1; } #filterlabel_dashboard{ display: none; } } .dashboard__section { display: flex !important; flex-direction: column !important; } .dashboard__widget { min-height: 400px !important; } .designs__search{ display:flex; gap: 0.5rem; & > * { width: 50% !important; max-width: 100% !important; } } .designs__tableheader { margin-inline: -15px !important; } .machine-filters .machine-filters-bycategory, .machine-filters .machine-filters-search{ flex:1; } .machine-filters .k-dropdownlist, .machine-filters #machine-filter-by-name { width: 100%; margin: 0; } .machine-filters .machine-filters-statuses{ order: -1; flex-basis: 100%; & > * { padding: 0 0 1rem 0;} } #machine-listview .k-listview-content{ grid-template-columns: 1fr; } .machine-preview-dialog__columns { flex-direction: column; } #designs-dialog .designs__tdcheckboxlabel { display: block !important; } .datatable-v4-ui .pagination .first, .datatable-v4-ui .pagination .last, .datatable-v4-ui .pagination .previous, .datatable-v4-ui .pagination .next, .datatable-v4-ui .cell-with-buttons { display: none; } div.dataTables_wrapper div.dataTables_filter input{ margin-left:0; font-size: 14px; padding: 3px 10px; box-sizing: content-box; } #notificationsTable_wrapper .cell-with-buttons { display: none; } #notificationsTable{ & .filters_th, & td:nth-child(3), & th:nth-child(3), & td:nth-child(4), & th:nth-child(4) { display:none } } &:has(.pulse-content-formactions__backbutton) { --header-height: 70px; & .pulse-header-inline-navigation, & .pulse-header { display:flex !important; } & .pulse-header-inline-navigation{ margin-left: 52px; margin-right: 119px; overflow: hidden; } & #inlinenavigation__pagetitlebutton{ overflow:hidden; } } &:not(:has(.pulse-content-formactions__backbutton)) .pulse-header{ background: url(../images/PulseIDlogo.png) var(--menu-bg-color-2) calc(100% - 2rem) center no-repeat; background-size: 140px; } &:not(:has(.pulse-content-formactions__backbutton)) .pulse-header::before{ content: var(--level); position: absolute; right: 2rem; bottom: 1rem; width: 143px; text-align: center; font-size: 0.8rem; opacity: 0.5; color: var(--menu-text-color); } .pulse-content::before { content: var(--page-title); display: block; font-size: 1.9rem; font-weight: bold; color: var(--primary); margin-bottom: 0.5rem; margin-top: -0.5rem; } #pulse-menu-button-mobile{ font-size: 24px; width: 70px; } &:not(.is-portrait){ --header-height: 0; .pulse-header{ display:none; } &:has(.pulse-content-formactions__backbutton){ --header-height: 70px; } #menu-logo{ display:block !important; } #logoLevel{ display:block !important; } #notificationsTable_wrapper { height: auto; } } } .editorItemsDisplayFor { height: 30px; } .label-selected { border: 1px solid #E1E2E3; background-color: #E1E2E3; padding: 5px 6px; margin: 4px 8px 0px 0px; border-radius: 3px; } .well { margin-bottom: 20px; } .copied { position: absolute; background: #1266ae; color: #fff; font-weight: bold; z-index: 99; width: 100%; top: 0; text-align: center; padding: 15px; display: none; font-size: 18px; } .disabledDiv{ pointer-events:none; opacity:0.5; } .loadingDiv{ width: 35px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain; } .loadingContent{ position: absolute; top: 0; left: 0; width: 100%; height:100%; z-index: 2000; background-color: rgba(220,220,220, 0.8); } .KeysDropDown, .ValuesDropDown{ max-width: 200px; display: inline-block !important; } .description{ opacity:0.5; font-size: 12px; line-height: 100%; } #templateElements:not(:empty){ border-top: solid 1px rgba(126,126,126,0.2); margin-top: 20px; } #DesignPreviewContainer{ height: 250px; width: 250px; display: flex; justify-content: center; align-items: center; } #DesignPreview{ max-width: 100%; max-height: 100%; } .htmlcolour{ border-radius: 20px; padding: 2px 10px; letter-spacing: -0.1em; position:absolute; right: 10px; text-align: center; font-size: 0.8rem; border: solid 1px rgba(0, 0, 0, 0.2); color: white; box-sizing: content-box; text-indent: -1000px; cursor:pointer; overflow:hidden; &:hover{ text-indent:initial; } } .designNameControl{ margin-top: 11px; } .hidden{ display:none; } .hidden-important{ display:none !important; } #layout__tajimalogo{ text-decoration: none; & .layout__tajimalogo{ height: 29px; width: 40px; margin-bottom: 3px; margin-right: 1rem; margin-left: 0.5rem; color: var(--content-text-color); opacity: 0.65; } } .settings-row { padding: 20px 0 10px 0; & .title { color: var(--settings-row-title-text-color); margin-bottom: 5px; line-height: 120%; font-size: 1rem; } & .description { color: var(--secondary); font-size: 0.8rem; margin-bottom: 20px; line-height: 120%; } &.section-title { color: var(--primary); border-bottom: 1px solid var(--primary); margin-bottom: 15px; padding: 5px; } } .userpilot-button{ display: none; } :root{ --dashboard-widget-background-color: var(--menu-bg-color); } body:has(.dashboard__layout) .inline-navigation__right-column{ text-align:right; } form:has(.validation-summary-errors) .dashboard__headerbuttons{ margin-top: 0.5rem !important; } .shift-dropdown-label{ position: fixed; right: 10px; top: 10px; z-index: 1028; overflow: auto; display: flex; align-items: center; gap: 0.3rem; & select { cursor: pointer; display: inline-block; width: auto; border:solid 1px var(--semi-opaque-overlay) !important; } & .k-picker { display: flex; border:solid 1px var(--semi-opaque-overlay) !important; } } .dashboard__dashboardbutton{ min-width: 100px; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 2px; } .dashboard__dashboardbutton__default { background: linear-gradient( 135deg, var(--primary) 15%, transparent 0%); } .dashboard__dashboardbutton__default.active { background: linear-gradient( 135deg, transparent 15%, var(--primary) 0%) !important } .dashboard__editbutton, .dashboard__createbutton, .dashboard__printbutton{ font-size: 11px; width: 30px; height: 30px; padding: 0; line-height: 100%; &:hover{ background-color:var(--dashboard-widget-background-color); } } .dashboard__layout { position:relative; width: 100%; height: auto; display: block; } .dashboard__section{ border: solid 1px transparent; position: relative; overflow:auto; display: grid; height: auto; width: 100%; grid-template-columns: repeat(24, minmax(0px, 1fr)); gap: 16px; } .dashboard__widget{ --custom-input-bg-color: var(--custom-input-bg-color-inside-a-widget); border-bottom: solid 1px var(--secondary-2); border-radius: 10px; background: var(--dashboard-widget-background-color); margin: 0.5rem; position:relative; padding: 0; margin: 0; overflow:auto; overflow-x:hidden; } .dashboard__widget .form-control:not(.input-clear):not(.modal .form-control), .dashboard__widget .k-picker:not(.modal .k-picker) { border:solid 1px var(--custom-input-border-color-inside-a-widget) !important; } .dashboard__widgetheader { position: sticky; top: 0; z-index: 3; background: var(--dashboard-widget-background-color); left: 0; right: 0; margin: 0; padding: 10px 0 5px; margin-left: -10px !important; margin-right: -6px !important; margin-bottom: 0.5rem; & .dropdown { display: inline-block; } & .dashboard__headertitlelink{ all: inherit !important; cursor: pointer !important; &:hover{ text-decoration:underline !important; } } } .dashboard__widgettitle{ color: var(--primary); font-weight:bold; font-size: 1.2rem; } .dashboard__widgetbody{ position: absolute; top: 50px; left: 10px; right: 10px; } .dashboard__name{ display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; column-gap: 10px; min-width: 280px; max-width: 280px; & .field-validation-error{ grid-column-end: span 2; } & label{ margin-top: 8px; } } .dashboard__addwidgetdropdown{ display: inline-block; flex-grow: 0; & .k-picker{ width: 230px; } } .dashboard__section, #tilelayout_for_dashboard{ grid-auto-rows:4rem !important; padding: 0!important; } #tilelayout_for_dashboard{ background :none; & .k-card{ background: var(--primary); } & .k-card-header{ color:var(--primary-front) !important; border:none !important; font-weight: bold !important; background: none; } & .k-card-body{ padding: 0 !important; } & .k-card-title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 50px; } & .k-resize-handle{ background: rgba(0,0,0,0.1) !important; } } .dashboard__editwidgetbutton, .dashboard__deletewidgetbutton{ position: absolute; right: 0; top: 0; font-size: 1rem; border: none !important; outline: none !important; background: none; padding: 16px 12px 5px 12px; cursor: pointer; & .oi{ color: var(--primary-front) !important; } } .dashboard__editwidgetbutton{ right: 2rem } #settingsDialog .btn-toggle { margin-bottom: 1rem; } .custom-right-resize-handle-for-touchscreens, .custom-bottom-resize-handle-for-touchscreens { --resize-handle-size: 50px; position: absolute; cursor:pointer; } .custom-right-resize-handle-for-touchscreens{ right: 0; top: 0; width: var(--resize-handle-size); height: 100%; } .custom-bottom-resize-handle-for-touchscreens{ right: 0; bottom: 0; width: 100%; height: var(--resize-handle-size); } body.is-pulse-admin{ & .designs__tdeditbutton, & .designs__tdcheckboxlabel, & .designs__tddeletebutton, & .machine-sort-direction-button, & .machine-filters-sortby, & #notificationsTable th:first-child, & #notificationsTable td:first-child, & #dashboard__deletenotification { display:none !important; } } :root{ --designs-td-border-color: var(--custom-input-bg-color); --designs-td-border-color-selected: var(--primary); --designs-td-border-radius: 10px; --designs-td-background-color: white; --designs-td-width: 200px; --designs-td-height: 200px; --designs-text-color: var(--content-text-color); --designs-tdfooter-background-color: var(--menu-bg-color); --designs-tdfooter-text-color: var(--content-text-color); --designs-td-tooltip-background-color: var(--primary); --designs-td-tooltip-border-color: white; --designs-td-tooltip-text-color: var(--primary-front); } .sendToMachineMessage{ display:inline-block; padding-left: 1rem; } .loadingSpinner{ color: var(--primary); height: 1rem; width: 1rem; } #designs_as_gallery .k-listview-content{ display:grid; gap: 5px; grid-template-columns: repeat(auto-fill, var(--designs-td-width)); grid-auto-rows: var(--designs-td-height); } .designs__navtabs{ border-bottom: none !important; background: none; } .designs__tableheader{ margin-bottom: 0.5rem; font-size: 13px; color: var(--designs-text-color); margin-left: -8px; } .designs__navtabs .nav-link.active{ background-color: var(--primary) !important; color: var(--primary-front) !important; border-radius: 5px; line-height: 90%; } .designs__navtabs .nav-link.active .oi{ color: var(--primary-front) !important; } .designs__td{ border:solid 2px var(--designs-td-border-color); text-align:center; border-radius: var(--designs-td-border-radius); display:flex; flex-direction:column; position:relative; cursor: pointer; overflow:hidden; user-select:none; break-inside: avoid; page-break-inside: avoid; } .designs__td.selected, .designs__td:has(.designs__tdcheckbox:checked), .designs__td:hover{ box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.15); border-color: var(--designs-td-border-color-selected); border-width: 2px; } .designs__td:has(.designs__tdcheckbox:checked) .designs__tdfooter button, .designs__td:has(.designs__tdcheckbox:checked) .designs__tdfooter .designs__tdeditbutton, .designs__td.selected .designs__tdfooter button, .designs__td.selected .designs__tdfooter .designs__tdeditbutton, .designs__td:hover .designs__tdfooter button, .designs__td:hover .designs__tdfooter .designs__tdeditbutton { opacity: 1; } .designs__machinesdropdown{ display:inline-block; } .designs__machinesdropdown .dropdown-item{ cursor:pointer; outline:none; border:none; &:active{ background: none !important; } } .designs__thumbnailsize{ text-align:center; } .designs__thumbnailsizeslidercontainer{ display:inline-flex; justify-content:center; align-items:center; gap: 0.5rem; } .designs__search{ } .designs__thumbnailsizeslidercontainer .oi{ color: var(--content-text-color); } .designs__viewaslist, .designs__viewasthumbnails{ padding: 2px !important; width: 2rem; height: 2rem; border-radius: 0.5rem; color: var(--custom-input-text-color); border:none !important; outline:none; background: none !important; } .designs__tdimage{ padding: 5px; flex-grow: 1; overflow: auto; position: relative; display: inline-flex; justify-content: center; align-items: center; background: var(--designs-td-background-color); } .designs__tdimage img{ max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; } .tooltip { pointer-events:none !important; } .tooltip .tooltip-inner{ border:solid 1px white; border-color: var(--designs-td-tooltip-border-color); background-color: var(--designs-td-tooltip-background-color); color: var(--designs-td-tooltip-text-color); border-radius: var(--designs-td-border-radius); text-align: left; padding: 10px; font-size: 12px; box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.15); width: 200px; } .tooltip .tooltip-inner em{ display:block; color: var(--designs-td-tooltip-text-color); font-weight:bold; margin-top: 0.5rem; font-style: normal; } .designs__tdfooter{ display:flex; flex-direction:row; background: var(--designs-tdfooter-background-color); padding: 5px; align-items:center; } .designs__tdfooter button, .designs__tdfooter a{ background: none; border:none !important; outline: none !important; cursor: pointer; font-size: 12px; opacity:0; padding: 3px 6px; } .designs__tdfooter a:hover .designs__tdfooter button:hover{ opacity: 0.9; } .designs__tdtitle{ font-size: 0.9rem; font-weight: normal; flex-grow: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left; color: var(--designs-tdfooter-text-color); } .designs__tddeletebutton{ } .checkbox-align{ text-align:center !important; } body:has(#designs_as_list.show){ & .designs__thumbnailsizeslidercontainer{ display:none; } } .designs__tdcheckboxlabel{ position: absolute; left: 0; top: 0; padding: 5px; cursor: pointer !important; width: 50px; height: 50px; text-align: left; } .designs__tdcheckbox{ width: 1.2rem; height: 1.2rem; cursor:pointer; } #select-box { position: absolute; border: 1px dashed var(--primary); background-color: var(--primary); opacity:0.5; display: none; z-index: 1000; } .designs__multiselectionbuttons{ } .dashboard__widgetbody .dataTables_wrapper:has(.PulseTable-scrollable){ height: auto; margin-top: 10px; } .dataTables_wrapper:has(.PulseTable-scrollable){ height: calc(100vh - 200px - 40px); } .designs__searchdropdown { position: relative; display: inline-block; max-width: 150px; } .designs__categoriesfilter { width: 150px; } .designs__searchdropdown .dropdown-content { display: none; position: absolute; background-color: white; border: 1px solid #ddd; border-radius: 3px; z-index: 999; width: 100%; text-align:left; box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125)); animation: slideInFromTop 0.1s ease-out forwards; } .designs__searchdropdown .dropdown-content div { padding: 4px 8px; cursor: pointer; } .designs__searchdropdown .dropdown-content div:hover, .designs__searchdropdown .dropdown-content div.active { background-color: var(--primary); color: var(--primary-front); box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15); } .design-preview-dialog__searchtagsheader::before, .designs__searchdropdown .dropdown-content::before { content: 'Tags:'; padding: 4px 8px; display: block; font-weight: bold; color: var(--primary); } .uploadedDesignsList{ max-height: 400px; overflow: auto; } #failedSucceededDesignsDiv ul { list-style-type: none; } .is-loading #design-preview-dialog-vue-app *, .design-preview-dialog__loading * { pointer-events: none !important; } .is-loading #design-preview-dialog-vue-app, .design-preview-dialog__loading { cursor:wait; } .is-loading #design-preview-dialog-vue-app button, .design-preview-dialog__loading button { filter: grayscale(1); opacity: 0.5; } #design-preview-dialog button.close{ color: var(--primary); opacity: 1 !important; box-shadow: none; text-shadow: none; outline: none; position: absolute; right: 0; top: 0; padding: 1rem; } .design-preview-dialog__bottombuttons button:hover .custom-svg-icon{ --color: var(--primary-front); } .design-preview-dialog__spinner{ height: 1.5rem; width: 1.5rem; vertical-align: middle; margin-left: 20px; color:var(--primary); } .design-preview-dialog__editbutton { margin-left: 1rem; font-size: 1.2rem; color: var(--primary); } .design-preview-dialog__description{ font-weight: bold; } .design-preview-dialog__tags { font-weight: bold; color: var(--primary); } .design-preview-dialog__designinfo{ margin: 1rem 0; } .design-preview-dialog__imgcontainer{ display: inline-block; border: 2px solid gray; border-radius: var(--border-radius-lg); overflow: hidden; padding: 1rem; width: 100%; height: 100%; min-width: 300px; min-height: 300px; display: flex; justify-content: center; align-items: center; background:none no-repeat center center white; background-size:contain; } .design-preview-dialog__designlistbody .k-listview-content{ display: flex; overflow: auto; width: 100%; gap: 0.5rem; border: none; justify-content: flex-start; } .design-preview-dialog__designlistbody .designs__tdimage{ width: 150px; height: 150px; } .design-preview-dialog__designlist { border-radius: var(--border-radius-lg); background: var(--menu-bg-color); padding: 1rem; } .design-preview-dialog__designlist { & .k-autocomplete, & .k-picker { border-color: var(--custom-input-border-color-inside-a-widget) !important; background-color: var(--custom-input-bg-color-inside-a-widget) !important; } } .design-preview-dialog__designlistheader { display: flex; justify-content: space-between; align-items: center; } .design-preview-dialog__designlisttitle{ font-weight:bold; font-size: 1rem; padding-bottom: 0.5rem; padding-left: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .design-preview-dialog__designlistfilters{ display:inline-flex; gap: 0.25rem; width: 290px; } .design-preview-dialog__bottombuttons button{ margin-right: 0.2rem; margin-top: 0.2rem; } .design-preview-dialog__qrcode{ margin: 1rem 0; background: white; display: inline-block; padding: 0.5rem; border: solid 1px black; } .design-preview-dialog__title{ color: var(--primary); font-size: 1.5rem; font-weight: bold; margin-top: 1rem; } .design-preview-dialog__img{ min-width: 200px; min-height: 300px; } :root{ --machine-tile-background-color: var(--content-background-color); --machine-tile-border-radius: 10px; --machine-tile-height: 244px; --machine-tile-padding: 1rem; --machine-tile-progress-bar-background: var(--custom-input-bg-color-inside-a-widget); --machine-tile-progress-bar-fill-background: var(--primary); --machine-tile-text-color: var(--primary); --machine-tile-thumbnail-height: 9rem; --machine-tile-thumbnail-width: 9rem; --machine-tile-width: 330px; } #machine-listview .k-listview-content{ display:grid; gap: 1rem; grid-template-columns: repeat(auto-fill, var(--machine-tile-width)); grid-auto-rows: var(--machine-tile-height); } #machine-listview .k-loading-mask{ display: none !important; } .k-pager-numbers.disabled { pointer-events: none; opacity: 1 !important; } .dashboard__widgetbody .machine-rolling-button, .dashboard__widgetbody .machine-filters-statuses{ display: none; } .dashboard__widgetbody #machine-listview .k-listview-content { display: block; } .machine-tile-compact-header, .machine-tile-compact { --border-color: var(--low-opacity-black-color); display: flex; width: 100%; font-size: 13px; justify-content: space-between; align-items: stretch; & > div { border-right:solid 1px var(--border-color); border-bottom:solid 1px var(--border-color); padding: 0.4rem; width: 25%; color: var(--content-text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } & > div:nth-child(1) { border-left:solid 1px var(--border-color); } & .machine-tile-compact__progress-bar{ clear:both; display:flex; flex-direction:row; gap: 0.5rem; padding: 0; letter-spacing: -0.05rem; color: var(--content-text-color); font-size: 11px; } & .machine-tile-compact__progress-bar-fill{ --value: 0%; text-align:center; border-radius: var(--machine-tile-border-radius); padding: 0 0.5rem; background: linear-gradient( 90deg, var(--machine-tile-progress-bar-fill-background) var(--value), var(--machine-tile-progress-bar-background) var(--value) ) no-repeat -1px center; background-color: var(--machine-tile-progress-bar-background); flex-grow: 1; border: solid 1px var(--semi-opaque-overlay); } & .machine-tile-compact__progress-bar-label{ color: var(--primary); font-weight: bold; } } .machine-tile-compact-header{ background: var(--datatables-header-bg-color) !important; position:sticky; top: 0; & > div { color: var(--datatables-header-text-color) !important; } } .machine-tile{ background-color: var(--menu-bg-color); border-radius: var(--machine-tile-border-radius); padding: var(--machine-tile-padding); overflow: hidden; position: relative; cursor: pointer; box-sizing:border-box; font-weight: bold; border:solid 2px transparent; &:hover{ border-color:var(--primary); } } .dashboard__widget .machine-tile{ background-color: var(--machine-tile-background-color); } .machine-tile__name{ color: var(--primary); font-size: 1rem; font-weight: bold; text-transform: uppercase; padding: 0 0 0.7rem 0; white-space: nowrap; overflow: hidden; max-width: 260px; text-overflow: ellipsis; } .machine-tile h5{ font-weight: bold; color: var(--secondary); margin: 0; padding: 0; font-size: 0.9rem; } .machine-tile__speed, .machine-tile__design-name, .machine-tile__status-label{ color: var(--machine-tile-text-color); margin-bottom: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .machine-tile__operatorname{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50%; display: inline-block; vertical-align: middle; } .machine-tile__operator{ color: var(--secondary); text-align: right; font-size: 0.9rem; font-weight: normal; filter: grayscale(1); opacity: 0.6; & .oi{ margin-left:0.2rem; } } .machine-tile__design-thumbnail{ background: white; padding: 0.5rem; border: solid 1px var(--secondary-1); border-radius: var(--machine-tile-border-radius); text-align: center; width: var(--machine-tile-thumbnail-width); height: var(--machine-tile-thumbnail-height); float:left; margin-right: 0.7rem; } .machine-tile__design-thumbnail-image{ height: 100%; background-size:contain; background-position:center center; background-repeat: no-repeat; display:block; } .machine-tile__status-indicator{ background-color:var(--secondary); border-radius: 50%; width: 28px; height: 28px; position: absolute; right: 0.2rem; top: 0.2rem; } .machine-tile__progress-bar{ clear:both; display:flex; flex-direction:row; gap: 0.5rem; padding: 0; letter-spacing: -0.05rem; color: var(--content-text-color); margin-bottom: 0.6rem; margin-top: 1rem; } .machine-tile__progress-bar-fill{ --value: 0%; text-align:center; border-radius: var(--machine-tile-border-radius); padding: 0 0.5rem; background: linear-gradient( 90deg, var(--machine-tile-progress-bar-fill-background) var(--value), var(--machine-tile-progress-bar-background) var(--value) ) no-repeat; background-color: var(--machine-tile-progress-bar-background); flex-grow: 1; border: solid 1px var(--semi-opaque-overlay); } .machine-tile__progress-bar-label{ color: var(--primary); font-weight: bold; } .machine-tile__progress-estimation{ position:absolute; left: var(--machine-tile-padding); bottom: 0.5rem; color: var(--secondary-1); font-weight:normal; } .Running{ & .machine-tile__status-indicator{ background:var(--machine-running); } } .Disconnected{ opacity: 0.95; filter:grayscale(1); border: dashed 1px var(--secondary); & .machine-tile__status-indicator, & .machine-tile__progress-bar-fill, & .machine-tile__design-thumbnail{ background-color:var(--custom-input-bg-color); border:none; } } .Idle { & .machine-tile__status-indicator{ background:var(--machine-idle); } & .machine-tile__progress-estimation{ filter:grayscale(1); } } .Stopped { & .machine-tile__status-indicator{ background:var(--machine-stopped); } & .machine-tile__progress-estimation{ filter:grayscale(1); } } .machine-sort-direction-button.active .oi-sort-ascending { display: none; } .machine-sort-direction-button.active .oi-sort-descending { } .machine-sort-direction-button:not(.active) .oi-sort-ascending { } .machine-sort-direction-button:not(.active) .oi-sort-descending { display: none; } .machine-rolling-button.active .oi-media-play { display: none; } .machine-rolling-button.active .oi-media-pause { } .machine-rolling-button:not(.active) .oi-media-play { } .machine-rolling-button:not(.active) .oi-media-pause { display: none; } .machine-filters{ margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .machine-filters > * { display: flex; justify-content: center; align-items: center; } .machine-filters .machine-filters-buttons{ justify-content:flex-start; flex-grow: 1; } .machine-filters .k-dropdownlist, .machine-filters #machine-filter-by-name{ width: 150px; } .machine-filters #machine-filter-by-name{ } .machine-filters .machine-filters-statuses{ } .machines-status{ display: flex; gap: 1rem; justify-content: end; font-size: 2.667rem; line-height: 70%; text-align: center; & > div{ min-width: 40px; } & em{ display:block; font-size: 1.083rem; font-weight:bold; font-style:normal !important; } & span{ font-weight: 700; } } .machine-status__running{ color: var(--machine-running); } .machine-status__stopped{ color: var(--machine-stopped); } .machine-status__idle{ color: var(--machine-idle); } .machine-status__disconnected { color: var(--machine-disconnected); } .machine-status__efficiency{ color: var(--secondary); } .machine-detail-timeline .card { box-shadow: none; } .tile-filter { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px lightgrey solid; } .tile-filter input[type="radio"] { display: none; } .machine-detail-timeline-date-container { position: relative; padding: 20px 0; font-size: 21px; } .machine-detail-timeline-date-container:first-child { padding-top: 0; } .machine-detail-timeline-date { position: relative; z-index: 2; } .machine-detail-timeline-time { color: #555; float: left; text-align: right; font-size: 10px; width: 65px; padding-top: 5px; } .machine-detail-timeline-time strong { font-size: 16px; margin-right: -1px; } .machine-detail-timeline { position: relative; margin: 0 auto 75px 0; } .machine-detail-timeline-dot { position: absolute; left: 68px; top: 10px; border: 2px solid #eee; background-color: #337ab7; border-radius: 50%; height: 12px; width: 12px; z-index: 2; } .machine-detail-timeline-line { position: absolute; left: 72px; top: 15px; height: calc(100% + 20px); width: 4px; z-index: 1; } .success { background: #28a745 !important; } .danger { background: #dc3545 !important; } .machine-detail-timeline-bottom { position: absolute; height: 50px; border: 2px dashed #28a745; bottom: -53px; display: block; left: 72px; z-index: 0; } .machine-detail-timeline-bottom-done { position: absolute; left: 65px; border: 2px solid #28a745; background-color: #fff; border-radius: 50%; height: 18px; width: 18px; z-index: 2; bottom: -25px; } .machine-detail-timeline-container { position: relative; margin-bottom: 15px; border-radius: 3px; background-color: #eee; } .machine-detail-timeline-content::before { content: " "; height: 0; position: absolute; top: 10px; width: 0; z-index: 1; left: -7px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #ccc; } .machine-detail-timeline-content::after { content: " "; height: 0; position: absolute; top: 10px; width: 0; z-index: 1; left: -6px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff; } .machine-detail-timeline-content.card-success::after { border-right: 6px solid #28a745; } .machine-detail-timeline-content.card-danger::after { border-right: 6px solid #dc3545; } .machine-detail-timeline-content { border: 1px solid #ccc; margin-left: 87px; } .machine-detail-timeline-content .card-header { padding: 5px 15px; } .machine-detail-timeline-content .oi { margin-top: 3px; } .machine-detail-timeline-content:hover { opacity: 0.8; } #details-expanded .img-thumbnail { object-fit: contain; width: 100px; height: 100px; display: block; float: left; } #details-expanded .info { width: calc(100% - 115px); margin-left: 0px; } .loading-more { position: absolute; left: 100px; bottom: -50px; z-index: 2; } .machine-detail-border-radius { border-radius: 0px !important; } .machine-period-tab-first { border-radius: var(--custom-input-border-radius) 0px 0px var(--custom-input-border-radius); margin-bottom: 0px; } .machine-period-tab-last { border-radius: 0px var(--custom-input-border-radius) var(--custom-input-border-radius) 0px; margin-bottom: 0px; } .machine-period-tab { border-radius: 0px; border-left: 0px; margin-bottom: 0px; } .machine-period-tab-group { margin-left: 5px; display: flex; gap: 0px; overflow: auto; white-space: nowrap; justify-content: start; } .machine-period-tab-group input { display: none; } #machine-period-custom-range{ white-space: nowrap; margin-left: 1rem; overflow: auto; justify-content: start; & input{ width: clamp(100px, 90%, 160px); margin-inline:5px; } & #machine-period-custom-range-apply-button{ width: 30px; height: 30px; min-width: 30px; min-height: 30px; } } .loadingSpinner { color: var(--primary); height: 1.5rem; width: 1.5rem; } .details__frames{ display:flex; flex-direction: column; gap: 1rem; } .details__frame { --custom-input-bg-color: var(--custom-input-bg-color-inside-a-widget); width: 100%; border-bottom: solid 1px var(--secondary-2); border-radius: 10px; background: var(--dashboard-widget-background-color); margin: 0.5rem; position: relative; padding: 0; margin: 0; overflow: auto; overflow-x: hidden; } .details__frame .form-control:not(.input-clear):not(.modal .form-control), .details__frame .k-picker:not(.modal .k-picker) { border: solid 1px var(--custom-input-border-color-inside-a-widget) !important; } .details__frameheader { position: sticky; top: 0; z-index: 3; background: var(--dashboard-widget-background-color); left: 0; right: 0; margin: 0; padding: 10px 0 5px; margin-left: -10px !important; margin-right: -6px !important; margin-bottom: 0.5rem; & .dropdown { display: inline-block; } } .details__frametitle{ color: var(--primary); font-weight:bold; font-size: 1.2rem; & span{ font-style: normal; font-weight: normal; } } .details__framebody{ padding: 1rem; } :root { --operator-tile-border-radius: 10px; --operator-tile-padding: 1rem; --operator-tile-height: 300px; --operator-tile-width: 300px; --operator-tile-background-color: var(--content-background-color); --operator-tile-text-color: var(--primary); } .operator-tile { background-color: var(--menu-bg-color); border-radius: var(--operator-tile-border-radius); padding: var(--operator-tile-padding); overflow: hidden; position: relative; box-sizing: border-box; font-weight: bold; border: solid 2px transparent; } .operator-tile__firstname, .operator-tile__lastname, .operator-tile__username { color: var(--operator-tile-text-color); margin-bottom: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 50%; float:left; } .operator-tile__barcodename { color: var(--primary); font-size: 1rem; font-weight: bold; padding: 0 0 var(--operator-tile-padding) 0; white-space: nowrap; overflow: hidden; max-width: 260px; text-overflow: ellipsis; text-transform: uppercase; } .operator-tile h5 { font-weight: bold; color: var(--secondary); margin: 0; padding: 0; font-size: 0.9rem; } #operator-listview .k-listview-content { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, var(--machine-tile-width)); grid-auto-rows: var(--operator-tile-height); } .operator-filters { margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .operator-filters > * { display: flex; justify-content: center; align-items: center; } .operator-filters .operator-filters-buttons { justify-content: flex-start; flex-grow: 0; } .operator-sort-direction-button .ascending-icon { display: none; } .operator-sort-direction-button.active .ascending-icon { display: inline; } .operator-sort-direction-button.active .descending-icon { display: none; } .k-listview .k-loading-mask, .k-listview .k-loading-image, .k-listview .k-loading-color { display: none !important; } .operator-mini-chart { display: flex; align-items: center; justify-content: center; font-size: 0.9rem; padding: 0; margin: 0; clear: both; overflow: auto; height: 150px; margin-inline: calc(-1 * var(--operator-tile-padding)); } #operator-sort_label{ white-space:nowrap; margin: 0.3rem; } #shift-dropdown{ min-width: 100px; } .operator-tile__NoChartData { color: var(--secondary); text-align: center; } .no-chart-items:has(svg) svg, .no-chart-items:has(svg) span { display: none; } .no-chart-items:has(svg)::after { content: var(--nochartitemsmessage); color: var(--secondary); }