@charset "UTF-8"; @font-face { font-family: Roboto; font-style: normal; font-weight: 300; src: url(../fonts/Roboto-Light.eot); src: local("Roboto Light"), local("Roboto-Light"), url(../fonts/Roboto-Light.eot@) format("embedded-opentype"), url(../fonts/Roboto-Light.woff2) format("woff2"), url(../fonts/Roboto-Light.woff) format("woff"), url(../fonts/Roboto-Light.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url(../fonts/Roboto-Regular.eot); src: local("Roboto"), local("Roboto-Regular"), url(../fonts/Roboto-Regular.eot@) format("embedded-opentype"), url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; src: url(../fonts/Roboto-Medium.eot); src: local("Roboto Medium"), local("Roboto-Medium"), url(../fonts/Roboto-Medium.eot@) format("embedded-opentype"), url(../fonts/Roboto-Medium.woff2) format("woff2"), url(../fonts/Roboto-Medium.woff) format("woff"), url(../fonts/Roboto-Medium.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; src: url(../fonts/Roboto-Bold.eot); src: local("Roboto Bold"), local("Roboto-Medium"), url(../fonts/Roboto-Bold.eot@) format("embedded-opentype"), url(../fonts/Roboto-Bold.woff2) format("woff2"), url(../fonts/Roboto-Bold.woff) format("woff"), url(../fonts/Roboto-Bold.ttf) format("truetype") } @font-face { font-family: Nunito; font-style: normal; font-weight: 400; src: url(../fonts/Nunito-Regular.eot); src: local("Nunito Regular"), local("Nunito-Regular"), url(../fonts/Nunito-Regular.eot@) format("embedded-opentype"), url(../fonts/Nunito-Regular.woff2) format("woff2"), url(../fonts/Nunito-Regular.woff) format("woff"), url(../fonts/Nunito-Regular.ttf) format("truetype") } @font-face { font-family: Nunito; font-style: normal; font-weight: 700; src: url(../fonts/Nunito-Bold.eot); src: local("Nunito Bold"), local("Nunito-Bold"), url(../fonts/Nunito-Bold.eot@) format("embedded-opentype"), url(../fonts/Nunito-Bold.woff2) format("woff2"), url(../fonts/Nunito-Bold.woff) format("woff"), url(../fonts/Nunito-Bold.ttf) format("truetype") } :root { --blue: #559bfb; --indigo: #2c3782; --purple: #816bff; --pink: #ff63a5; --var(--main-color): #ff3828; --orange: #ffa353; --yellow: #f4bd0e; --green: #1aa509; --teal: #20c997; --cyan: #09c2de; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: var(--main-color); --secondary: #364a63; --success: #1aa509; --info: #09c2de; --warning: #f4bd0e; --danger: #ff3828; --dark: #1c2b46; --gray: #a78b80; --light: #f1e8e4; --lighter: #f5f6fa; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1540px; --font-family-sans-serif:(Roboto, sans-serif), "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --main-color: #f09b28; } *, :after, :before { box-sizing: border-box } html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; line-height: 1.15 } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { background-color: #f5f6fa; color: #666; font-family: Roboto, sans-serif, Helvetica Neue, Arial, Noto Sans; font-size: .875rem; font-weight: 400; line-height: 1.65; margin: 0; text-align: left } [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-bottom: .5rem; margin-top: 0 } p { margin-bottom: 1rem; margin-top: 0 } abbr[data-original-title], abbr[title] { border-bottom: 0; cursor: help; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { font-style: normal; line-height: inherit } address, dl, ol, ul { margin-bottom: 1rem } dl, ol, ul { margin-top: 0 } ol ol, ol ul, ul ol, ul ul { 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 { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { background-color: transparent; color: var(--main-color); text-decoration: none } a:hover { color: #b03e11; text-decoration: underline } a:not([href]), a:not([href]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em } pre { -ms-overflow-style: scrollbar; margin-bottom: 1rem; margin-top: 0; overflow: auto } figure { margin: 0 0 1rem } img { border-style: none } img, svg { vertical-align: middle } svg { overflow: hidden } table { border-collapse: collapse } caption { caption-side: bottom; color: #e4e4e4; padding-bottom: .5rem; padding-top: .5rem; text-align: left } th { text-align: inherit } label { display: inline-block; margin-bottom: 16px } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } textarea { overflow: auto; resize: vertical } fieldset { border: 0; margin: 0; min-width: 0; padding: 0 } legend { color: inherit; display: block; font-size: 1.5rem; line-height: inherit; margin-bottom: .5rem; max-width: 100%; padding: 0; white-space: normal; width: 100% } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: none; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } output { display: inline-block } summary { cursor: pointer; display: list-item } template { display: none } [hidden] { display: none !important } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #364a63; font-family: Nunito, sans-serif; font-weight: 700; line-height: 1.1; margin-bottom: .5rem } .h1, h1 { font-size: 2rem } .h2, h2 { font-size: 1.75rem } .h3, h3 { font-size: 1.5rem } .h4, h4 { font-size: 1.25rem } .h5, h5 { font-size: 1.15rem } .h6, h6 { font-size: 1rem } .lead { font-size: 1.00625rem; font-weight: 400 } .display-1 { font-size: 6rem } .display-1, .display-2 { font-weight: 300; line-height: 1.1 } .display-2 { font-size: 5.5rem } .display-3 { font-size: 4.5rem } .display-3, .display-4 { font-weight: 300; line-height: 1.1 } .display-4 { font-size: 3.5rem } hr { border: 0; border-top: 1px solid #cbbab3; margin-bottom: 1rem; margin-top: 1rem } .small, small { font-size: 85%; font-weight: 400 } .mark, mark { background-color: #fcf8e3; padding: .2em } .list-inline, .list-unstyled { list-style: none; padding-left: 0 } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { font-size: 1.09375rem; margin-bottom: 1rem } .blockquote-footer { color: #fff; display: block; font-size: 85% } .blockquote-footer:before { content: "— " } .img-fluid, .img-thumbnail { height: auto; max-width: 100% } .img-thumbnail { background-color: #f5f6fa; border: 1px solid #dee2e6; border-radius: 4px; padding: .25rem } .figure { display: inline-block } .figure-img { line-height: 1; margin-bottom: .5rem } .figure-caption { color: #6c757d; font-size: 90% } code { word-wrap: break-word; color: #ff63a5; font-size: 87.5% } a > code { color: inherit } kbd { background-color: #212529; border-radius: 3px; color: #fff; font-size: 87.5%; padding: .2rem .4rem } kbd kbd { font-size: 100%; font-weight: 700; padding: 0 } pre { color: #212529; display: block; font-size: 87.5% } pre code { color: inherit; font-size: inherit; word-break: normal } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px; width: 100% } @media (min-width: 576px) { .container, .container-sm { max-width: 540px } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } @media (min-width: 1540px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1440px } } .row { display: flex; flex-wrap: wrap; margin-left: -14px; margin-right: -14px } .no-gutters { margin-left: 0; margin-right: 0 } .no-gutters > .col, .no-gutters > [class*=col-] { padding-left: 0; padding-right: 0 } .col, .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-auto, .col-lg, .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-auto, .col-md, .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-auto, .col-sm, .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-auto, .col-xl, .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-auto, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto { padding-left: 14px; padding-right: 14px; position: relative; width: 100% } .col { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-auto { flex: 0 0 auto; max-width: 100%; width: auto } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-3 { flex: 0 0 25%; max-width: 25% } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-6 { flex: 0 0 50%; max-width: 50% } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-9 { flex: 0 0 75%; max-width: 75% } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-12 { flex: 0 0 100%; max-width: 100% } .order-first { order: -1 } .order-last { order: 13 } .order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } .offset-1 { margin-left: 8.3333333333% } .offset-2 { margin-left: 16.6666666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.3333333333% } .offset-5 { margin-left: 41.6666666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.3333333333% } .offset-8 { margin-left: 66.6666666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.3333333333% } .offset-11 { margin-left: 91.6666666667% } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-sm-auto { flex: 0 0 auto; max-width: 100%; width: auto } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% } .order-sm-first { order: -1 } .order-sm-last { order: 13 } .order-sm-0 { order: 0 } .order-sm-1 { order: 1 } .order-sm-2 { order: 2 } .order-sm-3 { order: 3 } .order-sm-4 { order: 4 } .order-sm-5 { order: 5 } .order-sm-6 { order: 6 } .order-sm-7 { order: 7 } .order-sm-8 { order: 8 } .order-sm-9 { order: 9 } .order-sm-10 { order: 10 } .order-sm-11 { order: 11 } .order-sm-12 { order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.3333333333% } .offset-sm-2 { margin-left: 16.6666666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.3333333333% } .offset-sm-5 { margin-left: 41.6666666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.3333333333% } .offset-sm-8 { margin-left: 66.6666666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.3333333333% } .offset-sm-11 { margin-left: 91.6666666667% } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-md-auto { flex: 0 0 auto; max-width: 100%; width: auto } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-md-12 { flex: 0 0 100%; max-width: 100% } .order-md-first { order: -1 } .order-md-last { order: 13 } .order-md-0 { order: 0 } .order-md-1 { order: 1 } .order-md-2 { order: 2 } .order-md-3 { order: 3 } .order-md-4 { order: 4 } .order-md-5 { order: 5 } .order-md-6 { order: 6 } .order-md-7 { order: 7 } .order-md-8 { order: 8 } .order-md-9 { order: 9 } .order-md-10 { order: 10 } .order-md-11 { order: 11 } .order-md-12 { order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.3333333333% } .offset-md-2 { margin-left: 16.6666666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.3333333333% } .offset-md-5 { margin-left: 41.6666666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.3333333333% } .offset-md-8 { margin-left: 66.6666666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.3333333333% } .offset-md-11 { margin-left: 91.6666666667% } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-lg-auto { flex: 0 0 auto; max-width: 100%; width: auto } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } .order-lg-first { order: -1 } .order-lg-last { order: 13 } .order-lg-0 { order: 0 } .order-lg-1 { order: 1 } .order-lg-2 { order: 2 } .order-lg-3 { order: 3 } .order-lg-4 { order: 4 } .order-lg-5 { order: 5 } .order-lg-6 { order: 6 } .order-lg-7 { order: 7 } .order-lg-8 { order: 8 } .order-lg-9 { order: 9 } .order-lg-10 { order: 10 } .order-lg-11 { order: 11 } .order-lg-12 { order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.3333333333% } .offset-lg-2 { margin-left: 16.6666666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.3333333333% } .offset-lg-5 { margin-left: 41.6666666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.3333333333% } .offset-lg-8 { margin-left: 66.6666666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.3333333333% } .offset-lg-11 { margin-left: 91.6666666667% } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xl-auto { flex: 0 0 auto; max-width: 100%; width: auto } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% } .order-xl-first { order: -1 } .order-xl-last { order: 13 } .order-xl-0 { order: 0 } .order-xl-1 { order: 1 } .order-xl-2 { order: 2 } .order-xl-3 { order: 3 } .order-xl-4 { order: 4 } .order-xl-5 { order: 5 } .order-xl-6 { order: 6 } .order-xl-7 { order: 7 } .order-xl-8 { order: 8 } .order-xl-9 { order: 9 } .order-xl-10 { order: 10 } .order-xl-11 { order: 11 } .order-xl-12 { order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.3333333333% } .offset-xl-2 { margin-left: 16.6666666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.3333333333% } .offset-xl-5 { margin-left: 41.6666666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.3333333333% } .offset-xl-8 { margin-left: 66.6666666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.3333333333% } .offset-xl-11 { margin-left: 91.6666666667% } } @media (min-width: 1540px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-xxl-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-xxl-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-xxl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-xxl-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-xxl-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-xxl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xxl-auto { flex: 0 0 auto; max-width: 100%; width: auto } .col-xxl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-xxl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xxl-3 { flex: 0 0 25%; max-width: 25% } .col-xxl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-xxl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-xxl-6 { flex: 0 0 50%; max-width: 50% } .col-xxl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-xxl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-xxl-9 { flex: 0 0 75%; max-width: 75% } .col-xxl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-xxl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-xxl-12 { flex: 0 0 100%; max-width: 100% } .order-xxl-first { order: -1 } .order-xxl-last { order: 13 } .order-xxl-0 { order: 0 } .order-xxl-1 { order: 1 } .order-xxl-2 { order: 2 } .order-xxl-3 { order: 3 } .order-xxl-4 { order: 4 } .order-xxl-5 { order: 5 } .order-xxl-6 { order: 6 } .order-xxl-7 { order: 7 } .order-xxl-8 { order: 8 } .order-xxl-9 { order: 9 } .order-xxl-10 { order: 10 } .order-xxl-11 { order: 11 } .order-xxl-12 { order: 12 } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.3333333333% } .offset-xxl-2 { margin-left: 16.6666666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.3333333333% } .offset-xxl-5 { margin-left: 41.6666666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.3333333333% } .offset-xxl-8 { margin-left: 66.6666666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.3333333333% } .offset-xxl-11 { margin-left: 91.6666666667% } } .table { color: #666; margin-bottom: 1rem; width: 100% } .table td, .table th { padding: .5rem; vertical-align: top } .table thead th { border-bottom: 2px solid #e8dfdb; vertical-align: bottom } .table tbody + tbody { border-top: 2px solid #e8dfdb } .table-sm td, .table-sm th { padding: .25rem } .table-bordevar(--main-color), .table-bordevar(--main-color) td, .table-bordevar(--main-color) th { border: 1px solid #e8dfdb } .table-bordevar(--main-color) thead td, .table-bordevar(--main-color) thead th { border-bottom-width: 2px } .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: #f5f6fa } .table-hover tbody tr:hover { background-color: #f5f6fa; color: #666 } .table-primary, .table-primary > td, .table-primary > th { background-color: #f6cebe } .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #eea386 } .table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #f3bda8 } .table-secondary, .table-secondary > td, .table-secondary > th { background-color: #c7ccd3 } .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #96a1ae } .table-hover .table-secondary:hover, .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #b9bfc8 } .table-success, .table-success > td, .table-success > th { background-color: #bfe6ba } .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: #88d07f } .table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #aedfa7 } .table-info, .table-info > td, .table-info > th { background-color: #baeef6 } .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { border-color: #7fdfee } .table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a3e8f3 } .table-warning, .table-warning > td, .table-warning > th { background-color: #fcedbc } .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #f9dd82 } .table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fbe6a4 } .table-danger, .table-danger > td, .table-danger > th { background-color: #ffc7c3 } .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #ff988f } .table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ffafaa } .table-dark, .table-dark > td, .table-dark > th { background-color: #bfc4cb } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #89919f } .table-hover .table-dark:hover, .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b1b7c0 } .table-gray, .table-gray > td, .table-gray > th { background-color: #e6dfdb } .table-gray tbody + tbody, .table-gray td, .table-gray th, .table-gray thead th { border-color: #d1c3bd } .table-hover .table-gray:hover, .table-hover .table-gray:hover > td, .table-hover .table-gray:hover > th { background-color: #dcd2cc } .table-light, .table-light > td, .table-light > th { background-color: #fbf9f7 } .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { border-color: #f8f3f1 } .table-hover .table-light:hover, .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f3ece6 } .table-lighter, .table-lighter > td, .table-lighter > th { background-color: #fcfcfe } .table-lighter tbody + tbody, .table-lighter td, .table-lighter th, .table-lighter thead th { border-color: #fafafc } .table-hover .table-lighter:hover, .table-hover .table-lighter:hover > td, .table-hover .table-lighter:hover > th { background-color: #e9e9f8 } .table-active, .table-active > td, .table-active > th { background-color: #f5f6fa } .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #e4e7f2 } .table .thead-dark th { background-color: #422f28; border-color: #61473c; color: #fff } .table .thead-light th { background-color: #f5f6fa; border-color: #e8dfdb; color: #364a63 } .table-dark { background-color: #422f28; color: #fff } .table-dark td, .table-dark th, .table-dark thead th { border-color: #61473c } .table-dark.table-bordevar(--main-color) { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: #533c32 } .table-dark.table-hover tbody tr:hover { background-color: #533c32; color: #fff } @media (max-width: 575.98px) { .table-responsive-sm { -webkit-overflow-scrolling: touch; display: block; overflow-x: auto; width: 100% } .table-responsive-sm > .table-bordevar(--main-color) { border: 0 } } @media (max-width: 767.98px) { .table-responsive-md { -webkit-overflow-scrolling: touch; display: block; overflow-x: auto; width: 100% } .table-responsive-md > .table-bordevar(--main-color) { border: 0 } } @media (max-width: 991.98px) { .table-responsive-lg { -webkit-overflow-scrolling: touch; display: block; overflow-x: auto; width: 100% } .table-responsive-lg > .table-bordevar(--main-color) { border: 0 } } @media (max-width: 1199.98px) { .table-responsive-xl { -webkit-overflow-scrolling: touch; display: block; overflow-x: auto; width: 100% } .table-responsive-xl > .table-bordevar(--main-color) { border: 0 } } @media (max-width: 1539.98px) { .table-responsive-xxl { -webkit-overflow-scrolling: touch; display: block; overflow-x: auto; width: 100% } .table-responsive-xxl > .table-bordevar(--main-color) { border: 0 } } .table-responsive { -webkit-overflow-scrolling: touch; display: block; overflow-x: auto; width: 100% } .table-responsive > .table-bordevar(--main-color) { border: 0 } .form-control { background-clip: padding-box; background-color: #fff; border: 1px solid #e8dfdb; border-radius: 4px; color: #61473c; display: block; font-size: .8125rem; font-weight: 400; height: calc(2.125rem + 2px); line-height: 1.25rem; padding: .4375rem 1rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 100% } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .form-control { transition: none } } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #61473c } .form-control:focus { background-color: #fff; border-color: var(--main-color); box-shadow: 0 0 0 3px rgba(222, 79, 22, .1); color: #61473c; outline: 0 } .form-control::-moz-placeholder { color: #fff; opacity: 1 } .form-control:-ms-input-placeholder { color: #fff; opacity: 1 } .form-control::placeholder { color: #fff; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #f5f6fa; opacity: 1 } input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none } select.form-control:focus::-ms-value { background-color: #fff; color: #61473c } .form-control-file, .form-control-range { display: block; width: 100% } .col-form-label { font-size: inherit; line-height: 1.25rem; margin-bottom: 0; padding-bottom: calc(.4375rem + 1px); padding-top: calc(.4375rem + 1px) } .col-form-label-lg { font-size: .9375rem; line-height: 1.25rem; padding-bottom: calc(.6875rem + 1px); padding-top: calc(.6875rem + 1px) } .col-form-label-sm { font-size: .75rem; line-height: 1.25rem; padding-bottom: calc(.25rem + 1px); padding-top: calc(.25rem + 1px) } .form-control-plaintext { background-color: transparent; border: solid transparent; border-width: 1px 0; color: #364a63; display: block; font-size: .8125rem; line-height: 1.25rem; margin-bottom: 0; padding: .4375rem 0; width: 100% } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-left: 0; padding-right: 0 } .form-control-sm { border-radius: 3px; font-size: .75rem; height: calc(1.75rem + 2px); line-height: 1.25rem; padding: .25rem 1rem } .form-control-lg { border-radius: 5px; font-size: .9375rem; height: calc(2.625rem + 2px); line-height: 1.25rem; padding: .6875rem 1rem } select.form-control[multiple], select.form-control[size], textarea.form-control { height: auto } .form-group { margin-bottom: 1rem } .form-text { display: block; margin-top: .25rem } .form-row { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px } .form-row > .col, .form-row > [class*=col-] { padding-left: 5px; padding-right: 5px } .form-check { display: block; padding-left: 1.25rem; position: relative } .form-check-input { margin-left: -1.25rem; margin-top: .3rem; position: absolute } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { color: #e4e4e4 } .form-check-label { margin-bottom: 0 } .form-check-inline { align-items: center; display: inline-flex; margin-right: .75rem; padding-left: 0 } .form-check-inline .form-check-input { margin-left: 0; margin-right: .3125rem; margin-top: 0; position: static } .valid-feedback { color: #1aa509; display: none; font-size: 80%; margin-top: .25rem; width: 100% } .valid-tooltip { background-color: rgba(26, 165, 9, .9); border-radius: 3px; color: #fff; display: none; font-size: .8125rem; left: 0; line-height: 1.5; margin-top: .1rem; max-width: 100%; padding: .25rem .75rem; position: absolute; top: 100%; z-index: 5 } .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block } .form-control.is-valid, .was-validated .form-control:valid { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%231aa509' d='M2.3 6.73.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-position: right add(.3125rem, .21875rem) center; background-repeat: no-repeat; background-size: add(.625rem, .4375rem) add(.625rem, .4375rem); border-color: #1aa509; padding-right: 2.125rem } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #1aa509; box-shadow: 0 0 0 .2rem rgba(26, 165, 9, .25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { background-position: top add(.3125rem, .21875rem) right add(.3125rem, .21875rem); padding-right: 2.125rem } .custom-select.is-valid, .was-validated .custom-select:valid { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 1rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%231aa509' d='M2.3 6.73.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 2rem/add(.625rem, .4375rem) add(.625rem, .4375rem) no-repeat; border-color: #1aa509; padding-right: calc(.75em + 2.65625rem) } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: #1aa509; box-shadow: 0 0 0 .2rem rgba(26, 165, 9, .25) } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #1aa509 } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: #1aa509 } .custom-control-input.is-valid ~ .custom-control-label:before, .was-validated .custom-control-input:valid ~ .custom-control-label:before { border-color: #1aa509 } .custom-control-input.is-valid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label:before { background-color: #22d50c; border-color: #22d50c } .custom-control-input.is-valid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label:before { box-shadow: 0 0 0 .2rem rgba(26, 165, 9, .25) } .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label:before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label:before { border-color: #1aa509 } .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #1aa509 } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { border-color: #1aa509; box-shadow: 0 0 0 .2rem rgba(26, 165, 9, .25) } .invalid-feedback { color: #ff3828; font-size: 80%; margin-top: .25rem; width: 100% } .invalid-tooltip { background-color: rgba(255, 56, 40, .9); border-radius: 3px; color: #fff; display: none; font-size: .8125rem; left: 0; line-height: 1.5; margin-top: .1rem; max-width: 100%; padding: .25rem .75rem; position: absolute; top: 100%; z-index: 5 } .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block } .form-control.is-invalid, .was-validated .form-control:invalid { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff3828'%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='%23ff3828' stroke='none'/%3E%3C/svg%3E"); background-position: right add(.3125rem, .21875rem) center; background-repeat: no-repeat; background-size: add(.625rem, .4375rem) add(.625rem, .4375rem); border-color: #ff3828; padding-right: 2.125rem } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #ff3828; box-shadow: 0 0 0 .2rem rgba(255, 56, 40, .25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { background-position: top add(.3125rem, .21875rem) right add(.3125rem, .21875rem); padding-right: 2.125rem } .custom-select.is-invalid, .was-validated .custom-select:invalid { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 1rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff3828'%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='%23ff3828' stroke='none'/%3E%3C/svg%3E") center right 2rem/add(.625rem, .4375rem) add(.625rem, .4375rem) no-repeat; border-color: #ff3828; padding-right: calc(.75em + 2.65625rem) } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: #ff3828; box-shadow: 0 0 0 .2rem rgba(255, 56, 40, .25) } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #ff3828 } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #ff3828 } .custom-control-input.is-invalid ~ .custom-control-label:before, .was-validated .custom-control-input:invalid ~ .custom-control-label:before { border-color: #ff3828 } .custom-control-input.is-invalid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label:before { background-color: #ff675b; border-color: #ff675b } .custom-control-input.is-invalid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label:before { box-shadow: 0 0 0 .2rem rgba(255, 56, 40, .25) } .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label:before { border-color: #ff3828 } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #ff3828 } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { border-color: #ff3828; box-shadow: 0 0 0 .2rem rgba(255, 56, 40, .25) } .form-inline { align-items: center; display: flex; flex-flow: row wrap } .form-inline .form-check { width: 100% } @media (min-width: 576px) { .form-inline label { justify-content: center } .form-inline .form-group, .form-inline label { align-items: center; display: flex; margin-bottom: 0 } .form-inline .form-group { flex: 0 0 auto; flex-flow: row wrap } .form-inline .form-control { display: inline-block; vertical-align: middle; width: auto } .form-inline .form-control-plaintext { display: inline-block } .form-inline .custom-select, .form-inline .input-group { width: auto } .form-inline .form-check { align-items: center; display: flex; justify-content: center; padding-left: 0; width: auto } .form-inline .form-check-input { flex-shrink: 0; margin-left: 0; margin-right: .25rem; margin-top: 0; position: relative } .form-inline .custom-control { align-items: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } .btn { background-color: transparent; border: 1px solid transparent; border-radius: 4px; color: #666; display: inline-block; font-family: Nunito, sans-serif; font-size: .8125rem; font-weight: 700; line-height: 1.25rem; padding: .4375rem 1.125rem; text-align: center; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .btn { transition: none } } .btn:hover { color: #666; text-decoration: none } .btn.focus, .btn:focus { box-shadow: 0 0 0 3px rgba(222, 79, 22, .1); outline: 0 } .btn.disabled, .btn:disabled { opacity: .5 } .btn:not(:disabled):not(.disabled) { cursor: pointer } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none } .btn-primary { background-color: var(--main-color); border-color: var(--main-color); color: #fff } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color: #bb4313; border-color: #b03e11; color: #fff } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(227, 105, 57, .5) } .btn-primary.disabled, .btn-primary:disabled { background-color: var(--main-color); border-color: var(--main-color); color: #fff } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background-color: #b03e11; border-color: #a43a10; color: #fff } .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 .2rem rgba(227, 105, 57, .5) } .btn-secondary { background-color: #364a63; border-color: #364a63; color: #fff } .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover { background-color: #29384a; border-color: #243142; color: #fff } .btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 .2rem rgba(84, 101, 122, .5) } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #364a63; border-color: #364a63; color: #fff } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { background-color: #243142; border-color: #202b3a; color: #fff } .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 .2rem rgba(84, 101, 122, .5) } .btn-success { background-color: #1aa509; border-color: #1aa509; color: #fff } .btn-success.focus, .btn-success:focus, .btn-success:hover { background-color: #148107; border-color: #127506; color: #fff } .btn-success.focus, .btn-success:focus { box-shadow: 0 0 0 .2rem rgba(60, 179, 46, .5) } .btn-success.disabled, .btn-success:disabled { background-color: #1aa509; border-color: #1aa509; color: #fff } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { background-color: #127506; border-color: #106906; color: #fff } .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 .2rem rgba(60, 179, 46, .5) } .btn-info { background-color: #09c2de; border-color: #09c2de; color: #fff } .btn-info.focus, .btn-info:focus, .btn-info:hover { background-color: #08a2b9; border-color: #0797ad; color: #fff } .btn-info.focus, .btn-info:focus { box-shadow: 0 0 0 .2rem rgba(46, 203, 227, .5) } .btn-info.disabled, .btn-info:disabled { background-color: #09c2de; border-color: #09c2de; color: #fff } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { background-color: #0797ad; border-color: #078ca1; color: #fff } .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 .2rem rgba(46, 203, 227, .5) } .btn-warning { background-color: #f4bd0e; border-color: #f4bd0e; color: #fff } .btn-warning.focus, .btn-warning:focus, .btn-warning:hover { background-color: #d2a20a; border-color: #c69909; color: #fff } .btn-warning.focus, .btn-warning:focus { box-shadow: 0 0 0 .2rem rgba(246, 199, 50, .5) } .btn-warning.disabled, .btn-warning:disabled { background-color: #f4bd0e; border-color: #f4bd0e; color: #fff } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { background-color: #c69909; border-color: #ba8f08; color: #fff } .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 .2rem rgba(246, 199, 50, .5) } .btn-danger { background-color: #ff3828; border-color: #ff3828; color: #fff } .btn-danger.focus, .btn-danger:focus, .btn-danger:hover { background-color: #ff1502; border-color: #f41200; color: #fff } .btn-danger.focus, .btn-danger:focus { box-shadow: 0 0 0 .2rem rgba(255, 86, 72, .5) } .btn-danger.disabled, .btn-danger:disabled { background-color: #ff3828; border-color: #ff3828; color: #fff } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { background-color: #f41200; border-color: #e71100; color: #fff } .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 .2rem rgba(255, 86, 72, .5) } .btn-dark { background-color: #1c2b46; border-color: #1c2b46; color: #fff } .btn-dark.focus, .btn-dark:focus, .btn-dark:hover { background-color: #111a2b; border-color: #0d1522; color: #fff } .btn-dark.focus, .btn-dark:focus { box-shadow: 0 0 0 .2rem rgba(62, 75, 98, .5) } .btn-dark.disabled, .btn-dark:disabled { background-color: #1c2b46; border-color: #1c2b46; color: #fff } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { background-color: #0d1522; border-color: #0a0f18; color: #fff } .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 .2rem rgba(62, 75, 98, .5) } .btn-gray { background-color: #a78b80; border-color: #a78b80; color: #fff } .btn-gray.focus, .btn-gray:focus, .btn-gray:hover { background-color: #977669; border-color: #907064; color: #fff } .btn-gray.focus, .btn-gray:focus { box-shadow: 0 0 0 .2rem hsla(16, 18%, 64%, .5) } .btn-gray.disabled, .btn-gray:disabled { background-color: #a78b80; border-color: #a78b80; color: #fff } .btn-gray:not(:disabled):not(.disabled).active, .btn-gray:not(:disabled):not(.disabled):active, .show > .btn-gray.dropdown-toggle { background-color: #907064; border-color: #896a5f; color: #fff } .btn-gray:not(:disabled):not(.disabled).active:focus, .btn-gray:not(:disabled):not(.disabled):active:focus, .show > .btn-gray.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem hsla(16, 18%, 64%, .5) } .btn-light { background-color: #f1e8e4; border-color: #f1e8e4; color: #1e1e1e } .btn-light.focus, .btn-light:focus, .btn-light:hover { background-color: #e4d3cb; border-color: #e0cbc2; color: #1e1e1e } .btn-light.focus, .btn-light:focus { box-shadow: 0 0 0 .2rem hsla(22, 11%, 80%, .5) } .btn-light.disabled, .btn-light:disabled { background-color: #f1e8e4; border-color: #f1e8e4; color: #1e1e1e } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { background-color: #e0cbc2; border-color: #dbc4ba; color: #1e1e1e } .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 .2rem hsla(22, 11%, 80%, .5) } .btn-lighter { background-color: #f5f6fa; border-color: #f5f6fa; color: #1e1e1e } .btn-lighter.focus, .btn-lighter:focus, .btn-lighter:hover { background-color: #dcdfed; border-color: #d3d7e9; color: #1e1e1e } .btn-lighter.focus, .btn-lighter:focus { box-shadow: 0 0 0 .2rem hsla(225, 5%, 84%, .5) } .btn-lighter.disabled, .btn-lighter:disabled { background-color: #f5f6fa; border-color: #f5f6fa; color: #1e1e1e } .btn-lighter:not(:disabled):not(.disabled).active, .btn-lighter:not(:disabled):not(.disabled):active, .show > .btn-lighter.dropdown-toggle { background-color: #d3d7e9; border-color: #cbd0e5; color: #1e1e1e } .btn-lighter:not(:disabled):not(.disabled).active:focus, .btn-lighter:not(:disabled):not(.disabled):active:focus, .show > .btn-lighter.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem hsla(225, 5%, 84%, .5) } .btn-outline-primary { border-color: var(--main-color); color: var(--main-color) } .btn-outline-primary:hover { background-color: var(--main-color); border-color: var(--main-color); color: #fff } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(222, 79, 22, .5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { background-color: transparent; color: var(--main-color) } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { background-color: var(--main-color); border-color: var(--main-color); color: #fff } .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 .2rem rgba(222, 79, 22, .5) } .btn-outline-secondary { border-color: #364a63; color: #364a63 } .btn-outline-secondary:hover { background-color: #364a63; border-color: #364a63; color: #fff } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(54, 74, 99, .5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background-color: transparent; color: #364a63 } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { background-color: #364a63; border-color: #364a63; color: #fff } .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 .2rem rgba(54, 74, 99, .5) } .btn-outline-success { border-color: #1aa509; color: #1aa509 } .btn-outline-success:hover { background-color: #1aa509; border-color: #1aa509; color: #fff } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(26, 165, 9, .5) } .btn-outline-success.disabled, .btn-outline-success:disabled { background-color: transparent; color: #1aa509 } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { background-color: #1aa509; border-color: #1aa509; color: #fff } .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 .2rem rgba(26, 165, 9, .5) } .btn-outline-info { border-color: #09c2de; color: #09c2de } .btn-outline-info:hover { background-color: #09c2de; border-color: #09c2de; color: #fff } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(9, 194, 222, .5) } .btn-outline-info.disabled, .btn-outline-info:disabled { background-color: transparent; color: #09c2de } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { background-color: #09c2de; border-color: #09c2de; color: #fff } .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 .2rem rgba(9, 194, 222, .5) } .btn-outline-warning { border-color: #f4bd0e; color: #f4bd0e } .btn-outline-warning:hover { background-color: #f4bd0e; border-color: #f4bd0e; color: #fff } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(244, 189, 14, .5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { background-color: transparent; color: #f4bd0e } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { background-color: #f4bd0e; border-color: #f4bd0e; color: #fff } .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 .2rem rgba(244, 189, 14, .5) } .btn-outline-danger { border-color: #ff3828; color: #ff3828 } .btn-outline-danger:hover { background-color: #ff3828; border-color: #ff3828; color: #fff } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(255, 56, 40, .5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { background-color: transparent; color: #ff3828 } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { background-color: #ff3828; border-color: #ff3828; color: #fff } .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 .2rem rgba(255, 56, 40, .5) } .btn-outline-dark { border-color: #1c2b46; color: #1c2b46 } .btn-outline-dark:hover { background-color: #1c2b46; border-color: #1c2b46; color: #fff } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(28, 43, 70, .5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { background-color: transparent; color: #1c2b46 } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { background-color: #1c2b46; border-color: #1c2b46; color: #fff } .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 .2rem rgba(28, 43, 70, .5) } .btn-outline-gray { border-color: #a78b80; color: #a78b80 } .btn-outline-gray:hover { background-color: #a78b80; border-color: #a78b80; color: #fff } .btn-outline-gray.focus, .btn-outline-gray:focus { box-shadow: 0 0 0 .2rem hsla(17, 18%, 58%, .5) } .btn-outline-gray.disabled, .btn-outline-gray:disabled { background-color: transparent; color: #a78b80 } .btn-outline-gray:not(:disabled):not(.disabled).active, .btn-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-outline-gray.dropdown-toggle { background-color: #a78b80; border-color: #a78b80; color: #fff } .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .btn-outline-gray:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-gray.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem hsla(17, 18%, 58%, .5) } .btn-outline-light { border-color: #f1e8e4; color: #f1e8e4 } .btn-outline-light:hover { background-color: #f1e8e4; border-color: #f1e8e4; color: #1e1e1e } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 .2rem hsla(18, 32%, 92%, .5) } .btn-outline-light.disabled, .btn-outline-light:disabled { background-color: transparent; color: #f1e8e4 } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { background-color: #f1e8e4; border-color: #f1e8e4; color: #1e1e1e } .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 .2rem hsla(18, 32%, 92%, .5) } .btn-outline-lighter { border-color: #f5f6fa; color: #f5f6fa } .btn-outline-lighter:hover { background-color: #f5f6fa; border-color: #f5f6fa; color: #1e1e1e } .btn-outline-lighter.focus, .btn-outline-lighter:focus { box-shadow: 0 0 0 .2rem rgba(245, 246, 250, .5) } .btn-outline-lighter.disabled, .btn-outline-lighter:disabled { background-color: transparent; color: #f5f6fa } .btn-outline-lighter:not(:disabled):not(.disabled).active, .btn-outline-lighter:not(:disabled):not(.disabled):active, .show > .btn-outline-lighter.dropdown-toggle { background-color: #f5f6fa; border-color: #f5f6fa; color: #1e1e1e } .btn-outline-lighter:not(:disabled):not(.disabled).active:focus, .btn-outline-lighter:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-lighter.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(245, 246, 250, .5) } .btn-link { color: var(--main-color); font-weight: 400; text-decoration: none } .btn-link:hover { color: #b03e11 } .btn-link.focus, .btn-link:focus, .btn-link:hover { text-decoration: underline } .btn-link.disabled, .btn-link:disabled { color: #f5f6fa; pointer-events: none } .btn-group-lg > .btn, .btn-lg { border-radius: 5px; font-size: .9375rem; line-height: 1.25rem; padding: .6875rem 1.5rem } .btn-group-sm > .btn, .btn-sm { border-radius: 3px; font-size: .75rem; line-height: 1.25rem; padding: .25rem .75rem } .btn-block { display: block; width: 100% } .btn-block + .btn-block { margin-top: .5rem } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { transition: opacity .15s linear } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; position: relative; transition: height .35s ease } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .collapsing { transition: none } } .dropdown, .dropleft, .dropright, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle:after { border-bottom: 0; border-left: .3em solid transparent; border-right: .3em solid transparent; border-top: .3em solid; content: ""; display: inline-block; margin-left: .255em; vertical-align: .255em } .dropdown-toggle:empty:after { margin-left: 0 } .dropdown-menu { background-clip: padding-box; background-color: #fff; border-radius: 4px; color: #666; display: none; float: left; font-size: .8125rem; left: 0; list-style: none; margin: .125rem 0 0; min-width: 180px; padding: 0; position: absolute; text-align: left; top: 100%; z-index: 1000 } .dropdown-menu-left { left: 0; right: auto } .dropdown-menu-right { left: auto; right: 0 } @media (min-width: 576px) { .dropdown-menu-sm-left { left: 0; right: auto } .dropdown-menu-sm-right { left: auto; right: 0 } } @media (min-width: 768px) { .dropdown-menu-md-left { left: 0; right: auto } .dropdown-menu-md-right { left: auto; right: 0 } } @media (min-width: 992px) { .dropdown-menu-lg-left { left: 0; right: auto } .dropdown-menu-lg-right { left: auto; right: 0 } } @media (min-width: 1200px) { .dropdown-menu-xl-left { left: 0; right: auto } .dropdown-menu-xl-right { left: auto; right: 0 } } @media (min-width: 1540px) { .dropdown-menu-xxl-left { left: 0; right: auto } .dropdown-menu-xxl-right { left: auto; right: 0 } } .dropup .dropdown-menu { bottom: 100%; margin-bottom: .125rem; margin-top: 0; top: auto } .dropup .dropdown-toggle:after { border-bottom: .3em solid; border-left: .3em solid transparent; border-right: .3em solid transparent; border-top: 0; content: ""; display: inline-block; margin-left: .255em; vertical-align: .255em } .dropup .dropdown-toggle:empty:after { margin-left: 0 } .dropright .dropdown-menu { left: 100%; margin-left: .125rem; margin-top: 0; right: auto; top: 0 } .dropright .dropdown-toggle:after { border-bottom: .3em solid transparent; border-left: .3em solid; border-right: 0; border-top: .3em solid transparent; content: ""; display: inline-block; margin-left: .255em; vertical-align: .255em } .dropright .dropdown-toggle:empty:after { margin-left: 0 } .dropright .dropdown-toggle:after { vertical-align: 0 } .dropleft .dropdown-menu { left: auto; margin-right: .125rem; margin-top: 0; right: 100%; top: 0 } .dropleft .dropdown-toggle:after { content: ""; display: inline-block; display: none; margin-left: .255em; vertical-align: .255em } .dropleft .dropdown-toggle:before { border-bottom: .3em solid transparent; border-right: .3em solid; border-top: .3em solid transparent; content: ""; display: inline-block; margin-right: .255em; vertical-align: .255em } .dropleft .dropdown-toggle:empty:after { margin-left: 0 } .dropleft .dropdown-toggle:before { vertical-align: 0 } .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { bottom: auto; right: auto } .dropdown-divider { border-top: 1px solid #f1e8e4; height: 0; margin: 12px 0; overflow: hidden } .dropdown-item { background-color: transparent; border: 0; clear: both; color: #364a63; display: block; font-weight: 400; padding: 8px 14px; text-align: inherit; white-space: nowrap; width: 100% } .dropdown-item:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .dropdown-item:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .dropdown-item:focus, .dropdown-item:hover { background-color: #f5efed; color: var(--main-color); text-decoration: none } .dropdown-item.active, .dropdown-item:active { background-color: #e8dfdb; color: var(--main-color); text-decoration: none } .dropdown-item.disabled, .dropdown-item:disabled { background-color: transparent; color: #f5efed; pointer-events: none } .dropdown-menu.show { display: block } .dropdown-header { color: #a78b80; display: block; font-size: .75rem; margin-bottom: 0; padding: 0 14px; white-space: nowrap } .dropdown-item-text { color: #364a63; display: block; padding: 8px 14px } .btn-group, .btn-group-vertical { display: inline-flex; position: relative; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { flex: 1 1 auto; position: relative } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .dropdown-toggle-split { padding-left: .84375rem; padding-right: .84375rem } .dropdown-toggle-split:after, .dropright .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after { margin-left: 0 } .dropleft .dropdown-toggle-split:before { margin-right: 0 } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-left: .5625rem; padding-right: .5625rem } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-left: 1.125rem; padding-right: 1.125rem } .btn-group-vertical { align-items: flex-start; flex-direction: column; justify-content: center } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100% } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { 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-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio] { clip: rect(0, 0, 0, 0); pointer-events: none; position: absolute } .input-group { align-items: stretch; display: flex; flex-wrap: wrap; position: relative; width: 100% } .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { flex: 1 1 auto; margin-bottom: 0; min-width: 0; position: relative; width: 1% } .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control { margin-left: -1px } .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3 } .input-group > .custom-file .custom-file-input:focus { z-index: 4 } .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .input-group > .custom-file { align-items: center; display: flex } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label:after { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group > .custom-file:not(:first-child) .custom-file-label { border-bottom-left-radius: 0; border-top-left-radius: 0 } .input-group-append, .input-group-prepend { display: flex } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2 } .input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3 } .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px } .input-group-prepend { margin-right: -1px } .input-group-append { margin-left: -1px } .input-group-text { align-items: center; background-color: #e9ecef; border: 1px solid #e8dfdb; border-radius: 4px; color: #61473c; display: flex; font-size: .8125rem; font-weight: 400; line-height: 1.25rem; margin-bottom: 0; padding: .4375rem 1rem; text-align: center; white-space: nowrap } .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0 } .input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) { height: calc(2.625rem + 2px) } .input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { border-radius: 5px; font-size: .9375rem; line-height: 1.25rem; padding: .6875rem 1rem } .input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { height: calc(1.75rem + 2px) } .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { border-radius: 3px; font-size: .75rem; line-height: 1.25rem; padding: .25rem 1rem } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 2rem } .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), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .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), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-bottom-left-radius: 0; border-top-left-radius: 0 } .custom-control { display: block; min-height: 1.44375rem; padding-left: 2.25rem; position: relative; z-index: 1 } .custom-control-inline { display: inline-flex; margin-right: 1rem } .custom-control-input { height: 1.471875rem; left: 0; width: 1.5rem; z-index: -1 } .custom-control-input:checked ~ .custom-control-label:before { background-color: var(--main-color); border-color: var(--main-color); color: #fff } .custom-control-input:focus ~ .custom-control-label:before { box-shadow: 0 0 0 3px rgba(222, 79, 22, .1) } .custom-control-input:focus:not(:checked) ~ .custom-control-label:before { border-color: var(--main-color) } .custom-control-input:not(:disabled):active ~ .custom-control-label:before { background-color: var(--main-color); border-color: var(--main-color); color: #fff } .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: #f5f6fa } .custom-control-label { margin-bottom: 0; position: relative; vertical-align: top } .custom-control-label:before { background-color: #fff; border: 2px solid #e8dfdb; pointer-events: none } .custom-control-label:after, .custom-control-label:before { content: ""; display: block; height: 1.5rem; left: -2.25rem; position: absolute; top: -.028125rem; width: 1.5rem } .custom-control-label:after { background: no-repeat 50%/50% 50% } .custom-checkbox .custom-control-label:before { border-radius: 4px } .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='m6.564.75-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 { background-color: #559bfb; border-color: #559bfb } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='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(222, 79, 22, .8) } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before { background-color: rgba(222, 79, 22, .8) } .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;charset=utf-8,%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(222, 79, 22, .8) } .custom-switch .custom-control-label:before { pointer-events: all } .custom-switch .custom-control-label:after { background-color: #e8dfdb; top: calc(-.02812rem + 4px); transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .custom-switch .custom-control-label:after { transition: none } } .custom-switch .custom-control-input:checked ~ .custom-control-label:after { background-color: #fff; transform: translateX(1.5rem) } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label:before { background-color: rgba(222, 79, 22, .8) } .custom-select { background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 1rem center/8px 10px no-repeat; border: 1px solid #e8dfdb; border-radius: 4px; color: #61473c; display: inline-block; font-size: .8125rem; font-weight: 400; height: calc(2.125rem + 2px); line-height: 1.25rem; padding: .4375rem 2rem .4375rem 1rem; vertical-align: middle; width: 100% } .custom-select:focus { border-color: var(--main-color); box-shadow: 0 0 0 .2rem rgba(85, 155, 251, .25); outline: 0 } .custom-select:focus::-ms-value { background-color: #fff; color: #61473c } .custom-select[multiple], .custom-select[size]:not([size="1"]) { background-image: none; height: auto; padding-right: 1rem } .custom-select:disabled { background-color: #e9ecef; color: #6c757d } .custom-select::-ms-expand { display: none } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #61473c } .custom-select-sm { font-size: .75rem; height: calc(1.75rem + 2px); padding-bottom: .25rem; padding-left: 1rem; padding-top: .25rem } .custom-select-lg { font-size: .9375rem; height: calc(2.625rem + 2px); padding-bottom: .6875rem; padding-left: 1rem; padding-top: .6875rem } .custom-file { display: inline-block; margin-bottom: 0 } .custom-file, .custom-file-input { height: calc(2.125rem + 2px); position: relative; width: 100% } .custom-file-input { margin: 0; opacity: 0; z-index: 2 } .custom-file-input:focus ~ .custom-file-label { border-color: var(--main-color); box-shadow: 0 0 0 3px rgba(222, 79, 22, .1) } .custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label { background-color: #f5f6fa } .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 { background-color: #fff; border: 1px solid #e8dfdb; border-radius: 4px; font-weight: 400; height: calc(2.125rem + 2px); left: 0; z-index: 1 } .custom-file-label, .custom-file-label:after { color: #61473c; line-height: 1.25rem; padding: .4375rem 1rem; position: absolute; right: 0; top: 0 } .custom-file-label:after { background-color: #e9ecef; border-left: inherit; border-radius: 0 4px 4px 0; bottom: 0; content: "Browse"; display: block; height: 2.125rem; z-index: 3 } .custom-range { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; height: 1.4rem; padding: 0; width: 100% } .custom-range:focus { outline: none } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #f5f6fa, 0 0 0 3px rgba(222, 79, 22, .1) } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #f5f6fa, 0 0 0 3px rgba(222, 79, 22, .1) } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #f5f6fa, 0 0 0 3px rgba(222, 79, 22, .1) } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: #559bfb; border: 0; border-radius: 1rem; height: 1rem; margin-top: -.25rem; -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 1rem } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .custom-range::-webkit-slider-thumb:active { background-color: #fff } .custom-range::-webkit-slider-runnable-track { background-color: #dee2e6; border-color: transparent; border-radius: 1rem; color: transparent; cursor: pointer; height: .5rem; width: 100% } .custom-range::-moz-range-thumb { -moz-appearance: none; appearance: none; background-color: #559bfb; border: 0; border-radius: 1rem; height: 1rem; -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 1rem } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none } } .custom-range::-moz-range-thumb:active { background-color: #fff } .custom-range::-moz-range-track { background-color: #dee2e6; border-color: transparent; border-radius: 1rem; color: transparent; cursor: pointer; height: .5rem; width: 100% } .custom-range::-ms-thumb { appearance: none; background-color: #559bfb; border: 0; border-radius: 1rem; height: 1rem; margin-left: .2rem; margin-right: .2rem; margin-top: 0; -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 1rem } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none } } .custom-range::-ms-thumb:active { background-color: #fff } .custom-range::-ms-track { background-color: transparent; border-color: transparent; border-width: .5rem; color: transparent; cursor: pointer; height: .5rem; width: 100% } .custom-range::-ms-fill-lower, .custom-range::-ms-fill-upper { background-color: #dee2e6; border-radius: 1rem } .custom-range::-ms-fill-upper { margin-right: 15px } .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 .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .custom-control-label:before, .custom-file-label, .custom-select { transition: none } } .nav { display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0 } .nav-link { display: block; padding: .5rem 1rem } .nav-link:focus, .nav-link:hover { text-decoration: none } .nav-link.disabled { color: #6c757d; cursor: default; pointer-events: none } .nav-tabs { border-bottom: 1px solid rgba(255,255,255,0.3) } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-bottom: -1px } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 } .nav-tabs .nav-link.disabled { background-color: transparent; border-color: transparent; color: #6c757d } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #f5f6fa; border-color: #dee2e6 #dee2e6 #f5f6fa; color: #495057 } .nav-tabs .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px } .nav-pills .nav-link { border-radius: 4px } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #559bfb; color: #fff } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } .navbar { padding: .5rem 1rem; position: relative } .navbar, .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl, .navbar .container-xxl { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between } .navbar-brand { display: inline-block; font-size: 1.25rem; line-height: inherit; margin-right: 1rem; padding-bottom: .3125rem; padding-top: .3125rem; white-space: nowrap } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-nav { display: flex; flex-direction: column; list-style: none; margin-bottom: 0; padding-left: 0 } .navbar-nav .nav-link { padding-left: 0; padding-right: 0 } .navbar-nav .dropdown-menu { float: none; position: static } .navbar-text { display: inline-block; padding-bottom: .5rem; padding-top: .5rem } .navbar-collapse { align-items: center; flex-basis: 100%; flex-grow: 1 } .navbar-toggler { background-color: transparent; border: 1px solid transparent; border-radius: 4px; font-size: 1.25rem; line-height: 1; padding: .25rem .75rem } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none } .navbar-toggler-icon { background: no-repeat 50%; background-size: 100% 100%; content: ""; display: inline-block; height: 1.5em; vertical-align: middle; width: 1.5em } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl { padding-left: 0; padding-right: 0 } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl { flex-wrap: nowrap } .navbar-expand-sm .navbar-collapse { display: flex !important; 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-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl { padding-left: 0; padding-right: 0 } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl { flex-wrap: nowrap } .navbar-expand-md .navbar-collapse { display: flex !important; 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-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl { padding-left: 0; padding-right: 0 } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl { flex-wrap: nowrap } .navbar-expand-lg .navbar-collapse { display: flex !important; 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-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl { padding-left: 0; padding-right: 0 } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl { flex-wrap: nowrap } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } @media (max-width: 1539.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl { padding-left: 0; padding-right: 0 } } @media (min-width: 1540px) { .navbar-expand-xxl { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl { flex-wrap: nowrap } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl, .navbar-expand > .container-xxl { padding-left: 0; padding-right: 0 } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl, .navbar-expand > .container-xxl { flex-wrap: nowrap } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .5) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, .7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, .3) } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-toggler { border-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .5) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' 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, .5) } .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, .9) } .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: hsla(0, 0%, 100%, .5) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: hsla(0, 0%, 100%, .75) } .navbar-dark .navbar-nav .nav-link.disabled { color: hsla(0, 0%, 100%, .25) } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: #fff } .navbar-dark .navbar-toggler { border-color: hsla(0, 0%, 100%, .1); color: hsla(0, 0%, 100%, .5) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .navbar-dark .navbar-text { color: hsla(0, 0%, 100%, .5) } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { word-wrap: break-word; background-clip: border-box; background-color: #fff; border: 0 solid rgba(0, 0, 0, .125); border-radius: 4px; display: flex; flex-direction: column; min-width: 0; position: relative } .card > hr { margin-left: 0; margin-right: 0 } .card > .list-group { border-bottom: inherit; border-top: inherit } .card > .list-group:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-width: 0 } .card > .list-group:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-width: 0 } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0 } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem } .card-title { margin-bottom: .75rem } .card-subtitle { margin-top: -.375rem } .card-subtitle, .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link + .card-link { margin-left: 1.25rem } .card-header { background-color: rgba(0, 0, 0, .07); border-bottom: 0 solid rgba(0, 0, 0, .125); margin-bottom: 0; padding: .75rem 1.25rem } .card-header:first-child { border-radius: 3px 3px 0 0 } .card-footer { background-color: rgba(0, 0, 0, .07); border-top: 0 solid rgba(0, 0, 0, .125); padding: .75rem 1.25rem } .card-footer:last-child { border-radius: 0 0 3px 3px } .card-header-tabs { border-bottom: 0; margin-bottom: -.75rem } .card-header-pills, .card-header-tabs { margin-left: -.625rem; margin-right: -.625rem } .card-img-overlay { border-radius: 3px; bottom: 0; left: 0; padding: 1.25rem; position: absolute; right: 0; top: 0 } .card-img, .card-img-bottom, .card-img-top { flex-shrink: 0; width: 100% } .card-img, .card-img-top { border-top-left-radius: 3px; border-top-right-radius: 3px } .card-img, .card-img-bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .card-deck .card { margin-bottom: 14px } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-left: -14px; margin-right: -14px } .card-deck .card { flex: 1 0 0%; margin-bottom: 0; margin-left: 14px; margin-right: 14px } } .card-group > .card { margin-bottom: 14px } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap } .card-group > .card { flex: 1 0 0%; margin-bottom: 0 } .card-group > .card + .card { border-left: 0; margin-left: 0 } .card-group > .card:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group > .card:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .card-columns .card { margin-bottom: .75rem } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -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-left-radius: 0; border-bottom-right-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: 0 } .breadcrumb { background-color: transparent; border-radius: 4px; flex-wrap: wrap; font-size: .6875rem; list-style: none; margin-bottom: 0; padding: .25rem 0 } .breadcrumb, .breadcrumb-item { display: flex } .breadcrumb-item + .breadcrumb-item { padding-left: .5rem } .breadcrumb-item + .breadcrumb-item:before { color: #a78b80; content: "/"; display: inline-block; padding-right: .5rem } .breadcrumb-item + .breadcrumb-item:hover:before { text-decoration: underline; text-decoration: none } .breadcrumb-item.active { color: #cbbab3 } .pagination { border-radius: 4px; display: flex; list-style: none; padding-left: 0 } .page-link { background-color: #fff; border: 1px solid #f1e8e4; color: #666; display: block; line-height: 1rem; margin-left: -1px; padding: .5625rem .625rem; position: relative } .page-link:hover { background-color: #f5efed; border-color: #f1e8e4; color: #b03e11; text-decoration: none; z-index: 2 } .page-link:focus { box-shadow: none; outline: 0; z-index: 3 } .page-item:first-child .page-link { border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin-left: 0 } .page-item:last-child .page-link { border-bottom-right-radius: 4px; border-top-right-radius: 4px } .page-item.active .page-link { background-color: var(--main-color); border-color: var(--main-color); color: #fff; z-index: 3 } .page-item.disabled .page-link { background-color: #fff; border-color: #f1e8e4; color: #e8dfdb; cursor: auto; pointer-events: none } .pagination-lg .page-link { font-size: 1.25rem; line-height: 1.5; padding: .5625rem .75rem } .pagination-lg .page-item:first-child .page-link { border-bottom-left-radius: 5px; border-top-left-radius: 5px } .pagination-lg .page-item:last-child .page-link { border-bottom-right-radius: 5px; border-top-right-radius: 5px } .pagination-sm .page-link { font-size: .75rem; line-height: 1.5; padding: .4375rem .5rem } .pagination-sm .page-item:first-child .page-link { border-bottom-left-radius: 3px; border-top-left-radius: 3px } .pagination-sm .page-item:last-child .page-link { border-bottom-right-radius: 3px; border-top-right-radius: 3px } .badge { border-radius: 3px; display: inline-block; font-size: .675rem; font-weight: 500; line-height: 1; padding: 0 .375rem; text-align: center; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; vertical-align: baseline; white-space: nowrap } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .badge { transition: none } } a.badge:focus, a.badge:hover { text-decoration: none } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .badge-pill { border-radius: 10rem; padding-left: .5rem; padding-right: .5rem } .badge-primary { background-color: var(--main-color); color: #fff } a.badge-primary:focus, a.badge-primary:hover { background-color: #b03e11; color: #fff } a.badge-primary.focus, a.badge-primary:focus { box-shadow: 0 0 0 .2rem rgba(222, 79, 22, .5); outline: 0 } .badge-secondary { background-color: #364a63; color: #fff } a.badge-secondary:focus, a.badge-secondary:hover { background-color: #243142; color: #fff } a.badge-secondary.focus, a.badge-secondary:focus { box-shadow: 0 0 0 .2rem rgba(54, 74, 99, .5); outline: 0 } .badge-success { background-color: #1aa509; color: #fff } a.badge-success:focus, a.badge-success:hover { background-color: #127506; color: #fff } a.badge-success.focus, a.badge-success:focus { box-shadow: 0 0 0 .2rem rgba(26, 165, 9, .5); outline: 0 } .badge-info { background-color: #09c2de; color: #fff } a.badge-info:focus, a.badge-info:hover { background-color: #0797ad; color: #fff } a.badge-info.focus, a.badge-info:focus { box-shadow: 0 0 0 .2rem rgba(9, 194, 222, .5); outline: 0 } .badge-warning { background-color: #f4bd0e; color: #fff } a.badge-warning:focus, a.badge-warning:hover { background-color: #c69909; color: #fff } a.badge-warning.focus, a.badge-warning:focus { box-shadow: 0 0 0 .2rem rgba(244, 189, 14, .5); outline: 0 } .badge-danger { background-color: #ff3828; color: #fff } a.badge-danger:focus, a.badge-danger:hover { background-color: #f41200; color: #fff } a.badge-danger.focus, a.badge-danger:focus { box-shadow: 0 0 0 .2rem rgba(255, 56, 40, .5); outline: 0 } .badge-dark { background-color: #1c2b46; color: #fff } a.badge-dark:focus, a.badge-dark:hover { background-color: #0d1522; color: #fff } a.badge-dark.focus, a.badge-dark:focus { box-shadow: 0 0 0 .2rem rgba(28, 43, 70, .5); outline: 0 } .badge-gray { background-color: #a78b80; color: #fff } a.badge-gray:focus, a.badge-gray:hover { background-color: #907064; color: #fff } a.badge-gray.focus, a.badge-gray:focus { box-shadow: 0 0 0 .2rem hsla(17, 18%, 58%, .5); outline: 0 } .badge-light { background-color: #f1e8e4; color: #1e1e1e } a.badge-light:focus, a.badge-light:hover { background-color: #e0cbc2; color: #1e1e1e } a.badge-light.focus, a.badge-light:focus { box-shadow: 0 0 0 .2rem hsla(18, 32%, 92%, .5); outline: 0 } .badge-lighter { background-color: #f5f6fa; color: #1e1e1e } a.badge-lighter:focus, a.badge-lighter:hover { background-color: #d3d7e9; color: #1e1e1e } a.badge-lighter.focus, a.badge-lighter:focus { box-shadow: 0 0 0 .2rem rgba(245, 246, 250, .5); outline: 0 } .jumbotron { background-color: #e9ecef; border-radius: 5px; margin-bottom: 2rem; padding: 2rem 1rem } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem } } .jumbotron-fluid { border-radius: 0; padding-left: 0; padding-right: 0 } .alert { border: 1px solid transparent; border-radius: 4px; margin-bottom: 2rem; padding: 1rem 1.25rem; position: relative } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 4rem } .alert-dismissible .close { color: inherit; padding: 1rem 1.25rem; position: absolute; right: 0; top: 0 } .alert-primary { background-color: #fbeae3; border-color: #f3c0ab; color: #ba4212 } .alert-primary hr { border-top-color: #f0af95 } .alert-primary .alert-link { color: #8c320e } .alert-secondary { background-color: #e7e9ec; border-color: #b7bec7; color: #2d3e53 } .alert-secondary hr { border-top-color: #a9b1bc } .alert-secondary .alert-link { color: #1b2532 } .alert-success { background-color: #e4f4e1; border-color: #addfa6; color: #168b08 } .alert-success hr { border-top-color: #9cd893 } .alert-success .alert-link { color: #0e5b05 } .alert-info { background-color: #e1f8fb; border-color: #a6e9f3; color: #08a3ba } .alert-info hr { border-top-color: #90e3f0 } .alert-info .alert-link { color: #067889 } .alert-warning { background-color: #fef7e2; border-color: #fbe7a8; color: #cd9f0c } .alert-warning hr { border-top-color: #fae090 } .alert-warning .alert-link { color: #9d7a09 } .alert-danger { background-color: #ffe7e5; border-color: #ffb7b2; color: #d62f22 } .alert-danger hr { border-top-color: #ff9f99 } .alert-danger .alert-link { color: #aa251b } .alert-dark { background-color: #e4e6e9; border-color: #adb3bc; color: #18243b } .alert-dark hr { border-top-color: #9fa6b1 } .alert-dark .alert-link { color: #090e17 } .alert-gray { background-color: #f4f1f0; border-color: #dfd5d1; color: #8c756c } .alert-gray hr { border-top-color: #d5c7c2 } .alert-gray .alert-link { color: #6f5d56 } .alert-light { background-color: #fdfcfc; border-color: #faf7f5; color: #cac3c0 } .alert-light hr { border-top-color: #f2e9e4 } .alert-light .alert-link { color: #b3a9a4 } .alert-lighter { background-color: #fefefe; border-color: #fbfcfd; color: #cecfd2 } .alert-lighter hr { border-top-color: #eaeff5 } .alert-lighter .alert-link { color: #b3b5ba } @-webkit-keyframes progress-bar-stripes { 0% { background-position: .5rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { 0% { background-position: .5rem 0 } to { background-position: 0 0 } } .progress { background-color: #f5f6fa; border-radius: 2px; font-size: .75rem; height: .5rem; line-height: 0 } .progress, .progress-bar { display: flex; overflow: hidden } .progress-bar { background-color: var(--main-color); color: #fff; flex-direction: column; justify-content: center; text-align: center; transition: width .6s ease; white-space: nowrap } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent); background-size: .5rem .5rem } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .media { align-items: flex-start; display: flex } .media-body { flex: 1 } .list-group { border-radius: 4px; display: flex; flex-direction: column; margin-bottom: 0; padding-left: 0 } .list-group-item-action { color: #495057; text-align: inherit; width: 100% } .list-group-item-action:focus, .list-group-item-action:hover { background-color: #f8f9fa; color: #495057; text-decoration: none; z-index: 1 } .list-group-item-action:active { background-color: #e9ecef; color: #666 } .list-group-item { background-color: #fff; border: 1px solid rgba(0, 0, 0, .125); display: block; padding: .75rem 1.25rem; position: relative } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { background-color: #fff; color: #6c757d; pointer-events: none } .list-group-item.active { background-color: #559bfb; border-color: #559bfb; color: #fff; z-index: 2 } .list-group-item + .list-group-item { border-top-width: 0 } .list-group-item + .list-group-item.active { border-top-width: 1px; margin-top: -1px } .list-group-horizontal { flex-direction: row } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .list-group-horizontal > .list-group-item:last-child { border-bottom-left-radius: 0; border-top-right-radius: 4px } .list-group-horizontal > .list-group-item.active { margin-top: 0 } .list-group-horizontal > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: 1px } .list-group-horizontal > .list-group-item + .list-group-item.active { border-left-width: 1px; margin-left: -1px } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .list-group-horizontal-sm > .list-group-item:last-child { border-bottom-left-radius: 0; border-top-right-radius: 4px } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0 } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: 1px } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { border-left-width: 1px; margin-left: -1px } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .list-group-horizontal-md > .list-group-item:last-child { border-bottom-left-radius: 0; border-top-right-radius: 4px } .list-group-horizontal-md > .list-group-item.active { margin-top: 0 } .list-group-horizontal-md > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: 1px } .list-group-horizontal-md > .list-group-item + .list-group-item.active { border-left-width: 1px; margin-left: -1px } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .list-group-horizontal-lg > .list-group-item:last-child { border-bottom-left-radius: 0; border-top-right-radius: 4px } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0 } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: 1px } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { border-left-width: 1px; margin-left: -1px } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .list-group-horizontal-xl > .list-group-item:last-child { border-bottom-left-radius: 0; border-top-right-radius: 4px } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: 1px } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { border-left-width: 1px; margin-left: -1px } } @media (min-width: 1540px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .list-group-horizontal-xxl > .list-group-item:last-child { border-bottom-left-radius: 0; border-top-right-radius: 4px } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: 1px } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { border-left-width: 1px; margin-left: -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 { background-color: #f6cebe; color: #73290b } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { background-color: #f3bda8; color: #73290b } .list-group-item-primary.list-group-item-action.active { background-color: #73290b; border-color: #73290b; color: #fff } .list-group-item-secondary { background-color: #c7ccd3; color: #1c2633 } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { background-color: #b9bfc8; color: #1c2633 } .list-group-item-secondary.list-group-item-action.active { background-color: #1c2633; border-color: #1c2633; color: #fff } .list-group-item-success { background-color: #bfe6ba; color: #0e5605 } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { background-color: #aedfa7; color: #0e5605 } .list-group-item-success.list-group-item-action.active { background-color: #0e5605; border-color: #0e5605; color: #fff } .list-group-item-info { background-color: #baeef6; color: #056573 } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { background-color: #a3e8f3; color: #056573 } .list-group-item-info.list-group-item-action.active { background-color: #056573; border-color: #056573; color: #fff } .list-group-item-warning { background-color: #fcedbc; color: #7f6207 } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { background-color: #fbe6a4; color: #7f6207 } .list-group-item-warning.list-group-item-action.active { background-color: #7f6207; border-color: #7f6207; color: #fff } .list-group-item-danger { background-color: #ffc7c3; color: #851d15 } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { background-color: #ffafaa; color: #851d15 } .list-group-item-danger.list-group-item-action.active { background-color: #851d15; border-color: #851d15; color: #fff } .list-group-item-dark { background-color: #bfc4cb; color: #0f1624 } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { background-color: #b1b7c0; color: #0f1624 } .list-group-item-dark.list-group-item-action.active { background-color: #0f1624; border-color: #0f1624; color: #fff } .list-group-item-gray { background-color: #e6dfdb; color: #574843 } .list-group-item-gray.list-group-item-action:focus, .list-group-item-gray.list-group-item-action:hover { background-color: #dcd2cc; color: #574843 } .list-group-item-gray.list-group-item-action.active { background-color: #574843; border-color: #574843; color: #fff } .list-group-item-light { background-color: #fbf9f7; color: #7d7977 } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { background-color: #f3ece6; color: #7d7977 } .list-group-item-light.list-group-item-action.active { background-color: #7d7977; border-color: #7d7977; color: #fff } .list-group-item-lighter { background-color: #fcfcfe; color: #7f8082 } .list-group-item-lighter.list-group-item-action:focus, .list-group-item-lighter.list-group-item-action:hover { background-color: #e9e9f8; color: #7f8082 } .list-group-item-lighter.list-group-item-action.active { background-color: #7f8082; border-color: #7f8082; color: #fff } .close { color: #000; float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; opacity: .5; text-shadow: 0 1px 0 #fff } .close:hover { color: #000; text-decoration: none } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: .75 } button.close { background-color: transparent; border: 0; padding: 0 } a.close.disabled { pointer-events: none } .toast { background-clip: padding-box; background-color: hsla(0, 0%, 100%, .85); border: 1px solid rgba(0, 0, 0, .1); border-radius: .25rem; box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1); flex-basis: 350px; font-size: .875rem; max-width: 350px; opacity: 0 } .toast:not(:last-child) { margin-bottom: .75rem } .toast.showing { opacity: 1 } .toast.show { display: block; opacity: 1 } .toast.hide { display: none } .toast-header { align-items: center; background-clip: padding-box; background-color: hsla(0, 0%, 100%, .85); border-bottom: 1px solid rgba(0, 0, 0, .05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); color: #6c757d; display: flex; padding: .25rem .75rem } .toast-body { padding: .75rem } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { display: none; height: 100%; left: 0; outline: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 1050 } .modal-dialog { margin: .5rem; pointer-events: none; position: relative; width: auto } .modal.fade .modal-dialog { transform: translateY(-30px); transition: transform .3s ease-out } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none !important } .modal.modal-static .modal-dialog { transform: scale(.95) } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centevar(--main-color) { align-items: center; display: flex; min-height: calc(100% - 1rem) } .modal-dialog-centevar(--main-color):before { content: ""; display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content } .modal-dialog-centevar(--main-color).modal-dialog-scrollable { flex-direction: column; height: 100%; justify-content: center } .modal-dialog-centevar(--main-color).modal-dialog-scrollable .modal-content { max-height: none } .modal-dialog-centevar(--main-color).modal-dialog-scrollable:before { content: none } .modal-content { background-clip: padding-box; background-color: #fff; border: 0 solid transparent; border-radius: 5px; display: flex; flex-direction: column; outline: 0; pointer-events: auto; width: 100% } .modal-backdrop { background-color: #364a63; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 1040 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { align-items: flex-start; border-bottom: 1px solid #444 !important; border-top-left-radius: 4px; border-top-right-radius: 4px; display: flex; justify-content: space-between; padding: 1rem 1.25rem } .modal-header .close { margin: -1rem -1.25rem -1rem auto; padding: 1rem 1.25rem } .modal-title { line-height: 1.5; margin-bottom: 0 } .modal-body { flex: 1 1 auto; padding: 1.25rem; position: relative } .modal-footer { align-items: center; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: 1px solid #e8dfdb; display: flex; flex-wrap: wrap; justify-content: flex-end; padding: 1rem } .modal-footer > * { margin: .25rem } .modal-scrollbar-measure { height: 50px; overflow: scroll; position: absolute; top: -9999px; width: 50px } @media (min-width: 576px) { .modal-dialog { margin: 1.75rem auto; max-width: 520px } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) } .modal-dialog-centevar(--main-color) { min-height: calc(100% - 3.5rem) } .modal-dialog-centevar(--main-color):before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content } .modal-sm { max-width: 360px } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 720px } } @media (min-width: 1200px) { .modal-xl { max-width: 980px } } .tooltip { word-wrap: break-word; display: block; font-family: Roboto, sans-serif, Helvetica Neue, Arial, Noto Sans; font-size: .8125rem; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.65; margin: 0; opacity: 0; position: absolute; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; z-index: 1070 } .tooltip.show { opacity: .9 } .tooltip .arrow { display: block; height: .4rem; position: absolute; width: .8rem } .tooltip .arrow:before { border-color: transparent; border-style: solid; content: ""; position: absolute } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 } .bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before { border-top-color: #1e1e1e; border-width: .4rem .4rem 0; top: 0 } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { height: .8rem; left: 0; width: .4rem } .bs-tooltip-auto[x-placement^=right] .arrow:before, .bs-tooltip-right .arrow:before { border-right-color: #1e1e1e; border-width: .4rem .4rem .4rem 0; right: 0 } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow:before, .bs-tooltip-bottom .arrow:before { border-bottom-color: #1e1e1e; border-width: 0 .4rem .4rem; bottom: 0 } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { height: .8rem; right: 0; width: .4rem } .bs-tooltip-auto[x-placement^=left] .arrow:before, .bs-tooltip-left .arrow:before { border-left-color: #1e1e1e; border-width: .4rem 0 .4rem .4rem; left: 0 } .tooltip-inner { background-color: #1e1e1e; border-radius: 3px; color: #fff; max-width: 200px; padding: .25rem .75rem; text-align: center } .popover { word-wrap: break-word; background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px; font-family: Roboto, sans-serif, Helvetica Neue, Arial, Noto Sans; font-size: .875rem; font-style: normal; font-weight: 400; left: 0; letter-spacing: normal; line-break: auto; line-height: 1.65; max-width: 276px; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; top: 0; white-space: normal; word-break: normal; word-spacing: normal; z-index: 1060 } .popover, .popover .arrow { display: block; position: absolute } .popover .arrow { height: .5rem; margin: 0 5px; width: 1rem } .popover .arrow:after, .popover .arrow:before { border-color: transparent; border-style: solid; content: ""; display: block; position: absolute } .bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: .5rem } .bs-popover-auto[x-placement^=top] > .arrow, .bs-popover-top > .arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[x-placement^=top] > .arrow:before, .bs-popover-top > .arrow:before { border-top-color: rgba(0, 0, 0, .25); border-width: .5rem .5rem 0; bottom: 0 } .bs-popover-auto[x-placement^=top] > .arrow:after, .bs-popover-top > .arrow:after { border-top-color: #fff; border-width: .5rem .5rem 0; bottom: 1px } .bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: .5rem } .bs-popover-auto[x-placement^=right] > .arrow, .bs-popover-right > .arrow { height: 1rem; left: calc(-.5rem - 1px); margin: 5px 0; width: .5rem } .bs-popover-auto[x-placement^=right] > .arrow:before, .bs-popover-right > .arrow:before { border-right-color: rgba(0, 0, 0, .25); border-width: .5rem .5rem .5rem 0; left: 0 } .bs-popover-auto[x-placement^=right] > .arrow:after, .bs-popover-right > .arrow:after { border-right-color: #fff; border-width: .5rem .5rem .5rem 0; left: 1px } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: .5rem } .bs-popover-auto[x-placement^=bottom] > .arrow, .bs-popover-bottom > .arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[x-placement^=bottom] > .arrow:before, .bs-popover-bottom > .arrow:before { border-bottom-color: rgba(0, 0, 0, .25); border-width: 0 .5rem .5rem; top: 0 } .bs-popover-auto[x-placement^=bottom] > .arrow:after, .bs-popover-bottom > .arrow:after { border-bottom-color: #fff; border-width: 0 .5rem .5rem; top: 1px } .bs-popover-auto[x-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before { border-bottom: 1px solid #f7f7f7; content: ""; display: block; left: 50%; margin-left: -.5rem; position: absolute; top: 0; width: 1rem } .bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: .5rem } .bs-popover-auto[x-placement^=left] > .arrow, .bs-popover-left > .arrow { height: 1rem; margin: 5px 0; right: calc(-.5rem - 1px); width: .5rem } .bs-popover-auto[x-placement^=left] > .arrow:before, .bs-popover-left > .arrow:before { border-left-color: rgba(0, 0, 0, .25); border-width: .5rem 0 .5rem .5rem; right: 0 } .bs-popover-auto[x-placement^=left] > .arrow:after, .bs-popover-left > .arrow:after { border-left-color: #fff; border-width: .5rem 0 .5rem .5rem; right: 1px } .popover-header { background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: .875rem; margin-bottom: 0; padding: .5rem .75rem } .popover-header:empty { display: none } .popover-body { color: #666; padding: .5rem .75rem } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { overflow: hidden; position: relative; width: 100% } .carousel-inner:after { clear: both; content: ""; display: block } .carousel-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; float: left; margin-right: -100%; position: relative; transition: transform .6s ease-in-out; width: 100% } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { transform: translateX(100%) } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transform: none; transition-property: opacity } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1; z-index: 1 } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; transition: opacity 0s .6s; z-index: 0 } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none } } .carousel-control-next, .carousel-control-prev { align-items: center; bottom: 0; color: #fff; display: flex; justify-content: center; opacity: .5; position: absolute; text-align: center; top: 0; transition: opacity .15s ease; width: 15%; z-index: 1 } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; opacity: .9; outline: 0; text-decoration: none } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { background: 50%/100% 100% no-repeat; display: inline-block; height: 20px; width: 20px } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='m5.25 0-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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E") } .carousel-indicators { bottom: 0; display: flex; justify-content: center; left: 0; list-style: none; margin-left: 15%; margin-right: 15%; padding-left: 0; position: absolute; right: 0; z-index: 15 } .carousel-indicators li { background-clip: padding-box; background-color: #fff; border-bottom: 10px solid transparent; border-top: 10px solid transparent; box-sizing: content-box; cursor: pointer; flex: 0 1 auto; height: 3px; margin-left: 3px; margin-right: 3px; opacity: .5; text-indent: -999px; transition: opacity .6s ease; width: 30px } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .carousel-indicators li { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { bottom: 20px; color: #fff; left: 15%; padding-bottom: 20px; padding-top: 20px; position: absolute; right: 15%; text-align: center; z-index: 10 } @-webkit-keyframes spinner-border { to { transform: rotate(1turn) } } @keyframes spinner-border { to { transform: rotate(1turn) } } .spinner-border { -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; border: .25em solid; border-radius: 50%; border-right: .25em solid transparent; display: inline-block; height: 2rem; vertical-align: text-bottom; width: 2rem } .spinner-border-sm { border-width: .2em; height: 1rem; width: 1rem } @-webkit-keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite; background-color: currentColor; border-radius: 50%; display: inline-block; height: 2rem; opacity: 0; vertical-align: text-bottom; width: 2rem } .spinner-grow-sm { height: 1rem; width: 1rem } @media (prefers-var(--main-color)uced-motion: var(--main-color)uce) { .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: var(--main-color) !important } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #b03e11 !important } .bg-secondary { background-color: #364a63 !important } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #243142 !important } .bg-success { background-color: #1aa509 !important } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #127506 !important } .bg-info { background-color: #09c2de !important } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #0797ad !important } .bg-warning { background-color: #f4bd0e !important } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #c69909 !important } .bg-danger { background-color: #ff3828 !important } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #f41200 !important } .bg-dark { background-color: #1c2b46 !important } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #0d1522 !important } .bg-gray { background-color: #a78b80 !important } a.bg-gray:focus, a.bg-gray:hover, button.bg-gray:focus, button.bg-gray:hover { background-color: #907064 !important } .bg-light { background-color: #f1e8e4 !important } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #e0cbc2 !important } .bg-lighter { background-color: #f5f6fa !important } a.bg-lighter:focus, a.bg-lighter:hover, button.bg-lighter:focus, button.bg-lighter:hover { background-color: #d3d7e9 !important } .bg-white { background-color: #fff !important } .bg-transparent { background-color: transparent !important } .border { border: 1px solid #e8dfdb !important } .border-top { border-top: 1px solid #555 !important; } .border-right { border-right: 1px solid #e8dfdb !important } .border-bottom { border-bottom: 1px solid #e8dfdb !important } .border-left { border-left: 1px solid #e8dfdb !important } .border-0, .no-bdr { border: 0 !important } .border-top-0, .no-bdr-t, .no-bdr-y { border-top: 0 !important } .border-right-0, .no-bdr-r, .no-bdr-x { border-right: 0 !important } .border-bottom-0, .no-bdr-b, .no-bdr-y { border-bottom: 0 !important } .border-left-0, .no-bdr-l, .no-bdr-x { border-left: 0 !important } .border-primary { border-color: var(--main-color) !important } .border-secondary { border-color: #364a63 !important } .border-success { border-color: #1aa509 !important } .border-info { border-color: #09c2de !important } .border-warning { border-color: #f4bd0e !important } .border-danger { border-color: #ff3828 !important } .border-dark { border-color: #1c2b46 !important } .border-gray { border-color: #a78b80 !important } .border-light { border-color: #f1e8e4 !important } .border-lighter { border-color: #f5f6fa !important } .border-white { border-color: #fff !important } .rounded-sm { border-radius: 3px !important } .rounded { border-radius: 4px !important } .rounded-top { border-top-left-radius: 4px !important } .rounded-right, .rounded-top { border-top-right-radius: 4px !important } .rounded-bottom, .rounded-right { border-bottom-right-radius: 4px !important } .rounded-bottom, .rounded-left { border-bottom-left-radius: 4px !important } .rounded-left { border-top-left-radius: 4px !important } .rounded-lg { border-radius: 5px !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 1.5rem !important } .rounded-0 { border-radius: 0 !important } .clearfix:after { clear: both; content: ""; display: block } .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 } .align-center, .align-end, .align-start, .between-center, .between-start, .center, .d-flex, .justify-around, .justify-between, .justify-center, .justify-end, .justify-start, .stretch { display: flex !important } .d-inline-flex { 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: flex !important } .d-sm-inline-flex { 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: flex !important } .d-md-inline-flex { 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: flex !important } .d-lg-inline-flex { 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: flex !important } .d-xl-inline-flex { display: inline-flex !important } } @media (min-width: 1540px) { .d-xxl-none { display: none !important } .d-xxl-inline { display: inline !important } .d-xxl-inline-block { display: inline-block !important } .d-xxl-block { display: block !important } .d-xxl-table { display: table !important } .d-xxl-table-row { display: table-row !important } .d-xxl-table-cell { display: table-cell !important } .d-xxl-flex { display: flex !important } .d-xxl-inline-flex { 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: flex !important } .d-print-inline-flex { display: inline-flex !important } } .embed-responsive { display: block; overflow: hidden; padding: 0; position: relative; width: 100% } .embed-responsive:before { content: ""; display: block } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { border: 0; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .embed-responsive-21by9:before { padding-top: 42.8571428571% } .embed-responsive-16by9:before { padding-top: 56.25% } .embed-responsive-4by3:before { padding-top: 75% } .embed-responsive-1by1:before { padding-top: 100% } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-fill { flex: 1 1 auto !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .justify-content-start, .justify-start { justify-content: flex-start !important } .justify-content-end, .justify-end { justify-content: flex-end !important } .center, .justify-center, .justify-content-center { justify-content: center !important } .between-center, .between-start, .justify-between, .justify-content-between { justify-content: space-between !important } .justify-around, .justify-content-around { justify-content: space-around !important } .align-items-start, .align-start, .between-start { align-items: flex-start !important } .align-end, .align-items-end { align-items: flex-end !important } .align-center, .align-items-center, .between-center, .center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch, .stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } } @media (min-width: 1540px) { .flex-xxl-row { flex-direction: row !important } .flex-xxl-column { flex-direction: column !important } .flex-xxl-row-reverse { flex-direction: row-reverse !important } .flex-xxl-column-reverse { flex-direction: column-reverse !important } .flex-xxl-wrap { flex-wrap: wrap !important } .flex-xxl-nowrap { flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-xxl-fill { flex: 1 1 auto !important } .flex-xxl-grow-0 { flex-grow: 0 !important } .flex-xxl-grow-1 { flex-grow: 1 !important } .flex-xxl-shrink-0 { flex-shrink: 0 !important } .flex-xxl-shrink-1 { flex-shrink: 1 !important } .justify-content-xxl-start { justify-content: flex-start !important } .justify-content-xxl-end { justify-content: flex-end !important } .justify-content-xxl-center { justify-content: center !important } .justify-content-xxl-between { justify-content: space-between !important } .justify-content-xxl-around { justify-content: space-around !important } .align-items-xxl-start { align-items: flex-start !important } .align-items-xxl-end { align-items: flex-end !important } .align-items-xxl-center { align-items: center !important } .align-items-xxl-baseline { align-items: baseline !important } .align-items-xxl-stretch { align-items: stretch !important } .align-content-xxl-start { align-content: flex-start !important } .align-content-xxl-end { align-content: flex-end !important } .align-content-xxl-center { align-content: center !important } .align-content-xxl-between { align-content: space-between !important } .align-content-xxl-around { align-content: space-around !important } .align-content-xxl-stretch { align-content: stretch !important } .align-self-xxl-auto { align-self: auto !important } .align-self-xxl-start { align-self: flex-start !important } .align-self-xxl-end { align-self: flex-end !important } .align-self-xxl-center { align-self: center !important } .align-self-xxl-baseline { align-self: baseline !important } .align-self-xxl-stretch { 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 } } @media (min-width: 1540px) { .float-xxl-left { float: left !important } .float-xxl-right { float: right !important } .float-xxl-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 } .pos-rel, .position-relative { position: relative !important } .pos-abs, .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: sticky !important } .fixed-top { top: 0 } .fixed-bottom, .fixed-top { left: 0; position: fixed; right: 0; z-index: 1030 } .fixed-bottom { bottom: 0 } @supports (position:sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020 } } .sr-only { clip: rect(0, 0, 0, 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; overflow: visible; position: static; white-space: normal; width: auto } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(66, 47, 40, .15) !important } .shadow { box-shadow: 0 3px 12px 1px rgba(66, 47, 40, .15) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(66, 47, 40, .25) !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: .375rem !important } .mt-1, .my-1 { margin-top: .375rem !important } .mr-1, .mx-1 { margin-right: .375rem !important } .mb-1, .my-1 { margin-bottom: .375rem !important } .ml-1, .mx-1 { margin-left: .375rem !important } .m-2 { margin: .75rem !important } .mt-2, .my-2 { margin-top: .75rem !important } .mr-2, .mx-2 { margin-right: .75rem !important } .mb-2, .my-2 { margin-bottom: .75rem !important } .ml-2, .mx-2 { margin-left: .75rem !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: 2.75rem !important } .mt-5, .my-5 { margin-top: 2.75rem !important } .mr-5, .mx-5 { margin-right: 2.75rem !important } .mb-5, .my-5 { margin-bottom: 2.75rem !important } .ml-5, .mx-5 { margin-left: 2.75rem !important } .m-gs { margin: 28px !important } .mt-gs, .my-gs { margin-top: 28px !important } .mr-gs, .mx-gs { margin-right: 28px !important } .mb-gs, .my-gs { margin-bottom: 28px !important } .ml-gs, .mx-gs { margin-left: 28px !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: .375rem !important } .pt-1, .py-1 { padding-top: .375rem !important } .pr-1, .px-1 { padding-right: .375rem !important } .pb-1, .py-1 { padding-bottom: .375rem !important } .pl-1, .px-1 { padding-left: .375rem !important } .p-2 { padding: .75rem !important } .pt-2, .py-2 { padding-top: .75rem !important } .pr-2, .px-2 { padding-right: .75rem !important } .pb-2, .py-2 { padding-bottom: .75rem !important } .pl-2, .px-2 { padding-left: .75rem !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: 2.75rem !important } .pt-5, .py-5 { padding-top: 2.75rem !important } .pr-5, .px-5 { padding-right: 2.75rem !important } .pb-5, .py-5 { padding-bottom: 2.75rem !important } .pl-5, .px-5 { padding-left: 2.75rem !important } .p-gs { padding: 28px !important } .pt-gs, .py-gs { padding-top: 28px !important } .pr-gs, .px-gs { padding-right: 28px !important } .pb-gs, .py-gs { padding-bottom: 28px !important } .pl-gs, .px-gs { padding-left: 28px !important } .m-n1 { margin: -.375rem !important } .mt-n1, .my-n1 { margin-top: -.375rem !important } .mr-n1, .mx-n1 { margin-right: -.375rem !important } .mb-n1, .my-n1 { margin-bottom: -.375rem !important } .ml-n1, .mx-n1 { margin-left: -.375rem !important } .m-n2 { margin: -.75rem !important } .mt-n2, .my-n2 { margin-top: -.75rem !important } .mr-n2, .mx-n2 { margin-right: -.75rem !important } .mb-n2, .my-n2 { margin-bottom: -.75rem !important } .ml-n2, .mx-n2 { margin-left: -.75rem !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: -2.75rem !important } .mt-n5, .my-n5 { margin-top: -2.75rem !important } .mr-n5, .mx-n5 { margin-right: -2.75rem !important } .mb-n5, .my-n5 { margin-bottom: -2.75rem !important } .ml-n5, .mx-n5 { margin-left: -2.75rem !important } .m-ngs { margin: -28px !important } .mt-ngs, .my-ngs { margin-top: -28px !important } .mr-ngs, .mx-ngs { margin-right: -28px !important } .mb-ngs, .my-ngs { margin-bottom: -28px !important } .ml-ngs, .mx-ngs { margin-left: -28px !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: .375rem !important } .mt-sm-1, .my-sm-1 { margin-top: .375rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .375rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .375rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .375rem !important } .m-sm-2 { margin: .75rem !important } .mt-sm-2, .my-sm-2 { margin-top: .75rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .75rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .75rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .75rem !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: 2.75rem !important } .mt-sm-5, .my-sm-5 { margin-top: 2.75rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 2.75rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 2.75rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 2.75rem !important } .m-sm-gs { margin: 28px !important } .mt-sm-gs, .my-sm-gs { margin-top: 28px !important } .mr-sm-gs, .mx-sm-gs { margin-right: 28px !important } .mb-sm-gs, .my-sm-gs { margin-bottom: 28px !important } .ml-sm-gs, .mx-sm-gs { margin-left: 28px !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: .375rem !important } .pt-sm-1, .py-sm-1 { padding-top: .375rem !important } .pr-sm-1, .px-sm-1 { padding-right: .375rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .375rem !important } .pl-sm-1, .px-sm-1 { padding-left: .375rem !important } .p-sm-2 { padding: .75rem !important } .pt-sm-2, .py-sm-2 { padding-top: .75rem !important } .pr-sm-2, .px-sm-2 { padding-right: .75rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .75rem !important } .pl-sm-2, .px-sm-2 { padding-left: .75rem !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: 2.75rem !important } .pt-sm-5, .py-sm-5 { padding-top: 2.75rem !important } .pr-sm-5, .px-sm-5 { padding-right: 2.75rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 2.75rem !important } .pl-sm-5, .px-sm-5 { padding-left: 2.75rem !important } .p-sm-gs { padding: 28px !important } .pt-sm-gs, .py-sm-gs { padding-top: 28px !important } .pr-sm-gs, .px-sm-gs { padding-right: 28px !important } .pb-sm-gs, .py-sm-gs { padding-bottom: 28px !important } .pl-sm-gs, .px-sm-gs { padding-left: 28px !important } .m-sm-n1 { margin: -.375rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -.375rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.375rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.375rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.375rem !important } .m-sm-n2 { margin: -.75rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -.75rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.75rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.75rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.75rem !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: -2.75rem !important } .mt-sm-n5, .my-sm-n5 { margin-top: -2.75rem !important } .mr-sm-n5, .mx-sm-n5 { margin-right: -2.75rem !important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -2.75rem !important } .ml-sm-n5, .mx-sm-n5 { margin-left: -2.75rem !important } .m-sm-ngs { margin: -28px !important } .mt-sm-ngs, .my-sm-ngs { margin-top: -28px !important } .mr-sm-ngs, .mx-sm-ngs { margin-right: -28px !important } .mb-sm-ngs, .my-sm-ngs { margin-bottom: -28px !important } .ml-sm-ngs, .mx-sm-ngs { margin-left: -28px !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: .375rem !important } .mt-md-1, .my-md-1 { margin-top: .375rem !important } .mr-md-1, .mx-md-1 { margin-right: .375rem !important } .mb-md-1, .my-md-1 { margin-bottom: .375rem !important } .ml-md-1, .mx-md-1 { margin-left: .375rem !important } .m-md-2 { margin: .75rem !important } .mt-md-2, .my-md-2 { margin-top: .75rem !important } .mr-md-2, .mx-md-2 { margin-right: .75rem !important } .mb-md-2, .my-md-2 { margin-bottom: .75rem !important } .ml-md-2, .mx-md-2 { margin-left: .75rem !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: 2.75rem !important } .mt-md-5, .my-md-5 { margin-top: 2.75rem !important } .mr-md-5, .mx-md-5 { margin-right: 2.75rem !important } .mb-md-5, .my-md-5 { margin-bottom: 2.75rem !important } .ml-md-5, .mx-md-5 { margin-left: 2.75rem !important } .m-md-gs { margin: 28px !important } .mt-md-gs, .my-md-gs { margin-top: 28px !important } .mr-md-gs, .mx-md-gs { margin-right: 28px !important } .mb-md-gs, .my-md-gs { margin-bottom: 28px !important } .ml-md-gs, .mx-md-gs { margin-left: 28px !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: .375rem !important } .pt-md-1, .py-md-1 { padding-top: .375rem !important } .pr-md-1, .px-md-1 { padding-right: .375rem !important } .pb-md-1, .py-md-1 { padding-bottom: .375rem !important } .pl-md-1, .px-md-1 { padding-left: .375rem !important } .p-md-2 { padding: .75rem !important } .pt-md-2, .py-md-2 { padding-top: .75rem !important } .pr-md-2, .px-md-2 { padding-right: .75rem !important } .pb-md-2, .py-md-2 { padding-bottom: .75rem !important } .pl-md-2, .px-md-2 { padding-left: .75rem !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: 2.75rem !important } .pt-md-5, .py-md-5 { padding-top: 2.75rem !important } .pr-md-5, .px-md-5 { padding-right: 2.75rem !important } .pb-md-5, .py-md-5 { padding-bottom: 2.75rem !important } .pl-md-5, .px-md-5 { padding-left: 2.75rem !important } .p-md-gs { padding: 28px !important } .pt-md-gs, .py-md-gs { padding-top: 28px !important } .pr-md-gs, .px-md-gs { padding-right: 28px !important } .pb-md-gs, .py-md-gs { padding-bottom: 28px !important } .pl-md-gs, .px-md-gs { padding-left: 28px !important } .m-md-n1 { margin: -.375rem !important } .mt-md-n1, .my-md-n1 { margin-top: -.375rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -.375rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -.375rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -.375rem !important } .m-md-n2 { margin: -.75rem !important } .mt-md-n2, .my-md-n2 { margin-top: -.75rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -.75rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -.75rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -.75rem !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: -2.75rem !important } .mt-md-n5, .my-md-n5 { margin-top: -2.75rem !important } .mr-md-n5, .mx-md-n5 { margin-right: -2.75rem !important } .mb-md-n5, .my-md-n5 { margin-bottom: -2.75rem !important } .ml-md-n5, .mx-md-n5 { margin-left: -2.75rem !important } .m-md-ngs { margin: -28px !important } .mt-md-ngs, .my-md-ngs { margin-top: -28px !important } .mr-md-ngs, .mx-md-ngs { margin-right: -28px !important } .mb-md-ngs, .my-md-ngs { margin-bottom: -28px !important } .ml-md-ngs, .mx-md-ngs { margin-left: -28px !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: .375rem !important } .mt-lg-1, .my-lg-1 { margin-top: .375rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .375rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .375rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .375rem !important } .m-lg-2 { margin: .75rem !important } .mt-lg-2, .my-lg-2 { margin-top: .75rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .75rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .75rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .75rem !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: 2.75rem !important } .mt-lg-5, .my-lg-5 { margin-top: 2.75rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 2.75rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 2.75rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 2.75rem !important } .m-lg-gs { margin: 28px !important } .mt-lg-gs, .my-lg-gs { margin-top: 28px !important } .mr-lg-gs, .mx-lg-gs { margin-right: 28px !important } .mb-lg-gs, .my-lg-gs { margin-bottom: 28px !important } .ml-lg-gs, .mx-lg-gs { margin-left: 28px !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: .375rem !important } .pt-lg-1, .py-lg-1 { padding-top: .375rem !important } .pr-lg-1, .px-lg-1 { padding-right: .375rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .375rem !important } .pl-lg-1, .px-lg-1 { padding-left: .375rem !important } .p-lg-2 { padding: .75rem !important } .pt-lg-2, .py-lg-2 { padding-top: .75rem !important } .pr-lg-2, .px-lg-2 { padding-right: .75rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .75rem !important } .pl-lg-2, .px-lg-2 { padding-left: .75rem !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: 2.75rem !important } .pt-lg-5, .py-lg-5 { padding-top: 2.75rem !important } .pr-lg-5, .px-lg-5 { padding-right: 2.75rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 2.75rem !important } .pl-lg-5, .px-lg-5 { padding-left: 2.75rem !important } .p-lg-gs { padding: 28px !important } .pt-lg-gs, .py-lg-gs { padding-top: 28px !important } .pr-lg-gs, .px-lg-gs { padding-right: 28px !important } .pb-lg-gs, .py-lg-gs { padding-bottom: 28px !important } .pl-lg-gs, .px-lg-gs { padding-left: 28px !important } .m-lg-n1 { margin: -.375rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -.375rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.375rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.375rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.375rem !important } .m-lg-n2 { margin: -.75rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -.75rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.75rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.75rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.75rem !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: -2.75rem !important } .mt-lg-n5, .my-lg-n5 { margin-top: -2.75rem !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -2.75rem !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -2.75rem !important } .ml-lg-n5, .mx-lg-n5 { margin-left: -2.75rem !important } .m-lg-ngs { margin: -28px !important } .mt-lg-ngs, .my-lg-ngs { margin-top: -28px !important } .mr-lg-ngs, .mx-lg-ngs { margin-right: -28px !important } .mb-lg-ngs, .my-lg-ngs { margin-bottom: -28px !important } .ml-lg-ngs, .mx-lg-ngs { margin-left: -28px !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: .375rem !important } .mt-xl-1, .my-xl-1 { margin-top: .375rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .375rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .375rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .375rem !important } .m-xl-2 { margin: .75rem !important } .mt-xl-2, .my-xl-2 { margin-top: .75rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .75rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .75rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .75rem !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: 2.75rem !important } .mt-xl-5, .my-xl-5 { margin-top: 2.75rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 2.75rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 2.75rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 2.75rem !important } .m-xl-gs { margin: 28px !important } .mt-xl-gs, .my-xl-gs { margin-top: 28px !important } .mr-xl-gs, .mx-xl-gs { margin-right: 28px !important } .mb-xl-gs, .my-xl-gs { margin-bottom: 28px !important } .ml-xl-gs, .mx-xl-gs { margin-left: 28px !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: .375rem !important } .pt-xl-1, .py-xl-1 { padding-top: .375rem !important } .pr-xl-1, .px-xl-1 { padding-right: .375rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .375rem !important } .pl-xl-1, .px-xl-1 { padding-left: .375rem !important } .p-xl-2 { padding: .75rem !important } .pt-xl-2, .py-xl-2 { padding-top: .75rem !important } .pr-xl-2, .px-xl-2 { padding-right: .75rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .75rem !important } .pl-xl-2, .px-xl-2 { padding-left: .75rem !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: 2.75rem !important } .pt-xl-5, .py-xl-5 { padding-top: 2.75rem !important } .pr-xl-5, .px-xl-5 { padding-right: 2.75rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 2.75rem !important } .pl-xl-5, .px-xl-5 { padding-left: 2.75rem !important } .p-xl-gs { padding: 28px !important } .pt-xl-gs, .py-xl-gs { padding-top: 28px !important } .pr-xl-gs, .px-xl-gs { padding-right: 28px !important } .pb-xl-gs, .py-xl-gs { padding-bottom: 28px !important } .pl-xl-gs, .px-xl-gs { padding-left: 28px !important } .m-xl-n1 { margin: -.375rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -.375rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.375rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.375rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.375rem !important } .m-xl-n2 { margin: -.75rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -.75rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.75rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.75rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.75rem !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: -2.75rem !important } .mt-xl-n5, .my-xl-n5 { margin-top: -2.75rem !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -2.75rem !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -2.75rem !important } .ml-xl-n5, .mx-xl-n5 { margin-left: -2.75rem !important } .m-xl-ngs { margin: -28px !important } .mt-xl-ngs, .my-xl-ngs { margin-top: -28px !important } .mr-xl-ngs, .mx-xl-ngs { margin-right: -28px !important } .mb-xl-ngs, .my-xl-ngs { margin-bottom: -28px !important } .ml-xl-ngs, .mx-xl-ngs { margin-left: -28px !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 } } @media (min-width: 1540px) { .m-xxl-0 { margin: 0 !important } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important } .m-xxl-1 { margin: .375rem !important } .mt-xxl-1, .my-xxl-1 { margin-top: .375rem !important } .mr-xxl-1, .mx-xxl-1 { margin-right: .375rem !important } .mb-xxl-1, .my-xxl-1 { margin-bottom: .375rem !important } .ml-xxl-1, .mx-xxl-1 { margin-left: .375rem !important } .m-xxl-2 { margin: .75rem !important } .mt-xxl-2, .my-xxl-2 { margin-top: .75rem !important } .mr-xxl-2, .mx-xxl-2 { margin-right: .75rem !important } .mb-xxl-2, .my-xxl-2 { margin-bottom: .75rem !important } .ml-xxl-2, .mx-xxl-2 { margin-left: .75rem !important } .m-xxl-3 { margin: 1rem !important } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important } .m-xxl-4 { margin: 1.5rem !important } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important } .m-xxl-5 { margin: 2.75rem !important } .mt-xxl-5, .my-xxl-5 { margin-top: 2.75rem !important } .mr-xxl-5, .mx-xxl-5 { margin-right: 2.75rem !important } .mb-xxl-5, .my-xxl-5 { margin-bottom: 2.75rem !important } .ml-xxl-5, .mx-xxl-5 { margin-left: 2.75rem !important } .m-xxl-gs { margin: 28px !important } .mt-xxl-gs, .my-xxl-gs { margin-top: 28px !important } .mr-xxl-gs, .mx-xxl-gs { margin-right: 28px !important } .mb-xxl-gs, .my-xxl-gs { margin-bottom: 28px !important } .ml-xxl-gs, .mx-xxl-gs { margin-left: 28px !important } .p-xxl-0 { padding: 0 !important } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important } .p-xxl-1 { padding: .375rem !important } .pt-xxl-1, .py-xxl-1 { padding-top: .375rem !important } .pr-xxl-1, .px-xxl-1 { padding-right: .375rem !important } .pb-xxl-1, .py-xxl-1 { padding-bottom: .375rem !important } .pl-xxl-1, .px-xxl-1 { padding-left: .375rem !important } .p-xxl-2 { padding: .75rem !important } .pt-xxl-2, .py-xxl-2 { padding-top: .75rem !important } .pr-xxl-2, .px-xxl-2 { padding-right: .75rem !important } .pb-xxl-2, .py-xxl-2 { padding-bottom: .75rem !important } .pl-xxl-2, .px-xxl-2 { padding-left: .75rem !important } .p-xxl-3 { padding: 1rem !important } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important } .p-xxl-4 { padding: 1.5rem !important } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important } .p-xxl-5 { padding: 2.75rem !important } .pt-xxl-5, .py-xxl-5 { padding-top: 2.75rem !important } .pr-xxl-5, .px-xxl-5 { padding-right: 2.75rem !important } .pb-xxl-5, .py-xxl-5 { padding-bottom: 2.75rem !important } .pl-xxl-5, .px-xxl-5 { padding-left: 2.75rem !important } .p-xxl-gs { padding: 28px !important } .pt-xxl-gs, .py-xxl-gs { padding-top: 28px !important } .pr-xxl-gs, .px-xxl-gs { padding-right: 28px !important } .pb-xxl-gs, .py-xxl-gs { padding-bottom: 28px !important } .pl-xxl-gs, .px-xxl-gs { padding-left: 28px !important } .m-xxl-n1 { margin: -.375rem !important } .mt-xxl-n1, .my-xxl-n1 { margin-top: -.375rem !important } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -.375rem !important } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -.375rem !important } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -.375rem !important } .m-xxl-n2 { margin: -.75rem !important } .mt-xxl-n2, .my-xxl-n2 { margin-top: -.75rem !important } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -.75rem !important } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -.75rem !important } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -.75rem !important } .m-xxl-n3 { margin: -1rem !important } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important } .m-xxl-n4 { margin: -1.5rem !important } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important } .m-xxl-n5 { margin: -2.75rem !important } .mt-xxl-n5, .my-xxl-n5 { margin-top: -2.75rem !important } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -2.75rem !important } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -2.75rem !important } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -2.75rem !important } .m-xxl-ngs { margin: -28px !important } .mt-xxl-ngs, .my-xxl-ngs { margin-top: -28px !important } .mr-xxl-ngs, .mx-xxl-ngs { margin-right: -28px !important } .mb-xxl-ngs, .my-xxl-ngs { margin-bottom: -28px !important } .ml-xxl-ngs, .mx-xxl-ngs { margin-left: -28px !important } .m-xxl-auto { margin: auto !important } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important } } .stretched-link:after { background-color: transparent; bottom: 0; content: ""; left: 0; pointer-events: auto; position: absolute; right: 0; top: 0; z-index: 1 } .ff-mono, .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 } } @media (min-width: 1540px) { .text-xxl-left { text-align: left !important } .text-xxl-right { text-align: right !important } .text-xxl-center { text-align: center !important } } .lcap, .text-lowercase { text-transform: lowercase !important } .text-uppercase, .ucap { text-transform: uppercase !important } .ccap, .text-capitalize { text-transform: capitalize !important } .font-weight-light, .fw-light { font-weight: 300 !important } .font-weight-lighter, .fw-lighter { font-weight: lighter !important } .font-weight-normal, .fw-normal { font-weight: 400 !important } .font-weight-bold, .fw-bold { font-weight: 700 !important } .font-weight-bolder, .fw-bolder { font-weight: bolder !important } .ff-italic, .font-italic { font-style: italic !important } .text-white { color: #fff !important } .text-primary { color: var(--main-color) !important } a.text-primary:focus, a.text-primary:hover { color: #98360f !important } .text-secondary { color: #364a63 !important } a.text-secondary:focus, a.text-secondary:hover { color: #1b2532 !important } .text-success { color: #1aa509 !important } a.text-success:focus, a.text-success:hover { color: #0f5c05 !important } .text-info { color: #09c2de !important } a.text-info:focus, a.text-info:hover { color: #068294 !important } .text-warning { color: #f4bd0e !important } a.text-warning:focus, a.text-warning:hover { color: #ae8608 !important } .text-danger { color: #ff3828 !important } a.text-danger:focus, a.text-danger:hover { color: #db1000 !important } .text-dark { color: #1c2b46 !important } a.text-dark:focus, a.text-dark:hover { color: #06090f !important } .text-gray { color: #a78b80 !important } a.text-gray:focus, a.text-gray:hover { color: #816559 !important } .text-light { color: #f1e8e4 !important } a.text-light:focus, a.text-light:hover { color: #d7bdb2 !important } .text-lighter { color: #f5f6fa !important } a.text-lighter:focus, a.text-lighter:hover { color: #c2c8e1 !important } .text-body { color: #666 !important } .text-muted { color: #e4e4e4 !important } .text-black-50 { color: rgba(0, 0, 0, .5) !important } .text-white-50 { color: hsla(0, 0%, 100%, .5) !important } .text-hide { background-color: transparent; border: 0; color: transparent; font: 0/0 a; text-shadow: none } .text-decoration-none { text-decoration: none !important } .text-break { overflow-wrap: break-word !important; word-break: break-word !important } .text-reset { color: inherit !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media print { *, :after, :before { box-shadow: none !important; text-shadow: none !important } a:not(.btn) { text-decoration: underline } abbr[title]:after { content: " (" attr(title) ")" } pre { white-space: pre-wrap !important } blockquote, pre { border: 1px solid #a78b80; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } @page { size: a3 } .container, body { 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-bordevar(--main-color) td, .table-bordevar(--main-color) th { border: 1px solid #e8dfdb !important } .table-dark { color: inherit } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #e8dfdb } .table .thead-dark th { border-color: #e8dfdb; color: inherit } } html { font-size: 16px } ol, ul { list-style: none; margin: 0; padding: 0 } a { transition: color .4s, background-color .4s, border .4s, box-shadow .4s } a:focus { outline: none } img { max-width: 100% } strong { font-weight: 500 } .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child { margin-bottom: 0 } .h1, .h2, h1, h2 { letter-spacing: -.03em } .h3, .h4, h3, h4 { letter-spacing: -.02em } .h5, .h6, h5, h6 { letter-spacing: -.01em } @media (min-width: 992px) { .h1, h1 { font-size: 3.75rem; font-weight: 400; letter-spacing: -.04em } .h2, h2 { font-size: 2.5rem } .h2, .h3, h2, h3 { letter-spacing: -.03em } .h3, h3 { font-size: 2rem } .h4, h4 { font-size: 1.5rem } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1.05rem } } .list-inline li { display: inline-block } .list-inline li:not(:last-child) { margin-right: 1rem } .attach-item span, .ellipsis, .nk-msg-text .title, .tb-odr-item .tb-odr-info, .tb-ticket-item .title, .tb-tnx-item .tb-tnx-desc, .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .ff-base { font-family: Roboto, sans-serif !important } .ff-alt { font-family: Nunito, sans-serif !important } .fw-medium { font-weight: 500 !important } .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff } @media (min-width: 992px) { .lead { font-size: 1.09375rem } } .text-soft { color: #e4e4e4 !important } .text-base { color: #666 !important } .text-head { color: #364a63 !important } .circle { border-radius: 50% } .round { border-radius: 4px } .round-sm { border-radius: 3px } .round-lg { border-radius: 5px } .round-xl { border-radius: 10px } svg { height: 100%; max-width: 100% } .sq { height: 40px; width: 40px } .sq-xs { height: 18px; width: 18px } .sq-sm { height: 24px; width: 24px } .sq-md { height: 32px; width: 32px } .sq-lg { height: 60px; width: 60px } .sq-xl { height: 80px; width: 80px } .divider { border-top: 1px solid #f1e8e4 !important; display: block; margin: 28px 0 } .divider.xs { margin: .5rem 0 } .divider.sm { margin: 1rem 0 } .divider.md { margin: 1.5rem 0 } .divider.lg { margin: 2.25rem 0 } .divider.xl { margin: 2.75rem 0 } .bg-blue { background-color: #559bfb !important } .text-blue { color: #559bfb !important } .bg-azure { background-color: #1676fb !important } .text-azure { color: #1676fb !important } .bg-indigo { background-color: #2c3782 !important } .text-indigo { color: #2c3782 !important } .bg-purple { background-color: #816bff !important } .text-purple { color: #816bff !important } .bg-pink { background-color: #ff63a5 !important } .text-pink { color: #ff63a5 !important } .bg-orange { background-color: #ffa353 !important } .text-orange { color: #ffa353 !important } .bg-teal { background-color: #20c997 !important } .text-teal { color: #20c997 !important } .bg-blue-dim { background-color: #e9f2fe !important } .text-blue-dim { color: #e9f2fe !important } .bg-azure-dim { background-color: #e1edfe !important } .text-azure-dim { color: #e1edfe !important } .bg-indigo-dim { background-color: #e4e5ef !important } .text-indigo-dim { color: #e4e5ef !important } .bg-purple-dim { background-color: #efecff !important } .text-purple-dim { color: #efecff !important } .bg-pink-dim { background-color: #ffebf3 !important } .text-pink-dim { color: #ffebf3 !important } .bg-orange-dim { background-color: #fff3e9 !important } .text-orange-dim { color: #fff3e9 !important } .bg-teal-dim { background-color: #e2f8f1 !important } .text-teal-dim { color: #e2f8f1 !important } .bg-primary-dim { background-color: #fbe8e1 !important } .text-primary-dim { color: #fbe8e1 !important } .bg-success-dim { background-color: #e1f3df !important } .text-success-dim { color: #e1f3df !important } .bg-info-dim { background-color: #dff7fb !important } .text-info-dim { color: #dff7fb !important } .bg-warning-dim { background-color: #fef6e0 !important } .text-warning-dim { color: #fef6e0 !important } .bg-danger-dim { background-color: #ffe5e3 !important } .text-danger-dim { color: #ffe5e3 !important } .bg-secondary-dim { background-color: #e5ecf5 !important } .text-secondary-dim { color: #e5ecf5 !important } .bg-dark-dim { background-color: #d9e1ef !important } .text-dark-dim { color: #d9e1ef !important } .bg-gray-dim { background-color: #edf2f9 !important } .text-gray-dim { color: #edf2f9 !important } .bg-gray-100 { background-color: #f5efed !important } .bg-gray-200 { background-color: #f1e8e4 !important } .bg-gray-300 { background-color: #e8dfdb !important } .bg-gray-400 { background-color: #cbbab3 !important } .bg-gray-500 { background-color: #a78b80 !important } .bg-gray-600 { background-color: #61473c !important } .bg-gray-700 { background-color: #533c32 !important } .bg-gray-800 { background-color: #422f28 !important } .bg-gray-900 { background-color: #1e1e1e !important } .bg-abstract { background-image: linear-gradient(90deg, #2c3782 calc(60% - 150px), #39469f calc(60% - 150px), #39469f 60%, #4856b5 0, #4856b5 calc(60% + 150px), #5b6ac6 calc(60% + 150px), #5b6ac6) } .bg-white-1 { background: hsla(0, 0%, 100%, .1) !important } .bg-white-2 { background: hsla(0, 0%, 100%, .2) !important } .bg-white-3 { background: hsla(0, 0%, 100%, .3) !important } .bg-white-4 { background: hsla(0, 0%, 100%, .4) !important } .bg-white-5 { background: hsla(0, 0%, 100%, .5) !important } .bg-white-6 { background: hsla(0, 0%, 100%, .6) !important } .bg-white-7 { background: hsla(0, 0%, 100%, .7) !important } .bg-white-8 { background: hsla(0, 0%, 100%, .8) !important } .bg-white-9 { background: hsla(0, 0%, 100%, .9) !important } .border-transparent { border-color: transparent } .w-80px { width: 80px !important } .w-min-80px { min-width: 80px !important } .w-max-80px { max-width: 80px !important } .w-90px { width: 90px !important } .w-min-90px { min-width: 90px !important } .w-max-90px { max-width: 90px !important } .w-100px { width: 100px !important } .w-min-100px { min-width: 100px !important } .w-max-100px { max-width: 100px !important } .w-110px { width: 110px !important } .w-min-110px { min-width: 110px !important } .w-max-110px { max-width: 110px !important } .w-120px { width: 120px !important } .w-min-120px { min-width: 120px !important } .w-max-120px { max-width: 120px !important } .w-125px { width: 125px !important } .w-min-125px { min-width: 125px !important } .w-max-125px { max-width: 125px !important } .w-130px { width: 130px !important } .w-min-130px { min-width: 130px !important } .w-max-130px { max-width: 130px !important } .w-140px { width: 140px !important } .w-min-140px { min-width: 140px !important } .w-max-140px { max-width: 140px !important } .w-150px { width: 150px !important } .w-min-150px { min-width: 150px !important } .w-max-150px { max-width: 150px !important } .w-175px { width: 175px !important } .w-min-175px { min-width: 175px !important } .w-max-175px { max-width: 175px !important } .w-200px { width: 200px !important } .w-min-200px { min-width: 200px !important } .w-max-200px { max-width: 200px !important } .w-220px { width: 220px !important } .w-min-220px { min-width: 220px !important } .w-max-220px { max-width: 220px !important } .w-225px { width: 225px !important } .w-min-225px { min-width: 225px !important } .w-max-225px { max-width: 225px !important } .w-250px { width: 250px !important } .w-min-250px { min-width: 250px !important } .w-max-250px { max-width: 250px !important } .w-300px { width: 300px !important } .w-min-300px { min-width: 300px !important } .w-max-300px { max-width: 300px !important } .w-350px { width: 350px !important } .w-min-350px { min-width: 350px !important } .w-max-350px { max-width: 350px !important } .w-400px { width: 400px !important } .w-min-400px { min-width: 400px !important } .w-max-400px { max-width: 400px !important } .w-550px { width: 550px !important } .w-min-550px { min-width: 550px !important } .w-max-550px { max-width: 550px !important } .w-max-100, .wide-lg-fix, .wide-md-fix, .wide-sm-fix, .wide-xs-fix { max-width: 100% !important } .w-min-100 { min-width: 100% !important } .w-max-auto { max-width: inherit !important } .w-min-auto { min-width: auto !important } .w-15 { width: 15% !important } .w-20 { width: 20% !important } .w-30 { width: 30% !important } .w-35 { width: 35% !important } .w-40 { width: 40% !important } .w-45 { width: 45% !important } .w-55 { width: 55% !important } .w-60 { width: 60% !important } .w-65 { width: 65% !important } .w-70 { width: 70% !important } .w-80 { width: 80% !important } .w-85 { width: 85% !important } .w-90 { width: 90% !important } .w-95 { width: 95% !important } @media (min-width: 576px) { .wide-xs { max-width: 520px !important } .wide-xs-fix { width: 520px !important } } @media (min-width: 768px) { .wide-sm { max-width: 720px !important } .wide-sm-fix { width: 720px !important } } @media (min-width: 992px) { .wide-md { max-width: 960px !important } .wide-md-fix { width: 960px !important } } @media (min-width: 1200px) { .wide-lg { max-width: 1140px !important } .wide-lg-fix { width: 1140px !important } } @media (min-width: 1280px) { .wide-xl { max-width: 1240px !important } .wide-xl-fix { width: 1240px !important } } .wide-xs-fix { width: 520px !important } .wide-sm-fix { width: 720px !important } .wide-md-fix { width: 960px !important } .wide-lg-fix { width: 1140px !important } .wide-xl-fix { width: 1240px !important } @media (min-width: 1200px) and (max-width: 1660px) { .wide-fit { max-width: 1140px } } .h-100px { height: 100px !important } .h-min-100px { min-height: 100px !important } .h-max-100px { max-height: 100px !important } .h-150px { height: 150px !important } .h-min-150px { min-height: 150px !important } .h-max-150px { max-height: 150px !important } .h-175px { height: 175px !important } .h-min-175px { min-height: 175px !important } .h-max-175px { max-height: 175px !important } .h-200px { height: 200px !important } .h-min-200px { min-height: 200px !important } .h-max-200px { max-height: 200px !important } .h-225px { height: 225px !important } .h-min-225px { min-height: 225px !important } .h-max-225px { max-height: 225px !important } .h-250px { height: 250px !important } .h-min-250px { min-height: 250px !important } .h-max-250px { max-height: 250px !important } .h-275px { height: 275px !important } .h-min-275px { min-height: 275px !important } .h-max-275px { max-height: 275px !important } .h-300px { height: 300px !important } .h-min-300px { min-height: 300px !important } .h-max-300px { max-height: 300px !important } .h-325px { height: 325px !important } .h-min-325px { min-height: 325px !important } .h-max-325px { max-height: 325px !important } .h-350px { height: 350px !important } .h-min-350px { min-height: 350px !important } .h-max-350px { max-height: 350px !important } .h-375px { height: 375px !important } .h-min-375px { min-height: 375px !important } .h-max-375px { max-height: 375px !important } .h-400px { height: 400px !important } .h-min-400px { min-height: 400px !important } .h-max-400px { max-height: 400px !important } .h-425px { height: 425px !important } .h-min-425px { min-height: 425px !important } .h-max-425px { max-height: 425px !important } .h-450px { height: 450px !important } .h-min-450px { min-height: 450px !important } .h-max-450px { max-height: 450px !important } .h-475px { height: 475px !important } .h-min-475px { min-height: 475px !important } .h-max-475px { max-height: 475px !important } .h-500px { height: 500px !important } .h-min-500px { min-height: 500px !important } .h-max-500px { max-height: 500px !important } .absolute-top-left { left: 0; position: absolute; top: 0 } .absolute-top-right { position: absolute; right: 0; top: 0 } .absolute-bottom-left { bottom: 0; left: 0; position: absolute } .absolute-bottom-right { bottom: 0; position: absolute; right: 0 } .shrink-0 { flex-shrink: 0 } .badge { border: 1px solid; display: inline-flex; font-family: Roboto, sans-serif; letter-spacing: .01em; line-height: 1.125rem; position: relative; vertical-align: middle } .badge .icon + span, .badge span + .icon { padding-left: 4px } .badge-sm { font-size: .75rem; padding: .3125rem .75rem } .badge-sm.badge-pill { padding: .3125rem .875rem } .badge-md { font-size: .8125rem !important; padding: .47rem 1rem } .badge-lg { font-size: .93rem !important; padding: .75rem 1.25rem } .badge-xl { font-size: 1.125rem !important; padding: .875rem 1.5rem } .badge-light { color: #364a63 } .badge-lighter { color: #666 } .badge .icon { font-size: 1rem } .badge-primary { border-color: var(--main-color) } .badge-secondary { border-color: #364a63 } .badge-success { border-color: #1aa509 } .badge-info { border-color: #09c2de } .badge-warning { border-color: #f4bd0e } .badge-danger { border-color: #ff3828 } .badge-dark { border-color: #1c2b46 } .badge-gray { border-color: #a78b80 } .badge-light { border-color: #f1e8e4 } .badge-lighter { border-color: #f5f6fa } .badge-outline-primary { border-color: #eb9573; color: var(--main-color) } .badge-outline-secondary { border-color: #8692a1; color: #364a63 } .badge-outline-success { border-color: #76c96b; color: #1aa509 } .badge-outline-info { border-color: #6bdaeb; color: #09c2de } .badge-outline-warning { border-color: #f8d76e; color: #f4bd0e } .badge-outline-danger { border-color: #ff887e; color: #ff3828 } .badge-outline-dark { border-color: #778090; color: #1c2b46 } .badge-outline-gray { border-color: #cab9b3; color: #a78b80 } .badge-outline-light { border-color: #e0d6d1; color: #cbbab3 } .badge-outline-lighter { border-color: #f7f1ef; color: #f1e8e4 } .badge-dim.badge-primary { background-color: #fbece5; border-color: #fbece5; color: var(--main-color) } .badge-dim.badge-outline-primary { background-color: #fbece5; border-color: #f2b9a2; color: var(--main-color) } .badge-dim.badge-secondary { background-color: #e9ebee; border-color: #e9ebee; color: #364a63 } .badge-dim.badge-outline-secondary { background-color: #e9ebee; border-color: #afb7c1; color: #364a63 } .badge-dim.badge-success { background-color: #e6f5e4; border-color: #e6f5e4; color: #1aa509 } .badge-dim.badge-outline-success { background-color: #e6f5e4; border-color: #a3db9d; color: #1aa509 } .badge-dim.badge-info { background-color: #e4f8fb; border-color: #e4f8fb; color: #09c2de } .badge-dim.badge-outline-info { background-color: #e4f8fb; border-color: #9de7f2; color: #09c2de } .badge-dim.badge-warning { background-color: #fef8e4; border-color: #fef8e4; color: #f4bd0e } .badge-dim.badge-outline-warning { background-color: #fef8e4; border-color: #fbe59f; color: #f4bd0e } .badge-dim.badge-danger { background-color: #ffe9e7; border-color: #ffe9e7; color: #ff3828 } .badge-dim.badge-outline-danger { background-color: #ffe9e7; border-color: #ffafa9; color: #ff3828 } .badge-dim.badge-dark { background-color: #e6e8eb; border-color: #e6e8eb; color: #1c2b46 } .badge-dim.badge-outline-dark { background-color: #e6e8eb; border-color: #a4aab5; color: #1c2b46 } .badge-dim.badge-gray { background-color: #f5f2f1; border-color: #f5f2f1; color: #a78b80 } .badge-dim.badge-outline-gray { background-color: #f5f2f1; border-color: #dcd1cc; color: #a78b80 } .badge-dim.badge-light { background-color: #f9f7f7; border-color: #f9f7f7; color: #cbbab3 } .badge-dim.badge-outline-light { background-color: #f9f7f7; border-color: #eae3e1; color: #cbbab3 } .badge-dim.badge-lighter { background-color: #fdfcfc; border-color: #fdfcfc; color: #f1e8e4 } .badge-dim.badge-outline-lighter { background-color: #fdfcfc; border-color: #f9f6f4; color: #f1e8e4 } .badge-dot { align-items: center; background-color: transparent; border: none; display: inline-flex; font-size: 12px; padding-left: 12px; padding-right: 0 } .badge-dot:before { background: currentColor; border-radius: 50%; content: ""; display: inline-block; height: 6px; left: 0; margin-top: -1px; position: absolute; top: 50%; transform: translateY(-50%); width: 6px } .badge-dot.badge-md, .badge-dot.badge-sm { padding-left: 16px } .badge-dot.badge-md:before, .badge-dot.badge-sm:before { height: 8px; margin-top: 0; width: 8px } .badge-dot.badge-lg, .badge-dot.badge-xl { padding-left: 24px } .badge-dot.badge-lg:before, .badge-dot.badge-xl:before { height: 12px; margin-top: 0; width: 12px } .badge-dot.badge-primary { color: var(--main-color) } .badge-dot.badge-secondary { color: #364a63 } .badge-dot.badge-success { color: #1aa509 } .badge-dot.badge-info { color: #09c2de } .badge-dot.badge-warning { color: #f4bd0e } .badge-dot.badge-danger { color: #f09b28 } .badge-dot.badge-dark { color: #1c2b46 } .badge-dot.badge-gray { color: #a78b80 } .badge-dot.badge-light { color: #cbbab3 } .badge-dot.badge-lighter { color: #f1e8e4 } @media (max-width: 767.98px) { .badge-dot-sm { overflow: hidden; width: 0 } } @media (max-width: 413px) { .badge-dot-mb { overflow: hidden; width: 0 } } @media (max-width: 369px) { .badge-dot-xs { overflow: hidden; width: 0 } } .alert:last-child { margin-bottom: 0 } .alert-link { box-shadow: 0 1px 0 currentColor } .alert-link:hover { box-shadow: none } .alert .title, .alert h5, .alert h6 { font-size: 1.05rem } .alert.alert-icon { padding-left: 3.25rem } .alert.alert-icon > .icon { font-size: 1.25rem; left: 1.25rem; line-height: 1; margin-left: -1px; position: absolute; top: 1rem; width: 2rem } .alert-dismissible .close { margin-top: -1px; top: 50%; transform: translateY(-50%); transition: .3s ease } .alert-dismissible .close:focus { outline: none } .alert-dismissible .close:hover { color: currentColor } .alert-dismissible .close:after { content: ""; font-family: Nioicon; font-size: 1.1rem } .alert-gray, .alert-light, .alert-lighter { border-color: #f1e8e4; color: #666 } .alert-gray .alert-link, .alert-light .alert-link, .alert-lighter .alert-link { color: #666 } .alert-alt { border-radius: 12px; padding: .875rem; position: relative } .alert-alt.alert-icon { padding-left: 4rem } .alert-alt.alert-icon > .icon { font-size: 2rem; left: 0; line-height: 1; opacity: .5; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 4rem } a.alert:hover { color: currentColor } .alert-fill.alert-primary { background: var(--main-color); color: #fff } .alert-fill.alert-secondary { background: #364a63; color: #fff } .alert-fill.alert-success { background: #1aa509; color: #fff } .alert-fill.alert-info { background: #09c2de; color: #fff } .alert-fill.alert-warning { background: #f4bd0e; color: #fff } .alert-fill.alert-danger { background: #ff3828; color: #fff } .alert-fill.alert-dark { background: #1c2b46; color: #fff } .alert-fill.alert-gray { background: #a78b80; color: #fff } .alert-fill.alert-light { background: #f1e8e4; color: #1e1e1e } .alert-fill.alert-lighter { background: #f5efed; color: #1e1e1e } .alert-fill { border-width: 0 } .alert-fill .alert-link, .alert-fill .icon, .alert-fill h4, .alert-fill h5, .alert-fill h6 { color: currentColor } .alert-fill.alert-light { color: #364a63 } .alert-fill.alert-lighter { color: #666 } .alert-pro { background: #fff; border: none; border-left: 4px solid transparent; box-shadow: 0 4px 15px 0 rgba(30, 30, 30, .1); color: #666; line-height: 1.5 } .alert-pro.no-shadow { box-shadow: none } .alert-pro.no-border { border-left: 0 } .alert-pro.alert-icon { padding-left: 4rem } .alert-pro.alert-icon > .icon { font-size: 1.75rem; top: 50%; transform: translateY(-50%) } .alert-pro.alert-primary { border-color: var(--main-color) } .alert-pro.alert-primary > .icon { color: var(--main-color) } .alert-pro.alert-secondary { border-color: #364a63 } .alert-pro.alert-secondary > .icon { color: #364a63 } .alert-pro.alert-success { border-color: #1aa509 } .alert-pro.alert-success > .icon { color: #1aa509 } .alert-pro.alert-info { border-color: #09c2de } .alert-pro.alert-info > .icon { color: #09c2de } .alert-pro.alert-warning { border-color: #f4bd0e } .alert-pro.alert-warning > .icon { color: #f4bd0e } .alert-pro.alert-danger { border-color: #ff3828 } .alert-pro.alert-danger > .icon { color: #ff3828 } .alert-pro.alert-dark { border-color: #1c2b46 } .alert-pro.alert-dark > .icon { color: #1c2b46 } .alert-pro.alert-gray { border-color: #a78b80 } .alert-pro.alert-gray > .icon { color: #a78b80 } .alert-pro.alert-light { border-color: #cbbab3 } .alert-pro.alert-light > .icon { color: #cbbab3 } .alert-pro.alert-lighter { border-color: #cbbab3 } .alert-pro.alert-lighter > .icon { color: #cbbab3 } .breadcrumb-item { font-size: 11px; font-weight: 500; letter-spacing: .05rem; text-transform: uppercase } .breadcrumb-item a:not(:hover) { color: #e4e4e4 } .breadcrumb-pipe .breadcrumb-item + .breadcrumb-item:before { content: "|" } .breadcrumb-arrow .breadcrumb-item + .breadcrumb-item:before { content: ""; font-family: Nioicon } .breadcrumb-item.active:not(:only-child) { font-weight: 400 } .breadcrumb-alt .breadcrumb-item { color: #e4e4e4; letter-spacing: 0; text-transform: unset } .breadcrumb-xs .breadcrumb-item + .breadcrumb-item { padding-left: .25rem } .breadcrumb-xs .breadcrumb-item + .breadcrumb-item:before { font-size: .8em; padding-right: .25rem } .breadcrumb-sm .breadcrumb-item { font-size: 13px } .link { align-items: center; background: transparent; border: none; display: inline-flex; font-family: Roboto, sans-serif; font-size: .85rem; font-weight: 500; line-height: 1; transition: all .3s ease; white-space: nowrap } .link:focus { box-shadow: none; outline: none } .link .icon { font-size: 1.3em } .link .icon, .link span { display: inline-block } .link .icon-circle { display: inline-flex } .link .icon + span, .link span + .icon { padding-left: 10px } .link-md { font-size: 1.25rem } .link-sm { font-size: .75rem } .link-dim { opacity: .7 } .link-dim:hover { opacity: 1 } .link-block { display: flex } .link-between { justify-content: space-between } .link-on-primary:hover, .link-primary { color: var(--main-color) !important } .link-on-secondary:hover, .link-secondary { color: #364a63 !important } .link-on-success:hover, .link-success { color: #1aa509 !important } .link-info, .link-on-info:hover { color: #09c2de !important } .link-on-warning:hover, .link-warning { color: #f4bd0e !important } .link-danger, .link-on-danger:hover { color: #ff3828 !important } .link-dark, .link-on-dark:hover { color: #1c2b46 !important } .link-gray, .link-on-gray:hover { color: #a78b80 !important } .link-light, .link-on-light:hover { color: #e4e4e4 !important } .link-lighter, .link-on-lighter:hover { color: #cbbab3 !important } .link-danger:hover, .link-info:hover, .link-on-text:hover, .link-success:hover, .link-text, .link-warning:hover { color: #666 !important } .btn { align-items: center; display: inline-flex; letter-spacing: .02em; position: relative } .btn-xl { border-radius: 5px; font-size: .9375rem; line-height: 1.25rem; padding: .6875rem 1.5rem } .btn-xs { border-radius: 3px; font-size: .6875rem; line-height: 1rem; padding: .125rem .5rem } .btn .icon { font-size: 1.4em; line-height: inherit } .btn > span { display: inline-block; white-space: nowrap } .btn > span:only-child() { width: 100% } .btn .icon + span, .btn span + .icon { padding-left: 8px } .btn .dd-indc { transform: translateX(-8px) } .btn span + .dd-indc { transform: translateX(8px) } .btn-group-lg > .btn .icon + span, .btn-group-lg > .btn span + .icon, .btn-lg .icon + span, .btn-lg span + .icon { padding-left: 12px } .btn-round { border-radius: 2.125rem } .btn-block { justify-content: center } .btn-ucap, .btn.ucap { font-size: 12px; letter-spacing: .05em; text-transform: uppercase } .btn-icon:not([class*=btn-icon-break]) { padding-left: 0; padding-right: 0 } .btn-icon .icon { width: 2.125rem } .btn-group-lg > .btn-icon.btn .icon, .btn-icon.btn-lg .icon, .btn-icon.btn-xl .icon { width: 2.625rem } .btn-group-sm > .btn-icon.btn .icon, .btn-icon.btn-sm .icon { width: 1.75rem } .btn-icon.btn-xs .icon { font-size: 1.1em; width: 1.25rem } .btn-icon .dot { right: .35rem; top: .35rem } .btn-icon .badge, .btn-icon .dot { position: absolute; transform: translate(50%, -50%) } .btn-icon .badge { right: .25rem; top: .25rem } .btn-icon .badge-circle { border-radius: 50%; font-size: 11px; font-weight: 700; height: 1.125rem; justify-content: center; padding: 0; text-align: center; width: 1.125rem } .btn-mw { justify-content: center; min-width: 120px } .btn-wrap { align-items: center; flex-direction: column; flex-grow: 0 } .btn-extext { color: #e4e4e4; font-size: 12px; font-weight: 500; margin-top: .25rem; text-align: center } .btn-wider { display: flex } .btn-wider .icon + span, .btn-wider span + .icon { margin-left: auto } .btn-auto { min-width: auto } .btn-pd-auto { padding-left: .25rem; padding-right: .25rem } .btn .spinner-border, .btn .spinner-grow { margin: .125rem } .btn .spinner-border + span, .btn .spinner-grow + span { margin-left: .25rem } .btn-indc { width: 100% } .btn-indc .icon { font-size: 1.43em } .btn-indc .indc { margin-left: -8px; margin-right: auto; opacity: .6 } .btn-indc span + .indc { margin-left: auto; margin-right: -8px } @media (min-width: 768px) { .btn-xl { border-radius: 5px; font-size: 1.125rem; line-height: 2rem; padding: .625rem 2rem } .btn-xl.btn-round { border-radius: 3.25rem } .btn-icon.btn-xl .icon { width: 3.25rem } } .btn-trigger { color: #666; position: relative; z-index: 1 } .btn-trigger:focus { box-shadow: none } .btn-trigger:before { background-color: #f1e8e4; border-radius: 50%; content: ""; height: 20px; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%; transition: all .3s; width: 20px; z-index: -1 } .is-dark .btn-trigger:before { background-color: #b03e11 } .btn-trigger.active:not(.revarse):before, .btn-trigger:focus:before, .btn-trigger:hover:before, .show > .btn-trigger:before { height: 120%; opacity: 1; width: 120% } .btn-trigger.active:hover:before { background-color: #e8dfdb } a:hover .btn-trigger:before { height: 120%; opacity: 1; width: 120% } .btn-dim.btn-outline-primary { background-color: #fbece5; border-color: #f2b9a2; color: var(--main-color) } .btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover { background-color: var(--main-color); border-color: var(--main-color); color: #fff } .btn-trans.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-white.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #fbece5; color: var(--main-color) } .btn-dim.btn-outline-success { background-color: #e6f5e4; border-color: #a3db9d; color: #1aa509 } .btn-dim.btn-outline-success:not(:disabled):not(.disabled):hover { background-color: #1aa509; border-color: #1aa509; color: #fff } .btn-trans.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-white.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #e6f5e4; color: #1aa509 } .btn-dim.btn-outline-warning { background-color: #fef8e4; border-color: #fbe59f; color: #f4bd0e } .btn-dim.btn-outline-warning:not(:disabled):not(.disabled):hover { background-color: #f4bd0e; border-color: #f4bd0e; color: #fff } .btn-trans.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-white.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #fef8e4; color: #f4bd0e } .btn-dim.btn-outline-info { background-color: #e4f8fb; border-color: #9de7f2; color: #09c2de } .btn-dim.btn-outline-info:not(:disabled):not(.disabled):hover { background-color: #09c2de; border-color: #09c2de; color: #fff } .btn-trans.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-white.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #e4f8fb; color: #09c2de } .btn-dim.btn-outline-danger { background-color: #ffe9e7; border-color: #ffafa9; color: #ff3828 } .btn-dim.btn-outline-danger:not(:disabled):not(.disabled):hover { background-color: #ff3828; border-color: #ff3828; color: #fff } .btn-trans.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-white.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #ffe9e7; color: #ff3828 } .btn-dim.btn-outline-secondary { background-color: #e9ebee; border-color: #b9c0c8; color: #364a63 } .btn-dim.btn-outline-secondary:not(:disabled):not(.disabled):hover { background-color: #364a63; border-color: #364a63; color: #fff } .btn-trans.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-white.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #e9ebee; color: #364a63 } .btn-dim.btn-outline-gray { background-color: #f5f2f1; border-color: #e0d6d3; color: #61473c } .btn-dim.btn-outline-gray:not(:disabled):not(.disabled):hover { background-color: #61473c; border-color: #61473c; color: #fff } .btn-trans.btn-outline-gray:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-white.btn-outline-gray:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #f5f2f1; color: #61473c } .btn-dim.btn-outline-dark { background-color: #e6e6e6; border-color: #b0b0b0; color: #1e1e1e } .btn-dim.btn-outline-dark:not(:disabled):not(.disabled):hover { background-color: #1e1e1e; border-color: #1e1e1e; color: #fff } .btn-trans.btn-outline-dark:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-white.btn-outline-dark:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #e6e6e6; color: #1e1e1e } .btn-dim.btn-outline-light { background-color: #f5f6fa; border-color: #e8dfdb; color: #666 } .btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover { background-color: #666; border-color: #666; color: #fff } .btn-trans.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-white.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #f5f6fa; color: #666 } .btn-dim.btn-primary { background-color: #fbece5; border-color: transparent; color: var(--main-color) } .btn-dim.btn-primary:not(:disabled):not(.disabled):hover { background-color: var(--main-color); border-color: var(--main-color); color: #fff } .btn-dim.btn-secondary { background-color: #e9ebee; border-color: transparent; color: #364a63 } .btn-dim.btn-secondary:not(:disabled):not(.disabled):hover { background-color: #364a63; border-color: #364a63; color: #fff } .btn-dim.btn-success { background-color: #e6f5e4; border-color: transparent; color: #1aa509 } .btn-dim.btn-success:not(:disabled):not(.disabled):hover { background-color: #1aa509; border-color: #1aa509; color: #fff } .btn-dim.btn-warning { background-color: #fef8e4; border-color: transparent; color: #f4bd0e } .btn-dim.btn-warning:not(:disabled):not(.disabled):hover { background-color: #f4bd0e; border-color: #f4bd0e; color: #fff } .btn-dim.btn-info { background-color: #e4f8fb; border-color: transparent; color: #09c2de } .btn-dim.btn-info:not(:disabled):not(.disabled):hover { background-color: #09c2de; border-color: #09c2de; color: #fff } .btn-dim.btn-danger { background-color: #ffe9e7; border-color: transparent; color: #ff3828 } .btn-dim.btn-danger:not(:disabled):not(.disabled):hover { background-color: #ff3828; border-color: #ff3828; color: #fff } .btn-dim.btn-gray { background-color: #eeebea; border-color: transparent; color: #61473c } .btn-dim.btn-gray:not(:disabled):not(.disabled):hover { background-color: #61473c; border-color: #61473c; color: #fff } .btn-dim.btn-dark { background-color: #e6e6e6; border-color: transparent; color: #1e1e1e } .btn-dim.btn-dark:not(:disabled):not(.disabled):hover { background-color: #1e1e1e; border-color: #1e1e1e; color: #fff } .btn-dim.btn-light { background-color: #f5f2f1; border-color: transparent; color: #a78b80 } .btn-dim.btn-light:not(:disabled):not(.disabled):hover { background-color: #a78b80; border-color: #a78b80; color: #fff } .btn-dim.btn-lighter { background-color: #f9f7f7; border-color: transparent; color: #cbbab3 } .btn-dim.btn-lighter:not(:disabled):not(.disabled):hover { background-color: #cbbab3; border-color: #cbbab3; color: #1e1e1e } .btn-trans.btn { background-color: transparent; border-color: transparent } .btn-outline-light { border-color: #e8dfdb } .btn-outline-lighter { border-color: #f1e8e4 } .btn-outline-light, .btn-outline-lighter { color: #666 } .btn-white, .btn-white.btn-dim { background: #fff } .btn-white.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #666; border-color: #666; color: #fff } .btn-toolbar-sep { border-right: 1px solid #f1e8e4; margin-left: .75rem; margin-right: .75rem } .card-tools .btn-toolbar-sep { margin-left: .5rem; margin-right: .5rem; padding: 0 !important } .btn-group.is-tags .btn-xs:first-child { padding-left: .25rem; padding-right: .25rem } .btn-group.is-tags .btn-xs:last-child { margin-left: 0 } .btn-group.is-tags .btn-xs .icon { width: 1rem } .btn-group.is-tags .btn-dim:not(:disabled):not(.disabled):hover { border-color: transparent } .dropdown, .dropdown-toggle, .dropleft, .dropright, .dropup { display: inline-flex } .dropdown-toggle { align-items: center; cursor: pointer; margin-bottom: 0 } .dropdown-toggle:not([class*=indicator]):after { display: none } .clickable * { pointer-events: none } .dropdown-menu { border: 1px solid #f1e8e4; box-shadow: 0 3px 12px 1px rgba(222, 79, 22, .15); overflow: hidden } .dropdown-inner { padding: 0 1.75rem } .dropdown-inner + .dropdown-inner { border-top: 1px solid #f1e8e4 } .dropdown-foot, .dropdown-head { align-items: center; border-bottom: 1px solid #f1e8e4; display: flex; justify-content: space-between; padding: .75rem 1.25rem } .dropdown-foot.center, .dropdown-head.center { justify-content: center } .dropdown-head { border-bottom: 1px solid #f1e8e4 } .dropdown-foot { border-top: 1px solid #f1e8e4 } .dropdown-body-sm { padding: .75rem } .dropdown-body-rg { padding: 1.25rem } .dropdown-body-md { padding: 1.5rem } .dropdown-body-lg { padding: 2.25rem } .dropdown-title { color: #364a63; font-weight: 500 } [class*=dropdown-indicator]:after { align-items: center; border: none !important; content: ""; display: inline-flex; font-family: Nioicon; font-size: 14px; line-height: 1; margin-left: .25rem; vertical-align: middle } .dropup [class*=dropdown-indicator]:after { content: "" } .dropdown-indicator-caret:after, .dropup .dropdown-indicator-caret:after { content: "" } .dropdown-indicator-caret-up:after, .dropup .dropdown-indicator-caret-up:after { content: "" } .dropdown-indicator-up:after, .dropup .dropdown-indicator-up:after { content: "" } .dropdown-indicator-down:after, .dropup .dropdown-indicator-down:after { content: "" } .dropdown-indicator-dubble:after { content: "" } .dropup .dropdown-indicator-dubble:after { content: "" } .dropdown-indicator-unfold:after, .dropup .dropdown-indicator-unfold:after { content: "" } .dropdown-menu-center { left: 50% !important } .dropdown-menu-bottom { bottom: 0 !important } .dropdown-menu-xxs { max-width: 70px; min-width: 70px } .dropdown-menu-xxs.dropdown-menu-center { margin-left: -35px } .dropdown-menu-xs { max-width: 120px; min-width: 120px } .dropdown-menu-xs.dropdown-menu-center { margin-left: -60px } .dropdown-menu-md { max-width: 280px; min-width: 280px } .dropdown-menu-md.dropdown-menu-center { margin-left: -140px } .dropdown-menu-sm { max-width: 140px; min-width: 140px } .dropdown-menu-sm.dropdown-menu-center { margin-left: -70px } .dropdown-menu-lg { max-width: 320px; min-width: 320px } .dropdown-menu-lg.dropdown-menu-center { margin-left: -160px } .dropdown-menu-xl { max-width: 360px; min-width: 360px } .dropdown-menu-xl.dropdown-menu-center { margin-left: -180px } .dropdown-menu-auto { max-width: 100%; min-width: 100% } .dropdown-menu-mxh { max-height: 400px; overflow: auto } .nk-quick-nav .dropdown-menu { margin-right: -6px; margin-top: 11px } @media (max-width: 420px) { .dropdown-menu-lg, .dropdown-menu-md, .dropdown-menu-xl { max-width: calc(100vw - 40px); min-width: calc(100vw - 40px) } .nk-quick-nav .dropdown-menu-lg, .nk-quick-nav .dropdown-menu-md, .nk-quick-nav .dropdown-menu-xl { margin-left: 16px; margin-right: 0 } .nk-quick-nav li:last-child .dropdown-menu-lg, .nk-quick-nav li:last-child .dropdown-menu-md, .nk-quick-nav li:last-child .dropdown-menu-xl { margin-left: 0; margin-right: 3px } } .dropdown-menu-s1 { border-top: 3px solid var(--main-color) } .card + .card:not(.card .card+.card) { margin-top: 28px } .card + .nk-block-head { padding-top: 2.5rem } .card-full { height: 100% } .card.is-dark { background: var(--main-color) } .card-bordevar(--main-color) { border: 1px solid #e8dfdb } .card-bordevar(--main-color).is-dark { border-color: var(--main-color) } .card-bordevar(--main-color).dashed { border-style: dashed } .card-inner { padding: 1.25rem } .card-inner-sm { padding-bottom: .75rem; padding-top: .75rem } .card-inner-group .card-inner:not(:last-child) { border-bottom: 1px solid #e8dfdb } .card-head { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; margin: -.25rem -.5rem 1rem } .card-head > * { padding: .25rem .5rem } .card-head > .title:only-child { width: 100% } .card-title-group { align-items: center; display: flex; justify-content: space-between; position: relative } .card-title-group .card-title { margin-bottom: 0 } .card-title-group .card-search, .card-title-group:only-child { margin-bottom: -.25rem; margin-top: -.25rem } .card-title h6.title:not(:last-child) { margin-bottom: .25rem } .card-title p { color: #e4e4e4; font-size: 12px } .card-title p .icon { line-height: inherit; vertical-align: middle } .card-title-sm .title { font-size: 14px } .card-title small { color: #e4e4e4; font-weight: 500 } .card-subtitle { color: #e4e4e4; font-family: Roboto, sans-serif; font-weight: 400 } .card-tools-nav { display: flex; margin: -6px -10px -5px } .card-tools-nav li { padding: 0 10px } .card-tools-nav li a { color: #e4e4e4; display: block; line-height: 1; padding: 10px 0; position: relative } .card-tools-nav li a:before { background: var(--main-color); bottom: 0; content: ""; height: 2px; left: 0; opacity: 0; position: absolute; right: 0 } .card-tools-nav li a.active, .card-tools-nav li a:hover { color: #666 } .card-tools-nav li a.active:before { opacity: 1 } .card-tools-nav li.active a { color: #666 } .card-tools-nav li.active a:before { opacity: 1 } .card-tools.mr-n1 { margin-right: -.5rem !important } .card-hint { color: #e8dfdb; font-size: 1rem } @media (max-width: 575.98px) { .card-head.ui-v2 .card-tools { margin: 0 -10px; padding-top: .5rem; width: calc(100% + 20px) } .card-head.ui-v2 .card-tools-nav { border-bottom: 1px solid #f1e8e4; padding: 0 .75rem } .card-head.ui-v2 .card-tools-nav li a { padding-bottom: 1rem } .card-stretch { border-left: 0; border-radius: 0; border-right: 0; margin-left: -18px; margin-right: -18px } } @media (min-width: 576px) { .card-inner { padding: 1.5rem } .card-inner-sm { padding-bottom: .75rem; padding-top: .75rem } .card-inner-md { padding-bottom: 1rem; padding-top: 1rem } .card-header { padding-left: 1.5rem; padding-right: 1.5rem } } @media (min-width: 768px) { .card-inner-lg { padding: 2.5rem } .card-inner-xl { padding: 3.75rem } } .form-icon { align-items: center; display: inline-flex; height: calc(1rem + 24px); justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); width: calc(1rem + 24px) } .form-icon .icon { color: #e4e4e4; font-size: 16px } .form-icon + .form-control { padding-left: calc(1rem + 24px) } .form-icon-right { left: auto; right: -1px } .form-icon-right + .form-control { padding-left: 1rem; padding-right: calc(1rem + 24px) } .form-info { align-items: center; border-left: 1px solid #e8dfdb; color: #e4e4e4; display: inline-flex; justify-content: center; padding: .125rem 1.25rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%) } .form-info + .form-control { padding-right: calc(1rem + 24px) } .form-label { color: #533c32; font-size: .875rem; font-weight: 500; margin-bottom: .5rem } .form-label-group { align-items: center; display: flex; justify-content: space-between; margin-bottom: .5rem } .form-label-group .form-label { margin-bottom: 0 } .form-label + .form-note { margin-top: -.35rem } .form-label-outlined { background-color: #fff; color: #61473c; font-size: .8125rem; font-weight: 400; left: .6666666667rem; line-height: 1.25rem; margin-bottom: 0; padding: 0 .4rem; position: absolute; top: .4375rem; transform-origin: left; transition: all .3s ease; z-index: 1 } .form-control-lg ~ .form-label-outlined { font-size: .9375rem; padding: 0 .3773584906rem; top: .6875rem } .form-control-sm ~ .form-label-outlined { font-size: .75rem; left: .4rem; top: .25rem } .focused .form-control-sm ~ .form-label-outlined, .form-select.form-control-sm ~ .form-label-outlined { font-size: 11px } .focused .form-label-outlined, .form-select ~ .form-label-outlined { font-size: 11px; top: calc(-.4375rem - 2px) } .form-control-xl ~ .form-label-outlined { font-size: .9375rem; left: .8333333333rem; line-height: 2rem; padding: 0 .5rem; top: .625rem } .focused .form-control-xl ~ .form-label-outlined, .form-select.form-control-xl ~ .form-label-outlined { top: calc(-.625rem - 5px) } .focused .form-control-lg ~ .form-label-outlined, .focused .form-control-xl ~ .form-label-outlined, .form-select.form-control-lg ~ .form-label-outlined, .form-select.form-control-xl ~ .form-label-outlined { font-size: 12px } .form-note { display: block; font-style: italic } .form-note, .form-note-alt { color: #e4e4e4; font-size: 12px } .form-note-group { display: flex; justify-content: space-between; margin-bottom: -.25rem; margin-top: .5rem } .form-control-xl { border-radius: 5px; font-size: .9375rem; height: calc(3.25rem + 2px); line-height: 2rem; padding: .625rem 1.25rem } .form-control-outlined { cursor: pointer } .focused .form-control-outlined { cursor: auto } .form-control-group, .form-control-wrap { position: relative } .form-control-group + .form-note, .form-control-wrap + .form-note { margin-top: .5rem } .form-control-noborder { border-color: transparent } .form-control-noborder:focus { border-color: #e8dfdb; box-shadow: none } .form-control-solid { border-color: #fff } .form-control-solid:focus { border-color: #e8dfdb; box-shadow: none } .form-control-number { font-size: 20px; height: 74px; padding: 20px } .form-control-password-big { font-size: 44px; height: calc(3.25rem + 1px); padding: 1rem } .form-control.error { border-color: #ff3828 } .form-control.error:focus { box-shadow: 0 0 0 3px rgba(255, 56, 40, .1) } .form-control.focus { border-color: var(--main-color); box-shadow: 0 0 0 3px rgba(222, 79, 22, .1) } .form-control-simple { border: none; padding: 0 } .form-control-simple:focus { box-shadow: none } .form-group { margin-bottom: 1.25rem; position: relative } .form-group:last-child { margin-bottom: 0 } .form-select { height: calc(2.125rem + 2px) } .form-select:not(.form-control) { opacity: 0 } .form-select-sm, .form-select[data-ui*=sm] { height: calc(1.75rem + 2px) } .form-select-lg, .form-select[data-ui*=lg] { height: calc(2.625rem + 2px) } .form-select-xl, .form-select[data-ui*=xl] { height: calc(3.25rem + 2px) } .form-focus-none:focus { border-color: transparent; box-shadow: none } .form-action .btn + .btn { margin-left: 1.25rem } .form-round { border-radius: 100px } .custom-select { -moz-appearance: none; appearance: none; -webkit-appearance: none } .custom-select option { border-radius: 3px; color: #666; cursor: pointer; margin: 2px -.5rem; padding: 5px .5rem } .custom-select option:last-child { margin-bottom: -.5rem } .form-control-select { position: relative } .form-control-select .form-control { -moz-appearance: none; appearance: none; -webkit-appearance: none } .form-control-select-multiple .custom-select { padding-bottom: .875rem; padding-top: .375rem } .form-control-select-multiple .custom-select option { border-radius: 3px; color: #666; cursor: pointer; margin: 2px -.5rem; padding: 5px .5rem } .form-control-select-multiple .custom-select option:last-child { margin-bottom: -.5rem } .form-control-select:after { align-items: center; content: ""; display: inline-flex; font-family: Nioicon; height: calc(1rem + 12px); justify-content: center; pointer-events: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: calc(1rem + 12px) } textarea.no-resize { resize: none } textarea.form-control { min-height: 122px; padding-top: .65625rem } textarea.textarea-sm { min-height: 92px } textarea.textarea-lg { min-height: 208px } textarea.textarea-auto { min-height: 0 } .custom-file-input ~ .error, .custom-file-input ~ .invalid, .form-control ~ .error, .form-control ~ .invalid { color: #ff3828; font-size: 11px; font-style: italic } .custom-btn-check { position: relative } .custom-btn-check input { height: 1px; opacity: 0; position: absolute; width: 1px } .custom-btn-check input:checked ~ label { background-color: var(--main-color); border-color: var(--main-color); color: #fff } .custom-btn-check label { background-color: #f5efed; border: 2px solid #f5efed; border-radius: 4px; color: #666; display: inline-block; font-size: .8125rem; font-weight: 500; line-height: 1.25rem; margin-bottom: 0 !important; padding: .4375rem 1.125rem; text-align: center; transition: all .3s } .custom-btn-sm label { font-size: .75rem; line-height: 1.25rem; padding: .25rem 1rem } .custom-btn-round label { border-radius: 60px } .custom-btn-outline label { background-color: transparent } .custom-control { display: inline-flex; min-height: 1.5rem } .custom-control.notext { margin-left: -.75rem } .custom-control.notext .custom-control-label { left: .75rem; position: relative } .custom-control-label { font-size: 14px; line-height: 1.25rem; padding-top: .125rem } .custom-control-label:after, .custom-control-label:before { top: 0 } .custom-control-label:after { align-items: center; background-image: none !important; color: #fff; display: inline-flex; font-family: Nioicon; justify-content: center; opacity: 0 } .custom-checkbox .custom-control-label:after { content: "" } .custom-radio .custom-control-label:after { content: "" } .custom-control .custom-control-input:checked ~ .custom-control-label:after { opacity: 1 } .custom-control .custom-control-input:disabled ~ .custom-control-label, .custom-control .custom-control-input[disabled] ~ .custom-control-label { color: #364a63; opacity: .7 } .custom-control-sm { min-height: 1.125rem; padding-left: 1.625rem } .custom-control-sm.notext { margin-left: -.5rem } .custom-control-sm.notext .custom-control-label { left: .5rem } .custom-control-sm .custom-control-label { font-size: 12px; line-height: 1.125rem; padding-top: 0 } .custom-control-sm .custom-control-label:after, .custom-control-sm .custom-control-label:before { height: 1.125rem; left: -1.625rem; width: 1.125rem } .custom-control-sm .custom-control-label:after { font-size: .9em } .custom-control-lg { min-height: 2rem; padding-left: 3rem } .custom-control-lg.notext { margin-left: -1rem } .custom-control-lg.notext .custom-control-label { left: 1rem } .custom-control-lg .custom-control-label { font-size: 15px; line-height: 1.375rem; padding-top: .3125rem } .custom-control-lg .custom-control-label:after, .custom-control-lg .custom-control-label:before { height: 2rem; left: -3rem; width: 2rem } .custom-control-lg .custom-control-label:after { font-size: 1.2em } .custom-control-input { height: 1px; opacity: 0; position: absolute; width: 1px } .custom-control.is-right { padding-left: 0; padding-right: 2.25rem } .custom-control.is-right .custom-control-label:after, .custom-control.is-right .custom-control-label:before { left: auto; right: -2.25rem } .custom-control.is-right.custom-control-sm { padding-right: 1.625rem } .custom-control.is-right.custom-control-sm .custom-control-label:after, .custom-control.is-right.custom-control-sm .custom-control-label:before { right: -1.625rem } .custom-control.is-right.custom-control-lg { padding-right: 3rem } .custom-control.is-right.custom-control-lg .custom-control-label:after, .custom-control.is-right.custom-control-lg .custom-control-label:before { right: -3rem } .custom-file-label { overflow: hidden; white-space: nowrap } .custom-select { background: #fff } .custom-switch { padding-left: 3.75rem } .custom-switch .custom-control-label:before { border-radius: 1.5rem; left: -3.75rem; width: 3rem } .custom-switch .custom-control-label:after { border-radius: 1.5rem; height: 1rem; left: calc(-3.75rem + 4px); opacity: 1; top: .25rem; width: 1rem } .custom-switch .custom-control-input:checked ~ .custom-control-label:after { transform: translateX(calc(2rem - 8px)) } .custom-switch.custom-control-sm { padding-left: 2.46875rem } .custom-switch.custom-control-sm .custom-control-label:before { border-radius: .984375rem; left: -2.46875rem; width: 1.96875rem } .custom-switch.custom-control-sm .custom-control-label:after { border-radius: .984375rem; height: .65rem; left: calc(-2.46875rem + 4px); top: .2375rem; width: .65rem } .custom-switch.custom-control-sm .custom-control-input:checked ~ .custom-control-label:after { transform: translateX(calc(1.31875rem - 8px)) } .custom-switch.custom-control-lg { padding-left: 5rem } .custom-switch.custom-control-lg .custom-control-label:before { border-radius: 2rem; left: -5rem; width: 4rem } .custom-switch.custom-control-lg .custom-control-label:after { border-radius: 2rem; height: 1.25rem; left: calc(-5rem + 6px); top: .375rem; width: 1.25rem } .custom-switch.custom-control-lg .custom-control-input:checked ~ .custom-control-label:after { transform: translateX(calc(2.75rem - 12px)) } .custom-switch.is-right { padding-left: 0; padding-right: 3.75rem } .custom-switch.is-right .custom-control-label:after, .custom-switch.is-right .custom-control-label:before { left: auto; right: -2.25rem } .custom-switch.is-right .custom-control-label:before { right: -3.75rem } .custom-switch.is-right .custom-control-label:after { right: calc(-3.75rem + 4px) } .custom-switch.is-right .custom-control-input:checked ~ .custom-control-label:after { transform: translateX(calc(-2rem + 8px)) } .custom-switch.is-right.custom-control-sm { padding-right: 2.46875rem } .custom-switch.is-right.custom-control-sm .custom-control-label:before { right: -2.46875rem } .custom-switch.is-right.custom-control-sm .custom-control-label:after { right: calc(-2.46875rem + 4px) } .custom-switch.is-right.custom-control-sm .custom-control-input:checked ~ .custom-control-label:after { transform: translateX(calc(-1.31875rem + 8px)) } .custom-switch.is-right.custom-control-lg { padding-right: 5rem } .custom-switch.is-right.custom-control-lg .custom-control-label:before { right: -5rem } .custom-switch.is-right.custom-control-lg .custom-control-label:after { right: calc(-5rem + 6px) } .custom-switch.is-right.custom-control-lg .custom-control-input:checked ~ .custom-control-label:after { transform: translateX(calc(-2.75rem + 12px)) } label { cursor: pointer } input[type=radio]:checked ~ label { cursor: default } .custom-control, .is-alter .form-control ~ { position: relative } .custom-control .invalid, .is-alter .form-control ~ .invalid { background: #ff5e51; border-radius: 3px; bottom: calc(100% + 4px); color: #fff; font-size: 11px; left: 0; line-height: 1; padding: .3rem .5rem; position: absolute; white-space: nowrap; z-index: 1 } .custom-control .invalid:before, .is-alter .form-control ~ .invalid:before { border-bottom: 6px solid transparent; border-left: 6px solid #ff5e51; border-right: 6px solid transparent; bottom: -6px; content: ""; height: 0; left: 10px; position: absolute; width: 0 } .is-alter .form-control ~ .invalid { left: auto; right: 0 } .is-alter .form-control ~ .invalid:before { border-left-color: transparent; border-right-color: #ff5e51; bottom: -4px; left: auto; right: 10px } .table thead tr:last-child th { border-bottom: 1px solid #e8dfdb } .table-dark thead tr:last-child th, .table thead.thead-dark tr:last-child th { border-color: #61473c } .table td:first-child, .table th:first-child { padding-left: 1.25rem } .table td:last-child, .table th:last-child { padding-right: 1.25rem } .table th { line-height: 1.1 } .table th.overline-title { font-weight: 500; line-height: 1.25rem } .table caption { font-style: italic; padding-left: 1.25rem } .table-bordevar(--main-color) td, .table-bordevar(--main-color) th { padding-left: 1rem; padding-right: 1rem } .table-plain td:first-child, .table-plain th:first-child { padding-left: 0 } .table-plain td:last-child, .table-plain th:last-child { padding-right: 0 } .table-lg td { padding-bottom: 1rem; padding-top: 1rem } .table-lg th { padding-bottom: .75rem; padding-top: .75rem } .table-vm td, .table-vm th, .table td.vm, .table th.vm { vertical-align: middle } @media (min-width: 576px) { .table-lg td:first-child, .table-lg th:first-child { padding-left: 1.5rem } .table-lg td:last-child, .table-lg th:last-child { padding-right: 1.5rem } } .media-center { align-items: center } .media-object { display: inline-flex } .media > :first-child { flex-shrink: 0 } .media > :last-child { flex-grow: 1; max-width: 100% } .nav { margin: -.5rem -1rem } .nav .nav-link { align-items: center; display: inline-flex } .nav .nav-link .icon + span, .nav .nav-link span + .icon { margin-left: .75rem } .nav .nav-link .icon { font-size: 1.3em } .nav-tabs { border-bottom: 1px solid #444 !important; font-family: Nunito, sans-serif; font-size: .8125rem; margin: 0 } .nav-tabs-s2 { border-bottom: none; justify-content: center } .nav-tabs + .tab-content { margin-top: 1.25rem } .nav-tabs .nav-item { padding-right: 1.25rem } .nav-tabs .nav-item:last-child { padding-right: 0 } .nav-tabs .nav-item.active .nav-link { color: var(--main-color) } .nav-tabs .nav-item.active .nav-link:after { opacity: 1 } .nav-tabs .nav-link { align-items: center; border: none; color: #666; display: inline-flex; font-weight: 700; outline: none; padding: 1rem 0; position: relative } .nav-tabs .nav-link .icon { font-size: 1.4em } .nav-tabs .nav-link .icon + span { margin-left: .5rem } .nav-tabs .nav-link .badge { margin-left: .25rem } .nav-tabs .nav-link:hover { color: #364a63 } .nav-tabs .nav-link:focus { color: var(--main-color) } .nav-tabs .nav-link:after, .nav-tabs .nav-link:before { content: ""; position: absolute } .nav-tabs .nav-link:after { background: var(--main-color); bottom: 0; height: 3px; left: 0; opacity: 0; right: 0 } .nav-tabs .nav-link.active { background-color: transparent; border: none; color: var(--main-color) } .nav-tabs .nav-link.active:after { opacity: 1 } .nav-sm { font-size: .8125rem } @media (min-width: 768px) { .nav-tabs .nav-item { padding-right: 1.5rem } .nav-tabs-sm .nav-item { padding-right: 1.25rem } } @media (min-width: 992px) { .nav-tabs .nav-item { padding-right: 1.75rem } .nav-tabs-sm .nav-item { padding-right: 1.25rem } .nav-tabs .nav-link { font-size: .875rem } } @media (min-width: 1200px) { .nav-tabs .nav-item { padding-right: 2.25rem } .nav-tabs-sm .nav-item { padding-right: 1.25rem } } @media (max-width: 575.98px) { .nav-tabs.is-stretch { margin-left: -18px; margin-right: -18px; padding-left: 18px; padding-right: 18px } } .nav-item-trigger { align-items: center; display: inline-flex; margin: -1px -.5rem 0 auto } .nav-tabs-card { font-family: Roboto, sans-serif; padding-left: 1.25rem; padding-right: 1.25rem } @media (min-width: 576px) { .nav-tabs-card { padding-left: 1.5rem; padding-right: 1.5rem } } @media (max-width: 767.98px) { .nav-tabs-mb-icon .nav-item { padding-right: .75rem } .nav-tabs-mb-icon .nav-link .icon { font-size: 1.25rem; padding: 0 .5rem } .nav-tabs-mb-icon .nav-link .icon + span { display: none } } @media (max-width: 359px) { .nav-tabs-mb-icon .nav-item { padding-right: .35rem } } .is-medium.nav-tabs .nav-link { padding: .75rem 0 } .modal-content { box-shadow: 0 0 1px 0 hsla(0, 0%, 40%, .2), 0 8px 15.52px .48px rgba(28, 43, 70, .15); min-height: 40px; position: relative } .modal-content > .close { align-items: center; color: #666; display: inline-flex; height: 2.25rem; justify-content: center; position: absolute; right: .75rem; top: .75rem; transition: all .3s; width: 2.25rem; z-index: 1 } .modal-body .stretched { border-radius: 0; margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem } .modal-body .stretched.alert { border: none } .modal-body .stretched.alert-icon { padding-left: 3.25rem } .modal-body-md { padding: 1.75rem 1.25rem } .modal-body-md .stretched { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem } .modal-body-md .stretched.alert-icon { padding-left: 4.5rem } .modal-body-lg { padding: 2.25rem 1.25rem } .modal-body-lg .stretched { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem } .modal-body-lg .stretched.alert-icon { padding-left: 4.5rem } .modal-footer-stretch { justify-content: stretch } .modal-footer-between { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; margin: -.25rem 0; width: 100% } .modal-footer-between > div { padding: .25rem 0 } .modal-dialog { align-items: center; display: flex; min-height: calc(100% - 1rem) } .modal-dialog:before { height: calc(100vh - 1rem) } .modal.fade .modal-dialog { transform: translateY(-10px) } .modal.zoom .modal-dialog { transform: scale(.95); transition: transform .3s ease-out } .modal-dialog-top { align-items: flex-start } .modal.fade .modal-dialog-top { transform: translateY(-30px) } .modal-dialog-bottom { align-items: flex-end } @media (min-width: 576px) { .modal-dialog { min-height: calc(100% - 3.5rem) } .modal-dialog:before { height: calc(100vh - 3.5rem) } .modal-body { padding: 1.5rem } .modal-body .stretched { margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem } .modal-body .stretched.alert-icon { padding-left: 3.5rem } .modal-body-sm { padding: 1.25rem } .modal-body-sm .stretched { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem } .modal-body-sm .stretched.alert-icon { padding-left: 3.25rem } .modal-body-md { padding: 2.25rem 2.5rem } .modal-body-md .stretched { margin-left: -2.5rem; margin-right: -2.5rem; padding-left: 2.5rem; padding-right: 2.5rem } .modal-body-md .stretched.alert-icon { padding-left: 4.5rem } .modal-body-md .stretched.alert-icon > .icon { left: 2.5rem } .modal-body-lg { padding: 3.75rem } .modal-body-lg .stretched { margin-left: -3.75rem; margin-right: -3.75rem; padding-left: 3.75rem; padding-right: 3.75rem } .modal-body-lg .stretched.alert-icon { padding-left: 5.75rem } .modal-header { padding: 1rem 1.5rem } .modal-header-sm { padding: .75rem 1.25rem } .modal-footer { padding: 1rem 1.5rem } .modal-footer-sm { padding: .75rem 1.25rem } } @media (min-width: 768px) { .modal-md { max-width: 600px } } .pagination-goto { text-transform: uppercase } .page-link, .pagination-goto { align-items: center; display: inline-flex; font-size: .8125rem } .page-link { justify-content: center; min-width: calc(2.125rem + 2px) } .pagination-sm .page-link { line-height: .875rem; min-width: calc(1.75rem + 2px) } .pagination-lg .page-link { line-height: 1.5rem; min-width: calc(2.625rem + 2px) } .pagination-xl .page-link { font-size: 1.38125rem; line-height: 1.5rem; min-width: calc(3.25rem + 2px); padding: .875rem .75rem } .page-link .icon { font-size: .8125rem; line-height: inherit } .page-link:not([href]) { background-color: transparent; color: inherit } .page-link:not([href]) .icon:before { position: relative; top: 1px } .page-link-next span, .page-link-prev span { display: none } @media (min-width: 576px) { .page-link-next span, .page-link-prev span { display: block } .page-link-prev .icon { padding-right: .25rem } .page-link-next .icon { padding-left: .25rem } } .progress-bar { height: 100%; line-height: 1 } .progress-sm { height: .25rem } .progress-md { height: .375rem } .progress-lg { height: 1rem } .progress-pill, .progress-pill .progress-bar { border-radius: 100px } .progress-text { align-items: center; color: #e4e4e4; display: flex; justify-content: space-between; margin-bottom: .25rem } .progress-label { font-size: .875rem } .progress-amount { font-size: 12px; padding-left: .5rem } .progress-alt { align-items: center; display: flex; overflow: visible } .progress-alt .progress-bar { border-radius: 2px } .progress-reverse { flex-direction: row-reverse } .progress-bordevar(--main-color) .progress-bar { border: 2px solid #fff; box-sizing: content-box; margin-top: -2px } .progress-bordevar(--main-color) .progress-bar:not(:first-child) { margin-left: -4px } .progress-bordevar(--main-color).progress-reverse .progress-bar { margin-left: 0 } .progress-bordevar(--main-color).progress-reverse .progress-bar:not(:last-child) { margin-left: -5px } .toast .close { display: inline-flex; margin-left: .5rem; margin-right: -.5rem } @font-face { font-display: block; font-family: Nioicon; font-style: normal; font-weight: 400; src: url(../fonts/Nioicon.eot@3rpiw1); src: url(../fonts/Nioicon.eot@3rpiw1) format("embedded-opentype"), url(../fonts/Nioicon.ttf@3rpiw1) format("truetype"), url(../fonts/Nioicon.woff@3rpiw1) format("woff"), url(../fonts/Nioicon.svg@3rpiw1) format("svg") } .ni { speak: never; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Nioicon !important; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none } .ni-centos:before { content: "" } .ni-covid:before { content: "" } .ni-fedora:before { content: "" } .ni-hot-fill:before { content: "" } .ni-hot:before { content: "" } .ni-linux-server:before { content: "" } .ni-linux:before { content: "" } .ni-note-add-fill:before { content: "" } .ni-repeat-fill:before { content: "" } .ni-tranx-fill:before { content: "" } .ni-ubuntu:before { content: "" } .ni-virus:before { content: "" } .ni-b-chrome:before { content: "" } .ni-b-edge:before { content: "" } .ni-b-firefox:before { content: "" } .ni-b-ie:before { content: "" } .ni-b-opera:before { content: "" } .ni-b-safari:before { content: "" } .ni-b-si:before { content: "" } .ni-b-uc:before { content: "" } .ni-brick-fill:before { content: "" } .ni-brick:before { content: "" } .ni-col-3s:before { content: "" } .ni-col-4s:before { content: "" } .ni-col-2s:before { content: "" } .ni-comments:before { content: "" } .ni-dot-sq:before { content: "" } .ni-dot:before { content: "" } .ni-footer:before { content: "" } .ni-header:before { content: "" } .ni-heading:before { content: "" } .ni-layout-alt-fill:before { content: "" } .ni-layout-alt:before { content: "" } .ni-layout-fill1:before { content: "" } .ni-layout1:before { content: "" } .ni-list-index-fill:before { content: "" } .ni-list-index:before { content: "" } .ni-list-thumb-alt-fill:before { content: "" } .ni-list-thumb-alt:before { content: "" } .ni-list-thumb-fill:before { content: "" } .ni-list-thumb:before { content: "" } .ni-masonry-fill:before { content: "" } .ni-masonry:before { content: "" } .ni-menu-circled:before { content: "" } .ni-menu-squavar(--main-color):before { content: "" } .ni-notice:before { content: "" } .ni-pen2:before { content: "" } .ni-propert-blank:before { content: "" } .ni-property-add:before { content: "" } .ni-property-alt:before { content: "" } .ni-property-remove:before { content: "" } .ni-property:before { content: "" } .ni-puzzle-fill:before { content: "" } .ni-puzzle:before { content: "" } .ni-quote-left:before { content: "" } .ni-quote-right:before { content: "" } .ni-row-mix:before { content: "" } .ni-row-view1:before { content: "" } .ni-sidebar-r:before { content: "" } .ni-text2:before { content: "" } .ni-tile-thumb-fill:before { content: "" } .ni-tile-thumb:before { content: "" } .ni-view-col-fill:before { content: "" } .ni-view-col-sq:before { content: "" } .ni-view-col:before { content: "" } .ni-view-col2:before { content: "" } .ni-view-col3:before { content: "" } .ni-view-cols-fill:before { content: "" } .ni-view-cols-sq:before { content: "" } .ni-view-cols:before { content: "" } .ni-view-grid-fill:before { content: "" } .ni-view-grid-sq:before { content: "" } .ni-view-grid-wd:before { content: "" } .ni-view-grid:before { content: "" } .ni-view-grid2-wd:before { content: "" } .ni-view-grid3-wd:before { content: "" } .ni-view-group-fill:before { content: "" } .ni-view-group-wd:before { content: "" } .ni-view-list-fill:before { content: "" } .ni-view-list-sq:before { content: "" } .ni-view-list-wd:before { content: "" } .ni-view-list:before { content: "" } .ni-view-panel-fill:before { content: "" } .ni-view-panel-sq:before { content: "" } .ni-view-panel:before { content: "" } .ni-view-row-fill:before { content: "" } .ni-view-row-sq:before { content: "" } .ni-view-row-wd:before { content: "" } .ni-view-row:before { content: "" } .ni-view-x1:before { content: "" } .ni-view-x2:before { content: "" } .ni-view-x3:before { content: "" } .ni-view-x4:before { content: "" } .ni-view-x5:before { content: "" } .ni-view-x6:before { content: "" } .ni-view-x7:before { content: "" } .ni-dashlite:before { content: "" } .ni-dashlite-circle:before { content: "" } .ni-dashlite-alt:before { content: "" } .ni-master-card:before { content: "" } .ni-paypal:before { content: "" } .ni-visa-alt:before { content: "" } .ni-coin-eur:before { content: "" } .ni-coin-gbp:before { content: "" } .ni-sign-ada-alt:before { content: "" } .ni-sign-bch-alt:before { content: "" } .ni-sign-bgp-alt:before { content: "" } .ni-sign-bnb-alt:before { content: "" } .ni-sign-brl-alt:before { content: "" } .ni-sign-btc-alt:before { content: "" } .ni-sign-cc-alt:before { content: "" } .ni-sign-cc-alt2:before { content: "" } .ni-sign-chf-alt:before { content: "" } .ni-sign-cny-alt:before { content: "" } .ni-sign-czk-alt:before { content: "" } .ni-sign-dash-alt:before { content: "" } .ni-sign-dkk-alt:before { content: "" } .ni-sign-eos-alt:before { content: "" } .ni-sign-eth-alt:before { content: "" } .ni-sign-eur-alt2:before { content: "" } .ni-sign-euro-alt:before { content: "" } .ni-sign-gbp-alt2:before { content: "" } .ni-sign-hkd-alt:before { content: "" } .ni-sign-idr-alt:before { content: "" } .ni-sign-inr-alt:before { content: "" } .ni-sign-jpy-alt:before { content: "" } .ni-sign-kr-alt:before { content: "" } .ni-sign-ltc-alt:before { content: "" } .ni-sign-ltc:before { content: "" } .ni-sign-mxn-alt:before { content: "" } .ni-sign-mxr-alt:before { content: "" } .ni-sign-myr-alt:before { content: "" } .ni-sign-paypal-alt:before { content: "" } .ni-sign-paypal-full:before { content: "" } .ni-sign-php-alt:before { content: "" } .ni-sign-pln-alt:before { content: "" } .ni-sign-rub-alt:before { content: "" } .ni-sign-sek-alt:before { content: "" } .ni-sign-sgd-alt:before { content: "" } .ni-sign-kobo-alt:before { content: "" } .ni-sign-steem-alt:before { content: "" } .ni-sign-steller-alt:before { content: "" } .ni-sign-stripe-fulll:before { content: "" } .ni-sign-thb-alt:before { content: "" } .ni-sign-trx-alt:before { content: "" } .ni-sign-try-alt:before { content: "" } .ni-sign-usd-alt:before { content: "" } .ni-sign-usd-alt2:before { content: "" } .ni-sign-usdc-alt:before { content: "" } .ni-sign-usdt-alt:before { content: "" } .ni-sign-visa-alt:before { content: "" } .ni-sign-vnd-alt:before { content: "" } .ni-sign-waves-alt:before { content: "" } .ni-sign-xem-alt:before { content: "" } .ni-sign-xrp-new-alt:before { content: "" } .ni-sign-xrp-old-alt:before { content: "" } .ni-sign-zcash-alt:before { content: "" } .ni-chevron-left:before { content: "" } .ni-chevron-right:before { content: "" } .ni-chevron-up:before { content: "" } .ni-chevron-down:before { content: "" } .ni-chevron-left-round:before { content: "" } .ni-chevron-right-round:before { content: "" } .ni-chevron-up-round:before { content: "" } .ni-chevron-down-round:before { content: "" } .ni-chevron-left-round-fill:before { content: "" } .ni-chevron-right-round-fill:before { content: "" } .ni-chevron-up-round-fill:before { content: "" } .ni-chevron-down-round-fill:before { content: "" } .ni-chevron-left-c:before { content: "" } .ni-chevron-right-c:before { content: "" } .ni-chevron-up-c:before { content: "" } .ni-chevron-down-c:before { content: "" } .ni-chevron-left-fill-c:before { content: "" } .ni-chevron-right-fill-c:before { content: "" } .ni-chevron-up-fill-c:before { content: "" } .ni-chevron-down-fill-c:before { content: "" } .ni-chevron-left-circle:before { content: "" } .ni-chevron-right-circle:before { content: "" } .ni-chevron-up-circle:before { content: "" } .ni-chevron-down-circle:before { content: "" } .ni-chevron-left-circle-fill:before { content: "" } .ni-chevron-right-circle-fill:before { content: "" } .ni-chevron-up-circle-fill:before { content: "" } .ni-chevron-down-circle-fill:before { content: "" } .ni-caret-left:before { content: "" } .ni-caret-right:before { content: "" } .ni-caret-up:before { content: "" } .ni-caret-down:before { content: "" } .ni-caret-left-fill:before { content: "" } .ni-caret-right-fill:before { content: "" } .ni-caret-up-fill:before { content: "" } .ni-caret-down-fill:before { content: "" } .ni-sort:before { content: "" } .ni-sort-up:before { content: "" } .ni-sort-down:before { content: "" } .ni-sort-fill:before { content: "" } .ni-sort-up-fill:before { content: "" } .ni-sort-down-fill:before { content: "" } .ni-sort-v:before { content: "" } .ni-swap-v:before { content: "" } .ni-swap:before { content: "" } .ni-arrow-left-round:before { content: "" } .ni-arrow-right-round:before { content: "" } .ni-arrow-up-round:before { content: "" } .ni-arrow-down-round:before { content: "" } .ni-arrow-left-round-fill:before { content: "" } .ni-arrow-right-round-fill:before { content: "" } .ni-arrow-up-round-fill:before { content: "" } .ni-arrow-down-round-fill:before { content: "" } .ni-arrow-left-c:before { content: "" } .ni-arrow-right-c:before { content: "" } .ni-arrow-up-c:before { content: "" } .ni-arrow-down-c:before { content: "" } .ni-arrow-left-fill-c:before { content: "" } .ni-arrow-right-fill-c:before { content: "" } .ni-arrow-up-fill-c:before { content: "" } .ni-arrow-down-fill-c:before { content: "" } .ni-arrow-left-circle:before { content: "" } .ni-arrow-right-circle:before { content: "" } .ni-arrow-up-circle:before { content: "" } .ni-arrow-down-circle:before { content: "" } .ni-arrow-left-circle-fill:before { content: "" } .ni-arrow-up-circle-fill:before { content: "" } .ni-arrow-down-circle-fill:before { content: "" } .ni-arrow-right-circle-fill:before { content: "" } .ni-chevrons-left:before { content: "" } .ni-chevrons-right:before { content: "" } .ni-chevrons-up:before { content: "" } .ni-chevrons-down:before { content: "" } .ni-first:before { content: "" } .ni-last:before { content: "" } .ni-back-ios:before { content: "" } .ni-forward-ios:before { content: "" } .ni-upword-ios:before { content: "" } .ni-downward-ios:before { content: "" } .ni-back-alt:before { content: "" } .ni-forward-alt:before { content: "" } .ni-upword-alt:before { content: "" } .ni-downward-alt:before { content: "" } .ni-back-alt-fill:before { content: "" } .ni-forward-alt-fill:before { content: "" } .ni-upword-alt-fill:before { content: "" } .ni-downward-alt-fill:before { content: "" } .ni-arrow-long-left:before { content: "" } .ni-arrow-long-right:before { content: "" } .ni-arrow-long-up:before { content: "" } .ni-arrow-long-down:before { content: "" } .ni-arrow-left:before { content: "" } .ni-arrow-right:before { content: "" } .ni-arrow-up:before { content: "" } .ni-arrow-down:before { content: "" } .ni-arrow-up-left:before { content: "" } .ni-arrow-up-right:before { content: "" } .ni-arrow-down-left:before { content: "" } .ni-arrow-down-right:before { content: "" } .ni-arrow-to-left:before { content: "" } .ni-arrow-to-right:before { content: "" } .ni-arrow-to-up:before { content: "" } .ni-arrow-to-down:before { content: "" } .ni-arrow-from-left:before { content: "" } .ni-arrow-from-right:before { content: "" } .ni-arrow-from-up:before { content: "" } .ni-arrow-from-down:before { content: "" } .ni-curve-down-left:before { content: "" } .ni-curve-up-right:before { content: "" } .ni-curve-up-left:before { content: "" } .ni-curve-down-right:before { content: "" } .ni-curve-left-up:before { content: "" } .ni-curve-right-up:before { content: "" } .ni-curve-left-down:before { content: "" } .ni-curve-right-down:before { content: "" } .ni-back-arrow:before { content: "" } .ni-forward-arrow:before { content: "" } .ni-back-arrow-fill:before { content: "" } .ni-forward-arrow-fill:before { content: "" } .ni-navigate:before { content: "" } .ni-navigate-up:before { content: "" } .ni-navigate-fill:before { content: "" } .ni-navigate-up-fill:before { content: "" } .ni-send:before { content: "" } .ni-send-alt:before { content: "" } .ni-unfold-less:before { content: "" } .ni-unfold-more:before { content: "" } .ni-exchange-v:before { content: "" } .ni-exchange:before { content: "" } .ni-expand:before { content: "" } .ni-shrink:before { content: "" } .ni-focus:before { content: "" } .ni-maximize:before { content: "" } .ni-minimize:before { content: "" } .ni-maximize-alt:before { content: "" } .ni-minimize-alt:before { content: "" } .ni-shuffle:before { content: "" } .ni-cross-sm:before { content: "" } .ni-cross:before { content: "" } .ni-cross-round:before { content: "" } .ni-cross-circle:before { content: "" } .ni-cross-c:before { content: "" } .ni-cross-round-fill:before { content: "" } .ni-cross-circle-fill:before { content: "" } .ni-cross-fill-c:before { content: "" } .ni-na:before { content: "" } .ni-check:before { content: "" } .ni-check-thick:before { content: "" } .ni-done:before { content: "" } .ni-check-round:before { content: "" } .ni-check-circle:before { content: "" } .ni-check-c:before { content: "" } .ni-check-round-fill:before { content: "" } .ni-check-circle-fill:before { content: "" } .ni-check-fill-c:before { content: "" } .ni-check-circle-cut:before { content: "" } .ni-check-round-cut:before { content: "" } .ni-bullet:before { content: "" } .ni-circle:before { content: "" } .ni-square:before { content: "" } .ni-square-c:before { content: "" } .ni-bullet-fill:before { content: "" } .ni-circle-fill:before { content: "" } .ni-square-fill:before { content: "" } .ni-square-fill-c:before { content: "" } .ni-plus-sm:before { content: "" } .ni-minus-sm:before { content: "" } .ni-plus:before { content: "" } .ni-minus:before { content: "" } .ni-plus-round:before { content: "" } .ni-minus-round:before { content: "" } .ni-plus-circle:before { content: "" } .ni-minus-circle:before { content: "" } .ni-plus-c:before { content: "" } .ni-minus-c:before { content: "" } .ni-plus-round-fill:before { content: "" } .ni-plus-circle-fill:before { content: "" } .ni-minus-round-fill:before { content: "" } .ni-minus-circle-fill:before { content: "" } .ni-plus-fill-c:before { content: "" } .ni-minus-fill-c:before { content: "" } .ni-plus-medi:before { content: "" } .ni-plus-medi-fill:before { content: "" } .ni-equal-sm:before { content: "" } .ni-equal:before { content: "" } .ni-calc:before { content: "" } .ni-search:before { content: "" } .ni-zoom-out:before { content: "" } .ni-zoom-in:before { content: "" } .ni-play:before { content: "" } .ni-play-fill:before { content: "" } .ni-play-circle:before { content: "" } .ni-play-circle-fill:before { content: "" } .ni-pause:before { content: "" } .ni-pause-fill:before { content: "" } .ni-pause-circle:before { content: "" } .ni-pause-circle-fill:before { content: "" } .ni-stop:before { content: "" } .ni-stop-fill:before { content: "" } .ni-stop-circle:before { content: "" } .ni-stop-circle-fill:before { content: "" } .ni-rewind:before { content: "" } .ni-forward:before { content: "" } .ni-rewind-fill:before { content: "" } .ni-forward-fill:before { content: "" } .ni-step-back:before { content: "" } .ni-step-forward:before { content: "" } .ni-vol-off:before { content: "" } .ni-vol-no:before { content: "" } .ni-vol-half:before { content: "" } .ni-vol:before { content: "" } .ni-mic:before { content: "" } .ni-mic-off:before { content: "" } .ni-video:before { content: "" } .ni-video-off:before { content: "" } .ni-video-fill:before { content: "" } .ni-loader:before { content: "" } .ni-power:before { content: "" } .ni-signout:before { content: "" } .ni-signin:before { content: "" } .ni-upload:before { content: "" } .ni-download:before { content: "" } .ni-alert-circle:before { content: "" } .ni-alert:before { content: "" } .ni-caution:before { content: "" } .ni-report:before { content: "" } .ni-alert-c:before { content: "" } .ni-alert-circle-fill:before { content: "" } .ni-alert-fill:before { content: "" } .ni-caution-fill:before { content: "" } .ni-report-fill:before { content: "" } .ni-alert-fill-c:before { content: "" } .ni-info-i:before { content: "" } .ni-info:before { content: "" } .ni-info-fill:before { content: "" } .ni-help:before { content: "" } .ni-help-fill:before { content: "" } .ni-archived:before { content: "" } .ni-archive:before { content: "" } .ni-unarchive:before { content: "" } .ni-archived-fill:before { content: "" } .ni-archive-fill:before { content: "" } .ni-unarchive-fill:before { content: "" } .ni-bag:before { content: "" } .ni-bag-fill:before { content: "" } .ni-bell:before { content: "" } .ni-bell-off:before { content: "" } .ni-bell-fill:before { content: "" } .ni-bell-off-fill:before { content: "" } .ni-wifi:before { content: "" } .ni-wifi-off:before { content: "" } .ni-live:before { content: "" } .ni-signal:before { content: "" } .ni-bluetooth:before { content: "" } .ni-blank-alt:before { content: "" } .ni-blank:before { content: "" } .ni-blankf-fill:before { content: "" } .ni-block-over:before { content: "" } .ni-book-read:before { content: "" } .ni-book:before { content: "" } .ni-book-fill:before { content: "" } .ni-bulb-fill:before { content: "" } .ni-bulb:before { content: "" } .ni-calendar-alt-fill:before { content: "" } .ni-calendar-alt:before { content: "" } .ni-calendar-booking-fill:before { content: "" } .ni-calendar-booking:before { content: "" } .ni-calendar-check-fill:before { content: "" } .ni-calendar-check:before { content: "" } .ni-calendar-fill:before { content: "" } .ni-calendar:before { content: "" } .ni-calender-date-fill:before { content: "" } .ni-calender-date:before { content: "" } .ni-call:before { content: "" } .ni-call-alt:before { content: "" } .ni-call-alt-fill:before { content: "" } .ni-call-fill:before { content: "" } .ni-camera-fill:before { content: "" } .ni-camera:before { content: "" } .ni-capsule:before { content: "" } .ni-capsule-fill:before { content: "" } .ni-cards:before { content: "" } .ni-cards-fill:before { content: "" } .ni-cart:before { content: "" } .ni-cart-fill:before { content: "" } .ni-cc:before { content: "" } .ni-cc-alt:before { content: "" } .ni-cc-alt2:before { content: "" } .ni-cc-secure:before { content: "" } .ni-cc-new:before { content: "" } .ni-cc-off:before { content: "" } .ni-cc-fill:before { content: "" } .ni-cc-alt-fill:before { content: "" } .ni-cc-alt2-fill:before { content: "" } .ni-cc-secure-fill:before { content: "" } .ni-msg-circle:before { content: "" } .ni-chat-circle:before { content: "" } .ni-msg:before { content: "" } .ni-chat:before { content: "" } .ni-question-alt:before { content: "" } .ni-question:before { content: "" } .ni-msg-circle-fill:before { content: "" } .ni-chat-circle-fill:before { content: "" } .ni-msg-fill:before { content: "" } .ni-chat-fill:before { content: "" } .ni-clip-h:before { content: "" } .ni-clip-v:before { content: "" } .ni-clip:before { content: "" } .ni-link-alt:before { content: "" } .ni-unlink:before { content: "" } .ni-unlink-alt:before { content: "" } .ni-link-h:before { content: "" } .ni-link-v:before { content: "" } .ni-link:before { content: "" } .ni-clipboard:before { content: "" } .ni-clipboad-check:before { content: "" } .ni-clipboard-fill:before { content: "" } .ni-clipboad-check-fill:before { content: "" } .ni-clock:before { content: "" } .ni-clock-fill:before { content: "" } .ni-cloud:before { content: "" } .ni-upload-cloud:before { content: "" } .ni-download-cloud:before { content: "" } .ni-cloud-fill:before { content: "" } .ni-contact:before { content: "" } .ni-contact-fill:before { content: "" } .ni-coffee:before { content: "" } .ni-coffee-fill:before { content: "" } .ni-box-view:before { content: "" } .ni-col-view:before { content: "" } .ni-sidebar:before { content: "" } .ni-layout:before { content: "" } .ni-table-view:before { content: "" } .ni-layout2:before { content: "" } .ni-row-view:before { content: "" } .ni-dot-box:before { content: "" } .ni-layout-fill:before { content: "" } .ni-box-view-fill:before { content: "" } .ni-sidebar-fill:before { content: "" } .ni-table-view-fill:before { content: "" } .ni-dot-box-fill:before { content: "" } .ni-template:before { content: "" } .ni-browser:before { content: "" } .ni-toolbar:before { content: "" } .ni-browser-fill:before { content: "" } .ni-toolbar-fill:before { content: "" } .ni-template-fill:before { content: "" } .ni-box:before { content: "" } .ni-package:before { content: "" } .ni-layer:before { content: "" } .ni-layers:before { content: "" } .ni-panel:before { content: "" } .ni-server:before { content: "" } .ni-layer-fill:before { content: "" } .ni-layers-fill:before { content: "" } .ni-package-fill:before { content: "" } .ni-panel-fill:before { content: "" } .ni-server-fill:before { content: "" } .ni-color-palette:before { content: "" } .ni-color-palette-fill:before { content: "" } .ni-copy:before { content: "" } .ni-copy-fill:before { content: "" } .ni-crop-alt:before { content: "" } .ni-crop:before { content: "" } .ni-target:before { content: "" } .ni-crosshair:before { content: "" } .ni-crosshair-fill:before { content: "" } .ni-db-fill:before { content: "" } .ni-db:before { content: "" } .ni-hard-drive:before { content: "" } .ni-cpu:before { content: "" } .ni-disk:before { content: "" } .ni-pen:before { content: "" } .ni-edit-alt:before { content: "" } .ni-pen-fill:before { content: "" } .ni-edit-alt-fill:before { content: "" } .ni-pen-alt-fill:before { content: "" } .ni-edit-fill:before { content: "" } .ni-edit:before { content: "" } .ni-external-alt:before { content: "" } .ni-external:before { content: "" } .ni-eye-alt:before { content: "" } .ni-eye-alt-fill:before { content: "" } .ni-eye:before { content: "" } .ni-eye-fill:before { content: "" } .ni-eye-off:before { content: "" } .ni-eye-off-fill:before { content: "" } .ni-file:before { content: "" } .ni-file-minus:before { content: "" } .ni-file-plus:before { content: "" } .ni-file-remove:before { content: "" } .ni-file-check:before { content: "" } .ni-file-code:before { content: "" } .ni-file-docs:before { content: "" } .ni-file-img:before { content: "" } .ni-file-doc:before { content: "" } .ni-file-pdf:before { content: "" } .ni-file-xls:before { content: "" } .ni-file-zip:before { content: "" } .ni-file-download:before { content: "" } .ni-file-text:before { content: "" } .ni-files:before { content: "" } .ni-file-fill:before { content: "" } .ni-file-minus-fill:before { content: "" } .ni-file-plus-fill:before { content: "" } .ni-file-remove-fill:before { content: "" } .ni-file-check-fill:before { content: "" } .ni-file-text-fill:before { content: "" } .ni-files-fill:before { content: "" } .ni-folder:before { content: "" } .ni-folder-minus:before { content: "" } .ni-folder-plus:before { content: "" } .ni-folder-remove:before { content: "" } .ni-folder-check:before { content: "" } .ni-folder-list:before { content: "" } .ni-folders:before { content: "" } .ni-folder-fill:before { content: "" } .ni-folders-fill:before { content: "" } .ni-filter-alt:before { content: "" } .ni-sort-line:before { content: "" } .ni-filter-fill:before { content: "" } .ni-filter:before { content: "" } .ni-flag:before { content: "" } .ni-flag-fill:before { content: "" } .ni-notify:before { content: "" } .ni-dashboard:before { content: "" } .ni-dashboard-fill:before { content: "" } .ni-grid-sq:before { content: "" } .ni-grid:before { content: "" } .ni-grid-c:before { content: "" } .ni-grid-alt:before { content: "" } .ni-grid-plus:before { content: "" } .ni-grid-add-c:before { content: "" } .ni-grid-fill:before { content: "" } .ni-grid-fill-c:before { content: "" } .ni-grid-alt-fill:before { content: "" } .ni-grid-plus-fill:before { content: "" } .ni-grid-add-fill-c:before { content: "" } .ni-grid-box-alt-fill:before { content: "" } .ni-grid-box-alt:before { content: "" } .ni-grid-box:before { content: "" } .ni-grid-box-fill:before { content: "" } .ni-grid-line:before { content: "" } .ni-menu-alt-left:before { content: "" } .ni-menu-alt-r:before { content: "" } .ni-menu-alt:before { content: "" } .ni-menu-center:before { content: "" } .ni-menu-left:before { content: "" } .ni-menu-right:before { content: "" } .ni-menu:before { content: "" } .ni-trend-up:before { content: "" } .ni-trend-down:before { content: "" } .ni-line-chart-down:before { content: "" } .ni-line-chart-up:before { content: "" } .ni-line-chart:before { content: "" } .ni-bar-chart:before { content: "" } .ni-bar-chart-alt:before { content: "" } .ni-chart-up:before { content: "" } .ni-chart-down:before { content: "" } .ni-growth:before { content: "" } .ni-growth-fill:before { content: "" } .ni-bar-chart-fill:before { content: "" } .ni-bar-c:before { content: "" } .ni-bar-fill-c:before { content: "" } .ni-pie:before { content: "" } .ni-pie-alt:before { content: "" } .ni-pie-fill:before { content: "" } .ni-activity:before { content: "" } .ni-activity-alt:before { content: "" } .ni-activity-round:before { content: "" } .ni-activity-round-fill:before { content: "" } .ni-meter:before { content: "" } .ni-speed:before { content: "" } .ni-happy:before { content: "" } .ni-sad:before { content: "" } .ni-meh:before { content: "" } .ni-happyf-fill:before { content: "" } .ni-sad-fill:before { content: "" } .ni-meh-fill:before { content: "" } .ni-home:before { content: "" } .ni-home-alt:before { content: "" } .ni-home-fill:before { content: "" } .ni-img:before { content: "" } .ni-img-fill:before { content: "" } .ni-inbox:before { content: "" } .ni-inbox-in:before { content: "" } .ni-inbox-out:before { content: "" } .ni-inbox-fill:before { content: "" } .ni-inbox-in-fill:before { content: "" } .ni-inbox-out-fill:before { content: "" } .ni-link-group:before { content: "" } .ni-lock:before { content: "" } .ni-lock-alt:before { content: "" } .ni-lock-fill:before { content: "" } .ni-lock-alt-fill:before { content: "" } .ni-unlock:before { content: "" } .ni-unlock-fill:before { content: "" } .ni-mail:before { content: "" } .ni-emails:before { content: "" } .ni-mail-fill:before { content: "" } .ni-emails-fill:before { content: "" } .ni-map-pin:before { content: "" } .ni-location:before { content: "" } .ni-map:before { content: "" } .ni-map-pin-fill:before { content: "" } .ni-list:before { content: "" } .ni-list-ol:before { content: "" } .ni-align-center:before { content: "" } .ni-align-justify:before { content: "" } .ni-align-left:before { content: "" } .ni-align-right:before { content: "" } .ni-list-check:before { content: "" } .ni-list-round:before { content: "" } .ni-card-view:before { content: "" } .ni-list-fill:before { content: "" } .ni-save:before { content: "" } .ni-save-fill:before { content: "" } .ni-move:before { content: "" } .ni-scissor:before { content: "" } .ni-text:before { content: "" } .ni-text-a:before { content: "" } .ni-bold:before { content: "" } .ni-italic:before { content: "" } .ni-underline:before { content: "" } .ni-percent:before { content: "" } .ni-at:before { content: "" } .ni-hash:before { content: "" } .ni-code:before { content: "" } .ni-code-download:before { content: "" } .ni-terminal:before { content: "" } .ni-cmd:before { content: "" } .ni-sun:before { content: "" } .ni-sun-fill:before { content: "" } .ni-moon-fill:before { content: "" } .ni-moon:before { content: "" } .ni-light:before { content: "" } .ni-light-fill:before { content: "" } .ni-more-v:before { content: "" } .ni-more-h:before { content: "" } .ni-more-h-alt:before { content: "" } .ni-more-v-alt:before { content: "" } .ni-music:before { content: "" } .ni-movie:before { content: "" } .ni-offer:before { content: "" } .ni-offer-fill:before { content: "" } .ni-opt-alt:before { content: "" } .ni-opt:before { content: "" } .ni-opt-dot-alt:before { content: "" } .ni-opt-dot:before { content: "" } .ni-opt-dot-fill:before { content: "" } .ni-opt-alt-fill:before { content: "" } .ni-user-alt:before { content: "" } .ni-user-alt-fill:before { content: "" } .ni-user:before { content: "" } .ni-users:before { content: "" } .ni-user-add:before { content: "" } .ni-user-remove:before { content: "" } .ni-user-check:before { content: "" } .ni-user-cross:before { content: "" } .ni-account-setting:before { content: "" } .ni-account-setting-alt:before { content: "" } .ni-user-list:before { content: "" } .ni-user-fill:before { content: "" } .ni-users-fill:before { content: "" } .ni-user-add-fill:before { content: "" } .ni-user-remove-fill:before { content: "" } .ni-user-check-fill:before { content: "" } .ni-user-cross-fill:before { content: "" } .ni-account-setting-fill:before { content: "" } .ni-user-list-fill:before { content: "" } .ni-user-circle:before { content: "" } .ni-user-circle-fill:before { content: "" } .ni-user-c:before { content: "" } .ni-user-fill-c:before { content: "" } .ni-user-round:before { content: "" } .ni-printer:before { content: "" } .ni-printer-fill:before { content: "" } .ni-laptop:before { content: "" } .ni-monitor:before { content: "" } .ni-tablet:before { content: "" } .ni-mobile:before { content: "" } .ni-undo:before { content: "" } .ni-var(--main-color)o:before { content: "" } .ni-reload-alt:before { content: "" } .ni-reload:before { content: "" } .ni-regen-alt:before { content: "" } .ni-regen:before { content: "" } .ni-invest:before { content: "" } .ni-histroy:before { content: "" } .ni-update:before { content: "" } .ni-repeat:before { content: "" } .ni-repeat-v:before { content: "" } .ni-tranx:before { content: "" } .ni-reply-all:before { content: "" } .ni-reply:before { content: "" } .ni-reply-fill:before { content: "" } .ni-reply-all-fill:before { content: "" } .ni-notes:before { content: "" } .ni-note-add:before { content: "" } .ni-notes-alt:before { content: "" } .ni-article:before { content: "" } .ni-text-rich:before { content: "" } .ni-todo:before { content: "" } .ni-report-profit:before { content: "" } .ni-reports-alt:before { content: "" } .ni-reports:before { content: "" } .ni-task:before { content: "" } .ni-note-add-c:before { content: "" } .ni-task-c:before { content: "" } .ni-todo-fill:before { content: "" } .ni-note-add-fill-c:before { content: "" } .ni-task-fill-c:before { content: "" } .ni-scan-fill:before { content: "" } .ni-scan:before { content: "" } .ni-qr:before { content: "" } .ni-money:before { content: "" } .ni-coins:before { content: "" } .ni-coin:before { content: "" } .ni-coin-alt:before { content: "" } .ni-coin-alt-fill:before { content: "" } .ni-setting-alt-fill:before { content: "" } .ni-setting-alt:before { content: "" } .ni-setting-fill:before { content: "" } .ni-setting:before { content: "" } .ni-share-alt:before { content: "" } .ni-share-fill:before { content: "" } .ni-share:before { content: "" } .ni-network:before { content: "" } .ni-rss:before { content: "" } .ni-shield:before { content: "" } .ni-shield-star:before { content: "" } .ni-shield-check:before { content: "" } .ni-shield-alert:before { content: "" } .ni-shield-off:before { content: "" } .ni-security:before { content: "" } .ni-policy:before { content: "" } .ni-shield-alert-fill:before { content: "" } .ni-shield-check-fill:before { content: "" } .ni-shield-fill:before { content: "" } .ni-shield-half:before { content: "" } .ni-shield-star-fill:before { content: "" } .ni-policy-fill:before { content: "" } .ni-spark:before { content: "" } .ni-spark-off:before { content: "" } .ni-spark-fill:before { content: "" } .ni-spark-off-fill:before { content: "" } .ni-wallet:before { content: "" } .ni-wallet-alt:before { content: "" } .ni-wallet-in:before { content: "" } .ni-wallet-out:before { content: "" } .ni-wallet-saving:before { content: "" } .ni-wallet-fill:before { content: "" } .ni-star:before { content: "" } .ni-star-half:before { content: "" } .ni-star-half-fill:before { content: "" } .ni-star-fill:before { content: "" } .ni-star-round:before { content: "" } .ni-heart:before { content: "" } .ni-heart-fill:before { content: "" } .ni-swap-alt-fill:before { content: "" } .ni-swap-alt:before { content: "" } .ni-thumbs-down:before { content: "" } .ni-thumbs-up:before { content: "" } .ni-tag:before { content: "" } .ni-tag-alt:before { content: "" } .ni-tags:before { content: "" } .ni-tag-fill:before { content: "" } .ni-tag-alt-fill:before { content: "" } .ni-tags-fill:before { content: "" } .ni-bookmark:before { content: "" } .ni-bookmark-fill:before { content: "" } .ni-label:before { content: "" } .ni-label-fill:before { content: "" } .ni-piority:before { content: "" } .ni-piority-fill:before { content: "" } .ni-label-alt:before { content: "" } .ni-label-alt-fill:before { content: "" } .ni-ticket-alt:before { content: "" } .ni-ticket:before { content: "" } .ni-ticket-minus:before { content: "" } .ni-ticket-plus:before { content: "" } .ni-ticket-alt-fill:before { content: "" } .ni-ticket-fill:before { content: "" } .ni-ticket-minus-fill:before { content: "" } .ni-ticket-plus-fill:before { content: "" } .ni-toggle-off:before { content: "" } .ni-toggle-on:before { content: "" } .ni-trash-alt:before { content: "" } .ni-trash-empty:before { content: "" } .ni-trash:before { content: "" } .ni-trash-fill:before { content: "" } .ni-trash-empty-fill:before { content: "" } .ni-delete-fill:before { content: "" } .ni-delete:before { content: "" } .ni-alarm-alt:before { content: "" } .ni-alarm:before { content: "" } .ni-bugs:before { content: "" } .ni-building:before { content: "" } .ni-building-fill:before { content: "" } .ni-headphone:before { content: "" } .ni-headphone-fill:before { content: "" } .ni-aperture:before { content: "" } .ni-help-alt:before { content: "" } .ni-award:before { content: "" } .ni-briefcase:before { content: "" } .ni-gift:before { content: "" } .ni-globe:before { content: "" } .ni-umbrela:before { content: "" } .ni-truck:before { content: "" } .ni-sign-dollar:before, .ni-sign-usd:before { content: "" } .ni-sign-mxn:before { content: "" } .ni-sign-sgd:before { content: "" } .ni-sign-eur:before, .ni-sign-euro:before { content: "" } .ni-sign-gbp:before, .ni-sign-pound:before { content: "" } .ni-sign-thb:before { content: "" } .ni-sign-inr:before { content: "" } .ni-sign-jpy:before, .ni-sign-yen:before { content: "" } .ni-sign-cny:before { content: "" } .ni-sign-kobo:before { content: "" } .ni-sign-chf:before { content: "" } .ni-sign-vnd:before { content: "" } .ni-sign-php:before { content: "" } .ni-sign-brl:before { content: "" } .ni-sign-idr:before { content: "" } .ni-sign-czk:before { content: "" } .ni-sign-hkd:before { content: "" } .ni-sign-dkk:before, .ni-sign-kr:before, .ni-sign-nok:before, .ni-sign-sek:before { content: "" } .ni-sign-rub:before { content: "" } .ni-sign-myr:before { content: "" } .ni-sign-pln:before { content: "" } .ni-sign-try:before { content: "" } .ni-sign-waves:before, .ni-waves:before { content: "" } .ni-sign-trx:before, .ni-tron:before { content: "" } .ni-nem:before, .ni-sign-xem:before { content: "" } .ni-monero:before, .ni-sign-mxr:before { content: "" } .ni-sign-usdc:before { content: "" } .ni-sign-steller:before { content: "" } .ni-sign-steem:before { content: "" } .ni-sign-usdt:before, .ni-tether:before { content: "" } .ni-bitcoin:before, .ni-sign-btc:before { content: "" } .ni-bitcoin-cash:before, .ni-sign-bch:before { content: "" } .ni-binance:before, .ni-sign-bnb:before { content: "" } .ni-sign-ada:before { content: "" } .ni-sign-zcash:before { content: "" } .ni-ethereum:before, .ni-sign-eth:before { content: "" } .ni-dash:before, .ni-sign-dash:before { content: "" } .ni-ripple-old:before, .ni-sign-xrp-old:before { content: "" } .ni-eos:before, .ni-sign-eos:before { content: "" } .ni-ripple:before, .ni-sign-xrp:before { content: "" } .ni-american-express:before { content: "" } .ni-cc-jcb:before, .ni-jcb:before { content: "" } .ni-cc-mc:before, .ni-mc:before { content: "" } .ni-cc-discover:before, .ni-discover:before { content: "" } .ni-cc-visa:before, .ni-visa:before { content: "" } .ni-cc-paypal:before { content: "" } .ni-cc-stripe:before { content: "" } .ni-amazon-pay:before { content: "" } .ni-amazon-pay-fill:before { content: "" } .ni-google-pay:before { content: "" } .ni-google-pay-fill:before { content: "" } .ni-apple-pay:before { content: "" } .ni-apple-pay-fill:before { content: "" } .ni-angular:before { content: "" } .ni-react:before { content: "" } .ni-laravel:before { content: "" } .ni-html5:before { content: "" } .ni-css3-fill:before { content: "" } .ni-css3:before { content: "" } .ni-js:before { content: "" } .ni-php:before { content: "" } .ni-python:before { content: "" } .ni-bootstrap:before { content: "" } .ni-ebay:before { content: "" } .ni-google-wallet:before { content: "" } .ni-google-drive:before { content: "" } .ni-google-play-store:before { content: "" } .ni-android:before { content: "" } .ni-blogger-fill:before { content: "" } .ni-blogger:before { content: "" } .ni-hangout:before { content: "" } .ni-apple-store:before { content: "" } .ni-apple-store-ios:before { content: "" } .ni-stripe:before { content: "" } .ni-apple:before { content: "" } .ni-microsoft:before { content: "" } .ni-windows:before { content: "" } .ni-amazon:before { content: "" } .ni-paypal-alt:before { content: "" } .ni-airbnb:before { content: "" } .ni-adobe:before { content: "" } .ni-mailchimp:before { content: "" } .ni-dropbox:before { content: "" } .ni-digital-ocean:before { content: "" } .ni-slack:before { content: "" } .ni-slack-hash:before { content: "" } .ni-stack-overflow:before { content: "" } .ni-soundcloud:before { content: "" } .ni-blackberry:before { content: "" } .ni-spotify:before { content: "" } .ni-kickstarter:before { content: "" } .ni-houzz:before { content: "" } .ni-vine:before { content: "" } .ni-yelp:before { content: "" } .ni-yoast:before { content: "" } .ni-envato:before { content: "" } .ni-wordpress:before, .ni-wp:before { content: "" } .ni-wordpress-fill:before { content: "" } .ni-elementor:before { content: "" } .ni-joomla:before { content: "" } .ni-megento:before { content: "" } .ni-git:before { content: "" } .ni-github:before { content: "" } .ni-github-round:before { content: "" } .ni-github-circle:before { content: "" } .ni-dribbble:before { content: "" } .ni-dribbble-round:before { content: "" } .ni-behance:before { content: "" } .ni-behance-fill:before { content: "" } .ni-flickr:before { content: "" } .ni-flickr-round:before { content: "" } .ni-medium:before { content: "" } .ni-medium-round:before { content: "" } .ni-var(--main-color)dit:before { content: "" } .ni-var(--main-color)dit-round:before { content: "" } .ni-var(--main-color)dit-circle:before { content: "" } .ni-google:before { content: "" } .ni-facebook-f:before { content: "" } .ni-facebook-fill:before { content: "" } .ni-facebook-circle:before { content: "" } .ni-instagram:before { content: "" } .ni-instagram-round:before { content: "" } .ni-linkedin:before { content: "" } .ni-linkedin-round:before { content: "" } .ni-twitter:before { content: "" } .ni-twitter-round:before { content: "" } .ni-pinterest:before { content: "" } .ni-pinterest-round:before { content: "" } .ni-pinterest-circle:before { content: "" } .ni-tumblr:before { content: "" } .ni-tumblr-round:before { content: "" } .ni-skype:before { content: "" } .ni-viber:before { content: "" } .ni-whatsapp:before { content: "" } .ni-whatsapp-round:before { content: "" } .ni-snapchat:before { content: "" } .ni-snapchat-fill:before { content: "" } .ni-telegram:before { content: "" } .ni-telegram-circle:before { content: "" } .ni-youtube-line:before, .ni-youtube:before { content: "" } .ni-youtube-fill:before { content: "" } .ni-youtube-round:before { content: "" } .ni-vimeo:before { content: "" } .ni-vimeo-fill:before { content: "" } .com { color: #93a1a1 } .lit { color: #195f91 } .clo, .opn, .pun { color: #93a1a1 } .fun { color: #dc322f } .atv, .str { color: #d14 } .kwd, .linenums .tag { color: #1e347b } .atn, .dec, .typ, .var { color: teal } .pln { color: #48484c } .prettyprint { background-color: #f7f7f9; border: 1px solid #e1e1e8; padding: 8px } .prettyprint.linenums { box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0 } ol.linenums { margin: 0 0 0 33px } ol.linenums li { color: #bebec5; line-height: 18px; padding-left: 12px; text-shadow: 0 1px 0 #fff } .select2 { display: inline-block; width: 100% !important } .select2-container { box-sizing: border-box; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendevar(--main-color) { display: block; overflow: hidden; padding-left: 8px; padding-right: 20px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: calc(2.125rem + 2px); -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendevar(--main-color) { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container.select2-lg .select2-selection--multiple { min-height: calc(2.625rem + 2px) } .select2-container .select2-search--inline .select2-search__field { border: none; box-sizing: border-box; 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: #fff; border: 1px solid #e8dfdb; border-radius: 4px; box-shadow: none; display: block; font-family: Roboto, sans-serif; font-size: 13px; font-weight: 400; left: -100000px; padding: 6px; position: absolute; z-index: 1051 } .select2-dropdown--below { border-radius: 0 0 4px 4px; margin-top: -1px } .select2-dropdown--above { border-radius: 4px 4px 0 0; margin-top: 1px } .select2-results { display: block } .select2-results__options { border-radius: 4px 4px; list-style: none; margin: 0; padding: 0 } .select2-results__option { border-radius: 4px; padding: .375rem .75rem; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none } .select2-results__option:not(:last-child) { margin-bottom: .125rem } .select2-results__option[aria-selected] { cursor: pointer } .select2-lg .select2-results__option { padding: .5rem .75rem } .select2-container--open .select2-dropdown { border-color: #d0beb6; left: 0 } .select2-search--dropdown { display: block; padding: 0 } .select2-search--dropdown .select2-search__field { border-radius: 4px; color: #666; margin-bottom: 6px; padding: .375rem .75rem; width: 100% } .select2-search--dropdown .select2-search__field:focus { border-color: var(--main-color); outline: none } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-lg .select2-search--dropdown .select2-search__field { padding: .5rem .75rem } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { background-color: #fff; border: 0; display: block; filter: alpha(opacity=0); height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; opacity: 0; padding: 0; position: fixed; top: 0; width: auto; z-index: 99 } .select2-hidden-accessible { clip: rect(0 0 0 0) !important; border: 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; white-space: nowrap !important; width: 1px !important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #e8dfdb; border-radius: 4px; box-shadow: none; font-family: Roboto, sans-serif; font-size: 13px; font-weight: 400; height: calc(2.125rem + 2px); transition: all .3s } .select2-sm .select2-container--default .select2-selection--single { font-size: 12px } .select2-lg .select2-container--default .select2-selection--single, .select2-xl .select2-container--default .select2-selection--single { font-size: 15px } .select2-container--default .select2-selection--single:focus { border-color: var(--main-color); box-shadow: 0 0 0 3px rgba(222, 79, 22, .1); outline: none } .select2-container--default .select2-selection--single .select2-selection__rendevar(--main-color) { color: #666; line-height: 1.25rem; padding: .4375rem calc(2.125rem + 2px) .4375rem 1rem } .select2-container--default .select2-selection--single .select2-selection__rendevar(--main-color):focus { outline: none } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700 } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #e4e4e4 } .select2-container--default .select2-selection--single .select2-selection__arrow { align-items: center; display: flex; height: calc(2.125rem + 2px); justify-content: center; position: absolute; right: 0; top: 0; width: calc(2.125rem + 2px) } .select2-container--default .select2-selection--single .select2-selection__arrow:after { content: ""; font-family: Nioicon; line-height: 1 } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none } .select2-container--default.select2-sm .select2-selection--single { font-size: 12px; height: calc(1.75rem + 2px) } .select2-container--default.select2-sm .select2-selection--single .select2-selection__rendevar(--main-color) { line-height: 1.25rem; padding: .25rem calc(1.75rem + 2px) .25rem 1rem } .select2-container--default.select2-sm .select2-selection--single .select2-selection__arrow { height: calc(1.75rem + 2px); width: calc(1.75rem + 2px) } .select2-container--default.select2-lg .select2-selection--single { font-size: 15px; height: calc(2.625rem + 2px) } .select2-container--default.select2-lg .select2-selection--single .select2-selection__rendevar(--main-color) { line-height: 1.25rem; padding: .6875rem calc(2.625rem + 2px) .6875rem 1rem } .select2-container--default.select2-lg .select2-selection--single .select2-selection__arrow { height: calc(2.625rem + 2px); width: calc(2.625rem + 2px) } .select2-container--default.select2-xl .select2-selection--single { font-size: 15px; height: calc(3.25rem + 2px) } .select2-container--default.select2-xl .select2-selection--single .select2-selection__rendevar(--main-color) { line-height: 2rem; padding: .625rem calc(3.25rem + 2px) .625rem 1.25rem } .select2-container--default.select2-xl .select2-selection--single .select2-selection__arrow { height: calc(3.25rem + 2px); width: calc(3.25rem + 2px) } .select2-container--default.select2-container--below.select2-container--open .select2-selection--single { border-radius: 4px 4px 0 0 } .select2-container--default.select2-container--above.select2-container--open .select2-selection--single { border-radius: 0 0 4px 4px } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: hsla(18, 22%, 88%, .3); border-color: #e8dfdb; 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 { border-color: #d0beb6 !important } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after { content: "" } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #e8dfdb; border-radius: 4px; cursor: text; font-family: Roboto, sans-serif; font-size: 13px; font-weight: 400 } .select2-container--default .select2-selection--multiple .select2-search--inline input::-moz-placeholder { color: #e4e4e4 } .select2-container--default .select2-selection--multiple .select2-search--inline input:-ms-input-placeholder { color: #e4e4e4 } .select2-container--default .select2-selection--multiple .select2-search--inline input::placeholder { color: #e4e4e4 } .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { padding-left: .8125rem !important } .select2-container--default .select2-selection--multiple .select2-selection__rendevar(--main-color) { box-sizing: border-box; display: inline-flex; flex-wrap: wrap; list-style: none; margin: 0; padding: .125rem .1875rem; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__rendevar(--main-color) li { list-style: none } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-right: 10px; margin-top: 5px; padding: 1px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f5efed; border-radius: 3px; cursor: default; line-height: 1.5rem; margin: .1875rem; padding: 0 .5rem } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #666; cursor: pointer; display: inline-block; font-weight: 700; margin-right: .5rem } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #666 } .select2-container--default.select2-lg .select2-selection--multiple { font-size: 15px } .select2-container--default.select2-lg .select2-selection--multiple .select2-selection__choice { border-radius: 4px; padding: .25rem .75rem } .select2-container--default.select2-container--below.select2-container--open .select2-selection--multiple { border-radius: 4px 4px 0 0 } .select2-container--default.select2-container--above.select2-container--open .select2-selection--multiple { border-radius: 0 0 4px 4px } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid var(--main-color); outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: hsla(18, 22%, 88%, .3); border-color: #e8dfdb; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open .select2-selection--multiple { border-color: #d0beb6 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #e8dfdb } .select2-container--default .select2-search--inline .select2-search__field { -webkit-appearance: textfield; background: transparent; border: none; box-shadow: none; outline: 0 } .select2-container--default .select2-results > .select2-results__options { max-height: 260px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: hsla(0, 0%, 89%, .7) } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #f5efed } .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: #f5efed } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } [data-simplebar] { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; position: relative } .simplebar-wrapper { height: inherit; max-height: inherit; max-width: inherit; overflow: hidden; width: inherit } .simplebar-mask { direction: inherit; height: auto !important; overflow: hidden; width: auto !important; z-index: 0 } .simplebar-mask, .simplebar-offset { bottom: 0; left: 0; margin: 0; padding: 0; position: absolute; right: 0; top: 0 } .simplebar-offset { -webkit-overflow-scrolling: touch; box-sizing: inherit !important; direction: inherit !important; resize: none !important } .simplebar-content-wrapper, .simplebar-scroll-content { -ms-overflow-style: none; box-sizing: border-box !important; direction: inherit; display: block; height: 100%; max-height: 100%; max-width: 100%; overflow: hidden scroll; position: relative; scrollbar-width: none; visibility: visible; width: auto } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar, .simplebar-scroll-content::-webkit-scrollbar { height: 0; width: 0 } .simplebar-content:after, .simplebar-content:before { content: " "; display: table } .simplebar-placeholder { max-height: 100%; max-width: 100%; pointer-events: none; width: 100% } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; flex-basis: 0; flex-grow: inherit; flex-shrink: 0; float: left; height: 100%; margin: 0; max-height: 1px; max-width: 1px; overflow: hidden; padding: 0; pointer-events: none; position: relative; width: 100%; z-index: -1 } .simplebar-height-auto-observer { box-sizing: inherit; display: block; height: 1000%; left: 0; min-height: 1px; min-width: 1px; opacity: 0; top: 0; width: 1000%; z-index: -1 } .simplebar-height-auto-observer, .simplebar-track { overflow: hidden; pointer-events: none; position: absolute } .simplebar-track { bottom: 0; right: 0; z-index: 1 } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all } .simplebar-scrollbar { left: 0; min-height: 10px; position: absolute; right: 0 } .simplebar-scrollbar .hidden-scrollbar { visibility: hidden } .simplebar-scrollbar:before { background: #e4e4e4; border-radius: 7px; content: ""; left: 2px; opacity: 0; position: absolute; right: 2px; transition: opacity .2s linear } .simplebar-scrollbar.simplebar-visible:before { opacity: .5; transition: opacity 0s linear } .simplebar-track.simplebar-vertical { top: 0; transition: width .1s; width: 8px !important } .simplebar-track.simplebar-vertical.simplebar-hover { width: 10px !important } .simplebar-track.simplebar-vertical .nk-sidebar { visibility: hidden !important } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { bottom: 2px; top: 2px } .simplebar-track.simplebar-horizontal { height: 8px !important; left: 0; transition: height .1s } .simplebar-track.simplebar-horizontal.simplebar-hover { height: 10px !important } .nk-apps-sidebar .simplebar-track.simplebar-horizontal, .nk-sidebar-fat .simplebar-track.simplebar-horizontal, .nk-sidebar .simplebar-track.simplebar-horizontal { visibility: hidden !important } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { height: 7px; left: 0; min-height: 0; min-width: 10px; right: auto; top: 2px; width: auto } [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical { left: 0; right: auto } .hs-dummy-scrollbar-size { direction: rtl; height: 500px; opacity: 0; overflow-x: scroll; overflow-y: hidden; position: fixed; visibility: hidden; width: 500px } .simplebar-hide-scrollbar { -ms-overflow-style: none; left: 0; overflow-y: scroll; position: fixed; scrollbar-width: none; visibility: hidden } .slick-slider { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; box-sizing: border-box; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .slick-list, .slick-slider { display: block; position: relative } .slick-list { margin: 0; overflow: hidden; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0) } .slick-track { display: block; left: 0; margin-left: auto; margin-right: auto; position: relative; top: 0 } .slick-track:after, .slick-track:before { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto } .slick-slide:focus { border: none; outline: none } .slick-arrow.slick-hidden { display: none } .slick-dots { display: flex; justify-content: center } .slick-dots li { padding: 0 6px } .slick-dots li button { background-color: #e8dfdb; border: none; border-radius: 20px; height: 8px; overflow: hidden; padding: 0; text-indent: -99999px; transition: all .4s linear; width: 8px } .slick-dots li button:focus { outline: none } .slick-dots li.slick-active button { background-color: #e4e4e4 } .slick-next, .slick-prev { align-items: center; background: #fff; border: 1px solid #f1e8e4; border-radius: 50%; color: #e4e4e4; display: inline-flex; font-size: 24px; height: 44px; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); transition: all .4s linear; width: 44px; z-index: 9 } .slick-next:hover, .slick-prev:hover { background: #f5f6fa; border-color: #e8dfdb; color: #666; opacity: 1 } .slick-disabled .slick-next, .slick-disabled .slick-prev { color: #e8dfdb; cursor: default } .slick-disabled .slick-next:hover, .slick-disabled .slick-prev:hover { background: #fff; border-color: #f1e8e4; color: #e8dfdb } .slick-next { right: -10px } .slick-prev { left: -10px } .datepicker { border: 1px solid #e8dfdb; border-radius: 4px; box-shadow: none; direction: ltr; min-width: 240px; padding: 10px } .datepicker .table-condensed { width: 100% } .datepicker-inline { width: 220px } .datepicker-rtl { direction: rtl } .datepicker-rtl.dropdown-menu { left: auto } .datepicker-rtl table tr td span { float: right } .datepicker-dropdown { left: 0; top: 0 } .datepicker-dropdown:before { border-bottom: 7px solid rgba(0, 0, 0, .2); border-left: 7px solid transparent; border-right: 7px solid transparent } .datepicker-dropdown:after, .datepicker-dropdown:before { border-top: 0; content: ""; display: inline-block; position: absolute } .datepicker-dropdown:after { border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent } .datepicker-dropdown.datepicker-orient-left:before { left: 6px } .datepicker-dropdown.datepicker-orient-left:after { left: 7px } .datepicker-dropdown.datepicker-orient-right:before { right: 6px } .datepicker-dropdown.datepicker-orient-right:after { right: 7px } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px } .datepicker-dropdown.datepicker-orient-top:before { border-bottom: 0; border-top: 7px solid #999; bottom: -7px } .datepicker-dropdown.datepicker-orient-top:after { border-bottom: 0; border-top: 6px solid #fff; bottom: -6px } .datepicker table { -webkit-touch-callout: none; margin: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .datepicker td, .datepicker th { border: none; border-radius: 4px; height: 24px; padding: 4px; text-align: center; transition: all .3s; width: 34px } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent } .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: #f5efed; cursor: pointer } .datepicker table tr td.new, .datepicker table tr td.old { color: #e8dfdb } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #e8dfdb; cursor: default } .datepicker table tr td.highlighted { background: #f5efed; border-radius: 0 } .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background-color: #fae7e0; color: var(--main-color) } .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] { background-color: var(--main-color) } .datepicker table tr td.today.active:hover, .datepicker table tr td.today:hover:hover { color: #fff } .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover { background: #e8dfdb; border-radius: 0 } .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover { background-color: #d97a55; border-radius: 0 } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] { background-color: var(--main-color) } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active { background-color: var(--main-color) \9 } .datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover { background-color: #61473c; color: #fff } .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] { background-color: #533c32 } .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active { background-color: #422f28 \9 } .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover { background-color: var(--main-color); color: #fff } .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] { background-color: var(--main-color) } .datepicker table tr td span { border-radius: 4px; cursor: pointer; display: block; float: left; height: 54px; line-height: 54px; margin: 1%; transition: all .3s; width: 23% } .datepicker table tr td span.focused, .datepicker table tr td span:hover { background: var(--main-color); color: #fff } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #e8dfdb; cursor: default } .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { background-color: var(--main-color); color: #fff } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] { background-color: var(--main-color) } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active { background-color: var(--main-color) \9 } .datepicker table tr td span.new, .datepicker table tr td span.old { color: #e8dfdb } .datepicker .datepicker-switch { width: 145px } .datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th { cursor: pointer } .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background: #f5efed } .datepicker .next.disabled, .datepicker .prev.disabled { visibility: hidden } .datepicker .cw { font-size: 10px; padding: 0 2px 0 5px; vertical-align: middle; width: 12px } .input-append.date .add-on, .input-prepend.date .add-on { cursor: pointer } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top: 3px } .input-daterange input { text-align: center } .input-daterange input:first-child { border-radius: 3px 0 0 3px } .input-daterange input:last-child { border-radius: 0 3px 3px 0 } .input-daterange .add-on { background-color: #f5efed; border: 1px solid #ccc; display: inline-block; font-weight: 400; height: 18px; line-height: 18px; margin-left: -5px; margin-right: -5px; min-width: 16px; padding: 4px 5px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; width: auto } .datepicker.dropdown-menu { z-index: 99999 !important } .ui-timepicker-container { box-sizing: border-box; overflow: hidden; position: absolute; z-index: 1051 !important } .ui-timepicker { list-style: none outside none; padding: 0 1px; text-align: center } .ui-timepicker, .ui-timepicker-viewport { box-sizing: content-box; display: block; height: 205px; margin: 0 } .ui-timepicker-viewport { overflow: auto; overflow-x: hidden; padding: 0 } .ui-timepicker-standard { background-color: #fff; border: 1px solid #e8dfdb; color: #666; font-size: 1.1em; margin: 0; padding: 6px } .ui-timepicker-standard a { border: none; color: #666; display: block; padding: .375rem .75rem; text-decoration: none } .ui-timepicker-standard .ui-state-hover { background-color: #f5efed; border: none; border-radius: 4px; color: #364a63; cursor: pointer; font-weight: 400 } .ui-timepicker-standard .ui-menu-item { margin: 0; padding: 0 } .ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all { border-radius: 4px } .ui-timepicker-hidden { display: none } .ui-timepicker-no-scrollbar .ui-timepicker { border: none } @-webkit-keyframes passing-through { 0% { opacity: 0; transform: translateY(40px) } 30%, 70% { opacity: 1; transform: translateY(0) } to { opacity: 0; transform: translateY(-40px) } } @keyframes passing-through { 0% { opacity: 0; transform: translateY(40px) } 30%, 70% { opacity: 1; transform: translateY(0) } to { opacity: 0; transform: translateY(-40px) } } @-webkit-keyframes slide-in { 0% { opacity: 0; transform: translateY(40px) } 30% { opacity: 1; transform: translateY(0) } } @keyframes slide-in { 0% { opacity: 0; transform: translateY(40px) } 30% { opacity: 1; transform: translateY(0) } } @-webkit-keyframes pulse { 0% { transform: scale(1) } 10% { transform: scale(1.1) } 20% { transform: scale(1) } } @keyframes pulse { 0% { transform: scale(1) } 10% { transform: scale(1.1) } 20% { transform: scale(1) } } .dropzone, .dropzone * { box-sizing: border-box } .dropzone { background: #fff; border: 1px dashed #f1e8e4; border-radius: 4px; min-height: 150px; padding: 20px } .dropzone.small { min-height: 86px } .dropzone.dz-clickable { cursor: pointer } .dropzone.dz-clickable * { cursor: default } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer } .dropzone.dz-started .dz-message { display: none } .dropzone.dz-drag-hover { border-style: solid } .dropzone.dz-drag-hover .dz-message { opacity: .5 } .dropzone .dz-message { margin: 1em 0; text-align: center } .dropzone .dz-message span { color: hsla(0, 0%, 40%, .6); display: block } .dropzone .dz-message-text { font-size: 13px } .dropzone .dz-message-text span { color: var(--main-color); display: inline-block } .dropzone .dz-message-or { font-size: 16px; margin-bottom: 4px; text-transform: uppercase } .dropzone .dz-preview { display: inline-block; margin: 16px; min-height: 100px; position: relative; vertical-align: top } .dropzone .dz-preview:hover { z-index: 1000 } .dropzone .dz-preview.dz-file-preview .dz-image { background: #999; background: linear-gradient(180deg, #eee, #ddd); border-radius: 20px } .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1 } .dropzone .dz-preview.dz-image-preview { background: #fff } .dropzone .dz-preview.dz-image-preview .dz-details { transition: opacity .2s linear } .dropzone .dz-preview .dz-remove { border: none; cursor: pointer; display: block; font-size: 14px; text-align: center } .dropzone .dz-preview .dz-remove:hover { text-decoration: underline } .dropzone .dz-preview:hover .dz-details { opacity: 1 } .dropzone .dz-preview .dz-details { color: rgba(0, 0, 0, .9); font-size: 13px; left: 0; line-height: 150%; max-width: 100%; min-width: 100%; opacity: 0; padding: 2em 1em; position: absolute; text-align: center; top: 0; z-index: 20 } .dropzone .dz-preview .dz-details .dz-size { font-size: 16px; margin-bottom: 1em } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap } .dropzone .dz-preview .dz-details .dz-filename:hover span { background-color: hsla(0, 0%, 100%, .8); border: 1px solid hsla(0, 0%, 78%, .8) } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: hsla(0, 0%, 100%, .4); border-radius: 3px; padding: 0 .4em } .dropzone .dz-preview:hover .dz-image img { filter: blur(8px); transform: scale(1.05) } .dropzone .dz-preview .dz-image { border-radius: 20px; display: block; height: 120px; overflow: hidden; position: relative; width: 120px; z-index: 10 } .dropzone .dz-preview .dz-image img { display: block } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1); animation: passing-through 3s cubic-bezier(.77, 0, .175, 1) } .dropzone .dz-preview.dz-error .dz-error-mark { -webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1); animation: slide-in 3s cubic-bezier(.77, 0, .175, 1); opacity: 1 } .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark { display: block; left: 50%; margin-left: -27px; margin-top: -27px; opacity: 0; pointer-events: none; position: absolute; top: 50%; z-index: 500 } .dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg { display: block; height: 54px; width: 54px } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; transition: all .2s linear } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; transition: opacity .4s ease-in } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite } .dropzone .dz-preview .dz-progress { background: hsla(0, 0%, 100%, .9); border-radius: 8px; height: 16px; left: 50%; margin-left: -40px; margin-top: -8px; opacity: 1; overflow: hidden; pointer-events: none; position: absolute; top: 50%; -webkit-transform: scale(1); width: 80px; z-index: 1000 } .dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(180deg, #666, #444); bottom: 0; left: 0; position: absolute; top: 0; transition: width .3s ease-in-out; width: 0 } .dropzone .dz-preview.dz-error .dz-error-message { display: block } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto } .dropzone .dz-preview .dz-error-message { background: #be2626; background: linear-gradient(180deg, #be2626, #a92222); border-radius: 8px; color: #fff; display: block; display: none; font-size: 13px; left: -10px; opacity: 0; padding: .5em 1.2em; pointer-events: none; position: absolute; top: 130px; transition: opacity .3s ease; width: 140px; z-index: 1000 } .dropzone .dz-preview .dz-error-message:after { border-bottom: 6px solid #be2626; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; height: 0; left: 64px; position: absolute; top: -6px; width: 0 } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; touch-action: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none } .noUi-target { position: relative } .noUi-base, .noUi-connects { height: 100%; position: relative; width: 100%; z-index: 1 } .noUi-connects { overflow: hidden; z-index: 0 } .noUi-connect, .noUi-origin { position: absolute; right: 0; top: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-style: flat; will-change: transform; z-index: 1 } .noUi-connect { height: 100%; width: 100% } .noUi-origin { height: 10%; width: 10% } .noUi-vertical .noUi-origin { width: 100% } .noUi-horizontal .noUi-origin { height: 100% } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute } .noUi-handle:focus { outline: none } .noUi-touch-area { height: 100%; width: 100% } .noUi-touch-area:focus { outline: none } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: transform .3s } .noUi-state-drag * { cursor: inherit !important } .noUi-horizontal { height: 8px } .noUi-horizontal .noUi-handle { height: 28px; right: -14px; top: 50%; transform: translateY(-50%); width: 28px } .noUi-vertical { width: 8px } .noUi-vertical .noUi-handle { height: 28px; right: 50%; top: -14px; transform: translateX(-50%); width: 28px } .noUi-target { background: #e8dfdb; border-radius: 4px } .noUi-connects { border-radius: 3px } .noUi-connect { background: var(--main-color) } .noUi-draggable { cursor: ew-resize } .noUi-vertical .noUi-draggable { cursor: ns-resize } .noUi-handle { background: #fff; border: 1px solid #e8dfdb; border-radius: 50%; box-shadow: 0 3px 12px 1px rgba(66, 47, 40, .15); cursor: default } .noUi-active { box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb } .noUi-handle:after, .noUi-handle:before { background: #e8dfdb; content: ""; display: block; height: 10px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 1px } .noUi-horizontal .noUi-handle:before { margin-left: -2px } .noUi-horizontal .noUi-handle:after { margin-left: 2px } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { height: 1px; width: 10px } .noUi-vertical .noUi-handle:before { margin-top: -2px } .noUi-vertical .noUi-handle:after { margin-top: 2px } [disabled] .noUi-connect { background: #f1e8e4 } [disabled].noUi-handle, [disabled] .noUi-handle, [disabled].noUi-target { cursor: not-allowed } .noUi-pips, .noUi-pips * { box-sizing: border-box } .noUi-pips { color: #999; position: absolute } .noUi-value { position: absolute; text-align: center; white-space: nowrap } .noUi-value-sub { color: #ccc; font-size: 10px } .noUi-marker { background: #ccc; position: absolute } .noUi-marker-large, .noUi-marker-sub { background: #aaa } .noUi-pips-horizontal { height: 80px; left: 0; padding: 10px 0; top: 100%; width: 100% } .noUi-value-horizontal { transform: translate(-50%, 50%) } .noUi-marker-horizontal.noUi-marker { height: 5px; margin-left: -1px; width: 2px } .noUi-marker-horizontal.noUi-marker-sub { height: 10px } .noUi-marker-horizontal.noUi-marker-large { height: 15px } .noUi-pips-vertical { height: 100%; left: 100%; padding: 0 10px; top: 0 } .noUi-value-vertical { padding-left: 25px; transform: translateY(-50%) } .noUi-marker-vertical.noUi-marker { height: 2px; margin-top: -1px; width: 5px } .noUi-marker-vertical.noUi-marker-sub { width: 10px } .noUi-marker-vertical.noUi-marker-large { width: 15px } .noUi-tooltip { background: #fff; border: 1px solid #d9d9d9; border-radius: 3px; color: #000; display: block; padding: 5px; position: absolute; text-align: center; white-space: nowrap } .noUi-horizontal .noUi-tooltip { bottom: 120%; left: 50%; transform: translate(-50%) } .noUi-vertical .noUi-tooltip { right: 120%; top: 50%; transform: translateY(-50%) } #toast-container { padding: 1.25rem; pointer-events: none; position: fixed; width: 100%; z-index: 999999 } #toast-container[class*=-center] .toastr { margin-left: auto; margin-right: auto } #toast-container[class*=-left] .toastr { margin-right: auto } #toast-container[class*=-right] .toastr { margin-left: auto } #toast-container[class*=-full] .toastr { width: 100% } #toast-container[class*=toast-top] { top: 0 } #toast-container[class*=toast-bottom] { bottom: 0 } .toastr { background: #fff; border-left: 4px solid transparent; border-radius: 4px; box-shadow: 0 3px 12px 1px rgba(66, 47, 40, .15); font-size: .875rem; line-height: 1.3rem; max-width: 100%; opacity: 1; padding: 1.25rem 4.5rem 1.25rem 1.25rem; pointer-events: auto; position: relative; width: 430px } .is-dark .toastr { background: #1e1e1e; color: #fff } .toastr:not(:last-child) { margin-bottom: .75rem } .toastr.toast-success { border-color: #1aa509 } .toastr.toast-success .icon { color: #1aa509 } .toastr.toast-error { border-color: #ff3828 } .toastr.toast-error .icon { color: #ff3828 } .toastr.toast-info { border-color: #09c2de } .toastr.toast-info .icon { color: #09c2de } .toastr.toast-warning { border-color: #f4bd0e } .toastr.toast-warning .icon { color: #f4bd0e } .toastr-icon { font-size: 24px; left: 1.25rem; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%) } .toastr-icon + .toastr-text { padding-left: 2.35rem } .toastr h4, .toastr h5, .toastr h6 { font-size: 1rem; margin-bottom: .35rem } .is-dark .toastr h4, .is-dark .toastr h5, .is-dark .toastr h6 { color: #fff } .toast-close-button { cursor: pointer; display: inline-block; height: 32px; position: absolute; right: 12px; text-indent: -9999px; top: 50%; transform: translateY(-50%); width: 32px } .toast-close-button:after { color: #e4e4e4; content: ""; font-family: Nioicon; font-size: 18px; left: 0; line-height: 32px; position: absolute; text-align: center; text-indent: 0; top: 0; width: 100% } .is-dark .toast-close-button:after { color: #e8dfdb } .toast-progress { background-color: #000; bottom: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); height: 4px; left: 0; opacity: .4; position: absolute } .toast-title { font-weight: 700 } .toast-message { word-wrap: break-word } .toast-message a, .toast-message label { color: #666 } .toast-message a:hover { color: #ccc; text-decoration: none } .swal2-popup.swal2-toast { align-items: center; background: #fff; box-shadow: 0 0 .625em #d9d9d9; flex-direction: row; overflow-y: hidden; padding: .625em; width: auto } .swal2-popup.swal2-toast .swal2-header { flex-direction: row } .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; font-size: 1em; justify-content: flex-start; margin: 0 .6em } .swal2-popup.swal2-toast .swal2-footer { font-size: .8em; margin: .5em 0 0; padding: .5em 0 0 } .swal2-popup.swal2-toast .swal2-close { height: .8em; line-height: .8; position: static; width: .8em } .swal2-popup.swal2-toast .swal2-content { font-size: 1em; justify-content: flex-start } .swal2-popup.swal2-toast .swal2-icon { height: 2em; margin: 0; min-width: 2em; width: 2em } .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { align-items: center; display: flex; font-size: 1.8em; font-weight: 700 } @media (-ms-high-contrast: active),(-ms-high-contrast: none) { .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { font-size: .25em } } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { height: 2em; width: 2em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: .875em; width: 1.375em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: .3125em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: .3125em } .swal2-popup.swal2-toast .swal2-actions { flex-basis: auto !important; height: auto; margin: 0 .3125em; width: auto } .swal2-popup.swal2-toast .swal2-actions .btn { margin: 0 .5em } .swal2-popup.swal2-toast .swal2-styled { font-size: 1em; margin: 0 .5em; padding: .3125em .625em } .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(222, 79, 22, .4) } .swal2-popup.swal2-toast .swal2-success { border-color: #1aa509 } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] { border-radius: 50%; height: 3em; position: absolute; transform: rotate(45deg); width: 1.6em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] { border-radius: 4em 0 0 4em; left: -.5em; top: -.8em; transform: rotate(-45deg); transform-origin: 2em 2em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] { border-radius: 0 4em 4em 0; left: .9375em; top: -.25em; transform-origin: 0 1.5em } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { height: 2em; width: 2em } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { height: 2.6875em; left: .4375em; top: 0; width: .4375em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] { height: .3125em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { left: .1875em; top: 1.125em; width: .75em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { right: .1875em; top: .9375em; width: 1.375em } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { -webkit-animation: swal2-toast-animate-success-line-tip .75s; animation: swal2-toast-animate-success-line-tip .75s } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { -webkit-animation: swal2-toast-animate-success-line-long .75s; animation: swal2-toast-animate-success-line-long .75s } .swal2-popup.swal2-toast.swal2-show { -webkit-animation: swal2-toast-show .5s; animation: swal2-toast-show .5s } .swal2-popup.swal2-toast.swal2-hide { -webkit-animation: swal2-toast-hide .1s forwards; animation: swal2-toast-hide .1s forwards } .swal2-container { -webkit-overflow-scrolling: touch; align-items: center; bottom: 0; display: flex; flex-direction: row; justify-content: center; left: 0; overflow-x: hidden; padding: .625em; position: fixed; right: 0; top: 0; transition: background-color .1s; z-index: 1060 } .swal2-container.swal2-backdrop-show { background: rgba(28, 43, 70, .4) } .swal2-container.swal2-backdrop-hide { background: transparent !important } .swal2-container.swal2-top { align-items: flex-start } .swal2-container.swal2-top-left, .swal2-container.swal2-top-start { align-items: flex-start; justify-content: flex-start } .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end } .swal2-container.swal2-center { align-items: center } .swal2-container.swal2-center-left, .swal2-container.swal2-center-start { align-items: center; justify-content: flex-start } .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end } .swal2-container.swal2-bottom { align-items: flex-end } .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start { align-items: flex-end; justify-content: flex-start } .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end } .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-right > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom > :first-child { margin-top: auto } .swal2-container.swal2-grow-fullscreen > .swal2-modal { align-self: stretch; display: flex !important; flex: 1; justify-content: center } .swal2-container.swal2-grow-row > .swal2-modal { align-content: center; display: flex !important; flex: 1; justify-content: center } .swal2-container.swal2-grow-column { flex: 1; flex-direction: column } .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top { align-items: center } .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start { align-items: flex-start } .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right { align-items: flex-end } .swal2-container.swal2-grow-column > .swal2-modal { align-content: center; display: flex !important; flex: 1; justify-content: center } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { margin: auto } @media (-ms-high-contrast: active),(-ms-high-contrast: none) { .swal2-container .swal2-modal { margin: 0 !important } } .swal2-popup { background: #fff; border: none; border-radius: 4px; box-sizing: border-box; display: none; flex-direction: column; font-family: inherit; font-size: 1rem; justify-content: center; max-width: 100%; padding: 2.75rem 2.5rem; position: relative; width: 480px } .swal2-popup:focus { outline: none } .swal2-popup.swal2-loading { overflow-y: hidden } .swal2-header { align-items: center; display: flex; flex-direction: column } .swal2-title { word-wrap: break-word; color: #364a63; font-size: 1.5rem; font-weight: 700; margin: 0 0 .4em; max-width: 100%; padding: 0; position: relative; text-align: center; text-transform: none } .swal2-html-container { margin-bottom: 1rem } .swal2-actions { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin: 1.5rem auto 0; width: 100%; z-index: 1 } .swal2-actions .btn { margin: 0 .75rem } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: .4 } .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(30, 30, 30, .1), rgba(30, 30, 30, .1)) } .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(30, 30, 30, .2), rgba(30, 30, 30, .2)) } .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; background-color: transparent !important; border: .25em solid transparent; border-radius: 100%; box-sizing: border-box; color: transparent; cursor: default; height: 2.5em; margin: .46875em; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 2.5em } .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-left: 30px; margin-right: 30px } .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm:after { -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: 3px solid #b7b7b7; border-radius: 50%; border-right-color: transparent; box-shadow: 1px 1px 1px #fff; content: ""; display: inline-block; height: 15px; margin-left: 5px; width: 15px } .swal2-styled { border-radius: 5px; box-shadow: none; font-size: .9375rem; line-height: 1.25rem; margin: 0 .75rem; min-width: 90px; padding: .6875rem 1.25rem } .swal2-loading .swal2-styled { min-width: 0 } .swal2-styled:not([disabled]) { cursor: pointer } .swal2-styled.swal2-confirm { background: initial; background-color: #1aa509; border: 0; border-radius: .25em; color: #fff } .swal2-styled.swal2-confirm:focus { outline: none } .swal2-styled.swal2-cancel { background: initial; background-color: #ff3828; border: 0; border-radius: .25em; color: #fff } .swal2-styled.swal2-cancel:focus { outline: none } .swal2-styled::-moz-focus-inner { border: 0 } .swal2-footer { border-top: 1px solid #eee; color: #727272; font-size: 1em; justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0 } .swal2-timer-progress-bar { background: rgba(30, 30, 30, .2); bottom: 0; height: .25em; left: 0; position: absolute; width: 100% } .swal2-image { margin: 0 auto 1.5rem; max-width: 100% } .swal2-close { background: transparent; border: none; border-radius: 0; color: #eaeaea; cursor: pointer; font-family: serif; font-size: 2.5em; height: 1.2em; justify-content: center; line-height: 1.2; outline: initial; overflow: hidden; padding: 0; position: absolute; right: 0; top: 0; transition: color .1s ease-out; width: 1.2em; z-index: 2 } .swal2-close:hover { background: transparent; color: #ff3828; transform: none } .swal2-close::-moz-focus-inner { border: 0 } .swal2-content { word-wrap: break-word; color: #e4e4e4; font-size: .875rem; font-weight: 400; justify-content: center; line-height: normal; margin: 0; padding: 0; text-align: center; z-index: 1 } .swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea { margin: 1rem auto } .swal2-file, .swal2-input, .swal2-textarea { background: inherit; border: 1px solid #e8dfdb; border-radius: 4px; box-shadow: none; box-sizing: border-box; color: inherit; font-size: .875rem; transition: border-color .3s, box-shadow .3s; width: 100% } .swal2-file.swal2-inputerror, .swal2-input.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: #ff3828 !important; box-shadow: 0 0 2px #ff3828 !important } .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus { border: 1px solid var(--main-color); box-shadow: 0 0 0 3px rgba(222, 79, 22, .1); outline: none } .swal2-file::-moz-placeholder, .swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder { color: #eaeaea } .swal2-file:-ms-input-placeholder, .swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder { color: #eaeaea } .swal2-file::placeholder, .swal2-input::placeholder, .swal2-textarea::placeholder { color: #eaeaea } .swal2-range { background: #fff; margin: 1rem auto } .swal2-range input { width: 80% } .swal2-range output { color: inherit; font-weight: 600; text-align: center; width: 20% } .swal2-range input, .swal2-range output { font-size: .875rem; height: 2.75rem; line-height: 2.75rem; padding: 0 } .swal2-input { height: 2.75rem; padding: 0 1rem } .swal2-input[type=number] { max-width: 10em } .swal2-file { background: inherit; font-size: .875rem } .swal2-textarea { height: 6.75em; padding: .75em } .swal2-select { background: inherit; color: inherit; font-size: .875rem; max-width: 100%; min-width: 50%; padding: .375em .625em } .swal2-checkbox, .swal2-radio { align-items: center; background: #fff; color: inherit; justify-content: center } .swal2-checkbox label, .swal2-radio label { font-size: .875rem; margin: 0 .6em } .swal2-checkbox input, .swal2-radio input { margin: 0 .4em } .swal2-validation-message { align-items: center; background: #fff; color: #848484; display: none; font-size: 1em; font-weight: 300; justify-content: center; overflow: hidden; padding: .625em } .swal2-validation-message:before { background-color: #ff3828; border-radius: 50%; color: #fff; content: "!"; display: inline-block; font-weight: 600; height: 1.5em; line-height: 1.5em; margin: 0 .625em; min-width: 1.5em; text-align: center; width: 1.5em } .swal2-icon { border: .25em solid transparent; border-radius: 50%; box-sizing: content-box; cursor: default; font-family: inherit; height: 5em; justify-content: center; line-height: 5em; margin: -.5rem auto 1.5rem; position: relative; transform: scale(.8); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 5em } .swal2-icon .swal2-icon-content { align-items: center; display: flex; font-size: 3.75em } .swal2-icon.swal2-error { border-color: #ff3828; color: #ff3828 } .swal2-icon.swal2-error .swal2-x-mark { flex-grow: 1; position: relative } .swal2-icon.swal2-error [class^=swal2-x-mark-line] { background-color: #ff3828; border-radius: .125em; display: block; height: .3125em; position: absolute; top: 2.3125em; width: 2.9375em } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 1.0625em; transform: rotate(45deg) } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1em; transform: rotate(-45deg) } .swal2-icon.swal2-error.swal2-icon-show { -webkit-animation: swal2-animate-error-icon .5s; animation: swal2-animate-error-icon .5s } .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { -webkit-animation: swal2-animate-error-x-mark .5s; animation: swal2-animate-error-x-mark .5s } .swal2-icon.swal2-warning { border-color: #f6c630; color: #f4bd0e } .swal2-icon.swal2-info { border-color: #55e3f8; color: #09c2de } .swal2-icon.swal2-question { border-color: #999; color: #666 } .swal2-icon.swal2-success { border-color: #1aa509; color: #1aa509 } .swal2-icon.swal2-success [class^=swal2-success-circular-line] { border-radius: 50%; height: 7.5em; position: absolute; transform: rotate(45deg); width: 3.75em } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { border-radius: 7.5em 0 0 7.5em; left: -2.0635em; top: -.4375em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { border-radius: 0 7.5em 7.5em 0; left: 1.875em; top: -.6875em; transform: rotate(-45deg); transform-origin: 0 3.75em } .swal2-icon.swal2-success .swal2-success-ring { border: .25em solid rgba(26, 165, 9, .3); border-radius: 50%; box-sizing: content-box; height: 100%; left: -.25em; position: absolute; top: -.25em; width: 100%; z-index: 2 } .swal2-icon.swal2-success .swal2-success-fix { height: 5.625em; left: 1.625em; position: absolute; top: .5em; transform: rotate(-45deg); width: .4375em; z-index: 1 } .swal2-icon.swal2-success [class^=swal2-success-line] { background-color: #1aa509; border-radius: .125em; display: block; height: .3125em; position: absolute; z-index: 2 } .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { left: .875em; top: 2.875em; transform: rotate(45deg); width: 1.5625em } .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { right: .5em; top: 2.375em; transform: rotate(-45deg); width: 2.9375em } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip .75s; animation: swal2-animate-success-line-tip .75s } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long .75s; animation: swal2-animate-success-line-long .75s } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in } .swal2-progress-steps { align-items: center; background: inherit; font-weight: 600; margin: 0 0 1.25em; padding: 0 } .swal2-progress-steps li { display: inline-block; position: relative } .swal2-progress-steps .swal2-progress-step { background: #3085d6; border-radius: 2em; color: #fff; height: 2em; line-height: 2em; text-align: center; width: 2em; z-index: 20 } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #3085d6 } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: #add8e6; color: #fff } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: #add8e6 } .swal2-progress-steps .swal2-progress-step-line { background: #3085d6; height: .4em; margin: 0 -1px; width: 2.5em; z-index: 10 } [class^=swal2] { -webkit-tap-highlight-color: transparent } .swal2-show { -webkit-animation: swal2-show .3s; animation: swal2-show .3s } .swal2-hide { -webkit-animation: swal2-hide .15s forwards; animation: swal2-hide .15s forwards } .swal2-noanimation { transition: none } .swal2-scrollbar-measure { height: 50px; overflow: scroll; position: absolute; top: -9999px; width: 50px } .swal2-rtl .swal2-close { left: 0; right: auto } .swal2-rtl .swal2-timer-progress-bar { left: auto; right: 0 } @supports (-ms-accelerator:true) { .swal2-range input { width: 100% !important } .swal2-range output { display: none } } @media (-ms-high-contrast: active),(-ms-high-contrast: none) { .swal2-range input { width: 100% !important } .swal2-range output { display: none } } @-moz-document url-prefix() { .swal2-close:focus { outline: 2px solid rgba(222, 79, 22, .4) } } @-webkit-keyframes swal2-toast-show { 0% { transform: translateY(-.625em) rotate(2deg) } 33% { transform: translateY(0) rotate(-2deg) } 66% { transform: translateY(.3125em) rotate(2deg) } to { transform: translateY(0) rotate(0deg) } } @keyframes swal2-toast-show { 0% { transform: translateY(-.625em) rotate(2deg) } 33% { transform: translateY(0) rotate(-2deg) } 66% { transform: translateY(.3125em) rotate(2deg) } to { transform: translateY(0) rotate(0deg) } } @-webkit-keyframes swal2-toast-hide { to { opacity: 0; transform: rotate(1deg) } } @keyframes swal2-toast-hide { to { opacity: 0; transform: rotate(1deg) } } @-webkit-keyframes swal2-toast-animate-success-line-tip { 0% { left: .0625em; top: .5625em; width: 0 } 54% { left: .125em; top: .125em; width: 0 } 70% { left: -.25em; top: .625em; width: 1.625em } 84% { left: .75em; top: 1.0625em; width: .5em } to { left: .1875em; top: 1.125em; width: .75em } } @keyframes swal2-toast-animate-success-line-tip { 0% { left: .0625em; top: .5625em; width: 0 } 54% { left: .125em; top: .125em; width: 0 } 70% { left: -.25em; top: .625em; width: 1.625em } 84% { left: .75em; top: 1.0625em; width: .5em } to { left: .1875em; top: 1.125em; width: .75em } } @-webkit-keyframes swal2-toast-animate-success-line-long { 0% { right: 1.375em; top: 1.625em; width: 0 } 65% { right: .9375em; top: 1.25em; width: 0 } 84% { right: 0; top: .9375em; width: 1.125em } to { right: .1875em; top: .9375em; width: 1.375em } } @keyframes swal2-toast-animate-success-line-long { 0% { right: 1.375em; top: 1.625em; width: 0 } 65% { right: .9375em; top: 1.25em; width: 0 } 84% { right: 0; top: .9375em; width: 1.125em } to { right: .1875em; top: .9375em; width: 1.375em } } @-webkit-keyframes swal2-show { 0% { opacity: 0; transform: translateY(20px) } 40% { opacity: 1 } to { transform: translate(0) } } @keyframes swal2-show { 0% { opacity: 0; transform: translateY(20px) } 40% { opacity: 1 } to { transform: translate(0) } } @-webkit-keyframes swal2-hide { 0% { opacity: 1; transform: scale(1) } to { opacity: 0; transform: scale(.7) } } @keyframes swal2-hide { 0% { opacity: 1; transform: scale(1) } to { opacity: 0; transform: scale(.7) } } @-webkit-keyframes swal2-animate-success-line-tip { 0% { left: .0625em; top: 1.1875em; width: 0 } 54% { left: .125em; top: 1.0625em; width: 0 } 70% { left: -.375em; top: 2.1875em; width: 3.125em } 84% { left: 1.3125em; top: 3em; width: 1.0625em } to { left: .875em; top: 2.8125em; width: 1.5625em } } @keyframes swal2-animate-success-line-tip { 0% { left: .0625em; top: 1.1875em; width: 0 } 54% { left: .125em; top: 1.0625em; width: 0 } 70% { left: -.375em; top: 2.1875em; width: 3.125em } 84% { left: 1.3125em; top: 3em; width: 1.0625em } to { left: .875em; top: 2.8125em; width: 1.5625em } } @-webkit-keyframes swal2-animate-success-line-long { 0% { right: 2.875em; top: 3.375em; width: 0 } 65% { right: 2.875em; top: 3.375em; width: 0 } 84% { right: 0; top: 2.1875em; width: 3.4375em } to { right: .5em; top: 2.375em; width: 2.9375em } } @keyframes swal2-animate-success-line-long { 0% { right: 2.875em; top: 3.375em; width: 0 } 65% { right: 2.875em; top: 3.375em; width: 0 } 84% { right: 0; top: 2.1875em; width: 3.4375em } to { right: .5em; top: 2.375em; width: 2.9375em } } @-webkit-keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg) } 5% { transform: rotate(-45deg) } 12% { transform: rotate(-405deg) } to { transform: rotate(-405deg) } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg) } 5% { transform: rotate(-45deg) } 12% { transform: rotate(-405deg) } to { transform: rotate(-405deg) } } @-webkit-keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; opacity: 0; transform: scale(.4) } 50% { margin-top: 1.625em; opacity: 0; transform: scale(.4) } 80% { margin-top: -.375em; transform: scale(1.15) } to { margin-top: 0; opacity: 1; transform: scale(1) } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; opacity: 0; transform: scale(.4) } 50% { margin-top: 1.625em; opacity: 0; transform: scale(.4) } 80% { margin-top: -.375em; transform: scale(1.15) } to { margin-top: 0; opacity: 1; transform: scale(1) } } @-webkit-keyframes swal2-animate-error-icon { 0% { opacity: 0; transform: scale(.8) rotateX(100deg) } to { opacity: 1; transform: scale(.8) rotateX(0deg) } } @keyframes swal2-animate-error-icon { 0% { opacity: 0; transform: scale(.8) rotateX(100deg) } to { opacity: 1; transform: scale(.8) rotateX(0deg) } } @-webkit-keyframes swal2-rotate-loading { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden } body.swal2-height-auto { height: auto !important } body.swal2-no-backdrop .swal2-container { background-color: transparent !important; bottom: auto; left: auto; max-width: calc(100% - 1.25em); right: auto; top: auto } body.swal2-no-backdrop .swal2-container > .swal2-modal { box-shadow: 0 0 10px rgba(28, 43, 70, .4) } body.swal2-no-backdrop .swal2-container.swal2-top { left: 50%; top: 0; transform: translateX(-50%) } body.swal2-no-backdrop .swal2-container.swal2-top-left, body.swal2-no-backdrop .swal2-container.swal2-top-start { left: 0; top: 0 } body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right { right: 0; top: 0 } body.swal2-no-backdrop .swal2-container.swal2-center { left: 50%; top: 50%; transform: translate(-50%, -50%) } body.swal2-no-backdrop .swal2-container.swal2-center-left, body.swal2-no-backdrop .swal2-container.swal2-center-start { left: 0; top: 50%; transform: translateY(-50%) } body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right { right: 0; top: 50%; transform: translateY(-50%) } body.swal2-no-backdrop .swal2-container.swal2-bottom { bottom: 0; left: 50%; transform: translateX(-50%) } body.swal2-no-backdrop .swal2-container.swal2-bottom-left, body.swal2-no-backdrop .swal2-container.swal2-bottom-start { bottom: 0; left: 0 } body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right { bottom: 0; right: 0 } @media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] { display: none } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important } } body.swal2-toast-shown .swal2-container { background-color: transparent } body.swal2-toast-shown .swal2-container.swal2-top { bottom: auto; left: 50%; right: auto; top: 0; transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { bottom: auto; left: auto; right: 0; top: 0 } body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start { bottom: auto; left: 0; right: auto; top: 0 } body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start { bottom: auto; left: 0; right: auto; top: 50%; transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-center { bottom: auto; left: 50%; right: auto; top: 50%; transform: translate(-50%, -50%) } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { bottom: auto; left: auto; right: 0; top: 50%; transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start { bottom: 0; left: 0; right: auto; top: auto } body.swal2-toast-shown .swal2-container.swal2-bottom { bottom: 0; left: 50%; right: auto; top: auto; transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { bottom: 0; left: auto; right: 0; top: auto } body.swal2-toast-column .swal2-toast { align-items: stretch; flex-direction: column } body.swal2-toast-column .swal2-toast .swal2-actions { align-self: stretch; flex: 1; height: 2.2em; margin-top: .3125em } body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center } body.swal2-toast-column .swal2-toast .swal2-input { font-size: 1em; height: 2em; margin: .3125em auto } body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em } table.dataTable { border-collapse: separate !important; border-spacing: 0; clear: both; max-width: none !important } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center } table.dataTable.nowrap td, table.dataTable.nowrap th { white-space: nowrap } div.dataTables_wrapper div.dataTables_length label { font-weight: 400; text-align: left; white-space: nowrap } div.dataTables_wrapper div.dataTables_length select { display: inline-block; width: auto } div.dataTables_wrapper div.dataTables_length label { align-items: center; display: inline-flex } div.dataTables_wrapper div.dataTables_length span { margin-left: .5rem; margin-right: .5rem } div.dataTables_wrapper div.dataTables_filter label { font-weight: 400; white-space: nowrap } div.dataTables_wrapper div.dataTables_filter input { display: inline-block } div.dataTables_wrapper div.dataTables_info { font-size: .75rem; padding: .5rem 0; white-space: nowrap } div.dataTables_wrapper div.dataTables_paginate { margin: 0; text-align: right; white-space: nowrap } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; margin: 2px 0 } div.dataTables_wrapper div.dataTables_processing { left: 50%; margin-left: -100px; margin-top: -26px; padding: 1em 0; position: absolute; text-align: center; top: 50%; width: 200px } div.dataTables_wrapper label { margin-bottom: 0 } table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc { padding-right: 30px } table.dataTable thead > tr > td:active, table.dataTable thead > tr > th:active { outline: none } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative } table.dataTable thead .sorting:after, table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:after, table.dataTable thead .sorting_desc_disabled:before { display: block; opacity: .3; position: absolute; top: 50%; transform: translateY(-50%) } table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before { content: "↑"; right: 1em } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after { content: "↓"; right: .5em } table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after { opacity: 1 } table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { opacity: 0 } div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important } div.dataTables_scrollBody table { border-top: none; margin-bottom: 0 !important; margin-top: 0 !important } div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:after, div.dataTables_scrollBody table thead .sorting_desc:before { display: none } div.dataTables_scrollBody table tbody tr:first-child td, div.dataTables_scrollBody table tbody tr:first-child th { border-top: none } div.dataTables_scrollFoot > .dataTables_scrollFootInner { box-sizing: content-box } div.dataTables_scrollFoot > .dataTables_scrollFootInner > table { border-top: none; margin-top: 0 !important } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center } } table.dataTable.table-sm > thead > tr > th { padding-right: 20px } table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before { right: .85em; top: 5px } table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after { top: 5px } table.table-bordevar(--main-color).dataTable td, table.table-bordevar(--main-color).dataTable th { border-left-width: 0 } table.table-bordevar(--main-color).dataTable td:last-child, table.table-bordevar(--main-color).dataTable th:last-child { border-right-width: 0 } div.dataTables_scrollHead table.table-bordevar(--main-color), table.table-bordevar(--main-color).dataTable tbody td, table.table-bordevar(--main-color).dataTable tbody th { 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 } @media (min-width: 768px) { div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: flex-start } } table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > th:first-child { cursor: pointer } table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > th:first-child:before { content: ""; font-family: Nioicon; margin-right: .4rem } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: "" } @media (max-width: 575px) { div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: flex-start } div.dataTables_wrapper div.dataTables_paginate ul.pagination li:not(.previous):not(.next) { display: none } div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link { padding-left: 1rem; padding-right: 1rem } div.dataTables_wrapper div.dataTables_info { text-align: right !important } } .dataTable td:focus { outline: none } .datatable-wrap { border: 1px solid #f1e8e4; border-radius: 4px } .dtr-details { padding-left: .25rem } .dtr-details .dtr-title { font-weight: 700; margin-right: .25rem } .nk-tb-col-check, .nk-tb-col-tools { pointer-events: none } .nk-tb-col-check > *, .nk-tb-col-tools > * { pointer-events: auto } .nk-tb-col-check:after, .nk-tb-col-check:before, .nk-tb-col-tools:after, .nk-tb-col-tools:before { display: none !important } .nk-tb-col-check { padding-right: .5rem !important } .jqvmap-label { background: rgba(30, 30, 30, .9); border-radius: 4px; color: #fff; display: none; font-size: 12px; padding: .25rem .75rem; position: absolute } .jqvmap-label, .jqvmap-pin { pointer-events: none } .jqvmap-zoomin, .jqvmap-zoomout { background: rgba(30, 30, 30, .9); border-radius: 3px; color: #fff; cursor: pointer; height: 1rem; left: 10px; line-height: .75rem; padding: .125rem; position: absolute; text-align: center; width: 1rem } .jqvmap-zoomin { top: 10px } .jqvmap-zoomout { top: 30px } .jqvmap-region { cursor: pointer } .jqvmap-ajax_response { height: 500px; width: 100% } .tagify { align-items: flex-start; border: 1px solid #f1e8e4; cursor: text; display: flex; flex-wrap: wrap; font-size: 14px; line-height: 1.1; outline: none; padding: 3px; position: relative; transition: .1s } @-webkit-keyframes tags--bump { 30% { transform: scale(1.2) } } @keyframes tags--bump { 30% { transform: scale(1.2) } } @-webkit-keyframes rotateLoader { to { transform: rotate(1turn) } } @keyframes rotateLoader { to { transform: rotate(1turn) } } @media (max-width: 576px) { .tagify { font-size: 12px; padding: 4px } } .tagify:hover { border-color: #e8dfdb } .tagify.tagify--focus { border-color: var(--main-color); transition: 0s } .tagify[readonly] { cursor: default } .tagify[readonly] > .tagify__input { margin: 5px 0; visibility: hidden; width: 0 } .tagify[readonly] .tagify__tag__removeBtn { display: none } .tagify[readonly] .tagify__tag > div { padding: .25rem .5rem .25rem .675rem } .tagify[readonly] .tagify__tag > div:before { background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px; box-shadow: none; filter: brightness(.95) } .tagify--loading .tagify__input:before { content: none } .tagify--loading .tagify__input:after { -webkit-animation: rotateLoader .4s linear infinite; animation: rotateLoader .4s linear infinite; border-color: #eee #bbb #888 transparent; border-radius: 50%; border-style: solid; border-width: 3px; content: ""; height: .7em; margin: -2px 0 -2px .5em; opacity: 1; vertical-align: middle; width: .7em } .tagify--loading .tagify__input:empty:after { margin-left: 0 } .tagify + input, .tagify + textarea { display: none !important } .tagify__tag { align-items: center; cursor: default; display: inline-flex; margin: 2px; outline: none; position: relative; transition: .13s ease-out; z-index: 1 } .tagify__tag > div { border-radius: 15px; box-sizing: border-box; color: #666; line-height: inherit; max-width: 100%; padding: .25rem .5rem .25rem .675rem; transition: .13s ease-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: top } .tagify__tag > div > * { display: inline-block; max-width: var(--tag--max-width); min-width: var(--tag--min-width); overflow: hidden; text-overflow: ellipsis; transition: .8s ease, color .1s; vertical-align: top; white-space: nowrap } .tagify__tag > div > [contenteditable] { cursor: text; margin: -2px; max-width: 350px; outline: none; padding: 2px; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .tagify__tag > div:before { border: 1px solid #f1e8e4; border-radius: inherit; bottom: 0; box-shadow: inset 0 0 0 1.1em #fff; content: ""; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: .12s ease; z-index: -1 } .tagify__tag:hover:not([readonly]) div:before { bottom: 0; box-shadow: inset 0 0 0 1.1em #f5f6fa; left: 0; right: 0; top: 0 } .tagify__tag.tagify--noAnim > div:before { -webkit-animation: none; animation: none } .tagify__tag.tagify--hide { margin-left: 0; margin-right: 0; opacity: 0; padding-left: 0; padding-right: 0; pointer-events: none; transform: scale(0); transition: .3s; width: 0 !important } .tagify__tag.tagify--mark div:before { -webkit-animation: none; animation: none } .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span { opacity: .5 } .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div:before { box-shadow: inset 0 0 0 1.1em rgba(114, 128, 146, .5) !important; transition: .2s } .tagify__tag[readonly] .tagify__tag__removeBtn { display: none } .tagify__tag[readonly] > div:before { background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px; border-color: none; box-shadow: none; filter: brightness(.95) } .tagify__tag--editable > div { color: #666; color: var(--tag-text-color--edit) } .tagify__tag--editable > div:before { box-shadow: inset 0 0 0 2px #f5f6fa !important } .tagify__tag--editable.tagify--invalid > div:before { box-shadow: inset 0 0 0 2px #728092 !important } .tagify__tag__removeBtn { align-items: center; background: none; border-radius: 50px; color: #364a63; cursor: pointer; display: inline-flex; font: 14px Serif; height: 14px; justify-content: center; margin-left: -4.6666666667px; margin-right: 4.6666666667px; order: 5; transition: .2s ease-out; width: 14px } .tagify__tag__removeBtn:after { content: "×"; position: relative; top: 1px } .tagify__tag__removeBtn:hover { background: #606c7c; color: #fff } .tagify__tag__removeBtn:hover + div:before { transition: .2s } .tagify:not(.tagify--mix) .tagify__input br { display: none } .tagify:not(.tagify--mix) .tagify__input * { display: inline; white-space: nowrap } .tagify__input { display: block; line-height: inherit; margin: 2px; min-width: 60px; padding: .25rem .5rem .25rem .675rem; position: relative; white-space: pre-line } .tagify__input:before { display: inline-block; width: 0 } .tagify__input:empty { display: flex } .tagify__input:empty:before { opacity: .7; transform: none; transition: .2s ease-out; width: auto } .tagify__input:focus { outline: none } .tagify__input:focus:before { opacity: 0; transform: translatex(6px); transition: .2s ease-out } @supports (-moz-appearance:none) { .tagify__input:focus:before { display: none } } .tagify__input:focus:empty:before { opacity: .5; transform: none; transition: .2s ease-out } @supports (-moz-appearance:none) { .tagify__input:focus:empty:before { display: inline-block } } .tagify__input:before { color: #666; content: attr(data-placeholder); line-height: 1.8; opacity: 0; pointer-events: none; position: absolute; top: 0; white-space: nowrap; z-index: 1 } .tagify--mix .tagify__input:before { line-height: inherit; position: static } @supports (-moz-appearance:none) { .tagify__input:before { line-height: inherit; position: relative } } .tagify__input:after { color: #666; content: attr(data-suggest); display: inline-block; max-width: 100px; opacity: .3; pointer-events: none; white-space: pre } .tagify__input .tagify__tag { margin: 0 } .tagify__input .tagify__tag > div { padding-bottom: 0; padding-top: 0 } .tagify--mix { line-height: 1.7 } .tagify--mix .tagify__input { height: 100%; line-height: inherit; margin: 0; padding: 5px; width: 100% } .tagify--mix .tagify__input:after { content: none } .tagify--select:after { bottom: 0; content: ">"; font: 16px monospace; height: 8px; line-height: 8px; opacity: .5; pointer-events: none; position: absolute; right: 0; top: 50%; transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); transition: .2s ease-in-out } .tagify--select[aria-expanded=true]:after { transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2) } .tagify--select .tagify__tag { bottom: 0; position: absolute; right: 1.8em; top: 0 } .tagify--select .tagify__tag div { display: none } .tagify--select .tagify__input { width: 100% } .tagify--invalid { border-color: #728092 } .tagify__dropdown { border-radius: 4px; box-shadow: 0 1px 4px rgba(54, 74, 99, .1); overflow: hidden; position: absolute; transform: translateY(4px); z-index: 9999 } .tagify__dropdown[placement=top] { box-shadow: 0 -1px 4px rgba(54, 74, 99, .1); margin-top: 0; transform: translateY(-4px) } .tagify__dropdown--text { box-shadow: 0 0 0 3px rgba(222, 79, 22, .1); font-size: .9em } .tagify__dropdown--text .tagify__dropdown__wrapper { border-width: 1px } .tagify__dropdown__wrapper { background: #fff; border: 1px solid #f1e8e4; border-radius: 4px; max-height: 300px; overflow: hidden; padding: .25rem; transition: .25s cubic-bezier(0, 1, .5, 1) } .tagify__dropdown__wrapper:hover { overflow: auto } .tagify__dropdown--initial .tagify__dropdown__wrapper { max-height: 20px; transform: translateY(-1em) } .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper { transform: translateY(2em) } .tagify__dropdown__item { border-radius: 2px; box-sizing: inherit; cursor: pointer; margin: 1px; outline: none; padding: .25rem .5rem .25rem .675rem; position: relative } .tagify__dropdown__item--active { background: var(--main-color); color: #fff } .tagify__dropdown__item:active { filter: brightness(105%) } .tagify__dropdown__createTagBtn { background: var(--main-color); border: none; color: #fff; width: 100% } .fc-not-allowed, .fc-not-allowed .fc-event { cursor: not-allowed } .fc-unselectable { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fc { display: flex; flex-direction: column; font-size: 1em } .fc, .fc *, .fc :after, .fc :before { box-sizing: border-box } .fc table { border-collapse: collapse; border-spacing: 0; font-size: 1em } .fc th { text-align: center } .fc td, .fc th { padding: 0; vertical-align: top } .fc .table-bordevar(--main-color) { border-radius: 4px } .fc .table-bordevar(--main-color) thead td, .fc .table-bordevar(--main-color) thead th { border-bottom-width: 0 } .fc .table-bordevar(--main-color) thead > tr > td, .fc .table-bordevar(--main-color) thead > tr > th { border-bottom-width: 1px } .fc thead tr:first-child td:first-child, .fc thead tr:first-child th:first-child { border-radius: 4px 0 0 0 } .fc thead tr:first-child td:last-child, .fc thead tr:first-child th:last-child { border-radius: 0 4px 0 0 } .fc tbody tr:last-child td:first-child, .fc tbody tr:last-child th:first-child { border-radius: 0 0 0 4px } .fc tbody tr:last-child td:last-child, .fc tbody tr:last-child th:last-child { border-radius: 0 0 4px 0 } .fc a[data-navlink] { cursor: pointer } .fc a[data-navlink]:hover { text-decoration: underline } .fc-direction-ltr { direction: ltr; text-align: left } .fc-direction-rtl { direction: rtl; text-align: right } .fc-theme-standard td, .fc-theme-standard th { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd) } .fc-liquid-hack td, .fc-liquid-hack th { position: relative } @font-face { font-family: fcicons; font-style: normal; font-weight: 400; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGvar(--main-color)VQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype") } .fa, .fc-icon { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-family: fcicons !important; font-style: normal; font-variant: normal; font-weight: 400; height: 1em; line-height: 1; text-align: center; text-transform: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 1em } .fa-chevron-left:before, .fc-icon-chevron-left:before { content: "" } .fa-chevron-right:before, .fc-icon-chevron-right:before { content: "" } .fa-chevrons-left:before, .fc-icon-chevrons-left:before { content: "" } .fa-chevrons-right:before, .fc-icon-chevrons-right:before { content: "" } .fa-minus-square:before, .fc-icon-minus-square:before { content: "" } .fa-plus-square:before, .fc-icon-plus-square:before { content: "" } .fa-times:before, .fc-icon-x:before { content: "" } .fc .fc-button { border-radius: 0; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none } .fc .fc-button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } .fc .fc-button { -webkit-appearance: button } .fc .fc-button:not(:disabled) { cursor: pointer } .fc .fc-button::-moz-focus-inner { border-style: none; padding: 0 } .fc .fc-button { background-color: transparent; border: 1px solid transparent; border-radius: .25em; display: inline-block; font-size: 1em; font-weight: 400; line-height: 1.5; padding: .4em .65em; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle } .fc .fc-button:hover { text-decoration: none } .fc .fc-button:focus { box-shadow: 0 0 0 .2rem rgba(44, 62, 80, .25); outline: 0 } .fc .fc-button:disabled { opacity: .65 } .fc .fc-button-primary { background-color: #2c3e50; background-color: var(--fc-button-bg-color, #2c3e50); border-color: #2c3e50; border-color: var(--fc-button-border-color, #2c3e50); color: #fff; color: var(--fc-button-text-color, #fff) } .fc .fc-button-primary:hover { background-color: #1e2b37; background-color: var(--fc-button-hover-bg-color, #1e2b37); border-color: #1a252f; border-color: var(--fc-button-hover-border-color, #1a252f); color: #fff; color: var(--fc-button-text-color, #fff) } .fc .fc-button-primary:disabled { background-color: #2c3e50; background-color: var(--fc-button-bg-color, #2c3e50); border-color: #2c3e50; border-color: var(--fc-button-border-color, #2c3e50); color: #fff; color: var(--fc-button-text-color, #fff) } .fc .fc-button-primary:focus { box-shadow: 0 0 0 .2rem rgba(76, 91, 106, .5) } .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { background-color: #1a252f; background-color: var(--fc-button-active-bg-color, #1a252f); border-color: #151e27; border-color: var(--fc-button-active-border-color, #151e27); color: #fff; color: var(--fc-button-text-color, #fff) } .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus { box-shadow: 0 0 0 .2rem rgba(76, 91, 106, .5) } .fc .fc-button .fc-icon { font-size: 1.5em; vertical-align: middle } .fc .fc-button-group { display: inline-flex; position: relative; vertical-align: middle } .fc .fc-button-group > .fc-button { flex: 1 1 auto; position: relative } .fc .fc-button-group > .fc-button.fc-button-active, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:hover { z-index: 1 } .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px } .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: -1px } .fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .fc .fc-toolbar { align-items: center; display: flex; justify-content: space-between } @media (max-width: 767.98px) { .fc .fc-toolbar { flex-direction: column } } .fc .fc-toolbar.fc-header-toolbar { margin: -.5rem 0 .75rem } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk { align-items: center; display: flex; padding: .5rem 0 } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:empty { display: none } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn { font-family: Roboto, sans-serif; font-size: 12px; font-weight: 700; position: relative; text-transform: capitalize } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:disabled { background: transparent; border: 1px solid #e8dfdb; color: #e4e4e4 } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:focus, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:hover { background: #f5f6fa; border: 1px solid #e8dfdb; color: #666 } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:focus { box-shadow: 0 0 0 .2rem hsla(18, 22%, 88%, .5) } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn.active { background: #f5f6fa; border: 1px solid #e8dfdb; box-shadow: inset 0 0 4px -1px hsla(0, 0%, 89%, .25); color: #364a63 } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-next-button, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-prev-button { border: none !important } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-next-button:focus, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-next-button:hover, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-prev-button:focus, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-prev-button:hover { background: transparent !important; box-shadow: none !important } @media (max-width: 767.98px) { .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk { justify-content: space-between; width: 100% } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-dayGridMonth-button, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-listWeek-button, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-timeGridDay-button, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-timeGridWeek-button { color: transparent !important; width: 2.125rem } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-dayGridMonth-button:before, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-listWeek-button:before, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-timeGridDay-button:before, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-timeGridWeek-button:before { color: #e4e4e4; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-dayGridMonth-button:before { content: "M" } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-timeGridWeek-button:before { content: "W" } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-timeGridDay-button:before { content: "D" } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-listWeek-button:before { content: "L" } .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-title + .btn-group { margin-right: -.75rem } } .fc .fc-toolbar.fc-footer-toolbar { margin-top: 1.5em } .fc .fc-toolbar-title { font-size: 1.125rem; margin: 0 } .fc-direction-ltr .fc-toolbar > * > :not(:first-child) { margin-left: .75em } .fc-direction-rtl .fc-toolbar > * > :not(:first-child) { margin-right: .75em } .fc-direction-rtl .fc-toolbar-ltr { flex-direction: row-reverse } .fc .fc-scroller { -webkit-overflow-scrolling: touch; position: relative } .fc .fc-scroller-liquid { height: 100% } .fc .fc-scroller-liquid-absolute { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fc .fc-scroller-harness { direction: ltr; overflow: hidden; position: relative } .fc .fc-scroller-harness-liquid { height: 100% } .fc-direction-rtl .fc-scroller-harness > .fc-scroller { direction: rtl } .fc-theme-standard .fc-scrollgrid { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd) } .fc .fc-scrollgrid, .fc .fc-scrollgrid table { table-layout: fixed; width: 100% } .fc .fc-scrollgrid table { border-left-style: hidden; border-right-style: hidden; border-top-style: hidden } .fc .fc-scrollgrid { border-bottom-width: 0; border-collapse: separate; border-right-width: 0 } .fc .fc-scrollgrid-liquid { height: 100% } .fc .fc-scrollgrid-section, .fc .fc-scrollgrid-section > td, .fc .fc-scrollgrid-section table { height: 1px } .fc .fc-scrollgrid-section-liquid { height: auto } .fc .fc-scrollgrid-section-liquid > td { height: 100% } .fc .fc-scrollgrid-section > * { border-left-width: 0; border-top-width: 0 } .fc .fc-scrollgrid-section-footer > *, .fc .fc-scrollgrid-section-header > * { border-bottom-width: 0 } .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table { border-bottom-style: hidden } .fc .fc-scrollgrid-section-sticky > * { background: #fff; background: var(--fc-page-bg-color, #fff); position: sticky; z-index: 2 } .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * { top: 0 } .fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * { bottom: 0 } .fc .fc-scrollgrid-sticky-shim { height: 1px; margin-bottom: -1px } .fc-sticky { position: sticky } .fc .fc-view-harness { flex-grow: 1; position: relative } .fc .fc-view-harness-active > .fc-view { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fc .fc-col-header-cell-cushion { display: inline-block; padding: 2px 4px } .fc .fc-bg-event, .fc .fc-highlight, .fc .fc-non-business { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fc .fc-non-business { background: hsla(0, 0%, 84%, .3); background: var(--fc-non-business-color, hsla(0, 0%, 84%, .3)) } .fc .fc-bg-event { background: #8fdf82; background: var(--fc-bg-event-color, #8fdf82); opacity: .3; opacity: var(--fc-bg-event-opacity, .3) } .fc .fc-bg-event .fc-event-title { font-size: .85em; font-size: var(--fc-small-font-size, .85em); font-style: italic; margin: .5em } .fc .fc-highlight { background: rgba(188, 232, 241, .3); background: var(--fc-highlight-color, rgba(188, 232, 241, .3)) } .fc .fc-cell-shaded, .fc .fc-day-disabled { background: hsla(0, 0%, 82%, .3); background: var(--fc-neutral-bg-color, hsla(0, 0%, 82%, .3)) } .fc .fc-event { margin: .5rem .375rem; padding: .125rem .375rem } a.fc-event, a.fc-event:hover { text-decoration: none } .fc-event.fc-event-draggable, .fc-event[href] { cursor: pointer } .fc-event .fc-event-main { position: relative; z-index: 2 } .fc-event-dragging:not(.fc-event-selected) { opacity: .75 } .fc-event-dragging.fc-event-selected { box-shadow: 0 2px 7px rgba(0, 0, 0, .3) } .fc-event .fc-event-resizer { display: none; position: absolute; z-index: 4 } .fc-event-selected .fc-event-resizer, .fc-event:hover .fc-event-resizer { display: block } .fc-event-selected .fc-event-resizer { background: #fff; background: var(--fc-page-bg-color, #fff); border-color: inherit; border-radius: 4px; border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2); border-style: solid; border-width: 1px; border-width: var(--fc-event-resizer-dot-border-width, 1px); height: 8px; height: var(--fc-event-resizer-dot-total-width, 8px); width: 8px; width: var(--fc-event-resizer-dot-total-width, 8px) } .fc-event-selected .fc-event-resizer:before { bottom: -20px; content: ""; left: -20px; position: absolute; right: -20px; top: -20px } .fc-event-selected { box-shadow: 0 2px 5px rgba(0, 0, 0, .2) } .fc-event-selected:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 3 } .fc-event-selected:after { background: rgba(0, 0, 0, .25); background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, .25)); bottom: -1px; content: ""; left: -1px; position: absolute; right: -1px; top: -1px; z-index: 1 } .fc-h-event { background-color: var(--main-color); border: 1px solid var(--main-color); display: block } .fc-h-event .fc-event-main-frame { display: flex } .fc-h-event .fc-event-time { max-width: 100%; overflow: hidden } .fc-h-event .fc-event-title-container { flex-grow: 1; flex-shrink: 1; min-width: 0 } .fc-h-event .fc-event-title { display: inline-block; left: 0; max-width: 100%; overflow: hidden; right: 0; vertical-align: top } .fc-h-event.fc-event-selected:before { bottom: -10px; top: -10px } .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) { border-bottom-left-radius: 0; border-left-width: 0; border-top-left-radius: 0 } .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) { border-bottom-right-radius: 0; border-right-width: 0; border-top-right-radius: 0 } .fc-h-event:not(.fc-event-selected) .fc-event-resizer { bottom: 0; top: 0; width: 8px; width: var(--fc-event-resizer-thickness, 8px) } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { cursor: w-resize; left: -4px; left: calc(var(--fc-event-resizer-thickness, 8px) / -2) } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { cursor: e-resize; right: -4px; right: calc(var(--fc-event-resizer-thickness, 8px) / -2) } .fc-h-event.fc-event-selected .fc-event-resizer { margin-top: -4px; margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); top: 50% } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end { left: -4px; left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2) } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start { right: -4px; right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2) } :root { --fc-daygrid-event-dot-width: 8px } .fc .fc-popover { box-shadow: 0 2px 6px rgba(0, 0, 0, .15); position: fixed; top: 0 } .fc .fc-popover-header { align-items: center; display: flex; flex-direction: row; justify-content: space-between; padding: 3px 4px } .fc .fc-popover-title { margin: 0 2px } .fc .fc-popover-close { cursor: pointer; font-size: 1.1em; opacity: .65 } .fc-theme-standard .fc-popover { background: #fff; background: var(--fc-page-bg-color, #fff); border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd) } .fc-theme-standard .fc-popover-header { background: hsla(0, 0%, 82%, .3); background: var(--fc-neutral-bg-color, hsla(0, 0%, 82%, .3)) } .fc-daygrid-day-events:after, .fc-daygrid-day-events:before, .fc-daygrid-day-frame:after, .fc-daygrid-day-frame:before, .fc-daygrid-event-harness:after, .fc-daygrid-event-harness:before { clear: both; content: ""; display: table } .fc .fc-daygrid-body { position: relative; z-index: 1 } .fc .fc-daygrid-day.fc-day-today { background-color: rgba(222, 79, 22, .07) } .fc .fc-daygrid-day-frame { min-height: 100%; position: relative } .fc .fc-daygrid-day-top { display: flex; flex-direction: row-reverse } .fc .fc-day-other .fc-daygrid-day-top { opacity: .5 } .fc .fc-daygrid-day-number { padding: 4px; position: relative; z-index: 4 } .fc .fc-daygrid-day-events { margin-top: 1px } .fc .fc-daygrid-body-balanced .fc-daygrid-day-events { left: 0; position: absolute; right: 0 } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { min-height: 2em; position: relative } .fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 1em } .fc .fc-daygrid-event-harness { position: relative } .fc .fc-daygrid-event-harness-abs { left: 0; position: absolute; right: 0; top: 0 } .fc .fc-daygrid-bg-harness { bottom: 0; position: absolute; top: 0 } .fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 } .fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 } .fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 } .fc .fc-daygrid-event { margin: .375rem .5rem !important; z-index: 6 } .fc .fc-daygrid-event.fc-event-mirror { z-index: 7 } .fc .fc-daygrid-day-bottom { font-size: .85em; margin: 2px 3px 0 } .fc .fc-daygrid-more-link { cursor: pointer; position: relative; z-index: 4 } .fc .fc-daygrid-week-number { background-color: hsla(0, 0%, 82%, .3); background-color: var(--fc-neutral-bg-color, hsla(0, 0%, 82%, .3)); color: grey; color: var(--fc-neutral-text-color, grey); min-width: 1.5em; padding: 2px; position: absolute; text-align: center; top: 0; z-index: 5 } .fc .fc-more-popover { z-index: 8 } .fc .fc-more-popover .fc-popover-body { min-width: 220px; padding: 10px } .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { margin-left: .25rem } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin-right: .25rem } .fc-direction-ltr .fc-daygrid-week-number { border-radius: 0 0 3px 0; left: 0 } .fc-direction-rtl .fc-daygrid-week-number { border-radius: 0 0 0 3px; right: 0 } .fc-liquid-hack .fc-daygrid-day-frame { position: static } .fc-daygrid-event { border-radius: 3px; font-size: .85em; font-size: var(--fc-small-font-size, .85em); position: relative; white-space: nowrap } .fc-daygrid-block-event .fc-event-time { font-weight: 700 } .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { padding: 1px } .fc-daygrid-dot-event { align-items: center; display: flex; padding: .25rem } .fc-daygrid-dot-event .fc-event-title { flex-grow: 1; flex-shrink: 1; font-weight: 700; min-width: 0; overflow: hidden } .fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover { background: rgba(0, 0, 0, .1) } .fc-daygrid-dot-event.fc-event-selected:before { bottom: -10px; top: -10px } .fc-daygrid-event-dot { border: 3px solid var(--main-color); border-radius: 4px; box-sizing: content-box; height: 0; margin: -2px 4px 0; width: 0 } .fc-direction-ltr .fc-daygrid-event .fc-event-time { margin-right: 3px } .fc-direction-rtl .fc-daygrid-event .fc-event-time { margin-left: 3px } .fc-v-event { background-color: var(--main-color); border: 1px solid var(--main-color); display: block } .fc-v-event .fc-event-main { height: 100% } .fc-v-event .fc-event-main-frame { display: flex; flex-direction: column; height: 100% } .fc-v-event .fc-event-time { flex-grow: 0; flex-shrink: 0; max-height: 100%; overflow: hidden } .fc-v-event .fc-event-title-container { flex-grow: 1; flex-shrink: 1; min-height: 0 } .fc-v-event .fc-event-title { bottom: 0; max-height: 100%; overflow: hidden; top: 0 } .fc-v-event:not(.fc-event-start) { border-top-left-radius: 0; border-top-right-radius: 0; border-top-width: 0 } .fc-v-event:not(.fc-event-end) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-width: 0 } .fc-v-event.fc-event-selected:before { left: -10px; right: -10px } .fc-v-event .fc-event-resizer-start { cursor: n-resize } .fc-v-event .fc-event-resizer-end { cursor: s-resize } .fc-v-event:not(.fc-event-selected) .fc-event-resizer { height: 8px; height: var(--fc-event-resizer-thickness, 8px); left: 0; right: 0 } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-thickness, 8px) / -2) } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2) } .fc-v-event.fc-event-selected .fc-event-resizer { left: 50%; margin-left: -4px; margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2) } .fc-v-event.fc-event-selected .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2) } .fc-v-event.fc-event-selected .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2) } .fc .fc-timegrid .fc-daygrid-body { z-index: 2 } .fc .fc-timegrid-divider { padding: 0 0 2px } .fc .fc-timegrid-body { min-height: 100%; position: relative; z-index: 1 } .fc .fc-timegrid-axis-chunk { position: relative } .fc .fc-timegrid-axis-chunk > table, .fc .fc-timegrid-slots { position: relative; z-index: 1 } .fc .fc-timegrid-slot { border-bottom: 0; height: 1.5em; padding: .25rem } .fc .fc-timegrid-slot:empty:before { content: " " } .fc .fc-timegrid-slot-minor { border-top-style: dotted } .fc .fc-timegrid-slot-label-cushion { display: inline-block; white-space: nowrap } .fc .fc-timegrid-slot-label { vertical-align: middle } .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion { padding: 0 4px } .fc .fc-timegrid-axis-frame-liquid { height: 100% } .fc .fc-timegrid-axis-frame { align-items: center; display: flex; justify-content: flex-end; overflow: hidden } .fc .fc-timegrid-axis-cushion { flex-shrink: 0; max-width: 60px } .fc-direction-ltr .fc-timegrid-slot-label-frame { text-align: right } .fc-direction-rtl .fc-timegrid-slot-label-frame { text-align: left } .fc-liquid-hack .fc-timegrid-axis-frame-liquid { bottom: 0; height: auto; left: 0; position: absolute; right: 0; top: 0 } .fc .fc-timegrid-col.fc-day-today { background-color: rgba(222, 79, 22, .07) } .fc .fc-timegrid-col-frame { min-height: 100%; position: relative } .fc-liquid-hack .fc-timegrid-col-frame { height: auto } .fc-liquid-hack .fc-timegrid-col-frame, .fc-media-screen .fc-timegrid-cols { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fc-media-screen .fc-timegrid-cols > table { height: 100% } .fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container { left: 0; position: absolute; right: 0; top: 0 } .fc-media-screen .fc-timegrid-event-harness { position: absolute } .fc .fc-timegrid-col-bg { z-index: 2 } .fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 } .fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 } .fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 } .fc .fc-timegrid-bg-harness { left: 0; position: absolute; right: 0 } .fc .fc-timegrid-col-events { z-index: 3 } .fc .fc-timegrid-now-indicator-container { bottom: 0; overflow: hidden } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 2.5% 0 2px } .fc-direction-rtl .fc-timegrid-col-events { margin: 0 2px 0 2.5% } .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror { box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px var(--fc-page-bg-color, #fff) } .fc-timegrid-event { border-radius: 3px; font-size: .85em; font-size: var(--fc-small-font-size, .85em) } .fc-timegrid-event .fc-event-main { padding: 1px 1px 0 } .fc-timegrid-event .fc-event-time { font-size: .85em; font-size: var(--fc-small-font-size, .85em); margin-bottom: 1px; white-space: nowrap } .fc-timegrid-event-condensed .fc-event-main-frame { flex-direction: row; overflow: hidden } .fc-timegrid-event-condensed .fc-event-time:after { content: " - " } .fc-timegrid-event-condensed .fc-event-title { font-size: .85em; font-size: var(--fc-small-font-size, .85em) } .fc-media-screen .fc-timegrid-event { bottom: 1px; left: 0; position: absolute; right: 0; top: 0 } .fc .fc-timegrid-now-indicator-line { border: solid #ff3828; border-width: 1px 0 0; left: 0; position: absolute; right: 0; z-index: 4 } .fc .fc-timegrid-now-indicator-arrow { border-color: #ff3828; border-style: solid; margin-top: -5px; position: absolute; z-index: 4 } .fc-direction-ltr .fc-timegrid-now-indicator-arrow { border-bottom-color: transparent; border-top-color: transparent; border-width: 5px 0 5px 6px; left: 0 } .fc-direction-rtl .fc-timegrid-now-indicator-arrow { border-bottom-color: transparent; border-top-color: transparent; border-width: 5px 6px 5px 0; right: 0 } :root { --fc-list-event-dot-width: 10px; --fc-list-event-hover-bg-color: #f5f5f5 } .fc-theme-standard .fc-list { border: 1px solid #ddd } .fc .fc-list-empty { align-items: center; background-color: #f5f6fa; display: flex; height: 100%; justify-content: center } .fc .fc-list-empty-cushion { margin: 5em 0 } .fc .fc-list-table { border-style: hidden; width: 100% } .fc .fc-list-table tr > * { border-left: 0; border-right: 0 } .fc .fc-list-sticky .fc-list-day > * { background: #fff; background: var(--fc-page-bg-color, #fff); position: sticky; top: 0 } .fc .fc-list-table th { padding: 0 } .fc .fc-list-day-cushion, .fc .fc-list-table td { padding: .75rem 1rem } .fc .fc-list-table th .fc-list-day-cushion { padding: .5rem 1rem } .fc .fc-list-day-cushion:after { clear: both; content: ""; display: table } .fc-theme-standard .fc-list-day-cushion { background-color: hsla(0, 0%, 82%, .3); background-color: var(--fc-neutral-bg-color, hsla(0, 0%, 82%, .3)) } .fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text { float: left } .fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text { float: right } .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 } .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 } .fc .fc-list-event.fc-event-forced-url { cursor: pointer } .fc .fc-list-event-graphic, .fc .fc-list-event-time { white-space: nowrap; width: 1px } .fc .fc-list-event-dot { background-color: var(--main-color); border: 2px solid var(--main-color); border-radius: 5px; display: inline-block; height: 10px; width: 10px } .fc .fc-list-event-title a { color: inherit; text-decoration: none } .fc .fc-list-event.fc-event-forced-url:hover a { text-decoration: underline } .fc-theme-bootstrap a:not([href]) { color: inherit } .fc a.fc-event:not([href]) { background: var(--main-color); color: #fff } .fc a.fc-event:not([href]) .fc-daygrid-event-dot { border-color: #fff } .fc-next-button, .fc-prev-button { padding-left: .5rem; padding-right: .5rem } .fc-next-button > .fa, .fc-prev-button > .fa { font-size: 1.25rem } span[class*=fc-event] .dot { border: 1px solid var(--main-color); display: inline-block; margin-right: .5rem } a.fc-event-primary { background-color: var(--main-color) !important; border-color: var(--main-color) !important; color: #fff !important } a.fc-event-primary .fc-daygrid-event-dot, a.fc-event-primary .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-primary { background-color: var(--main-color) !important; border-color: var(--main-color) !important } .modal-header.fc-event-primary .close, .modal-header.fc-event-primary .modal-title { color: #fff !important } .fc-event-primary:not(a) .fc-list-event-dot, span.fc-event-primary .dot { background-color: var(--main-color) !important; border-color: var(--main-color) !important } a.fc-event-success { background-color: #1aa509 !important; border-color: #1aa509 !important; color: #fff !important } a.fc-event-success .fc-daygrid-event-dot, a.fc-event-success .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-success { background-color: #1aa509 !important; border-color: #1aa509 !important } .modal-header.fc-event-success .close, .modal-header.fc-event-success .modal-title { color: #fff !important } .fc-event-success:not(a) .fc-list-event-dot, span.fc-event-success .dot { background-color: #1aa509 !important; border-color: #1aa509 !important } a.fc-event-info { background-color: #09c2de !important; border-color: #09c2de !important; color: #fff !important } a.fc-event-info .fc-daygrid-event-dot, a.fc-event-info .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-info { background-color: #09c2de !important; border-color: #09c2de !important } .modal-header.fc-event-info .close, .modal-header.fc-event-info .modal-title { color: #fff !important } .fc-event-info:not(a) .fc-list-event-dot, span.fc-event-info .dot { background-color: #09c2de !important; border-color: #09c2de !important } a.fc-event-warning { background-color: #f4bd0e !important; border-color: #f4bd0e !important; color: #fff !important } a.fc-event-warning .fc-daygrid-event-dot, a.fc-event-warning .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-warning { background-color: #f4bd0e !important; border-color: #f4bd0e !important } .modal-header.fc-event-warning .close, .modal-header.fc-event-warning .modal-title { color: #fff !important } .fc-event-warning:not(a) .fc-list-event-dot, span.fc-event-warning .dot { background-color: #f4bd0e !important; border-color: #f4bd0e !important } a.fc-event-danger { background-color: #ff3828 !important; border-color: #ff3828 !important; color: #fff !important } a.fc-event-danger .fc-daygrid-event-dot, a.fc-event-danger .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-danger { background-color: #ff3828 !important; border-color: #ff3828 !important } .modal-header.fc-event-danger .close, .modal-header.fc-event-danger .modal-title { color: #fff !important } .fc-event-danger:not(a) .fc-list-event-dot, span.fc-event-danger .dot { background-color: #ff3828 !important; border-color: #ff3828 !important } a.fc-event-secondary { background-color: #364a63 !important; border-color: #364a63 !important; color: #fff !important } a.fc-event-secondary .fc-daygrid-event-dot, a.fc-event-secondary .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-secondary { background-color: #364a63 !important; border-color: #364a63 !important } .modal-header.fc-event-secondary .close, .modal-header.fc-event-secondary .modal-title { color: #fff !important } .fc-event-secondary:not(a) .fc-list-event-dot, span.fc-event-secondary .dot { background-color: #364a63 !important; border-color: #364a63 !important } a.fc-event-dark { background-color: #1e1e1e !important; border-color: #1e1e1e !important; color: #fff !important } a.fc-event-dark .fc-daygrid-event-dot, a.fc-event-dark .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-dark { background-color: #1e1e1e !important; border-color: #1e1e1e !important } .modal-header.fc-event-dark .close, .modal-header.fc-event-dark .modal-title { color: #fff !important } .fc-event-dark:not(a) .fc-list-event-dot, span.fc-event-dark .dot { background-color: #1e1e1e !important; border-color: #1e1e1e !important } a.fc-event-blue { background-color: #559bfb !important; border-color: #559bfb !important; color: #fff !important } a.fc-event-blue .fc-daygrid-event-dot, a.fc-event-blue .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-blue { background-color: #559bfb !important; border-color: #559bfb !important } .modal-header.fc-event-blue .close, .modal-header.fc-event-blue .modal-title { color: #fff !important } .fc-event-blue:not(a) .fc-list-event-dot, span.fc-event-blue .dot { background-color: #559bfb !important; border-color: #559bfb !important } a.fc-event-azure { background-color: #1676fb !important; border-color: #1676fb !important; color: #fff !important } a.fc-event-azure .fc-daygrid-event-dot, a.fc-event-azure .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-azure { background-color: #1676fb !important; border-color: #1676fb !important } .modal-header.fc-event-azure .close, .modal-header.fc-event-azure .modal-title { color: #fff !important } .fc-event-azure:not(a) .fc-list-event-dot, span.fc-event-azure .dot { background-color: #1676fb !important; border-color: #1676fb !important } a.fc-event-indigo { background-color: #2c3782 !important; border-color: #2c3782 !important; color: #fff !important } a.fc-event-indigo .fc-daygrid-event-dot, a.fc-event-indigo .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-indigo { background-color: #2c3782 !important; border-color: #2c3782 !important } .modal-header.fc-event-indigo .close, .modal-header.fc-event-indigo .modal-title { color: #fff !important } .fc-event-indigo:not(a) .fc-list-event-dot, span.fc-event-indigo .dot { background-color: #2c3782 !important; border-color: #2c3782 !important } a.fc-event-purple { background-color: #816bff !important; border-color: #816bff !important; color: #fff !important } a.fc-event-purple .fc-daygrid-event-dot, a.fc-event-purple .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-purple { background-color: #816bff !important; border-color: #816bff !important } .modal-header.fc-event-purple .close, .modal-header.fc-event-purple .modal-title { color: #fff !important } .fc-event-purple:not(a) .fc-list-event-dot, span.fc-event-purple .dot { background-color: #816bff !important; border-color: #816bff !important } a.fc-event-pink { background-color: #ff63a5 !important; border-color: #ff63a5 !important; color: #fff !important } a.fc-event-pink .fc-daygrid-event-dot, a.fc-event-pink .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-pink { background-color: #ff63a5 !important; border-color: #ff63a5 !important } .modal-header.fc-event-pink .close, .modal-header.fc-event-pink .modal-title { color: #fff !important } .fc-event-pink:not(a) .fc-list-event-dot, span.fc-event-pink .dot { background-color: #ff63a5 !important; border-color: #ff63a5 !important } a.fc-event-orange { background-color: #ffa353 !important; border-color: #ffa353 !important; color: #fff !important } a.fc-event-orange .fc-daygrid-event-dot, a.fc-event-orange .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-orange { background-color: #ffa353 !important; border-color: #ffa353 !important } .modal-header.fc-event-orange .close, .modal-header.fc-event-orange .modal-title { color: #fff !important } .fc-event-orange:not(a) .fc-list-event-dot, span.fc-event-orange .dot { background-color: #ffa353 !important; border-color: #ffa353 !important } a.fc-event-teal { background-color: #20c997 !important; border-color: #20c997 !important; color: #fff !important } a.fc-event-teal .fc-daygrid-event-dot, a.fc-event-teal .fc-list-event-dot { border-color: #fff !important } .modal-header.fc-event-teal { background-color: #20c997 !important; border-color: #20c997 !important } .modal-header.fc-event-teal .close, .modal-header.fc-event-teal .modal-title { color: #fff !important } .fc-event-teal:not(a) .fc-list-event-dot, span.fc-event-teal .dot { background-color: #20c997 !important; border-color: #20c997 !important } a.fc-event-primary-dim { background-color: #fbe8e1 !important; border-color: #fbe8e1 !important; color: var(--main-color) !important } a.fc-event-primary-dim .fc-daygrid-event-dot, a.fc-event-primary-dim .fc-list-event-dot { border-color: var(--main-color) !important } .modal-header.fc-event-primary-dim { background-color: #fbe8e1 !important; border-color: #f8d7cb !important; color: var(--main-color) !important } .modal-header.fc-event-primary-dim .close, .modal-header.fc-event-primary-dim .modal-title { color: var(--main-color) !important } span.fc-event-primary-dim .dot { background-color: #fbe8e1 !important; border-color: var(--main-color) !important } .fc-event-primary-dim:not(a) .fc-list-event-dot { background-color: #fbe8e1 !important; border-color: #ec6e3b !important } a.fc-event-success-dim { background-color: #e1f3df !important; border-color: #e1f3df !important; color: #1aa509 !important } a.fc-event-success-dim .fc-daygrid-event-dot, a.fc-event-success-dim .fc-list-event-dot { border-color: #1aa509 !important } .modal-header.fc-event-success-dim { background-color: #e1f3df !important; border-color: #d0eccc !important; color: #1aa509 !important } .modal-header.fc-event-success-dim .close, .modal-header.fc-event-success-dim .modal-title { color: #1aa509 !important } span.fc-event-success-dim .dot { background-color: #e1f3df !important; border-color: #1aa509 !important } .fc-event-success-dim:not(a) .fc-list-event-dot { background-color: #e1f3df !important; border-color: #22d50c !important } a.fc-event-info-dim { background-color: #dff7fb !important; border-color: #dff7fb !important; color: #09c2de !important } a.fc-event-info-dim .fc-daygrid-event-dot, a.fc-event-info-dim .fc-list-event-dot { border-color: #09c2de !important } .modal-header.fc-event-info-dim { background-color: #dff7fb !important; border-color: #c8f1f8 !important; color: #09c2de !important } .modal-header.fc-event-info-dim .close, .modal-header.fc-event-info-dim .modal-title { color: #09c2de !important } span.fc-event-info-dim .dot { background-color: #dff7fb !important; border-color: #09c2de !important } .fc-event-info-dim:not(a) .fc-list-event-dot { background-color: #dff7fb !important; border-color: #24daf6 !important } a.fc-event-warning-dim { background-color: #fef6e0 !important; border-color: #fef6e0 !important; color: #f4bd0e !important } a.fc-event-warning-dim .fc-daygrid-event-dot, a.fc-event-warning-dim .fc-list-event-dot { border-color: #f4bd0e !important } .modal-header.fc-event-warning-dim { background-color: #fef6e0 !important; border-color: #fdefc7 !important; color: #f4bd0e !important } .modal-header.fc-event-warning-dim .close, .modal-header.fc-event-warning-dim .modal-title { color: #f4bd0e !important } span.fc-event-warning-dim .dot { background-color: #fef6e0 !important; border-color: #f4bd0e !important } .fc-event-warning-dim:not(a) .fc-list-event-dot { background-color: #fef6e0 !important; border-color: #f6ca3f !important } a.fc-event-danger-dim { background-color: #ffe5e3 !important; border-color: #ffe5e3 !important; color: #ff3828 !important } a.fc-event-danger-dim .fc-daygrid-event-dot, a.fc-event-danger-dim .fc-list-event-dot { border-color: #ff3828 !important } .modal-header.fc-event-danger-dim { background-color: #ffe5e3 !important; border-color: #ffcdca !important; color: #ff3828 !important } .modal-header.fc-event-danger-dim .close, .modal-header.fc-event-danger-dim .modal-title { color: #ff3828 !important } span.fc-event-danger-dim .dot { background-color: #ffe5e3 !important; border-color: #ff3828 !important } .fc-event-danger-dim:not(a) .fc-list-event-dot { background-color: #ffe5e3 !important; border-color: #ff675b !important } a.fc-event-secondary-dim { background-color: #e5ecf5 !important; border-color: #e5ecf5 !important; color: #364a63 !important } a.fc-event-secondary-dim .fc-daygrid-event-dot, a.fc-event-secondary-dim .fc-list-event-dot { border-color: #364a63 !important } .modal-header.fc-event-secondary-dim { background-color: #e5ecf5 !important; border-color: #d3dfee !important; color: #364a63 !important } .modal-header.fc-event-secondary-dim .close, .modal-header.fc-event-secondary-dim .modal-title { color: #364a63 !important } span.fc-event-secondary-dim .dot { background-color: #e5ecf5 !important; border-color: #364a63 !important } .fc-event-secondary-dim:not(a) .fc-list-event-dot { background-color: #e5ecf5 !important; border-color: #486384 !important } a.fc-event-dark-dim { background-color: #d9e1ef !important; border-color: #d9e1ef !important; color: #1e1e1e !important } a.fc-event-dark-dim .fc-daygrid-event-dot, a.fc-event-dark-dim .fc-list-event-dot { border-color: #1e1e1e !important } .modal-header.fc-event-dark-dim { background-color: #d9e1ef !important; border-color: #c7d3e7 !important; color: #1e1e1e !important } .modal-header.fc-event-dark-dim .close, .modal-header.fc-event-dark-dim .modal-title { color: #1e1e1e !important } span.fc-event-dark-dim .dot { background-color: #d9e1ef !important; border-color: #1e1e1e !important } .fc-event-dark-dim:not(a) .fc-list-event-dot { background-color: #d9e1ef !important; border-color: #383838 !important } a.fc-event-blue-dim { background-color: #e9f2fe !important; border-color: #e9f2fe !important; color: #559bfb !important } a.fc-event-blue-dim .fc-daygrid-event-dot, a.fc-event-blue-dim .fc-list-event-dot { border-color: #559bfb !important } .modal-header.fc-event-blue-dim { background-color: #e9f2fe !important; border-color: #d1e4fd !important; color: #559bfb !important } .modal-header.fc-event-blue-dim .close, .modal-header.fc-event-blue-dim .modal-title { color: #559bfb !important } span.fc-event-blue-dim .dot { background-color: #e9f2fe !important; border-color: #559bfb !important } .fc-event-blue-dim:not(a) .fc-list-event-dot { background-color: #e9f2fe !important; border-color: #87b8fc !important } a.fc-event-azure-dim { background-color: #e1edfe !important; border-color: #e1edfe !important; color: #1676fb !important } a.fc-event-azure-dim .fc-daygrid-event-dot, a.fc-event-azure-dim .fc-list-event-dot { border-color: #1676fb !important } .modal-header.fc-event-azure-dim { background-color: #e1edfe !important; border-color: #c8defd !important; color: #1676fb !important } .modal-header.fc-event-azure-dim .close, .modal-header.fc-event-azure-dim .modal-title { color: #1676fb !important } span.fc-event-azure-dim .dot { background-color: #e1edfe !important; border-color: #1676fb !important } .fc-event-azure-dim:not(a) .fc-list-event-dot { background-color: #e1edfe !important; border-color: #4893fc !important } a.fc-event-indigo-dim { background-color: #e4e5ef !important; border-color: #e4e5ef !important; color: #2c3782 !important } a.fc-event-indigo-dim .fc-daygrid-event-dot, a.fc-event-indigo-dim .fc-list-event-dot { border-color: #2c3782 !important } .modal-header.fc-event-indigo-dim { background-color: #e4e5ef !important; border-color: #d4d6e6 !important; color: #2c3782 !important } .modal-header.fc-event-indigo-dim .close, .modal-header.fc-event-indigo-dim .modal-title { color: #2c3782 !important } span.fc-event-indigo-dim .dot { background-color: #e4e5ef !important; border-color: #2c3782 !important } .fc-event-indigo-dim:not(a) .fc-list-event-dot { background-color: #e4e5ef !important; border-color: #3947a8 !important } a.fc-event-purple-dim { background-color: #efecff !important; border-color: #efecff !important; color: #816bff !important } a.fc-event-purple-dim .fc-daygrid-event-dot, a.fc-event-purple-dim .fc-list-event-dot { border-color: #816bff !important } .modal-header.fc-event-purple-dim { background-color: #efecff !important; border-color: #dad3ff !important; color: #816bff !important } .modal-header.fc-event-purple-dim .close, .modal-header.fc-event-purple-dim .modal-title { color: #816bff !important } span.fc-event-purple-dim .dot { background-color: #efecff !important; border-color: #816bff !important } .fc-event-purple-dim:not(a) .fc-list-event-dot { background-color: #efecff !important; border-color: #ac9eff !important } a.fc-event-pink-dim { background-color: #ffebf3 !important; border-color: #ffebf3 !important; color: #ff63a5 !important } a.fc-event-pink-dim .fc-daygrid-event-dot, a.fc-event-pink-dim .fc-list-event-dot { border-color: #ff63a5 !important } .modal-header.fc-event-pink-dim { background-color: #ffebf3 !important; border-color: #ffd2e4 !important; color: #ff63a5 !important } .modal-header.fc-event-pink-dim .close, .modal-header.fc-event-pink-dim .modal-title { color: #ff63a5 !important } span.fc-event-pink-dim .dot { background-color: #ffebf3 !important; border-color: #ff63a5 !important } .fc-event-pink-dim:not(a) .fc-list-event-dot { background-color: #ffebf3 !important; border-color: #ff96c2 !important } a.fc-event-orange-dim { background-color: #fff3e9 !important; border-color: #fff3e9 !important; color: #ffa353 !important } a.fc-event-orange-dim .fc-daygrid-event-dot, a.fc-event-orange-dim .fc-list-event-dot { border-color: #ffa353 !important } .modal-header.fc-event-orange-dim { background-color: #fff3e9 !important; border-color: #ffe5d0 !important; color: #ffa353 !important } .modal-header.fc-event-orange-dim .close, .modal-header.fc-event-orange-dim .modal-title { color: #ffa353 !important } span.fc-event-orange-dim .dot { background-color: #fff3e9 !important; border-color: #ffa353 !important } .fc-event-orange-dim:not(a) .fc-list-event-dot { background-color: #fff3e9 !important; border-color: #ffbe86 !important } a.fc-event-teal-dim { background-color: #e2f8f1 !important; border-color: #e2f8f1 !important; color: #20c997 !important } a.fc-event-teal-dim .fc-daygrid-event-dot, a.fc-event-teal-dim .fc-list-event-dot { border-color: #20c997 !important } .modal-header.fc-event-teal-dim { background-color: #e2f8f1 !important; border-color: #cdf3e7 !important; color: #20c997 !important } .modal-header.fc-event-teal-dim .close, .modal-header.fc-event-teal-dim .modal-title { color: #20c997 !important } span.fc-event-teal-dim .dot { background-color: #e2f8f1 !important; border-color: #20c997 !important } .fc-event-teal-dim:not(a) .fc-list-event-dot { background-color: #e2f8f1 !important; border-color: #3ce0af !important } .fc-draggable { background-color: var(--main-color); border-radius: 4px; color: #fff; display: inline-block; font-size: 13px; list-style: none; margin: .75rem 0; padding: .25rem .5rem } .fc-day { color: #364a63 } .fc-col-header-cell, .fc-day-other { color: #666 } .nk-kanban { overflow: auto; padding-bottom: 1rem } .kanban-container { display: flex; margin-left: -14px; margin-right: -14px; overflow: auto; position: relative; width: auto } .kanban-container, .kanban-container * { box-sizing: border-box } .kanban-board { flex-shrink: 0; padding: 14px; position: relative; transition: all .3s cubic-bezier(.23, 1, .32, 1) } .kanban-board.disabled-board { opacity: .3 } .kanban-board.is-moving.gu-mirror { transform: rotate(3deg) } .kanban-board.is-moving.gu-mirror .kanban-drag { overflow: hidden; padding-right: 50px } .kanban-board-header { background: #fff; border: 1px solid #f1e8e4; border-radius: 4px; border-top: 3px solid #e8dfdb; margin-bottom: 1rem; padding: .5rem 1.25rem } .kanban-primary { border-top-color: var(--main-color) } .kanban-success { border-top-color: #1aa509 } .kanban-info { border-top-color: #09c2de } .kanban-warning { border-top-color: #f4bd0e } .kanban-danger { border-top-color: #ff3828 } .kanban-title-content { align-items: center; display: flex } .kanban-title-content .title { color: #666; font-size: .9375rem; margin-bottom: 0; margin-right: .75rem } .kanban-title-board { align-items: center; display: flex; justify-content: space-between } .kanban-board header .kanban-title-button { float: right } .kanban-board .kanban-drag { margin-bottom: 1rem; min-height: 100px } .kanban-board .kanban-drag:empty { border: 1px dashed #f1e8e4; border-radius: 4px } .kanban-board:after { clear: both; content: ""; display: block } .kanban-item { background: #fff; border: 1px solid #f1e8e4; border-radius: 4px; margin-bottom: .75rem; padding: 1rem 1.25rem; transition: all .3s cubic-bezier(.23, 1, .32, 1) } .kanban-item-title { align-items: center; display: flex; justify-content: space-between } .kanban-item-title + .kanban-item-text { margin-top: .5rem } .kanban-item-title .title { font-size: .9375rem; margin-bottom: 0; margin-right: .75rem } .kanban-item-tags { display: flex; margin: -.125rem; padding-top: .5rem } .kanban-item-tags li { padding: .125rem } .kanban-item-meta { align-items: flex-end; display: flex; justify-content: space-between; padding-top: .5rem } .kanban-item-meta-list { align-items: center; display: flex; flex-wrap: wrap; margin: 0 -.25rem } .kanban-item-meta-list:last-child { flex-wrap: nowrap } .kanban-item-meta-list:first-child { padding-right: 1rem } .kanban-item-meta-list li { color: #e4e4e4; font-size: .8125rem; padding: 0 .25rem } .kanban-item-meta-list li span { white-space: nowrap } .kanban-item-meta-list li .icon + span { margin-left: .25rem } .kanban-item:hover { cursor: move } .kanban-item:last-child { margin: 0 } .kanban-item.is-moving.gu-mirror { height: auto !important; transform: rotate(3deg) } .gu-mirror { margin: 0 !important; position: fixed !important; z-index: 9999 !important } .gu-hide { display: none !important } .gu-unselectable { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important } .gu-transit { opacity: .2 !important; transform: rotate(0deg) !important } .drag_handler { background: #fff; border-radius: 50%; float: left; height: 24px; margin-right: 4px; position: relative; top: -3px; width: 24px } .drag_handler:hover { cursor: move } .drag_handler_icon { background: #000; display: block; height: 2px; position: relative; top: 12px; transition: .5s ease-in-out; width: 24px } .drag_handler_icon:after, .drag_handler_icon:before { background: #000; content: ""; display: block; height: 100%; position: absolute; transition: .5s ease-in-out; width: 100% } .drag_handler_icon:before { top: 6px } .drag_handler_icon:after { bottom: 6px } .kanban-add-task { background: #fff; border: 1px dashed #f1e8e4; color: var(--main-color); padding-bottom: .675rem; padding-top: .675rem } .kanban-add-task:hover { background: var(--main-color); border: 1px solid var(--main-color); color: #fff } .kanban-add-task:focus { box-shadow: none; outline: none } body { min-width: 320px } body.nav-shown { overflow: hidden } .nk-app-root, .nk-body { outline: none } .nk-main { position: relative } .nk-wrap { display: flex; flex-direction: column; min-height: 100vh } .nk-content { padding: 24px 4px } .nk-content-fs { align-items: center; display: flex; min-height: calc(100vh - 130px) } @media (min-width: 576px) { .nk-content { padding: 32px 22px } .nk-content-fluid { padding-left: 22px; padding-right: 22px } } @media (min-width: 992px) { .nk-content-lg { padding-bottom: 36px; padding-top: 36px } .nk-content-fluid { padding-left: 24px; padding-right: 24px } } @media (min-width: 1660px) { .nk-content-lg { padding-bottom: 54px; padding-top: 54px } .nk-content-fluid { padding-left: 44px; padding-right: 44px } } .nk-content-body { flex-grow: 1 } .nk-wrap-nosidebar .nk-content { display: flex; flex-direction: column; min-height: 100vh; padding: 0 !important } .logo-link { align-items: center; display: inline-block; position: relative } .logo-dark { opacity: 1 } .is-dark .logo-dark, .is-theme .logo-dark, .logo-light, .tc-light .logo-dark { opacity: 0 } .is-dark .logo-light, .is-theme .logo-light, .tc-light .logo-light { opacity: 1 } .logo-img { max-height: 100px } .nk-header-brand .logo-img { max-height: 55px } .logo-img-lg { max-height: 60px } .logo-img-sm { max-height: 28px } .logo-img-icon { max-height: 33px } .brand-logo { text-align: center; } .logo-img:not(:first-child) { left: 0; position: absolute; top: 50%; transform: translateY(-50%) } .nk-header { background: #f5f6fa; border-bottom: 1px solid #f1e8e4; padding: 0 6px; position: relative; z-index: 800 } .nk-header.is-dark:not([class*=bg-]) { background: #1e1e1e; border-color: #383838 } .nk-header.is-light:not([class*=bg-]) { background: #fff } .nk-header.is-theme:not([class*=bg-]) { background: #d54c15; border-color: #eb6732 } .nk-header-fixed { left: 0; min-width: 320px; position: fixed; right: 0; top: 0 } .nk-header-fixed + .nk-content { margin-top: 65px; position: relative } .nk-header-wrap { align-items: center; display: flex; margin: 0 -.25rem; position: relative } .nk-header-wrap > * { padding: 0 .25rem } .nk-header-right { align-items: center; justify-content: flex-end } .nk-header-center { justify-content: center } .nk-header-tools { margin-left: auto } .nk-header-brand, .nk-header-tools { padding-bottom: 14px; padding-top: 14px } .nk-header-brand { flex-shrink: 0 } .nk-header .dropdown-menu .lead-text { color: #364a63 } .nk-header .dropdown-menu .overline-title, .nk-header .dropdown-menu .overline-title-alt, .nk-header .dropdown-menu .sub-text { color: #e4e4e4 } .nk-quick-nav { align-items: center; display: flex; margin: 0 -6px } .nk-quick-nav > li { padding: 0 6px } .nk-quick-nav > li.user-dropdown > a { padding: 0 2px } .nk-quick-nav-icon { color: #666; display: inline-flex; font-size: 1.5rem; padding: .375rem; position: relative; z-index: 1 } .is-dark .nk-quick-nav-icon { color: #fefefe } .is-theme .nk-quick-nav-icon { color: #ffd6c5 } .is-theme .nk-quick-nav-icon.nk-nav-toggle { color: #fff } .nk-quick-nav-icon:focus { box-shadow: none } .nk-quick-nav-icon:before { background-color: #f1e8e4; border-radius: 50%; content: ""; height: 20px; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%; transition: all .3s; width: 20px; z-index: -1 } .is-dark .nk-quick-nav-icon:before { background-color: #161616 } .is-theme .nk-quick-nav-icon:before { background-color: #b03e11 } .nk-quick-nav-icon.active:before, .nk-quick-nav-icon:hover:before, .show > .nk-quick-nav-icon:before { height: 116%; opacity: 1; width: 116% } @media (max-width: 359px) { .nk-quick-nav { margin: 0 -3px } .nk-quick-nav > li { padding: 0 3px } .hide-mb-xs { display: none } } @media (max-width: 575px) { .hide-mb-sm { display: none } } @media (min-width: 576px) { .nk-header { padding: 0 22px } .nk-quick-nav { margin: 0 -10px } .nk-quick-nav > li { padding: 0 10px } } @media (min-width: 992px) { .nk-header-fluid { padding-left: 24px; padding-right: 24px } } @media (min-width: 1660px) { .nk-header-fluid { padding-left: 44px; padding-right: 44px } } .nk-header-menu { background: #fff; height: 100vh; left: 0; max-height: 100vh; position: fixed; top: 0; transform: translateX(-100%); width: 280px; z-index: 999 } .nk-header-menu-inner { max-height: 100%; min-height: 100%; overflow: auto } .nk-header-menu.mobile-menu { padding-left: 0; padding-right: 0; padding-top: 65px; transition: transform .4s ease } .nk-header-menu.nk-sidebar-active { transform: translateX(0) } .nk-header-mobile { align-items: center; border-bottom: 1px solid #f1e8e4; display: flex; justify-content: space-between; left: 0; padding: 0 28px; position: absolute; right: 0; top: 0 } .nk-header-mobile .logo-dark { opacity: 1 } .nk-header-mobile .logo-light { opacity: 0 } .nk-header-mobile .nk-nav-toggle.nk-quick-nav-icon { color: #666 } .nk-header-mobile .nk-nav-toggle.nk-quick-nav-icon:before { background-color: #f1e8e4 } @media (min-width: 992px) { .nk-header-menu { background: transparent; border-right: none; height: auto; max-height: auto; overflow: visible; padding: 0; position: static; transform: translateX(0) !important; width: auto } .nk-header-menu .nk-header-mobile { display: none } } @-webkit-keyframes animate-fade { 0% { opacity: 0 } to { opacity: 1 } } @keyframes animate-fade { 0% { opacity: 0 } to { opacity: 1 } } .nk-aside { background: #fff; border-right: 1px solid #f1e8e4; left: 0; max-height: 100vh; padding-top: 75px; position: fixed; top: 0; transform: translateX(-100%); width: 280px; z-index: 700 } .nk-aside.mobile-menu { transition: transform .4s ease } .nk-aside.content-active { transform: none } .nk-aside + .toggle-overlay { z-index: 600 } .nk-aside-inner { padding-left: 24px; padding-right: 24px } .nk-aside-close, .nk-aside-header { display: none } .nk-aside .nk-sidebar-menu { max-height: calc(100vh - 89px); padding-bottom: 2.5rem } .has-aside .nk-content { padding-bottom: 0 } .has-aside .nk-content-wrap { padding-bottom: 2rem } .has-aside .nk-content-body { display: flex; flex-direction: column; min-height: calc(100vh - 97px) } .has-aside .nk-footer { background: transparent; border-top: 0; margin-left: -1rem; margin-right: -1rem; padding-left: 0; padding-right: 0; padding-top: 0 } .apps-only .nk-content { padding-bottom: 0; padding-top: 1.5rem } .apps-only .nk-content-wrap { padding-bottom: 1.5rem } .apps-only .nk-footer { background: transparent; border-top: none; margin-left: -14px; margin-right: -14px; padding-left: 0; padding-right: 0 } @media (min-width: 576px) and (max-width: 1199.98px) { .nk-aside { padding-left: 12px; padding-right: 12px; width: 300px } } @media (min-width: 992px) { .has-aside .nk-content-inner { display: flex } .has-aside .nk-content-body { padding: 2rem 0 0; width: calc(100% - 268px) } .nk-aside { background: transparent; border: none; flex-shrink: 0; margin-right: 48px; max-height: none; min-height: none; opacity: 1; padding: 2rem 0; position: static; transform: none; visibility: visible; width: 260px } .nk-aside-inner { padding-left: 0; padding-right: 0 } .nk-aside .nk-sidebar-menu { max-height: none } .apps-only .nk-aside, .nk-aside + .toggle-overlay { display: none } .apps-only .nk-content { padding-top: 0 } .apps-only .nk-content-body { padding: 1.5rem 0 0; width: 100% } } @media (max-width: 1199.98px) { .nk-aside .nk-menu-main + .nk-menu { margin-top: 1.5rem } } .nk-menu li a { align-items: center; display: flex; position: relative; transition: color .3s, background-color .3s; vertical-align: middle } .nk-menu-item { padding: 2px 0 } .nk-menu-sub .nk-menu-item { padding: 1px 0 } .nk-menu-item.has-sub { position: relative } .nk-menu > .nk-menu-item.menu-without-icon > .nk-menu-sub .nk-menu-link { padding-left: 0 } .nk-menu-link { color: #858585; font-family: Nunito, sans-serif; font-size: 15px; font-weight: 700; letter-spacing: .01em; line-height: 1.25rem; padding: .625rem 40px .625rem 24px; text-transform: none } .active > .nk-menu-link, .active > .nk-menu-link .count, .nk-menu-link:hover, .nk-menu-link:hover .count { color: var(--main-color) } .nk-menu-sub .nk-menu-link { color: #858585; font-family: Roboto, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: normal; line-height: 1.25rem; padding: .375rem 40px .375rem 36px; text-transform: none } .nk-menu-link.is-disable { cursor: default } .active > .nk-menu-link.is-disable, .active > .nk-menu-link.is-disable .count, .nk-menu-link.is-disable:hover, .nk-menu-link.is-disable:hover .count { color: #858585 } .is-light .nk-menu-link { color: #666 } .is-theme .nk-menu-link { color: #ffb99c } .is-light .active > .nk-menu-link, .is-light .nk-menu-link:hover { color: var(--main-color) } .is-theme .active > .nk-menu-link, .is-theme .nk-menu-link:hover { color: #fff } .nk-menu-link span.small { color: #e4e4e4; margin-left: .5rem } .nk-menu-icon { color: #e4e4e4; flex-grow: 0; font-weight: 400; letter-spacing: normal; line-height: 1; width: 36px } .is-theme .nk-menu-icon { color: #ffb99c } .nk-menu-icon img, .nk-menu-icon svg { width: 36px } .nk-menu-icon .icon { color: currentColor; font-size: 24px; letter-spacing: normal; transition: color .4s, background-color .4s; vertical-align: middle } .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon, .nk-menu-link:hover .nk-menu-icon { color: var(--main-color) } .is-theme .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .is-theme .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon, .is-theme .nk-menu-link:hover .nk-menu-icon { color: #fff } .nk-menu-link.is-disable:hover .nk-menu-icon { color: #e4e4e4 } .is-theme .nk-menu-link.is-disable:hover .nk-menu-icon { color: #ffd6c5 } .nk-menu-text { display: inline-block; flex-grow: 1 } .nk-menu-badge { background: #fff5f1; border-radius: 3px; color: var(--main-color); font-size: 11px; padding: 0 .4rem; position: absolute; right: 24px; top: 50%; transform: translateY(-50%) } .is-dark .nk-menu-badge { background: #383838; color: #d97a55 } .is-theme .nk-menu-badge { background: #ec6e3b; color: #ffd6c5 } .nk-menu-main .nk-menu-sub .nk-menu-badge { background: #fff5f1; color: var(--main-color) } .nk-menu-heading { color: #e4e4e4; padding: .25rem 24px .5rem } .is-theme .nk-menu-heading { color: #ffa079 } .nk-menu-item + .nk-menu-heading { padding-top: 2.5rem } .nk-menu-heading .overline-title { color: inherit } .nk-menu-heading span { font-size: 13px; font-weight: 400 } .nk-menu-hr { border-bottom: 1px solid #444 !important; margin: 1.25rem 0 } .is-dark .nk-menu-hr, .is-theme .nk-menu-hr { border-color: hsla(0, 0%, 100%, .12) } .nk-menu-hr + .nk-menu-heading { padding-top: 1rem } .nk-menu-sub { padding-bottom: .25rem } .nk-menu-toggle + .nk-menu-sub { display: none } .active > .nk-menu-sub { display: block } .nk-menu-sub .nk-menu-link:hover { color: var(--main-color) } .is-theme .nk-menu-sub .nk-menu-link:hover { color: #fff } .nk-menu-sub .active > .nk-menu-link { color: var(--main-color) } .is-theme .nk-menu-sub .active > .nk-menu-link { color: #fff } .nk-menu-sub .nk-menu-icon { margin-top: -1px; width: 24px } .nk-menu-sub .nk-menu-icon .icon { font-size: 1.2em; margin-top: -1px } .nk-menu-toggle { position: relative } .nk-menu-toggle:after { color: #e4e4e4; content: ""; font-family: Nioicon; font-size: 1rem; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); transition: transform .3s, color .1s } .is-dark .nk-menu-toggle:after, .is-theme .nk-menu-toggle:after { color: hsla(0, 0%, 100%, .4) } .has-sub.active > .nk-menu-toggle:after { transform: translateY(-50%) rotate(90deg) } .nk-menu .count { color: #e4e4e4; display: inline-block; font-size: .85em; line-height: 1; margin-left: .25rem } .nk-menu-icon-colovar(--main-color) .nk-menu-icon { color: var(--main-color) } .nk-menu-tooltip { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } @media (min-width: 992px) { .nk-aside .nk-menu-heading, .nk-aside .nk-menu > li > .nk-menu-link { padding-left: 0; padding-right: 0 } } @media (max-width: 991.98px) { .nk-aside .nk-menu-sub { padding-left: 1.5rem } } .nk-menu + .nk-menu-sm { padding-top: 5rem } .nk-menu-sm .nk-menu-heading, .nk-menu-sm .nk-menu-link { color: #666; padding-bottom: .25rem } .nk-menu-sm .nk-menu-link { padding-top: .25rem } .nk-menu-sm .nk-menu-link:hover { color: var(--main-color) } .nk-menu-sm .nk-menu-icon { width: 1.375rem } .nk-menu-sm .nk-menu-icon .icon { font-size: 1rem } .nk-menu-sm .nk-menu-text { font-size: 12px; line-height: 1.125rem } .nk-menu + .nk-menu-md { padding-top: 5rem } .nk-menu-md .nk-menu-heading { color: #666; padding-bottom: .25rem } .nk-menu-md .nk-menu-link { color: #666; padding-bottom: .325rem; padding-top: .325rem } .nk-menu-md .nk-menu-link:hover { color: var(--main-color) } .nk-menu-md .nk-menu-icon { width: 1.375rem } .nk-menu-md .nk-menu-icon .icon { font-size: 1.25rem } .nk-menu-md .nk-menu-text { font-size: 12px; line-height: 1.125rem } .nk-menu-inline { display: flex } .nk-menu-inline .nk-menu-link { padding-left: 0; padding-right: 0 } .nk-menu-footer { display: flex } .nk-menu-footer .nk-menu-link { color: #e4e4e4; font-family: Roboto, sans-serif; font-weight: 500; padding: .25rem 0 } .nk-menu-footer .nk-menu-link:hover { color: var(--main-color) } .is-theme .nk-menu-footer .nk-menu-link { color: #ffd6c5 } .nk-menu-footer .nk-menu-icon { color: var(--main-color); width: 1.375rem } .nk-menu-footer .nk-menu-icon .icon { font-size: 1rem } .nk-menu-footer .nk-menu-text { font-size: 12px; line-height: 1.125rem } .nk-menu-main.nk-menu { padding-top: .75rem } .nk-menu-main .nk-menu-link { color: #666; padding-left: 24px } .nk-menu-main .nk-menu-sub { margin: 0; padding: 0; transition: none } .nk-menu-main .nk-menu-sub .nk-menu-link { color: #666 } .nk-menu-main .nk-menu-sub .nk-menu-sub { border-left: 1px solid #e8dfdb; margin: .25rem 0 .25rem 24px; padding-bottom: 0 } .nk-menu-main .nk-menu-sub .nk-menu-sub .nk-menu-link { padding-left: .875rem } .nk-menu-main .nk-menu-item.active > .nk-menu-link, .nk-menu-main .nk-menu-item.current-menu > .nk-menu-link, .nk-menu-main .nk-menu-item:hover > .nk-menu-link, .nk-menu-main .nk-menu-link:focus, .nk-menu-main .nk-menu-link:hover { color: var(--main-color) } .nk-menu-main .nk-menu-heading { padding: .75rem 1.25rem .5rem } .nk-menu-main .nk-menu-item + .nk-menu-heading { padding-top: 1.25rem } .nk-menu-main > li > .nk-menu-link { font-family: Roboto, sans-serif; font-weight: 500; letter-spacing: -.01rem } .nk-menu-main.ui-s2 > li > .nk-menu-link { font-family: Nunito, sans-serif; font-weight: 700; letter-spacing: .05rem; text-transform: uppercase } @media (max-width: 991.98px) { .nk-menu-main.nk-menu { max-height: calc(100vh - 65px); overflow: auto } } @media (min-width: 992px) { .nk-menu-main.nk-menu { padding: 0 1.5rem 0 2rem } .nk-menu-main > li { display: inline-block; padding: 0 } .nk-menu-main > li.nk-menu-item { padding: 0 1rem } .nk-menu-main > li.nk-menu-item > .nk-menu-link { font-size: 14px; padding: 1.25rem 0 } .nk-menu-main > li > .nk-menu-link:before { background: var(--main-color); border-radius: 3px 3px 0 0; bottom: 0; content: ""; height: 3px; left: 0; opacity: 0; position: absolute; right: 0 } .nk-menu-main > li.nk-menu-item.active > .nk-menu-link:before, .nk-menu-main > li.nk-menu-item.current-menu > .nk-menu-link:before { opacity: 1 } .nk-menu-main > li > .nk-menu-sub { border-top-left-radius: 0; border-top-right-radius: 0 } .nk-menu-main .nk-menu-link { font-size: 13px; padding: .5rem 1.25rem } .nk-menu-main .nk-menu-icon { display: none } .nk-menu-main .nk-menu-text { line-height: 1.5rem } .nk-menu-main .nk-menu-item .nk-menu-toggle:after { color: hsla(0, 0%, 89%, .7); content: ""; line-height: 1; margin-left: .5rem; margin-right: -2px; margin-top: -1px; position: static; transform: translateY(0); transition: color .1s; vertical-align: middle } .nk-menu-main .nk-menu-item:hover > .nk-menu-sub { margin-top: 0; opacity: 1; visibility: visible } .nk-menu-main .nk-menu-sub { background: #fff; border: 1px solid #f1e8e4; border-radius: 4px; box-shadow: 0 .125rem .25rem rgba(66, 47, 40, .15); display: block !important; left: 0; margin-top: 6px; opacity: 0; padding: .5rem 0; position: absolute; top: 100%; transition: opacity .4s, margin .2s; visibility: hidden; width: 200px } .nk-menu-main .nk-menu-sub .nk-menu-link { padding-bottom: .5rem; padding-top: .5rem } .nk-menu-main .nk-menu-sub .nk-menu-sub { border: 1px solid #f1e8e4; left: 100%; margin: 6px 0 0 -.75rem; padding: .5rem 0; top: -9px } .nk-menu-main .nk-menu-sub .nk-menu-sub .nk-menu-link { padding-left: 1.5rem } .nk-menu-main .nk-menu-sub .nk-menu-item:hover > a { background: #f5f6fa } .nk-menu-main .nk-menu-sub .nk-menu-toggle:after { content: "" } .nk-aside .nk-menu-main { display: none } .is-dark .nk-menu-main > li > .nk-menu-link:before, .is-theme .nk-menu-main > li > .nk-menu-link:before { border-radius: 0; bottom: auto; top: 0 } .is-dark .nk-menu-main > li > .nk-menu-link { color: #fefefe } .is-dark .nk-menu-main > li > .nk-menu-link.nk-menu-toggle:after { color: hsla(0, 0%, 89%, .7) } .is-dark .nk-menu-main > li.active > .nk-menu-link, .is-dark .nk-menu-main > li.current-menu > .nk-menu-link, .is-dark .nk-menu-main > li:hover > .nk-menu-link, .is-dark .nk-menu-main > li > .nk-menu-link:hover { color: #fff } .is-theme .nk-menu-main > li > .nk-menu-link { color: #ffd6c5 } .is-theme .nk-menu-main > li > .nk-menu-link.nk-menu-toggle:after { color: rgba(255, 214, 197, .7) } .is-theme .nk-menu-main > li.active > .nk-menu-link, .is-theme .nk-menu-main > li.current-menu > .nk-menu-link, .is-theme .nk-menu-main > li:hover > .nk-menu-link, .is-theme .nk-menu-main > li > .nk-menu-link:hover { color: #fff } } .nk-footer { background: #fff; border-top: 1px solid #f1e8e4; margin-top: auto; padding: 20px 6px } .nk-footer.is-dark:not([class*=bg-]) { background: #d94d16 } .nk-footer-wrap { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between } .nk-footer-copyright { color: #e4e4e4 } .nk-footer-copyright a { color: inherit } .nk-footer-copyright a:hover { color: var(--main-color) } @media (min-width: 576px) { .nk-footer { padding: 20px 22px } } @media (min-width: 992px) { .nk-footer-fluid { padding-left: 24px; padding-right: 24px } } @media (min-width: 1660px) { .nk-footer-fluid { padding-left: 44px; padding-right: 44px } } .nk-split { display: flex; position: relative } .nk-split-page { min-height: 100vh } .nk-split-content { flex-shrink: 0; min-height: 100%; position: relative; width: 100% } @media (min-width: 768px) { .nk-split-content-md { width: 642px } } .nk-split-stretch { flex-grow: 1; flex-shrink: 1 } @media (max-width: 991.98px) { .nk-split-stretch.toggle-break-lg { width: 460px } } @media (max-width: 575.98px) { .nk-split-sm { flex-wrap: wrap } } @media (max-width: 767.98px) { .nk-split-md { flex-wrap: wrap } } @media (max-width: 991.98px) { .nk-split-lg { flex-wrap: wrap } } @media (max-width: 1199.98px) { .nk-split-xl { flex-wrap: wrap } } @media (max-width: 1539.98px) { .nk-split-xxl { flex-wrap: wrap } } canvas { max-width: 100%; width: 100% } a:hover { text-decoration: none } p:last-child { margin-bottom: 0 } .del { text-decoration: line-through } span[data-toggle=tooltip]:focus { outline: none } .g-0 { margin: 0 !important } .g-0 > div, .g-0 > li { padding: 0 !important } .gx-0 { margin-left: 0 !important; margin-right: 0 !important } .gx-0 > div, .gx-0 > li { padding-left: 0 !important; padding-right: 0 !important } .gy-0 { margin-bottom: 0 !important; margin-top: 0 !important } .gy-0 > div, .gy-0 > li { padding-bottom: 0 !important; padding-top: 0 !important } .g-1 { margin: -.1875rem !important } .g-1 > div, .g-1 > li { padding: .1875rem !important } .gx-1 { margin-left: -.1875rem !important; margin-right: -.1875rem !important } .gx-1 > div, .gx-1 > li { padding-left: .1875rem !important; padding-right: .1875rem !important } .gy-1 { margin-bottom: -.1875rem !important; margin-top: -.1875rem !important } .gy-1 > div, .gy-1 > li { padding-bottom: .1875rem !important; padding-top: .1875rem !important } .g-2 { margin: -.375rem !important } .g-2 > div, .g-2 > li { padding: .375rem !important } .gx-2 { margin-left: -.375rem !important; margin-right: -.375rem !important } .gx-2 > div, .gx-2 > li { padding-left: .375rem !important; padding-right: .375rem !important } .gy-2 { margin-bottom: -.375rem !important; margin-top: -.375rem !important } .gy-2 > div, .gy-2 > li { padding-bottom: .375rem !important; padding-top: .375rem !important } .g-3 { margin: -.5rem !important } .g-3 > div, .g-3 > li { padding: .5rem !important } .gx-3 { margin-left: -.5rem !important; margin-right: -.5rem !important } .gx-3 > div, .gx-3 > li { padding-left: .5rem !important; padding-right: .5rem !important } .gy-3 { margin-bottom: -.5rem !important; margin-top: -.5rem !important } .gy-3 > div, .gy-3 > li { padding-bottom: .5rem !important; padding-top: .5rem !important } .g-4 { margin: -.75rem !important } .g-4 > div, .g-4 > li { padding: .75rem !important } .gx-4 { margin-left: -.75rem !important; margin-right: -.75rem !important } .gx-4 > div, .gx-4 > li { padding-left: .75rem !important; padding-right: .75rem !important } .gy-4 { margin-bottom: -.75rem !important; margin-top: -.75rem !important } .gy-4 > div, .gy-4 > li { padding-bottom: .75rem !important; padding-top: .75rem !important } .g-5 { margin: -1.375rem !important } .g-5 > div, .g-5 > li { padding: 1.375rem !important } .gx-5 { margin-left: -1.375rem !important; margin-right: -1.375rem !important } .gx-5 > div, .gx-5 > li { padding-left: 1.375rem !important; padding-right: 1.375rem !important } .gy-5 { margin-bottom: -1.375rem !important; margin-top: -1.375rem !important } .gy-5 > div, .gy-5 > li { padding-bottom: 1.375rem !important; padding-top: 1.375rem !important } .g-gs { margin: -14px !important } .g-gs > div, .g-gs > li { padding: 14px !important } .gx-gs { margin-left: -14px !important; margin-right: -14px !important } .gx-gs > div, .gx-gs > li { padding-left: 14px !important; padding-right: 14px !important } .gy-gs { margin-bottom: -14px !important; margin-top: -14px !important } .gy-gs > div, .gy-gs > li { padding-bottom: 14px !important; padding-top: 14px !important } .gap { display: block; height: 28px; width: 100% } .gap-0 { height: 0 } .gap-1 { height: .375rem } .gap-2 { height: .75rem } .gap-3 { height: 1rem } .gap-4 { height: 1.5rem } .gap-5 { height: 2.75rem } .gap-gs { height: 28px } .gap-sm { height: .75rem } .gap-md { height: 1.25rem } .gap-lg { height: 2rem } .gap-xl { height: 2.5rem } .gap-10px { height: 10px } .gap-20px { height: 20px } .gap-30px { height: 30px } .gap-40px { height: 40px } .gap-50px { height: 50px } .gap-60px { height: 60px } .gap-70px { height: 70px } .gap-80px { height: 80px } .gap-90px { height: 90px } .gap-100px { height: 100px } .li-col2x > li { float: left; width: 50% } .li-col3x > li { float: left; width: 33.3333333333% } .li-col4x > li { float: left; width: 25% } .alert-cta { align-items: center; display: flex; justify-content: space-between } .alert-actions { align-items: center; display: inline-flex } .alert-actions a + a { margin-left: 1rem } .accordion { background: #fff; border: 1px solid #e8dfdb; border-radius: 4px } .accordion-heading { padding-bottom: 1.5rem } .accordion-body { border-radius: 4px } .accordion-item:not(:last-child) .accordion-head, .accordion-item:not(:last-child) .accordion-inner { border-bottom: 1px solid #e8dfdb } .accordion-item:last-child .accordion-inner { border-top: 1px solid #e8dfdb } .accordion-head { display: block; padding: 1rem 2.25rem 1rem 1.25rem; position: relative } .accordion-head .title { color: #364a63; font-size: 1rem; line-height: 1.3; margin-bottom: 0 } .accordion-head.collapsed .title { color: #666 } .accordion-inner { padding: 1rem 1.25rem 1.25rem } .accordion-icon { color: #364a63; font-size: 1rem; height: 20px; line-height: 20px; position: absolute; right: 1rem; text-align: center; top: 50%; transform: translateY(-50%); transition: rotate .4s; width: 20px } .accordion-icon:before { content: ""; font-family: Nioicon; transition: .4s } .accordion-head.collapsed .accordion-icon:before { content: "" } @media (min-width: 768px) { .accordion-head { padding: 1rem 1.5rem } .accordion-inner { padding: 1rem 1.5rem 1.25rem } .accordion-icon { right: 1.5rem } } .accordion-s2 { border: none } .accordion-s2 .accordion-icon { right: 0 } .accordion-s2 .accordion-icon:before { content: "" } .accordion-s2 .accordion-head { border: none !important; padding: .5rem 2.25rem .5rem 0 } .accordion-s2 .accordion-head .title { color: var(--main-color); font-size: 1.1rem } .accordion-s2 .accordion-head.collapsed .title { color: #666 } .accordion-s2 .accordion-head.collapsed .accordion-icon:before { content: "" } .accordion-s2 .accordion-inner { border: none !important; padding: .5rem 0 .625rem } @media (min-width: 768px) { .accordion-s2 .accordion-head { padding: .5rem 2.25rem .5rem 0 } .accordion-s2 .accordion-inner { padding: .5rem 0 .625rem } } .accordion-s3 { border: none } .accordion-s3 .accordion-icon { left: 0; right: auto } .accordion-s3 .accordion-icon:before { content: "" } .accordion-s3 .accordion-head { border: none !important; padding: .5rem 0 .5rem 2.25rem } .accordion-s3 .accordion-head .title { color: var(--main-color); font-size: 1.1rem } .accordion-s3 .accordion-head.collapsed .title { color: #666 } .accordion-s3 .accordion-head.collapsed .accordion-icon:before { content: "" } .accordion-s3 .accordion-inner { border: none !important; padding: .5rem 0 .625rem } @media (min-width: 768px) { .accordion-s3 .accordion-head { padding: .5rem 0 .5rem 2.25rem } .accordion-s3 .accordion-inner { padding: .5rem 2.25rem .625rem } } .dot { border-radius: 50%; display: inline-block; height: 8px; position: relative; width: 8px } .dot-label:after { background: #fff; border-radius: 50%; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scale(.65) } .dot.sq, .dot.sq:after { border-radius: 3px } .dot-xs { height: 4px; width: 4px } .dot-sm { height: 6px; width: 6px } .dot-md { height: 8px; width: 8px } .dot-rg { height: 10px; width: 10px } .dot-lg { height: 12px; width: 12px } .dot-xl { height: 16px; width: 16px } .dot-primary { background: var(--main-color) } .dot-secondary { background: #364a63 } .dot-success { background: #1aa509 } .dot-info { background: #09c2de } .dot-warning { background: #f4bd0e } .dot-danger { background: #ff3828 } .dot-dark { background: #1c2b46 } .dot-gray { background: #a78b80 } .dot-light { background: #f1e8e4 } .dot-lighter { background: #f5f6fa } .list:not(:last-child) { margin-bottom: 1rem } .list li { line-height: 1.5rem; padding-left: 1.5rem; position: relative } .list li:not(:last-child) { padding-bottom: .5rem } .list li:before { content: ""; font-family: Nioicon; font-size: 14px; left: 0; line-height: 1.5rem; position: absolute } .list li span { color: #e4e4e4 } .list li ul { margin-top: .5rem } .list-checked li:before { color: var(--main-color); content: "" } .list-checked-circle li:before { color: var(--main-color); content: "" } .list-cross li:before { color: rgba(255, 56, 40, .8); content: "" } .list-status { line-height: 1.3; list-style: none } .list-status li { align-items: center; display: inline-flex; padding-right: 1rem; vertical-align: middle } .list-status .icon { line-height: 1.3; margin-right: .375rem } .list-lg li { padding-left: 2rem } .list-lg li:not(:last-child) { padding-bottom: .75rem } .list-lg li:before { font-size: 1.35rem } .list-sm li { padding-left: 1.2rem } .list-sm li:not(:last-child) { padding-bottom: .35rem } .list-sm li:before { font-size: 12px } .list-step li { color: #e4e4e4; font-weight: 500 } .list-step li:before { content: "" } .list-step li.list-step-current { color: #364a63 } .list-step li.list-step-current:before { color: var(--main-color); content: "" } .list-step li.list-step-done { color: #666 } .list-step li.list-step-done:before { color: #1aa509; content: "" } .list-plain a { color: #666; display: block; line-height: 1.3; padding: .5rem 0 } .list-plain a:hover { color: var(--main-color) } .list-category a { font-weight: 500 } .list-download li > a { display: inline-block; padding: .25rem } .list-download li > a > .icon { font-size: 1.25rem; margin: 0 .25rem } .list-primary li:before { color: var(--main-color) } .list-secondary li:before { color: #364a63 } .list-success li:before { color: #1aa509 } .list-info li:before { color: #09c2de } .list-warning li:before { color: #f4bd0e } .list-danger li:before { color: #ff3828 } .list-dark li:before { color: #1c2b46 } .list-gray li:before { color: #a78b80 } .list-light li:before { color: #f1e8e4 } .list-lighter li:before { color: #f5f6fa } .link-bdr-t, .link-check + .link-check, .link-list + .link-list, .link-list-opt li + li, .link-list-plain li + li, .link-tidy li + li { border-top: 1px solid #f1e8e4 } .link-bdr-b { border-bottom: 1px solid #f1e8e4 } .link-list-plain.sm a, .link-pd-sm, .link-tidy.sm li { padding: 6px 1rem } .link-act-check:after, .link-check li.active > a:after, .link-check li a.active:after, .link-list-opt a.active:after, .link-list-opt li.active > a:after { content: ""; font-family: Nioicon; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%) } .link-check { padding: .5rem 0 } .link-check li { display: block } .link-check li a, .link-check li span { display: block; line-height: 1.25rem; padding: .35rem 1rem } .link-check li span { color: #364a63; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase } .link-check li a { color: #666; font-size: 13px; position: relative } .link-check li a:hover { background: #f5f6fa; color: var(--main-color) } .link-tidy.no-bdr { padding: .5rem 0 } .link-tidy.no-bdr li:not(.divider) { border-top-width: 0 } .link-tidy .divider { margin: .5rem 0 } .link-tidy li { line-height: 1.3rem; padding: .625rem 1.1rem; position: relative } .link-list { padding: .75rem 0 } .link-list a { align-items: center; color: #666; display: flex; font-size: 13px; font-weight: 500; line-height: 1.4rem; padding: .575rem 0; position: relative } .link-list a:hover { color: var(--main-color) } .link-list a .icon { font-size: 1.125rem; line-height: 1; width: 1.5rem } .link-list-opt.no-bdr { padding: .5rem 0 } .link-list-opt.no-bdr li:not(.divider) { border-top-width: 0 } .link-list-opt .divider { margin: .5rem 0 } .link-list-opt a { align-items: center; color: #666; display: flex; font-size: 12px; font-weight: 500; line-height: 1.3rem; padding: .625rem 1.25rem; position: relative; transition: all .4s } .link-list-opt a:hover { background: #f5f6fa; color: var(--main-color) } .link-list-opt a .icon { font-size: 1.125rem; opacity: .8; width: 1.75rem } .link-list-opt a.disabled, .link-list-opt li.disabled > a { color: #e4e4e4; opacity: .7; pointer-events: none } .link-list-opt .opt-head { color: #e4e4e4; padding: .25rem 1.25rem } .link-list-opt.ui-v2 a { font-weight: 400 } .link-list-opt.no-bdr + .link-check { margin-top: -.75rem } .link-list-opt.ui-colovar(--main-color) a.active, .link-list-opt.ui-colovar(--main-color) li.active > a { color: var(--main-color) } .link-list-menu { padding: .75rem 0 } .link-list-menu .divider { margin: .5rem 0 } .link-list-menu a { align-items: center; color: #666; display: flex; font-weight: 500; line-height: 1.3rem; padding: .75rem 1.25rem; position: relative; transition: all .4s } .link-list-menu a:after { color: #e4e4e4; content: ""; font-family: Nioicon; font-size: 1rem; position: absolute; right: 1.25rem; transition: .3s ease } .link-list-menu a .icon { color: #e4e4e4; font-size: 1.125rem; margin-top: -2px; opacity: .8; width: 1.75rem } .link-list-menu a.active, .link-list-menu a.active .icon, .link-list-menu a.active:after, .link-list-menu a:hover, .link-list-menu a:hover .icon, .link-list-menu a:hover:after, .link-list-menu li.active > a, .link-list-menu li.active > a .icon, .link-list-menu li.active > a:after { color: var(--main-color) } @media (min-width: 576px) { .link-list-menu a { padding: 1rem 1.5rem } } .link-list-plain.no-bdr { padding: .5rem 0 } .link-list-plain.no-bdr li { border-top-width: 0 } .link-list-plain a { align-items: center; color: #666; display: flex; line-height: 1.4rem; padding: .5rem 1.25rem; position: relative; transition: all .4s } .link-list-plain a:hover { background: #f5f6fa; color: var(--main-color) } .link-list-plain a .icon { color: var(--main-color); font-size: 1.125rem; opacity: .8; width: 1.75rem } .link-list-plain.li-col2x > li { border-bottom: 1px solid #f1e8e4; border-right: 1px solid #f1e8e4; border-top: 0 } .link-list-plain.li-col2x > li:nth-child(2n) { border-right: none } .link-list-plain.li-col3x > li { border-bottom: 1px solid #f1e8e4; border-right: 1px solid #f1e8e4; border-top: 0 } .link-list-plain.li-col3x > li:nth-child(3n) { border-right: none } .link-list-plain.li-col4x > li { border-bottom: 1px solid #f1e8e4; border-right: 1px solid #f1e8e4; border-top: 0 } .link-list-plain.li-col4x > li:nth-child(4n) { border-right: none } .link-list-template a { font-weight: 400 } .passcode-icon { display: none } .passcode-icon.icon-show { display: block } .is-shown .passcode-icon.icon-show { display: none } .is-hidden .passcode-icon.icon-show, .is-shown .passcode-icon.icon-hide { display: block } .is-hidden .passcode-icon.icon-hide { display: none } .form-dropdown { align-items: center; bottom: 0; color: #e4e4e4; display: inline-flex; justify-content: center; padding: 0 20px; position: absolute; right: 0; top: 0 } .form-dropdown > div > span { margin: 0 .5rem } .form-dropdown .dropdown > a { display: inline-flex } .form-clip, .form-text-hint { align-items: center; background: #fff; border-radius: 4px; bottom: 1px; color: var(--main-color); display: flex; padding-left: 1rem; padding-right: .75rem; position: absolute; right: 1px; top: 1px } .form-clip .icon + span, .form-clip span + .icon, .form-text-hint .icon + span, .form-text-hint span + .icon { margin-left: .25rem } .nk-upload-input { height: calc(2.125rem + 2px); margin: 0; opacity: 0; position: relative; width: 100%; z-index: 2 } .nk-upload-label { border: 1px dashed #f1e8e4; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; min-height: 150px; padding: 1.5rem 1.5rem 0; position: relative; width: 100% } .nk-upload-init { display: block; text-align: center } .nk-upload-files { display: flex; justify-content: center; margin: -.5rem; padding-bottom: 2rem; padding-top: 2rem } .nk-upload-files li { align-items: center; display: flex; flex-direction: column; flex-wrap: wrap; padding: .5rem; position: relative; text-align: center } .nk-upload-files li img { border-radius: 4px; flex-shrink: 0; width: 60px } .is-multiple .nk-upload-files li img { width: 40px } .is-multiple .nk-upload-files li .nk-upload-name { display: none } .nk-upload-name { color: #666; font-size: .8125rem; font-weight: 500; margin: .5rem 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 150px } .nk-upload-response { align-items: center; display: inline-flex; margin-left: auto } .nk-upload-response .message { color: #e4e4e4; font-size: 12px } .nk-upload-response .message + .icon { margin-left: .5rem } .nk-upload-response .icon:after { font-family: Nioicon } .nk-upload-response .icon + .message { margin-left: .5rem } .nk-upload-response.invalid .icon { color: #f4bd0e } .nk-upload-response.invalid .icon:after { content: "" } .nk-upload-response.valid .icon { color: #1aa509 } .nk-upload-response.valid .icon:after { content: "" } .nk-upload-response.error .icon { color: #ff3828 } .nk-upload-response.error .icon:after { content: "" } .nk-upload-foot { border-top: 1px dashed #f1e8e4; display: flex; justify-content: space-between; margin: 0 -1.5rem; padding: 1rem 1.25rem } .nk-upload-foot > button, .nk-upload-foot > span { margin: .25rem } .form-editor-custom textarea { border-radius: 4px 4px 0 0 } .form-editor-action { border: 1px solid #e8dfdb; border-radius: 0 0 4px 4px; border-top: 0; padding: .25rem .5rem } .form-editor-action > .link { padding: .5rem } .form-editor-action > .link.collapsed { color: #e4e4e4 } .form-editor-action > .link .icon { margin-right: .25rem } .form-btn-group, .form-editor-btn-group { align-items: center; display: flex; flex-wrap: wrap; margin: -.25rem } .form-btn-group li, .form-editor-btn-group li { line-height: .5rem; padding: .25rem } .form-btn-group li:first-child { margin-right: .5rem } .form-btn-secondary { margin-left: auto } .page-title { font-family: Nunito, sans-serif; font-size: 1.5rem; font-weight: 700 } @media (min-width: 992px) { .page-title { font-size: 1.75rem } } .overline-title { color: #e4e4e4; font-family: Roboto, sans-serif, Helvetica Neue, Arial, Noto Sans; font-size: 11px; font-weight: 700; letter-spacing: .2em; line-height: 1.2; text-transform: uppercase } .text-light .overline-title { color: #e4e4e4 } .is-dark .overline-title { color: #cbbab3 } .is-theme .overline-title { color: #ffd6c5 } .overline-title-alt { color: #e4e4e4; font-family: Roboto, sans-serif, Helvetica Neue, Arial, Noto Sans; font-size: 11px; font-weight: 700; letter-spacing: .15em; line-height: 1.2; text-transform: uppercase } .is-dark .overline-title-alt { color: #e4e4e4 } .is-theme .overline-title-alt { color: #ffd6c5 } .overline-title-sap { color: #fff; display: inline-block; margin-bottom: 0; padding-left: .35rem; padding-right: .25rem; position: relative } .overline-title-sap:after, .overline-title-sap:before { background: #fff; content: ""; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); width: 20px } .overline-title-sap:before { right: 100% } .overline-title-sap:after { left: 100% } .caption-text { font-size: 16px; font-weight: 400; letter-spacing: -.01em; line-height: 1.3 } .caption-text + .sub-text, .caption-text + .sub-text-sm { display: block; margin-top: .5rem } .lead-text { color: #364a63; display: block; font-size: .875rem; font-weight: 700 } .lead-text + .sub-text { font-size: 12px } .lead-text span { color: #666; font-weight: 400 } .lead-text-lg { color: #364a63; display: block; font-size: 1.125rem; font-weight: 500 } .is-theme .lead-text-lg { color: #fff } .is-theme .is-light .lead-text-lg { color: #364a63 } .is-dark .lead-text { color: #cbbab3 } .is-dark .lead-text span { color: #a78b80 } .is-theme .lead-text { color: #fff } .is-theme .lead-text span { color: #ffd6c5 } .is-dark .is-light .lead-text, .is-theme .is-light .lead-text { color: #364a63 } .is-dark .is-light .lead-text span, .is-theme .is-light .lead-text span { color: #666 } .sub-text { color: #e4e4e4; display: block; font-size: 13px } .sub-text .dot + span, .sub-text span + .dot { margin-left: .25rem } .sub-text + .sub-text, .sub-text-sm { font-size: 12px } .sub-text-sm { color: #e4e4e4 } .is-theme .sub-text-sm { color: #ffd6c5 } .is-theme .is-light .sub-text-sm { color: #e4e4e4 } .text-ellipsis .sub-text { display: inline } .sub-text strong { color: #666; font-weight: 700 } .is-theme .sub-text strong { color: #ffd6c5 } .is-theme .is-light .sub-text strong { color: #666 } .sub-text span { white-space: nowrap } .is-theme .sub-text { color: #ffd6c5 } .is-theme .is-light .sub-text { color: #e4e4e4 } .text-date span { color: #666 } h6 .badge { margin-left: .5rem } .fs-9px { font-size: 9px } .fs-10px { font-size: 10px } .fs-11px { font-size: 11px } .fs-12px { font-size: 12px } .fs-13px { font-size: 13px } .fs-14px { font-size: 14px } .fs-15px { font-size: 15px } .fs-16px { font-size: 16px } .fs-17px { font-size: 17px } .fs-18px { font-size: 18px } .fs-19px { font-size: 19px } .fs-20px { font-size: 20px } .fs-21px { font-size: 21px } .fs-22px { font-size: 22px } .note-text { color: #e4e4e4; font-size: 12px; font-style: italic } .card .table { margin-bottom: 0 } .card .table tr:first-child td, .card .table tr:first-child th { border-top: none } .card .table tr:last-child td:first-child { border-bottom-left-radius: 4px } .card .table tr:last-child td:last-child { border-bottom-right-radius: 4px } .card .table tr:first-child th:first-child { border-top-left-radius: 4px } .card .table tr:first-child th:last-child { border-top-right-radius: 4px } .card + .lead-text { margin-top: 2rem } .lead-text + .card { margin-top: 1rem } .card-custom-s1 .card-inner-group .card-inner { border-bottom: 1px solid #e8dfdb } @media (max-width: 991.98px) { .card-custom-s1 .card-inner-lg { padding-left: 1.5rem; padding-right: 1.5rem } } @media (min-width: 992px) { .card-custom-s1 .card-inner-group { border-right: 1px solid #e8dfdb } .card-custom-s1 .card-inner-group .card-inner:last-child { border-bottom: none } } @media (min-width: 576px) { .card-search .card-body { padding: 1.5rem } } .card-aside { background-color: #fff; flex-shrink: 0; min-height: 100vh; width: 300px } .card-aside-left { border-right: 1px solid #f1e8e4; order: -1 } .card-aside-right { border-left: 1px solid #f1e8e4; order: 100 } .card-aside-wrap { display: flex } .card-aside-wrap .card-content, .card-aside-wrap .card-inner { flex-grow: 1 } @media (max-width: 767.98px) { .toggle-break-md.card-aside .card-inner-group { max-height: 100vh } } @media (max-width: 991.98px) { .toggle-break-lg.card-aside .card-inner-group { max-height: 100vh } } @media (max-width: 1199.98px) { .toggle-break-xl.card-aside .card-inner-group { max-height: 100vh } } @media (max-width: 1539.98px) { .toggle-break-xxl.card-aside .card-inner-group { max-height: 100vh } } @media (min-width: 992px) { .card-aside { display: block; position: static } } @media (min-width: 1540px) { .card-aside { width: 380px } } .user-avatar, [class^=user-avatar]:not([class*=-group]) { align-items: center; background: var(--main-color); border-radius: 50%; color: #fff; display: flex; flex-shrink: 0; font-size: 14px; font-weight: 500; height: 40px; justify-content: center; letter-spacing: .06em; position: relative; width: 40px } .user-avatar + .user-info, [class^=user-avatar]:not([class*=-group]) + .user-info { margin-left: 1rem } .user-avatar + .user-name, [class^=user-avatar]:not([class*=-group]) + .user-name { margin-left: .75rem } .user-avatar img, [class^=user-avatar]:not([class*=-group]) img { border-radius: 50% } .user-avatar.md + .user-info, [class^=user-avatar]:not([class*=-group]).md + .user-info { margin-left: 1.5rem } .user-avatar.md + .user-name, [class^=user-avatar]:not([class*=-group]).md + .user-name { margin-left: 1.25rem } .user-avatar .edit, [class^=user-avatar]:not([class*=-group]) .edit { align-items: center; background-color: rgba(30, 30, 30, .5); border-radius: 50%; bottom: 0; color: #fff; display: flex; justify-content: center; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .3s } .user-avatar:hover .edit, [class^=user-avatar]:not([class*=-group]):hover .edit { opacity: 1 } .user-avatar .status, [class^=user-avatar]:not([class*=-group]) .status { border: 2px solid #fff; bottom: 0; position: absolute; right: 0 } .user-avatar.sq, [class^=user-avatar]:not([class*=-group]).sq { border-radius: 4px } .user-avatar-multiple { background-color: transparent !important } .user-avatar-multiple .user-avatar { border: 2px solid #fff; font-size: 80%; height: 70%; position: absolute; width: 70% } .user-avatar-multiple .user-avatar:first-child { right: 0; top: 0 } .user-avatar-multiple .user-avatar:nth-child(2) { bottom: 0; left: 0 } .user-card .user-avatar.d-none { margin-right: 1rem } .user-card .user-avatar.d-none + .user-info, .user-card .user-avatar.d-none + .user-name { margin-left: 0 } .user-avatar-xl, .user-avatar.xl { font-size: 40px; font-weight: 400; height: 110px; width: 110px } .user-avatar-xl .status, .user-avatar.xl .status { bottom: 9px; right: 9px } .user-avatar-lg, .user-avatar.lg { font-size: 28px; font-weight: 400; height: 80px; width: 80px } .user-avatar-lg .status, .user-avatar.lg .status { bottom: 5px; right: 5px } .user-avatar-md, .user-avatar.md { font-size: 18px; height: 60px; width: 60px } .user-avatar-md .status, .user-avatar.md .status { bottom: 2px; right: 2px } .user-avatar-sm, .user-avatar.sm { font-size: 12px; height: 32px; width: 32px } .user-avatar-xs, .user-avatar.xs { font-size: 9px; font-weight: 700; height: 26px; width: 26px } .user-avatar[class*=-blue-dim] { color: #559bfb } .user-avatar[class*=-azure-dim] { color: #1676fb } .user-avatar[class*=-indigo-dim] { color: #2c3782 } .user-avatar[class*=-purple-dim] { color: #816bff } .user-avatar[class*=-pink-dim] { color: #ff63a5 } .user-avatar[class*=-orange-dim] { color: #ffa353 } .user-avatar[class*=-teal-dim] { color: #20c997 } .user-avatar[class*=-primary-dim] { color: var(--main-color) } .user-avatar[class*=-secondary-dim] { color: #364a63 } .user-avatar[class*=-success-dim] { color: #1aa509 } .user-avatar[class*=-info-dim] { color: #09c2de } .user-avatar[class*=-warning-dim] { color: #f4bd0e } .user-avatar[class*=-danger-dim] { color: #ff3828 } .user-avatar[class*=-dark-dim] { color: #1e1e1e } .user-avatar[class*=-gray-dim] { color: #a78b80 } .user-avatar[class*=-lighter] { color: #e4e4e4 } .user-avatar[class*=-light] { color: #666 } .user-card { align-items: center; display: flex } .user-card-wrap { padding-bottom: 1.125rem; padding-top: 1.125rem } .user-card .user-info { color: #e4e4e4 } .user-card-menu { position: absolute; right: 1rem; top: 1rem } .user-toggle { align-items: center; display: flex; padding: 0 1px 1px } .user-status { font-size: 11px; font-weight: 500; line-height: 1; padding-bottom: .375rem; padding-top: .125rem } .user-status-unverified { color: #ff3828 } .user-status-verified { color: #1aa509 } .user-name { color: #666; font-size: 12px; font-weight: 700; line-height: 16px } .is-dark .user-name { color: #f1f1f1 } .is-theme .user-name { color: #ffd6c5 } .user-action { color: #e4e4e4; font-size: 20px; margin-left: auto } .user-account-info { padding-bottom: 1.25rem; padding-top: 1.5rem } .user-account-data li { display: flex; justify-content: space-between; padding: .125rem 0 } .user-account-actions:not(:first-child) { margin-top: 1.5rem } .user-account-actions ul { display: flex } .user-account-actions ul li { width: 44% } .user-account-actions ul li:last-child { width: 56% } .user-account-actions .btn { font-size: 12px; letter-spacing: .04em; padding-left: .5rem; padding-right: .5rem; text-transform: uppercase; width: 100% } .user-account-links { border-bottom: 1px solid #f1e8e4; padding: 1rem 0 } .user-account-info .user-account-links:last-child { border-bottom: 0; padding-bottom: 0 } .user-account-info + .user-account-links { margin-top: -.5rem; padding-top: 0 } .user-account-links a:link { display: flex; padding: .5rem 0 } .user-account-value { display: inline-flex } .user-balance { color: var(--main-color); font-size: 1.5rem; line-height: 1; padding: .125rem 0 .375rem } .user-balance small { font-size: 1rem } .user-balance-alt { color: #666; font-size: 15px; font-weight: 700 } .user-balance-alt span { font-weight: 400 } .user-balance-sub { color: #e4e4e4; font-size: 13px } .user-balance-sub span { color: #666 } .user-balance-sub + a { margin-top: 1rem } .user-card-s2 { display: flex; flex-direction: column; padding: .5rem; text-align: center } .user-card-s2 .user-avatar { margin: 0 auto } .user-card-s2 .user-info { margin: 1.25rem 0 0 !important } .user-card-s2 .user-info .sub-text { justify-content: center } .user-card-s2 .user-info .badge { margin-bottom: 1rem } .user-card-md .lead-text { font-size: 1rem } .user-card-md .sub-text { font-size: .875rem } .user-activity { display: flex } .user-activity-group { display: flex; flex-wrap: wrap } .user-activity-ck { height: 110px; padding: .5rem .375rem 0 } .user-activity .icon { color: #e4e4e4; font-size: 1.5rem; width: 2.25rem } .user-activity .info span { display: block } .user-activity .amount { color: #666; font-size: 1.125rem; font-weight: 500; line-height: 1.3 } .user-activity .title { color: #e4e4e4; font-size: 12px } .user-activity .gfx { align-self: flex-end; margin-bottom: .25rem; margin-left: 1rem; width: 50px } .user-contacts li { color: #666; display: flex; font-size: .875rem; line-height: 1.4rem; padding: .375rem 0 } .user-contacts li .icon { color: #e4e4e4; display: inline-block; font-size: 1rem; line-height: inherit; width: 1.75rem } .user-avatar-group { display: flex } .user-avatar-group .user-avatar { border: 2px solid #fff } .user-avatar-group .user-avatar:not(:first-child) { margin-left: -20% } .user-avatar-group .user-avatar.sm:not(:first-child) { margin-left: -1rem } .user-avatar-group .user-avatar.xs:not(:first-child) { margin-left: -.5rem } .user-info .lead-text, .user-info .sub-text { align-items: center; display: flex } .user-info .edit { color: #e4e4e4; display: inline-flex; font-size: 1.25rem; margin-left: .5rem } .user-info .edit:hover { color: var(--main-color) } .user-plan { display: flex; flex-wrap: wrap; justify-content: space-between; padding: .75rem 0 } .user-plan-title { align-items: center; color: #364a63; display: flex; font-size: 1rem; font-weight: 700 } .user-plan-title .icon { color: var(--main-color); font-size: 1.5rem; margin-right: .75rem } .user-plan-actions, .user-plan-info { padding: .5rem 0 } .user-plan-status { color: #e4e4e4; font-size: 13px; font-weight: 500; margin-top: .5rem; text-transform: uppercase } .user-plan-progress { margin-top: 1rem; width: 100% } .data-list:not(:first-child) { margin-top: 1.5rem } .data-item { align-items: center; display: flex; padding: 1rem 1.25rem; position: relative } .data-item .icon { color: #e4e4e4; display: inline-block; height: 32px; line-height: 32px; text-align: center; vertical-align: middle } .data-item:not(:last-child) { border-bottom: 1px solid #f1e8e4 } .data-item[data-toggle] { cursor: pointer } .data-item:hover .data-label { color: #666 } .data-item:hover .data-value, .data-item:hover .icon { color: #364a63 } .data-head { background-color: #f5efed; border-radius: 4px; margin-bottom: .25rem; padding: .5rem 1.25rem } .data-head.is-plain { background-color: transparent; margin-bottom: 0 } .data-head.is-plain:first-child { margin-top: 1rem } .data-head .title { color: #666 } .data-col { flex-grow: 1 } .data-col span { display: inline-block; transition: color .3s } .data-col-end { flex-grow: 0; margin-left: auto } .data-label { color: #e4e4e4; flex-shrink: 0; width: 100% } .data-value { color: #666; font-size: .9375rem } .data-more { display: inline-block; height: 28px; line-height: 28px; position: relative; text-align: center; width: 28px; z-index: 4 } .data-more:before { background-color: #f1e8e4; border-radius: 50%; content: ""; height: 20px; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%; transition: all .3s; width: 20px; z-index: -1 } .data-item:hover .data-more:before { height: 40px; opacity: 1; width: 40px } .data-more.disable:before { display: none } .data-list-s2:not(:first-child) { margin-top: 1rem } .data-list-s2 .data-head, .data-list-s2 .data-item { background: transparent; padding-left: 0; padding-right: 0 } .data-list-s2 .data-head { border-bottom: 1px solid #e8dfdb } .data-list-s2 .data-item:not(:last-child) { border-bottom-color: #e8dfdb } .data-list-s2 .data-label { color: #666 } .data-list-s2 .data-placeholder { color: #e4e4e4 } @media (min-width: 768px) { .data-list:not(:first-child) { margin-top: 2rem } .data-list-s2:not(:first-child) { margin-top: 1.25rem } .data-item { padding: 1.5rem 1.25rem } .data-col { align-items: center; display: flex } .data-col-end { justify-content: flex-end; text-align: right; width: 200px } .data-label:not([class^=w-]) { width: 50% } } @media (min-width: 1200px) and (max-width: 1359px) { .card-aside-wrap .data-list .data-col { flex-wrap: wrap } .card-aside-wrap .data-list .data-label { width: 100% } } .is-compact .data-item { padding-bottom: .75rem; padding-top: .75rem } .is-medium .data-item { padding-bottom: 1.125rem; padding-top: 1.125rem } .dropdown-menu .nk-notification { max-height: 239px; overflow: auto } .nk-notification-item { align-items: center; display: flex; padding: 1.25rem 1.75rem } .nk-notification-icon { flex-shrink: 0; margin-right: .75rem } .nk-notification-text { color: #666; font-size: 13px } .nk-notification-text span { color: #364a63 } .nk-notification-time { color: #e4e4e4; font-size: 11px } .dropdown-menu .chat-list, .dropdown-menu .nk-chat-list { max-height: 274px; overflow: auto } .icon-light { color: #fff } .icon-dark { color: #364a63 } .icon-text { align-items: center; display: flex; font-size: 13px } .icon-text .icon { font-size: 1.5em; width: 1.75rem } .icon-image { width: 70px } .icon-image + h6 { margin-top: 1rem } .icon-circle { align-items: center; background: var(--main-color); border-radius: 50%; color: #fff; display: inline-flex; font-size: 18px; height: 36px; justify-content: center; width: 36px } .icon-circle-sm, .icon-circle.sm { font-size: 12px; height: 20px; width: 20px } .icon-circle-md, .icon-circle.md { font-size: 14px; height: 28px; width: 28px } .icon-circle-lg, .icon-circle.lg { font-size: 24px; height: 44px; width: 44px } .icon-circle-xxl, .icon-circle.xxl { font-size: 40px; height: 80px; width: 80px } .icon-status { display: inline-flex; position: relative } .icon-status:after { border: 2px solid #fff; border-radius: 50%; content: ""; height: 10px; position: absolute; right: 0; top: 1px; width: 10px } .icon-status-info:after { background: #09c2de } .icon-status-danger:after { background: #ff3828 } .icon-status-success:after { background: #1aa509 } .icon-status-warning:after { background: #f4bd0e } .icon-status-on:after { background: #1aa509 } .icon-status-off:after { background: #e4e4e4 } .icon-status-na:after { display: none } .icon-overlap { align-items: center; display: inline-flex; flex-direction: row-reverse; flex-shrink: 0 } .icon-overlap li { border: 2px solid #fff; border-radius: 50% } .icon-overlap li + li { margin-right: -14px } .icon-overlap-alt { align-items: flex-end; display: inline-flex; flex-shrink: 0 } .icon-overlap-alt li { border-radius: 50% } .icon-overlap-alt li + li { margin-bottom: -10px; margin-left: -16px } .icon-circle[class*=btc] { background: #f9841e } .icon-circle[class*=facebook] { background: #3b5998 } .icon-circle[class*=google] { background: #de5246 } .icon-circle[class*=btc-dim] { background: #feefe2 } .icon-circle[class*=eth-dim] { background: #eaedf6 } .icon-circle[class*=white] { background: #fff } .icon[class*=bg-blue-dim] { color: #559bfb } .icon[class*=bg-azure-dim] { color: #1676fb } .icon[class*=bg-indigo-dim] { color: #2c3782 } .icon[class*=bg-purple-dim] { color: #816bff } .icon[class*=bg-pink-dim] { color: #ff63a5 } .icon[class*=bg-orange-dim] { color: #ffa353 } .icon[class*=bg-teal-dim] { color: #20c997 } .icon[class*=bg-primary-dim] { color: var(--main-color) } .icon[class*=bg-secondary-dim] { color: #364a63 } .icon[class*=bg-success-dim] { color: #1aa509 } .icon[class*=bg-info-dim] { color: #09c2de } .icon[class*=bg-warning-dim] { color: #f4bd0e } .icon[class*=bg-danger-dim] { color: #ff3828 } .icon[class*=bg-light] { color: #666 } .icon[class*=bg-lighter] { color: #e4e4e4 } .icon[class*=bg-dark-dim] { color: #dde2ea } .icon[class*=bg-gray-dim] { color: #e9f0f9 } .icon[class*=bg-facebook-dim] { color: #3b5998 } .icon[class*=bg-google-dim] { color: #de5246 } .icon[class*=bg-btc-dim] { color: #f9841e } .icon[class*=bg-eth-dim] { color: #6174b9 } .icon[class*=bg-white] { color: #666 } .icon-avatar { background: #fae7e0; border-radius: 50%; color: var(--main-color); display: inline-block; font-size: 12px; height: 1.5rem; line-height: 1.5rem; margin-right: .5rem; text-align: center; width: 1.5rem } .icon-avatar-md { font-size: 14px; height: 2rem; line-height: 2rem; width: 2rem } .tb-col-hide, .tb-col-lg, .tb-col-mb, .tb-col-md, .tb-col-sm, .tb-col-xl, .tb-col-xs, .tb-col-xxl { display: none !important } @media (min-width: 576px) { .tb-col-sm { display: table-cell !important } } @media (min-width: 768px) { .tb-col-md { display: table-cell !important } } @media (min-width: 992px) { .tb-col-lg { display: table-cell !important } } @media (min-width: 1200px) { .tb-col-xl { display: table-cell !important } } @media (min-width: 1540px) { .tb-col-xxl { display: table-cell !important } } @media (min-width: 359px) { .tb-col-xs { display: table-cell !important } } @media (min-width: 414px) { .tb-col-mb { display: table-cell !important } } .table-middle td, .tb-row-middle td { vertical-align: middle } .tb-col-action, .tb-col-end { text-align: right } .tb-col-middle { vertical-align: middle } .tb-col-action .link-cross, .tb-col-action .link-done { border-radius: 12px; color: #e4e4e4; display: inline-block; font-size: 1rem; height: 24px; line-height: 28px; text-align: center; vertical-align: middle; width: 24px } .tb-col-action .link-cross .icon, .tb-col-action .link-done .icon { padding-left: 1px } .tb-col-action .link-cross:hover { background: #ffe3e1; color: #ff3828 } .tb-col-action .link-done:hover { background: #dff2dd; color: #1aa509 } @media (max-width: 575.98px) { .table-ulogs th.tb-col-ip { display: none } .table-ulogs tr { display: flex; flex-wrap: wrap; padding: .5rem 1.25rem; position: relative; width: 100% } .table-ulogs tr:not(:first-child) { border-top: 1px solid #e8dfdb } .table-ulogs tr td { border: 0; padding: 0 } .table-ulogs tr td:first-child, .table-ulogs tr td:last-child { padding: 0 } .table-ulogs tr td, .table-ulogs tr th { flex-grow: 1 } .table-ulogs tr td.tb-col-os { width: 100% } .table-ulogs tr th.tb-col-os { flex-grow: 0; min-width: 142px; width: 40% } .table-ulogs tr td.tb-col-ip { flex-grow: 0; min-width: 130px; width: 40% } .table-ulogs tr .tb-col-action { padding: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) } .table-ulogs thead tr { padding: 0 } } .toggle-content { background: #fff; border-radius: 4px; box-shadow: 0 3px 12px 1px rgba(66, 47, 40, .15); opacity: 0; position: absolute; top: calc(100% + 10px); transform: translateY(10px); visibility: hidden; z-index: 9 } .toggle-content-right { left: auto; right: 0 } .toggle-content-bottom { bottom: 0; top: auto } .toggle-content.content-active { opacity: 1; transform: translateY(0); transition: all .2s ease; visibility: visible } .toggle-slide { max-width: calc(100% - 40px); min-width: 260px; position: fixed; top: 0; transition: transform .65s ease; z-index: 999 } .toggle-slide-left { left: 0; transform: translateX(-100%) } .toggle-slide-right { right: 0; transform: translateX(100%) } .toggle-slide.content-active { transform: translate(0) !important } .toggle-overlay { -webkit-animation: overlay-fade-in .4s ease 1; animation: overlay-fade-in .4s ease 1; background: rgba(30, 30, 30, .2); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 900 } .toggle-expand-content { display: none } .toggle-expand-content.expanded, .toggle-expand .inactive-text, .toggle-opt .inactive-text { display: block } .toggle-expand .active-text, .toggle-expand.active > .inactive-text, .toggle-opt .active-text, .toggle-opt.active > .inactive-text { display: none } .toggle-expand.active > .active-text, .toggle-opt.active > .active-text { display: block } body.toggle-shown { overflow: hidden } @media (min-width: 576px) { .nk-block-tools-toggle .toggle-expand { display: none } .nk-block-tools-toggle .toggle-expand-content { display: block !important } } @media (max-width: 575.98px) { .nk-block-tools-toggle .toggle-expand-content { background: #fff; box-shadow: 0 20px 35px rgba(0, 0, 0, .2); left: 0; margin-left: -18px; margin-right: -18px; padding: 0 18px !important; position: absolute; right: 0; top: 100%; width: 100vw; z-index: 99 } .nk-block-tools-toggle .nk-block-tools { padding-bottom: 20px; padding-top: 20px } .nk-block-tools-toggle .nk-block-tools-opt { margin-left: auto } .card-tools-toggle .card-title-group { position: static } .card-tools-toggle .toggle-wrap .toggle-content { bottom: 0; left: 0; padding: 1.25rem 1rem; right: 0; top: 0; transform: translate(0) } .card-tools-toggle .toggle-wrap .toggle-close { margin-right: auto } .card-tools-toggle .toggle-wrap .toggle-close .btn-trigger:before { opacity: 0 } .card-tools-toggle .toggle-wrap .toggle-close .btn-trigger:hover:before { opacity: 1 } } @media (min-width: 576px) { .card-tools-toggle { z-index: 9 } .card-tools-toggle .toggle-wrap .toggle { display: none } .card-tools-toggle .toggle-wrap .toggle-content { background: transparent; box-shadow: none; opacity: 1; position: static; transform: translate(0); visibility: visible; z-index: 9 } .card-tools-toggle .toggle-wrap .toggle-close { display: none } .toggle-break-sm { background: transparent; box-shadow: none; opacity: 1; position: static; transform: translateY(0) !important; transition: none; visibility: visible; z-index: 1 !important } .toggle-break-sm.collapse { display: block } } @media (min-width: 768px) { .toggle-break-md { background: transparent; box-shadow: none; opacity: 1; position: static; transform: translateY(0) !important; transition: none; visibility: visible; z-index: 1 !important } .toggle-break-md.collapse { display: block } } @media (min-width: 992px) { .toggle-break-lg { background: transparent; box-shadow: none; opacity: 1; position: static; transform: translateY(0) !important; transition: none; visibility: visible; z-index: 1 !important } .toggle-break-lg.collapse { display: block } } @media (min-width: 1200px) { .toggle-break-xl { background: transparent; box-shadow: none; opacity: 1; position: static; transform: translateY(0) !important; transition: none; visibility: visible; z-index: 1 !important } .toggle-break-xl.collapse { display: block } } @media (min-width: 1540px) { .toggle-break-xxl { background: transparent; box-shadow: none; opacity: 1; position: static; transform: translateY(0) !important; transition: none; visibility: visible; z-index: 1 !important } .toggle-break-xxl.collapse { display: block } } .nav-switch { border: 1px solid #e8dfdb; border-radius: 30px; display: inline-flex; margin-bottom: 1.5rem; padding: 5px } .nav-switch .nav-link { border-radius: 20px; color: #e4e4e4; font-family: Roboto, sans-serif; font-size: 12px; font-weight: 700; line-height: 20px; padding: 5px 16px; position: static; text-transform: uppercase } .nav-switch .nav-link.active { background: var(--main-color); color: #fff } .nav-switch .nav-link:after { display: none } .nav-switch .nav-item { margin: 0 1px; padding: 0 } .nav-switch .nav-item:last-child { margin-right: 0 } .nav-switch .nav-item:first-child { margin-left: 0 } @media (min-width: 576px) { .nav-switch { margin-bottom: 2.5rem } } .nav-switch-s2 { border: none; border-radius: 4px; display: inline-flex } .nav-switch-s2 .nav-link { border: 1px solid #e8dfdb; border-radius: 0; color: #e4e4e4; font-family: Roboto, sans-serif; font-size: 12px; font-weight: 700; line-height: 20px; padding: .25rem .7rem; position: static; text-transform: uppercase } .nav-switch-s2 .nav-link:focus, .nav-switch-s2 .nav-link:hover { background: #f5f6fa; border: 1px solid #e8dfdb; color: #666 } .nav-switch-s2 .nav-link.active { background: #f5f6fa; border: 1px solid #e8dfdb; box-shadow: inset 0 0 4px -1px hsla(0, 0%, 89%, .25); color: #364a63 } .nav-switch-s2 .nav-link:after { display: none } .nav-switch-s2 .nav-item { margin: 0; padding: 0 } .nav-switch-s2 .nav-item:last-child { margin-right: 0 } .nav-switch-s2 .nav-item:last-child .nav-link { border-radius: 0 4px 4px 0 } .nav-switch-s2 .nav-item:first-child { margin-left: 0 } .nav-switch-s2 .nav-item:first-child .nav-link { border-radius: 4px 0 0 4px } .nav-switch-s2 .nav-item:not(:first-child) { margin-left: -1px } .widget-title { align-items: center; display: flex; justify-content: space-between; margin-bottom: .75rem } .widget-title > * { margin-bottom: 0 } .text-center .widget-title { justify-content: center } .is-theme .widget-title a:hover { color: #fff } .side-wg:not(:last-child) { margin-bottom: 2.5rem } .side-wg-title { padding-bottom: .75rem } .side-wg .back-to { align-items: center; color: #e4e4e4; display: inline-flex; font-size: .875rem; font-weight: 400; line-height: 1.1; position: relative } .side-wg .back-to .icon { display: inline-block; font-size: 1.25rem; margin-top: -3px; width: 1.75rem } .nk-ck { height: 260px } .nk-ck-sm { height: 180px } .nk-ck1 { height: 120px } .nk-ck2 { height: 240px } .nk-ck3 { height: 160px } .nk-cktv { border: 1px solid #e8dfdb; border-radius: 4px; height: 300px; overflow: hidden } .nk-cktv .tradingview-widget-container { overflow: hidden; position: relative; top: 8px } .nk-cktv .tradingview-widget-container > div { margin: -1px } @media (min-width: 576px) { .nk-ck { height: 260px } .nk-ck-sm { height: 180px } .nk-ck1 { height: 120px } .nk-ck2 { height: 240px } .nk-ck3 { height: 258px } } .nk-wg6-title:not(:first-child) { margin-top: 1.5rem } .nk-wg6-text:not(:last-child), .nk-wg6-title:not(:last-child) { margin-bottom: 1.5rem } .aside-wg + .aside-wg { padding-top: 2rem } .nk-modal-title:not(:first-child) { margin-top: 1.5rem } .nk-modal-title:not(:last-child) { margin-bottom: 1.5rem } .nk-modal-title.title { font-size: 1.5rem } .nk-modal-text:not(:last-child) { margin-bottom: 1.5rem } .nk-modal-text .lead { font-size: 1.1rem; line-height: 1.5 } .nk-modal-text .sub-text { font-size: 14px } .nk-modal-action { margin-top: 1.5rem } .nk-modal-action-sm { margin-top: 1rem } .nk-modal-action-md { margin-top: 2rem } .nk-modal-action-lg { margin-top: 2.25rem } .modal-body-lg .tab-content { margin-top: 2rem } @media (min-width: 576px) { .nk-modal-action-md { margin-top: 2.5rem } .nk-modal-action-lg { margin-top: 3.25rem } } [data-toggle=modal] { cursor: pointer } .search-wrap { align-items: center; background: #fff; border-radius: 6px; bottom: 0; display: flex; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity .4s } .search-wrap.active { opacity: 1; pointer-events: auto; z-index: 9 } .search-wrap-extend { left: -2px; margin-top: -1rem; right: -2px } .search-toggle { opacity: 1; transition: all .4s } .search-toggle.active { opacity: 0 } .search-content { position: relative; width: 100% } .search-content .form-control { padding-left: calc(2.125rem + 2px); padding-right: calc(2.125rem + 2px) } .search-content .form-control-sm { padding-left: calc(1.75rem + 2px); padding-right: calc(1.75rem + 2px) } .search-back, .search-submit { position: absolute; top: 50% } .search-back:focus, .search-submit:focus { box-shadow: none } .search-back { left: 0; transform: translate(-.25rem, -50%) } .search-submit { right: 0; transform: translate(.5rem, -50%) } .search-submit:hover { color: var(--main-color) } .nk-search-box { margin-bottom: 1.25rem; margin-top: 1.5rem } .nk-search-box .form-icon { background: transparent; border: none; height: 100%; width: 3.5rem } .nk-search-box .form-control { border-radius: 1.5rem; padding-left: 1.25rem; padding-right: 1.5rem } .nk-block + .nk-block, .nk-block + .nk-block-head { padding-top: 28px } .nk-block + .nk-block-head-lg, .nk-block + .nk-block-lg { padding-top: 2.5rem } .nav-tabs + .nk-block { padding-top: 1.5rem } .nav-tabs + .nk-block-sm { padding-top: 1rem } .nk-block-area { display: flex } .nk-block-area-column { flex-direction: column } .nk-block-between { align-items: center; display: flex; justify-content: space-between } .nk-block-between > .title:first-child { margin-bottom: 0 } .nk-block-middle { margin-bottom: auto; margin-top: auto } .nk-block-head { padding-bottom: 1.25rem; position: relative } .nk-block-head:only-child { padding-bottom: 0 } .nk-block-head h2:not(:last-child) { margin-bottom: 1rem } .nk-block-head-sub { color: #e4e4e4; font-size: 1rem; font-weight: 400; line-height: 1.5rem; margin-bottom: .5rem; position: relative } .nk-block-head-sub .dropdown { position: absolute; right: -8px; top: -6px } .nk-block-head-xs { padding-bottom: .75rem } .nk-block-head-sm { padding-bottom: 1rem } .nk-block-head-lg { padding-bottom: 1.5rem } .nk-block-head + .nav-tabs { margin-top: -1rem } .nk-content-body > .nk-block-head:first-child { padding-bottom: 1.75rem } .nk-block-head .nk-block-text, .nk-block-head .nk-block-text + .btn { margin-top: 1.5rem } .nk-block-tools { align-items: center; display: flex } .nk-block-tools > * { display: inline-flex } .nk-block-des { color: #666 } .nk-block-des strong { color: #364a63 } .nk-block-des .icon { vertical-align: middle } .nk-block-content + .nk-block-head { padding-top: 2rem } .nk-block-content + .nk-block-head-sm { padding-top: 1.5rem } .nk-block-content-head:not(:last-child) { margin-bottom: 1rem } .nk-block-title-group { align-items: center; display: flex; justify-content: space-between } .nk-block-title-group .title { margin-bottom: 0 } .nk-block-title-group:not(:last-child) { margin-bottom: .5rem } @media (min-width: 576px) { .nk-block-head-md { padding-bottom: 1.75rem } .nk-block-head-lg { padding-bottom: 2.5rem } .nk-block-content + .nk-block-head { padding-top: 4rem } .nk-block-content + .nk-block-head-sm { padding-top: 2.5rem } } @media (min-width: 768px) { .nk-content-body > .nk-block-head:first-child { padding-bottom: 2.5rem } .nk-content-body > .nk-block-head-sm:first-child { padding-bottom: 1.75rem } .nav-tabs + .nk-block { padding-top: 2.5rem } .nav-tabs + .nk-block-sm { padding-top: 2rem } .nav-tabs + .nk-block-xs { padding-top: 1.25rem } .nk-block-text h5, .nk-block-text h6 { font-size: 1rem } } @media (max-width: 767.98px) { .nk-block-tools .opt-menu-md { margin-left: auto; order: 100 } } @media (min-width: 768px) { .nk-block-between-md { align-items: center; display: flex; justify-content: space-between } } .back-to { align-items: center; color: inherit; display: inline-flex } .back-to .icon { display: inline-block; font-size: 1.5rem; margin-top: -3px; width: 2rem } .nk-block-subhead { border-bottom: 1px solid #444 !important; padding-bottom: .5rem } .nk-feature-center { text-align: center } .filter-wg label.overline-title { margin-bottom: .5rem } .change { line-height: 1 } .change .sign { font-family: Nioicon } .change .sign:before { content: "" } .change.up { color: #1aa509 !important } .change.up .sign:before { content: "" } .change.down { color: #ff3828 !important } .change.down .sign:before { content: "" } .nk-knob > div { display: inline-block !important; position: relative } .knob { font-size: 1.5rem !important; height: 100% !important; margin-top: 0 !important } .knob-half { font-size: 1.25rem !important; height: 50% !important } [class*=knob] { border: none; color: #364a63 !important; font-family: Roboto, sans-serif !important; font-weight: 400 !important; left: 0; margin-left: 0 !important; pointer-events: none; text-align: center; width: 100% !important } [class*=knob]:focus { outline: none } .stats { padding: 0 0 1rem } @media (min-width: 1540px) { .nk-content-sidebar .stats { padding: 1.25rem 1.5rem 1rem } } .collapse-shown { display: inline-block !important } .collapse-hidden, .collapsed .collapse-shown { display: none !important } .collapsed .collapse-hidden { display: inline-block !important } .clipboard-init { cursor: pointer } .clipboard-success .clipboard-init { color: #168d08 } .clipboard-text { font-size: 12px } .clipboard-success .form-control:focus { border-color: #e8dfdb; box-shadow: inset 0 1px 1px rgba(30, 30, 30, .075) } .nk-news-item { align-items: center; display: flex } .nk-news-icon { display: inline-flex; flex-shrink: 0; width: 2rem } .nk-news-icon .icon { color: var(--main-color); font-size: 24px } .is-theme .nk-news-icon .icon { color: var(--main-color) } .nk-news-icon img { width: 24px } .nk-news-text { align-items: center; display: flex; max-width: calc(100% - 1.5rem) } .nk-news-text p { color: #666; font-size: 13px; font-weight: 500; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 2rem) } .nk-news-text p span { color: #e4e4e4; font-weight: 400 } .is-dark .nk-news-text p { color: #f1f1f1 } .is-dark .nk-news-text p span { color: hsla(0, 0%, 89%, .9) } .is-theme .nk-news-text p { color: #ffe8df } .is-theme .nk-news-text p span { color: rgba(255, 214, 197, .8) } .nk-news-text .icon { color: #e4e4e4; margin-left: .25rem } .is-dark .nk-news-text .icon { color: #e4e4e4 } .is-theme .nk-news-text .icon { color: #ffd6c5 } .nk-news-item:hover .nk-news-text .icon { color: var(--main-color) } .language-list li:not(:last-child) .language-item { border-bottom: 1px solid #fff1eb } .language-item { align-items: center; color: #533c32; display: flex; padding: 12px 20px; transition: all .4s } .language-item:hover { background: #f5efed; color: #61473c } .language-name { font-size: 12px } .language-flag { margin-right: 12px; width: 24px } .entry img { border-radius: 4px } .entry img + h2, .entry img + h3, .entry img + h4, .entry img + h5, .entry img + h6, .entry img + ol, .entry img + p, .entry img + ul { margin-top: 2rem } .entry p + img { margin-top: 1rem } .entry p + h2, .entry p + h3, .entry p + h4, .entry p + h5, .entry p + h6 { padding-top: .75rem } p > span > .icon.ni { vertical-align: middle } .btn-trigger + .dropdown-menu-left, .btn-trigger + .dropdown-menu-right { margin: -.75rem 0 } .btn-trigger + .dropdown-menu-right { margin-right: 16px } .btn-trigger + .dropdown-menu-left { margin-left: 16px } @media (max-width: 420px) { .btn-trigger + .dropdown-menu-lg, .btn-trigger + .dropdown-menu-md, .btn-trigger + .dropdown-menu-xl { margin-left: 16px; margin-top: .25rem } } .bq-note-item:not(:first-child) { margin-top: 1.75rem } .bq-note-text { background: #f5f6fa; border-radius: 4px; padding: 1rem 1.25rem } .bq-note-meta { color: #e4e4e4; font-size: 12px; margin-top: .75rem } .bq-note-meta span > span { color: #666 } .bq-note-meta .link { margin-left: .75rem } .bq-note-sep { display: block; height: .25rem; padding: 0 .25rem; visibility: hidden } .bq-note-by { display: inline-block } @media (min-width: 576px) { .bq-note-text { padding: 1.25rem 1.5rem } .bq-note-sep { display: inline-block; height: auto; visibility: visible } } @media (min-width: 1200px) and (max-width: 1359px) { .form-settings .col-lg-5, .form-settings .col-lg-7 { flex: 0 0 100%; max-width: 100% } } .embed-responsive { border-radius: 4px } .nk-slider { position: relative } .nk-slider-s1 { max-width: 100%; width: 290px } .nk-slider-s1 .slick-dots { position: absolute; right: 1.25rem; top: 1.5rem } .nk-slider-s2 .slider-arrows > div { padding: .5rem 0 } .project-head { display: flex; justify-content: space-between; margin-bottom: 1.25rem } .project-title { align-items: center; display: flex; margin-right: .75rem } .project-title .user-avatar { margin-right: 1rem } .project-title .title { font-size: .975rem } .project-title .title:not(:last-child) { margin-bottom: .125rem } .project-details, .project-progress { margin-bottom: 1rem } .project-progress-details { display: flex; justify-content: space-between; margin-bottom: .5rem } .project-progress-task { align-items: center; color: #e4e4e4; display: flex } .project-progress-task .icon { font-size: 1rem; line-height: 1.5rem; margin-right: .25rem } .project-progress-percent { color: #666; font-weight: 500 } .project-meta { justify-content: space-between } .project-list-progress, .project-meta, .project-users { align-items: center; display: flex } .project-list-progress .progress { margin-right: .5rem; width: 100px } @media (min-width: 1540px) { .project-list-progress .progress { margin-right: 1rem; width: 140px } } .team { position: relative } .team-info { padding: 1rem 0 1.25rem } .team-info li { align-items: center; display: flex; font-size: .9375rem; justify-content: space-between; line-height: 1.75rem } .team-info li span:first-child { color: #e4e4e4 } .team-info li span:last-child { color: #666 } .team-status { align-items: center; border-radius: 50%; display: flex; height: 20px; justify-content: center; left: 0; position: absolute; width: 20px } .team-options { position: absolute; right: -.25rem; top: -.25rem } .team-details { margin: 0 auto; max-width: 200px; padding-top: .5rem; text-align: center } .team-statistics { display: flex; justify-content: space-around; padding: 1rem 0 1.5rem; text-align: center } .team-statistics li span { display: block } .team-statistics li span:first-child { color: #1c2b46; font-size: 1.125rem } .team-statistics li span:last-child { color: #e4e4e4; font-size: .875rem } .team-view { display: flex; justify-content: center; padding-bottom: .25rem } .nk-auth-body { padding: 1.25rem } .nk-auth-footer { padding-bottom: 40px } .nk-auth-body, .nk-auth-footer { margin-left: auto; margin-right: auto; max-width: 420px; width: 100% } .nk-auth-footer { padding-left: 1.25rem; padding-right: 1.25rem } .nk-auth-footer-full { margin-top: 0 } @media (min-width: 992px) { .nk-auth-container { width: 45% } } @media (min-width: 1540px) { .nk-split .nk-auth-body, .nk-split .nk-auth-footer { margin-right: 90px } } .nk-error-ld { padding: 2rem 1rem } .nk-error-gfx { max-width: 90%; padding-bottom: 30px } .nk-error-head { -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(var(--main-color), var(--main-color)); -webkit-background-clip: text; font-size: 160px; font-weight: 700; opacity: .9 } .nk-error-title { padding-bottom: 1rem } .nk-error-text { font-size: 1rem } @media (min-width: 576px) { .nk-error-lead { font-size: 200px } .nk-error-gfx { max-width: 520px; padding-bottom: 60px } } .clipboard-success-message { align-items: center; background: hsla(0, 0%, 100%, .9); border-radius: 4px; bottom: 0; color: #1aa509; display: flex; justify-content: center; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity .3s } .clipboard-success .clipboard-success-message { opacity: 1 } .has-shadow.bg-lighter .accordion, .has-shadow.bg-lighter .card, .has-shadow.bg-lighter .invoice-wrap, .has-shadow.bg-lighter .sp-pdl-item { box-shadow: 0 0 8px -3px rgba(97, 71, 60, .15) } .has-shadow .accordion, .has-shadow .card, .has-shadow .invoice-wrap, .has-shadow .sp-pdl-item { box-shadow: 0 0 6px -2px rgba(97, 71, 60, .2) } .has-shadow .data-head, .has-shadow .data-item { padding-left: 1.5rem; padding-right: 1.5rem } .has-shadow .card .data-head:not(.is-plain) { margin-left: .75rem; margin-right: .75rem; padding-left: .75rem } .has-shadow .nav-tabs { box-shadow: 0 2px 0 -1px rgba(97, 71, 60, .06) } .has-shadow .nk-header { box-shadow: 0 3px 0 -1px rgba(97, 71, 60, .04) } .nio-version { bottom: -3px; font-size: 9px; font-weight: 700; letter-spacing: .02em; position: absolute; right: -1px; text-transform: uppercase } .code-tag { color: #816bff } .code-class { color: #ff63a5 } .code-fnc { color: #09c2de } .nk-switch-icon { align-items: center; color: #f1f1f1; display: flex; height: 1.5rem; justify-content: center; width: 1.5rem } .nk-switch-icon .icon { font-size: 1.5rem } .nk-switch-icon .icon-sm { font-size: 1.25rem } .nk-switch-icon:hover { color: #666 } .nk-switch-icon.active { color: var(--main-color) } .dark-switch { position: relative } .dark-switch:after, .dark-switch:before { border-radius: 1.5rem; content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%) } .dark-switch:before { background-color: #fff; border: 2px solid #e8dfdb; height: 1.5rem; right: 0; width: 3rem } .dark-switch:after { background-color: #e8dfdb; height: 1rem; right: calc(1.875rem - 2px); width: 1rem } .dark-switch.active:before { background-color: var(--main-color); border-color: var(--main-color) } .dark-switch.active:after { background-color: #fff; right: calc(2px + .125rem) } .is-scrollable { overflow: auto } .author-list { align-items: center; display: flex; flex-direction: row-reverse } .author-list li { padding: 0 .25rem } .author-list li:first-child { margin-left: .75rem } .author-list.is-grouped li { padding: 0 } .author-list.is-grouped li:not(:last-child) { margin-left: -1rem } .author-list.is-grouped li:first-child { margin-left: .75rem } .author-list.is-grouped .user-avatar { border: 2px solid #fff } .react-list { align-items: center; display: flex; margin: -.25rem; padding: 0 } .react-list li { display: inline-block; line-height: 1.3; padding: .25rem; vertical-align: middle } .react-list .title { color: #e4e4e4; font-size: 12px; font-weight: 500; letter-spacing: .05em; margin-right: 1rem; text-transform: uppercase } .react-list a { color: #cbbab3; display: inline-block } .react-list a .icon { font-size: 1.5rem } .react-good a:hover { color: #1aa509 } .react-ok a:hover { color: var(--main-color) } .react-bad a:hover { color: #f4bd0e } @media (max-width: 359px) { .react-list { flex-wrap: wrap } .react-list .title { width: 100% } } .profile-ud-label { color: #e4e4e4; display: block } .plain .profile-ud-label { font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase } .wider .profile-ud-label { display: inline-flex; flex-shrink: 0; letter-spacing: -.01em; width: 120px } .profile-ud-value { color: #666 } .wider .profile-ud-value { font-weight: 500; text-align: right; width: 100% } .profile-ud.wider { display: flex; padding: .5rem 0 } .profile-ud-item:nth-child(n+2) .profile-ud.plain { margin-top: 1.25rem } @media (min-width: 768px) { .profile-ud.wider { padding: .75rem 0 } .profile-ud-list { display: flex; flex-wrap: wrap; margin: -.25rem -3.25rem; max-width: 960px } .profile-ud-item { padding: 0 3.25rem; width: 50% } .profile-ud-item:nth-child(2) .profile-ud.plain { margin-top: 0 } } .profile-stats .amount { font-size: 1.125rem; font-weight: 700 } .profile-balance-group { align-items: flex-end; display: flex } .profile-balance-ck { height: 70px; margin-top: .5rem; position: relative } .profile-balance-sub { color: #e4e4e4; font-size: .875rem } .profile-balance-subtitle { font-size: .75rem; margin-top: .5rem } .profile-balance-sub .icon { font-size: .75rem } .profile-balance-plus { position: absolute } .profile-balance-plus .icon { font-size: 1rem; line-height: 1.5rem } .profile-balance-plus ~ * { padding-left: 24px } .profile-balance-amount .number { color: #364a63; font-size: 1.25rem; font-weight: 700; line-height: 1.5rem; white-space: nowrap } .profile-balance-amount .number small { font-weight: 400 } .price-plan-media { margin-bottom: 1.5rem; padding: .25rem 0 } .price-plan-media img { max-width: 90px } .price-plan-info { color: #e4e4e4; margin-bottom: 1.5rem } .text-center .price-plan-info { padding: .25rem .5rem } .price-plan-amount { color: #e4e4e4; font-size: .875rem } .price-plan-amount .amount { color: #666; font-size: 1.5rem; font-weight: 700 } .price-plan-action { margin-bottom: .125rem; margin-top: 1.5rem } .tb-member-item td { padding-bottom: 1rem; padding-top: 1rem; vertical-align: middle } .tb-member-item:first-child td:first-child { border-radius: 4px } .tb-member-item .user-card .user-info { flex-grow: 1 } .tb-member-role { width: 150px } .tb-member-info { width: 40% } .tb-member-action { text-align: right } .tb-member-action div > .link { margin-left: .75rem } @media (max-width: 992px) { .tb-member-action { width: 150px } } @media (max-width: 767px) { .tb-member-info { width: 60% } } @media (max-width: 575px) { .tb-member-item { display: flex } .tb-member-info { flex-grow: 1; width: auto } .tb-member-action { margin-left: auto; width: auto } .table .tb-member-body .tb-member-action:last-child { padding-right: .5rem } } @media (max-width: 374px) { .tb-member-item .user-card { max-width: 200px } .tb-member-item .user-card .sub-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 96% } } .steps ul { display: flex } .steps ul li { flex-grow: 1 } .steps .current-info { display: none } .actions ul { display: flex; margin: -10px; padding-top: 20px } .actions ul li { padding: 10px } .actions ul li:first-child { order: 1 } .actions ul li a { background: var(--main-color); border-color: var(--main-color); border-radius: 4px; color: #fff; display: inline-block; font-size: .8125rem; font-weight: 500; line-height: 1.25rem; padding: .4375rem 1.125rem; position: relative; transition: all .4s ease } .actions ul li.disabled, .nk-wizard-head { display: none } .nk-wizard-simple .steps { margin-bottom: 20px } .nk-wizard-simple .steps ul li { padding-bottom: 5px; position: relative } .nk-wizard-simple .steps ul li h5 { border: none; color: #e4e4e4; font-size: 13px; font-weight: 500; letter-spacing: .02em; padding: 0 0 6px; text-transform: uppercase } .nk-wizard-simple .steps ul li .number { color: #e4e4e4; font-size: 13px; font-weight: 700 } .nk-wizard-simple .steps ul li:after { background: var(--main-color); bottom: 0; content: ""; height: 2px; left: 0; position: absolute; transition: all .4s; width: 0 } .nk-wizard-simple .steps ul li.current:after, .nk-wizard-simple .steps ul li.done:after { width: 100% } .nk-wizard-simple .steps ul li.current .number, .nk-wizard-simple .steps ul li.current h5, .nk-wizard-simple .steps ul li.done .number, .nk-wizard-simple .steps ul li.done h5 { color: var(--main-color) } .nk-wizard-simple .steps ul li.current ~ .done:after { width: 0 } .nk-wizard-simple .steps ul li.current ~ .done .number, .nk-wizard-simple .steps ul li.current ~ .done h5 { color: #e4e4e4 } .nk-wizard-simple .steps .current-info { display: none } .tb-tnx-head { background: #f5f6fa; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase } .tb-tnx-head td, .tb-tnx-head th { color: #e4e4e4; padding: .625rem .25rem } .tb-tnx-head th { border-top-left-radius: 4px; border-top-right-radius: 4px } .tb-tnx-item { font-size: 14px } .tb-tnx-item td { padding: 1.25rem .25rem; vertical-align: middle } .is-compact .tb-tnx-item td { padding-bottom: .4rem; padding-top: .4rem } .tb-tnx-id a { display: block } .tb-tnx-id span { font-weight: 500 } .tb-tnx-item .tb-tnx-total { color: #666; font-weight: 500 } .tb-tnx-desc { padding-right: .5rem } .tb-tnx-item .tb-tnx-date { color: #e4e4e4 } .tb-tnx-item .tb-tnx-date .date { font-size: 13px } .tb-tnx-action { text-align: right; width: 60px } .tb-tnx-action .dropdown { margin-bottom: -.25rem; margin-top: -.25rem } .tb-tnx-btns .btn + .btn { margin-left: .5rem } .tb-tnx-btns + .dropdown { margin-left: 1rem } @media (max-width: 767px) { .tb-tnx-head, .tb-tnx-item { display: flex; width: 100% } .tb-tnx-head th, .tb-tnx-item th { flex-grow: 1; padding-bottom: .5rem; padding-top: .5rem } .tb-tnx-head td, .tb-tnx-item td { border: none; flex-grow: 1; padding-bottom: 0; padding-top: 0 } .tb-tnx-item { flex-wrap: wrap; padding-bottom: 1rem; padding-top: 1rem } .tb-tnx-item:not(:last-child) { border-bottom: 1px solid #f1e8e4 } .tb-tnx-amount { text-align: right; width: 110px } .tb-tnx-head th:first-child, .tb-tnx-id { flex-grow: 0 !important; min-width: 85px; padding-right: .25rem !important } .tb-tnx-info { width: 45% } .tb-tnx-date .date { font-size: 12px } .tb-tnx-date .date + .date { padding-left: .5rem } .tb-tnx-action:last-child { align-items: center; display: inline-flex; flex-grow: 0; padding-left: .5rem } } @media (max-width: 575px) { .tb-tnx-item { font-size: 13px } .tb-tnx-id { width: 100% } .tb-tnx-id + td { padding-left: 1.25rem } .tb-tnx-info { width: 65% } .tb-tnx-amount:last-child { width: 25% } .tb-tnx-amount:not(:last-child) { display: none } .tb-tnx-amount.is-alt { display: inline-flex; position: absolute; right: 1.25rem; width: auto } .tb-tnx-amount.is-alt .tb-tnx-total { order: 5; padding-left: 1.25rem } } @media (min-width: 768px) { .tb-tnx-date, .tb-tnx-desc, .tb-tnx-status, .tb-tnx-total { display: inline-block; vertical-align: middle } .tb-tnx-date, .tb-tnx-desc { width: calc(50% - 4px) } .tb-tnx-total { width: calc(60% - 4px) } .tb-tnx-status { width: calc(40% - 4px) } .tb-tnx-amount { width: 25% } .tb-tnx-date .date, .tb-tnx-date > span > span { display: inline-block; width: calc(50% - 4px) } .tb-tnx-date .date + .date, .tb-tnx-date > span > span + span { padding-left: .75rem } } .tb-odr-item { font-size: 14px } .tb-odr-item td { padding: 1rem .25rem; vertical-align: middle } .tb-odr-id, .tb-odr-total { display: block } .tb-odr-item .tb-odr-id, .tb-odr-item .tb-odr-total { font-weight: 500 } .tb-odr-id a { display: block } .tb-odr-id span { font-weight: 500 } .tb-odr-item .tb-odr-total { color: #364a63 } .tb-odr-head .tb-odr-item .tb-odr-total { color: inherit } .tb-odr-item .tb-odr-date { color: #e4e4e4 } .tb-odr-head .tb-odr-item .tb-odr-date { color: inherit } .tb-odr-action > .btn, .tb-odr-action > div { vertical-align: middle } .tb-odr-action:last-child { padding-left: 1.25rem; text-align: right } .tb-odr-btns .btn + .btn { margin-left: .5rem } .tb-odr-id { min-width: 90px } .tb-odr-head { background: #f5f6fa } .tb-odr-head th { color: #e4e4e4; font-size: 12px; font-weight: 700; letter-spacing: .12em; padding: .625rem .25rem; text-transform: uppercase } @media (max-width: 767px) { .tb-odr-item { display: flex } .tb-odr-item td, .tb-odr-item th { flex-grow: 1 } .tb-odr-amount { text-align: right } } @media (max-width: 575px) { .tb-odr-item { font-size: 13px } .tb-odr-amount { width: 24% } .tb-odr-info { width: 44% } .tb-odr-action { min-width: auto; width: 2rem } .tb-odr-item .tb-odr-action { padding-left: .5rem } } @media (min-width: 768px) { .tb-odr-info { min-width: 55% } .tb-odr-amount { width: 30% } .tb-odr-total { min-width: 100px } .tb-odr-id, .tb-odr-total { display: inline-block } .tb-odr-id + span, .tb-odr-total + span { padding-left: 1rem } .tb-odr-btns + .btn, .tb-odr-btns + .dropdown { margin-left: .75rem } } @media (min-width: 992px) { .tb-odr-id { min-width: 120px } .tb-odr-total { min-width: 50% } } .tb-ftr-head th { padding-bottom: .75rem; padding-top: .75rem } .table .tb-ftr-head th { color: #e4e4e4; font-size: 12px; letter-spacing: .12em; line-height: 1.5; text-transform: uppercase } .tb-ftr-item td { border-top: 0 } .tb-ftr-info { font-weight: 500; width: 60% } .tb-ftr-plan { text-align: center } .tb-ftr-plan .plan-name { display: none } .tb-ftr-plan .icon { color: var(--main-color) } @media (max-width: 575px) { .tb-ftr-item { border-top: 1px solid #f1e8e4; display: flex; flex-wrap: wrap; padding: .75rem 1.25rem } .tb-ftr-head .tb-ftr-item { padding: 0 } .tb-ftr-item:first-child { border-top: 0 } .table .tb-ftr-item td { padding: .25rem 0 } .table .tb-ftr-item .tb-ftr-plan { padding-right: 1.25rem } .tb-ftr-info { width: 100% } .tb-ftr-plan .icon { font-size: 1rem; margin-right: .25rem; vertical-align: middle } .tb-ftr-plan .plan-name { display: inline; font-size: 12px; line-height: 1.3; vertical-align: middle } .tb-ftr-head .tb-ftr-plan { display: none } } @media (min-width: 575px) { .tb-ftr-item:first-child td { padding-top: 1.25rem } .tb-ftr-item:last-child td { padding-bottom: 1.25rem } } .is-compact .tb-odr-item td, .is-compact .tb-tnx-item td { padding-bottom: .4rem; padding-top: .4rem } @media (max-width: 767px) { .is-compact .tb-odr-item, .is-compact .tb-tnx-item { padding-bottom: .5rem; padding-top: .5rem } .is-compact .tb-odr-item td, .is-compact .tb-tnx-item td { padding-bottom: 0; padding-top: 0 } } .nk-tb-list { color: #e4e4e4; display: table; font-size: 13px; width: 100% } .nk-tb-list.is-alt { color: #666 } .nk-tb-list .list-status, .nk-tb-list .tb-status { font-size: 12px; font-weight: 500 } .nk-tb-list .tb-amount, .nk-tb-list .tb-lead { color: #364a63; display: block; font-weight: 500; line-height: 1.4 } .nk-tb-list .tb-amount-sub, .nk-tb-list .tb-lead-sub { color: #666; display: block; line-height: 1.4 } .nk-tb-list .tb-amount-sm, .nk-tb-list .tb-sub { font-size: .9em } .nk-tb-list .tb-amount .currency, .nk-tb-list .tb-amount span { color: #666; font-weight: 400 } .nk-tb-list .tb-lead + .tb-date, .nk-tb-list .user-info .tb-lead + span { font-size: 11px } .nk-tb-list .tb-country { align-items: center; display: flex } .nk-tb-list .tb-country .name { color: #364a63 } .nk-tb-list .tb-country .flag { border-radius: 3px; height: 16px } .nk-tb-list .tb-country .flag + .name { margin-left: .6875rem } .nk-tb-list .tb-product { align-items: center; display: flex } .nk-tb-list .tb-product .thumb { border-radius: 4px; margin-right: 1rem; width: 48px } .nk-tb-list .tb-product .title { color: #364a63; font-size: .875rem; font-weight: 700 } .nk-tb-list .tb-asterisk { font-size: 1.125rem; line-height: 1; vertical-align: middle } .nk-tb-list .tb-asterisk a { color: var(--main-color) } .nk-tb-item { display: table-row; transition: background-color .3s, box-shadow .3s } .nk-tb-item:not(.nk-tb-head).seleted, .nk-tb-item:not(.nk-tb-head):hover { background: #f8f9fc; box-shadow: 0 0 10px -4px rgba(54, 74, 99, .2) } .nk-tb-col { display: table-cell; padding: 1rem .5rem; position: relative; vertical-align: middle } .nk-tb-col:first-child { padding-left: 1.25rem } .nk-tb-col:last-child { padding-right: 1.25rem } .nk-tb-col-tools { max-width: 3.75rem } .nk-tb-col-check { width: 3rem } .nk-tb-col-check .custom-control { vertical-align: middle } .nk-tb-head .nk-tb-col, .nk-tb-item:not(:last-child) .nk-tb-col { border-bottom: 1px solid #e8dfdb } .nk-tb-head .nk-tb-col { color: #e4e4e4; font-size: .9em; padding-bottom: .5rem; padding-top: .5rem } .nk-tb-col-action { text-align: right } .nk-tb-col-action > .dropdown:last-child { right: -.5rem } .nk-tb-col-nosort:after, .nk-tb-col-nosort:before { display: none !important } .nk-tb-actions { align-items: center; display: flex; justify-content: flex-end; position: relative } .nk-tb-actions-adj .nk-tb-actions, .nk-tb-ulist .nk-tb-actions { right: -.5rem } .nk-tb-actions.visible1 { width: 1rem } .nk-tb-action-hidden { opacity: 0; transition: .3s ease } .nk-tb-item:hover .nk-tb-action-hidden { background: #f8f9fc; opacity: 1 } .nk-tb-list .nk-tb-head .btn-trigger .icon { font-size: 1.5em } .nk-tb-list.is-separate { border-collapse: separate; border-spacing: 0 8px; margin-top: -8px } .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col { background: #fff; border: none; box-shadow: 0 1px 3px 0 rgba(54, 74, 99, .05) } .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col:first-child { border-radius: 4px 0 0 4px } .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col:last-child { border-radius: 0 4px 4px 0 } .nk-tb-list.is-separate .nk-tb-item:hover .nk-tb-action-hidden { background: #fff } .nk-tb-list.is-separate .nk-tb-head .nk-tb-col { padding-bottom: .75rem; padding-top: .75rem } @media (min-width: 576px) { .nk-tb-col-check { width: 3.25rem } .nk-tb-item .nk-tb-col:first-child { padding-left: 1.5rem } .nk-tb-item .nk-tb-col:last-child { padding-right: 1.5rem } } @media (min-width: 1540px) { .nk-tb-list { font-size: 14px } .nk-tb-list .list-status, .nk-tb-list .tb-status { font-size: 13px } .nk-tb-list .tb-lead + .tb-date, .nk-tb-list .user-info .tb-lead + span { font-size: 12px } } .is-loose .nk-tb-item:not(.nk-tb-head) .nk-tb-col { padding-bottom: 1.125rem; padding-top: 1.125rem } .is-medium .nk-tb-item:not(.nk-tb-head) .nk-tb-col { padding-bottom: .75rem; padding-top: .75rem } .is-compact .nk-tb-item:not(.nk-tb-head) .nk-tb-col { padding-bottom: .5rem; padding-top: .5rem } .card-full .nk-wg1 { height: 100% } .card-full .nk-wg1, .nk-wg1-block { display: flex; flex-direction: column } .nk-wg1-block { align-items: flex-start; padding: 1.25rem } .nk-wg1-img { flex-shrink: 0; margin-bottom: 1.5rem; margin-right: 0; padding: .125rem; text-align: center; width: 84px } .nk-wg1-text { color: #e4e4e4 } .nk-wg1-action { border-top: 1px solid #f1e8e4; margin-top: auto } .nk-wg1-action .link { display: block; line-height: 1.3; padding: 1.25rem 2.5rem 1.25rem 1.25rem; position: relative; white-space: inherit } .nk-wg1-action .link:hover { background-color: #f5f6fa } .nk-wg1-action .link .icon { margin-right: -.25rem; margin-top: -1px; position: absolute; right: 1.25rem } .nk-wg1-action .link-inline { display: inline-block; padding-right: .25rem } .nk-wg1-action .link-inline .icon { margin-right: 0; padding-left: .25rem; position: static } @media (min-width: 576px) { .nk-wg1-block { padding: 1.5rem } .nk-wg1-action .link { padding: 1.5rem 2.75rem 1.5rem 1.5rem } .nk-wg1-action .link-inline { padding-right: .25rem } } @media (min-width: 1200px) { .nk-wg1-img { margin-bottom: 0; margin-right: 1.5rem } .nk-wg1-block { align-items: center; flex-direction: row; padding-bottom: 2rem; padding-top: 2rem } } .nk-help { align-items: center; display: flex; flex-wrap: wrap } .nk-help-img { flex-shrink: 0; margin-bottom: 1.5rem; margin-right: 0; padding: .125rem; text-align: center; width: 120px } .text-center .nk-help-img { margin-left: auto; margin-right: auto } .nk-help-action { flex-shrink: 0; margin-bottom: .125rem; margin-top: 1.5rem; width: 100% } @media (min-width: 768px) { .nk-help { flex-wrap: nowrap } .nk-help-img { margin-bottom: 0; margin-right: 1.5rem } .card-inner-lg .nk-help-img { margin-left: -.5rem } .nk-help-text { flex-grow: 1; padding: .5rem 1rem .5rem .5rem } .nk-help-action { margin-top: 0; padding-left: 1.5rem; width: auto } } .card-full .nk-help-plain { display: flex; flex-direction: column; height: 100% } .nk-help-plain .nk-help-img { margin-bottom: 1.25rem } .nk-help-plain .nk-help-text { padding: 0 } .nk-help-plain .nk-help-text:not(:last-child) { margin-bottom: 1.5rem } .nk-help-plain .nk-help-action { margin-top: auto; padding: 0 } .nk-cta, .nk-cta-block { align-items: center; display: flex } .nk-cta-block { flex-grow: 1 } .nk-cta-img { flex-shrink: 0 } .nk-cta-img .icon { font-size: 1rem; height: 2.25rem; width: 2.25rem } .nk-cta-text { flex-grow: 1; font-family: Nunito, sans-serif; font-size: .9375rem; font-weight: 700; line-height: 1.5; padding: .25rem 1.5rem .25rem 1.25rem } .nk-cta-action { flex-shrink: 0; margin-left: auto } @media (max-width: 459px) { .nk-cta { flex-wrap: wrap } .nk-cta-text { font-size: .875rem; padding-right: 0 } .nk-cta-action { flex-shrink: 1; margin: 1rem 0 .5rem 3.5rem; width: 100% } } .nk-cta-plain .nk-cta-block { display: block } .nk-cta-plain .nk-cta-img { margin-bottom: 1rem } .nk-cta-plain .nk-cta-text { font-weight: 400; padding: .25rem 0 } .nk-cta-plain .nk-cta-action { margin-top: 1.25em } .nk-kyc-app-icon { margin-bottom: 2rem } .nk-kyc-app-icon .icon { align-items: center; border: 2px solid #e8dfdb; border-radius: 50%; color: #e4e4e4; display: inline-flex; font-size: 36px; height: 80px; justify-content: center; width: 80px } .nk-kyc-app-text:not(:last-child) { margin-bottom: 2rem } .nk-kycfm-head { align-items: center; display: flex } .nk-kycfm-content, .nk-kycfm-footer, .nk-kycfm-head { padding: 1.5rem } .nk-kycfm-content:not(:last-child), .nk-kycfm-footer:not(:last-child), .nk-kycfm-head:not(:last-child) { border-bottom: 1px solid #f1e8e4 } .nk-kycfm-count { align-items: center; border: 2px solid #e8dfdb; border-radius: 50%; color: #666; display: inline-flex; flex-shrink: 0; font-size: 16px; height: 44px; justify-content: center; margin-right: 1rem; width: 44px } .nk-kycfm-title .title { margin: .25rem 0 } .nk-kycfm-content .title { margin-bottom: .75rem } .nk-kycfm-note { color: #e4e4e4; display: flex } .nk-kycfm-note:not(:last-child) { margin-bottom: 1rem } .nk-kycfm-note .icon { font-size: .875rem; line-height: 1.65; margin-right: .5rem } .nk-kycfm-label { align-items: center; border: 2px solid #f1e8e4; border-radius: 4px; cursor: pointer; display: flex; font-size: 13px; font-weight: 500; letter-spacing: -.01rem; line-height: 1.3; margin-bottom: 0; padding: .5rem 2.875rem .5rem 1rem; transition: all .3s } .nk-kycfm-label:after { align-items: center; background: var(--main-color); border-radius: 50%; color: #fff; content: ""; display: flex; font-family: Nioicon; font-size: 12px; height: 20px; justify-content: center; line-height: 20px; opacity: 0; position: absolute; right: 1.375rem; top: 50%; transform: translateY(-50%); transition: opacity .3s; width: 20px } .nk-kycfm-label-icon { align-items: center; display: flex; flex-shrink: 0; margin-right: 12px; position: relative; width: 34px } .nk-kycfm-label-icon .label-icon { color: #e4e4e4; height: 28px; transition: all .3s; width: 100% } .nk-kycfm-control { height: 1px; opacity: 0; position: absolute; width: 1px } .nk-kycfm-control-list { display: flex; flex-wrap: wrap } .nk-kycfm-control-list + * { margin-top: 1.25rem } .nk-kycfm-control-item { flex-grow: 1; position: relative } .nk-kycfm-control:checked ~ .nk-kycfm-label { border-color: var(--main-color) } .nk-kycfm-control:checked ~ .nk-kycfm-label:after { opacity: 1 } .nk-kycfm-control:checked ~ .nk-kycfm-label .label-icon { color: var(--main-color) } .nk-kycfm-upload:not(:first-child) { margin-top: 1.5rem } @media (min-width: 576px) { .nk-kycfm-content, .nk-kycfm-footer, .nk-kycfm-head { padding: 1.5rem 2.25rem } .nk-kycfm-content { padding-bottom: 1.75rem } .nk-kycfm-footer { padding: 2.25rem } } .nk-sale-data { flex-shrink: 0 } .nk-sale-data-group { display: flex; flex-wrap: wrap } .nk-sale-data .amount { color: #364a63; display: block; font-size: 1.75rem } .nk-sale-data .amount .change { font-size: .875rem } .nk-sale-data .amount.sm { color: #e4e4e4; font-size: 1.125rem } .nk-sale-data .sub-title { color: #e4e4e4; font-size: 12px } .nk-sale-data .sub-title .change { margin-right: .5rem } .nk-sales-ck { flex-grow: 1; height: 80px } .nk-sales-ck.large { height: 184px } @media (min-width: 1200px) { .nk-sales-ck.sales-revenue { height: 164px } } .nk-activity-item { align-items: center; display: flex; padding: 1.25rem } .nk-activity-item:not(:last-child) { border-bottom: 1px solid #f1e8e4 } .nk-activity-data { margin-left: 1rem } .nk-activity-data .time { color: #e4e4e4; display: block; font-size: 12px; line-height: 1.3 } @media (min-width: 576px) { .nk-activity-item { display: flex; padding: 1rem 1.5rem } } .nk-support-item { display: flex; padding: 1.25rem } .nk-support-item:not(:last-child) { border-bottom: 1px solid #f1e8e4 } .nk-support-content { flex-grow: 1; margin-left: 1rem } .nk-support-content .title { align-items: center; color: #364a63; display: flex; font-size: .875rem; font-weight: 700; justify-content: space-between } .nk-support-content p { margin-bottom: 0; margin-top: .25rem } .nk-support-content .time { color: #e4e4e4; display: block; font-size: 12px } @media (min-width: 576px) { .nk-support-item { display: flex; padding: 1.25rem 1.5rem } } .device-status { display: flex; flex-direction: column; padding-top: 1rem } .device-status-ck { height: 200px; margin: auto 0 } .device-status-group { display: flex; justify-content: space-between; margin: auto; max-width: 100%; padding-top: 1.75rem; width: 280px } .device-status-data > .icon { font-size: 1.5rem } .device-status-data .title { color: #e4e4e4; font-size: 12px; margin-bottom: .5rem } .device-status-data .amount { color: #364a63; font-size: 1.125rem; font-weight: 500 } .device-status-data .change { margin-left: -.125rem } .traffic-channel { margin-top: 1rem } .traffic-channel-ck { height: 44px; margin-bottom: -4px; margin-top: -4px; width: 130px } .traffic-channel-doughnut-ck { height: 160px } .traffic-channel-group { display: flex; flex-wrap: wrap; margin-left: auto !important; margin-right: auto !important; max-width: 100%; padding-top: 1.75rem; width: 320px } .traffic-channel-data { width: 50% } .traffic-channel-data .title { align-items: center; color: #e4e4e4; display: flex; font-size: 12px } .traffic-channel-data .title .dot { margin-right: .5rem } .traffic-channel-data .amount { color: #364a63; font-size: 1.125rem; margin-left: 1.25rem } .traffic-channel-data .amount small { color: #e4e4e4; font-size: 12px } @media (max-width: 575.98px) { .traffic-channel-ck { width: 100% } .traffic-channel-table .nk-tb-item { border-bottom: 1px solid #f1e8e4; display: flex; flex-wrap: wrap; padding: 1.125rem 0 } .traffic-channel-table .nk-tb-col { border-bottom: none !important; padding-bottom: 0 !important; padding-top: 0 !important } .traffic-channel-table .nk-tb-channel { width: 50% } .traffic-channel-table .nk-tb-sessions { width: 25% } .traffic-channel-table .nk-tb-prev-sessions { display: none } .traffic-channel-table .nk-tb-change { width: 25% } .traffic-channel-table .nk-tb-trend { padding-left: 1.25rem; width: 100% } } @media (min-width: 1540px) and (max-width: 1800px) { .traffic-channel-data .amount { font-size: 1rem } } .analytic-data-group { display: flex; flex-wrap: wrap } .analytic-data .title { color: #e4e4e4; font-size: 12px; font-weight: 500; margin-bottom: .375rem } .analytic-data .title span { font-weight: 400 } .analytic-data .amount { color: #364a63; font-size: 1.5rem; line-height: 1.2; margin-bottom: .25rem } .analytic-data .amount-sm { font-size: 1.125rem } .analytic-data .change { font-size: 13px; margin-left: -.125rem } .analytic-data .subtitle { color: #e4e4e4; font-size: 12px } @media (min-width: 1540px) and (max-width: 1800px) { .analytic-data .amount { font-size: 1.25rem; line-height: 1.75rem } .analytic-data .amount-sm { font-size: 1.125rem } } .analytic-ov-data { width: 50% } .analytic-ov-ck { height: 175px; margin-top: 2rem } @media (min-width: 480px) { .analytic-ov-data { width: 25% } } .analytic-au-data { width: 33.3333% } .analytic-au-ck { height: 170px; margin-top: 2.25rem } .analytic-wp-data { align-items: flex-end; display: flex; justify-content: space-between } .analytic-wp-ck { height: 36px } .analytic-wp-graph { margin-bottom: .125rem; margin-top: .125rem; width: 150px } .analytic-wp-graph .title { margin-bottom: 0 } .analytic-wp-text { margin-left: .5rem; text-align: right } @media (min-width: 420px) and (max-width: 767px) { .analytic-wp-graph { width: 60% } } @media (min-width: 1540px) and (max-width: 1800px) { .analytic-wp-graph { width: 120px } } .chart-label { color: #e4e4e4; font-size: 12px } .chart-label-group { display: flex; justify-content: space-between; margin-top: .5rem } .analytics-map .vector-map { height: 160px; margin: 1rem 0 } .analytics-map-data { font-size: .875rem } .analytics-map-data td { padding: .25rem 0 } .analytics-map-data .country { color: #e4e4e4 } .analytics-map-data .amount { color: #364a63; text-align: right } .analytics-map-data .percent { color: #e4e4e4; text-align: right } .analytics-map-data-list { margin-bottom: -.25rem; width: 100% } .card-title .subtitle { color: #e4e4e4; font-size: 13px; font-weight: 500 } .card-amount { align-items: baseline; display: flex } .card-amount .change { margin-left: .5rem } .card-amount .amount { color: #364a63; font-size: 1.5rem } .card-amount .amount span { color: #666 } @media (min-width: 768px) and (max-width: 991.98px) { .card-amount .amount { font-size: 1rem; font-weight: 500 } .card-amount .amount span { font-weight: 400 } .card-amount .change { font-size: 12px } } .card-inner .nav-tabs-card { margin-left: -1.25rem; margin-right: -1.25rem } @media (min-width: 576px) { .card-inner .nav-tabs-card { margin-left: -1.5rem; margin-right: -1.5rem } } .nav-tabs-xs .nav-link { font-size: 13px; font-weight: 500; padding: .75rem 0 } @media (min-width: 768px) { .nav-tabs-xs .nav-item { padding-right: 1.25rem } } @media (min-width: 992px) { .nav-tabs-sm .nav-item { padding-right: 1.25rem } } @media (min-width: 1200px) { .nav-tabs-sm .nav-item { padding-right: 1.25rem } } .sp-plan-name { color: #e4e4e4; font-size: 13px } .sp-plan-name .badge { margin-left: .5rem } .sp-plan-opt { width: 100% } .sp-plan-opt label { font-size: 12px; font-weight: 500 } .sp-plan-desc { border-top: 1px solid #f1e8e4; margin-bottom: -.5rem; padding-top: 1rem } .sp-plan-desc li { font-weight: 500; padding: .375rem 0 } .sp-plan-desc p > span { display: block; font-weight: 400 } .sp-plan-action { background: #f5f6fa; border-radius: 0 0 4px 4px; border-top: 1px solid #e8dfdb } .sp-plan-note { color: #e4e4e4; font-size: 12px; font-style: italic; margin-top: .75rem } .sp-plan-note span { color: #666 } .sp-plan-head-group { display: flex; justify-content: space-between } .sp-plan-head-group + .sp-plan-payopt { margin-top: .75rem } .sp-plan-head + .sp-plan-desc { border-top: 0; margin-bottom: 0; padding-top: .5rem } .sp-plan-head .title { line-height: 1.3 } .sp-plan-head .title + span { font-size: 13px } .sp-plan-amount { color: #364a63; flex-shrink: 0; font-size: .875rem; font-weight: 500; line-height: 1.3; text-align: right } .sp-plan-status { display: inline-block; font-size: 12px; padding-right: .5rem; text-align: left; width: 55px } .sp-plan-link { margin: -.5rem 0; position: relative } .sp-plan-link .link { display: block; padding: .5rem 1.5rem .5rem 0 } .sp-plan-link .link > span { align-items: center; display: inline-flex } .sp-plan-link .link > span .icon { font-size: 1.5rem; padding-right: .75rem } .sp-plan-link .link > .icon { font-size: 1rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%) } @media (min-width: 414px) { .sp-plan-action { align-items: center; display: flex; justify-content: space-between } .sp-plan-note { margin-top: 0 } .sp-plan-amount { font-size: 1rem } .sp-plan-status { font-size: 13px } } @media (min-width: 768px) { .sp-plan-head + .sp-plan-desc { padding-top: 1rem } .sp-plan-desc { border-top: 0; margin-top: -.5rem; padding-top: 0 } .sp-plan-action { align-items: center; border-left: 1px solid #e8dfdb; border-radius: 0 4px 4px 0; border-top: 0; flex-direction: column; flex-wrap: wrap; height: 100%; justify-content: center } .sp-plan-note { font-size: 13px; margin-top: .75rem } } @media (max-width: 575.98px) { .sp-plan-desc-mb p { text-align: right } .sp-plan-desc-mb p > span { display: inline-block; float: left; text-align: left; width: 45% } } .cc-pay .title { color: #666; font-family: Roboto, sans-serif; font-size: .875rem } .cc-pay-method { display: flex; flex-direction: column; justify-content: flex-start } .cc-pay-btn { margin-top: 1.25rem } .cc-pay-dd > .btn { font-family: Roboto, sans-serif; font-size: 1rem; font-weight: 400; width: 100% } .cc-pay-dd > .btn span { letter-spacing: .08em } .cc-pay-dd > .btn .icon { font-size: 1.5rem; margin-left: -.25rem; margin-right: .25rem } .cc-pay-dd .dropdown-toggle:after { margin-right: -.25rem; padding-left: .5rem; position: absolute; right: 1rem } .cc-pay-dd .btn + .dropdown-menu { margin-top: -2.25rem } .cc-pay-dd .btn-group-lg > .btn + .dropdown-menu, .cc-pay-dd .btn-lg + .dropdown-menu { margin-top: -2.75rem } .cc-pay-star { display: inline-block; line-height: 1; padding-top: .125rem; vertical-align: middle } .cc-pay-item { padding: .75rem 1.25rem !important } .cc-pay-item-icon { display: inline-block; flex-shrink: 0; font-size: 1.5rem; margin-right: .5rem; width: 2rem } .cc-pay-item-name { display: flex; flex-direction: column; flex-grow: 1 } .cc-pay-item-method { font-size: 14px; font-weight: 500; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .cc-pay-item-method-new { color: var(--main-color); font-weight: 500 } .cc-pay-item-meta { color: #e4e4e4; font-size: 12px; font-style: italic; font-weight: 400 } @media (min-width: 768px) { .cc-pay-dd { margin-right: 1rem; min-width: 280px } .cc-pay-method { flex-direction: row } .cc-pay-btn { margin-top: 0 } } .sp-package-plan { margin-bottom: 1.5rem; margin-top: 2.5rem } .sp-package-item:not(:last-child) { margin-bottom: 1.25rem } .sp-package-choose { height: 1px; opacity: 0; position: absolute; width: 1px } .sp-package-choose ~ label { border-width: 2px; cursor: pointer; margin-bottom: 0; position: relative; transition: border-color .4s } .sp-package-choose ~ label:after, .sp-package-choose ~ label:before { border-radius: 50%; height: 22px; position: absolute; right: 1.25rem; top: 1.25rem; width: 22px } .sp-package-choose ~ label:before { border: 2px solid #e8dfdb; content: "" } .sp-package-choose ~ label:after { background: var(--main-color); color: #fff; content: ""; font-family: Nioicon; font-size: 12px; line-height: 22px; opacity: 0; text-align: center; transition: opacity .4s } .sp-package-choose:checked ~ label { border-color: var(--main-color) } .sp-package-choose:checked ~ label:after { opacity: 1 } .sp-package-desc { border: 1px solid #e8dfdb; border-radius: 4px; display: flex; flex-direction: column; justify-content: space-between; text-align: left } .sp-package-desc .badge { margin-left: .5rem; vertical-align: middle } .sp-package-title { color: #364a63; display: block; font-size: 1.15rem; font-weight: 500 } .sp-package-detail { color: #e4e4e4 } .sp-package-action { margin-top: 1.5rem } .sp-package-action .btn, .sp-package-action .link { margin: 0 .75rem } .sp-package-info, .sp-package-price { padding: 1.25rem } .sp-package-price { background: #f5f6fa; border-radius: 0 0 4px 4px; border-top: 1px solid #f1e8e4; min-width: 185px; text-align: left } .sp-package-amount { font-size: 13px; font-weight: 500; line-height: 1.1 } .sp-package-amount .amount { display: block; font-size: 1.75rem } .sp-package-amount .amount + span { display: block; margin-top: .5rem } @media (min-width: 992px) { .sp-package-desc { flex-direction: row; padding-left: 2.75rem; text-align: left } .sp-package-info, .sp-package-price { padding: 1.5rem 1.25rem } .sp-package-info { flex-grow: 1 } .sp-package-price { border-left: 1px solid #f1e8e4; border-radius: 0 4px 4px 0; border-top: 0; text-align: center } .sp-package-choose ~ label:after, .sp-package-choose ~ label:before { left: 1.25rem; right: auto; top: 50%; transform: translateY(-50%) } } .sp-pdl-item { align-items: center; background: #fff; border: 1px solid #e8dfdb; border-radius: 4px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 1rem 1.25rem; width: 100% } .sp-pdl-item:not(:last-child) { margin-bottom: 1rem } .sp-pdl-btn { padding-left: 2.75rem } .sp-pdl-desc { display: flex; flex-grow: 1 } .sp-pdl-info { margin-top: .35rem } .sp-pdl-title { font-size: 1rem; line-height: 1.2 } .sp-pdl-img { flex-shrink: 0; margin-right: 1rem; width: 1.75rem } .sp-pdl-meta .release, .sp-pdl-meta .version { display: block; line-height: 1.2; padding: .25rem 0 } .sp-pdl-title .badge { margin-left: 1rem } @media (min-width: 768px) { .sp-pdl-img { margin-right: 1.5rem; width: 2.5rem } .sp-pdl-desc { align-items: center } .sp-pdl-item { padding: 1rem 1.5rem } .sp-pdl-meta .release, .sp-pdl-meta .version { display: inline-block; padding-right: 1.5rem } } @media (max-width: 459px) { .sp-pdl-desc { padding-left: 2.75rem; width: 100% } .sp-pdl-img { margin-left: -2.75rem; position: absolute } .sp-pdl-btn { margin: 1rem 0 .5rem } } .invoice { position: relative } .invoice-wrap { background: #fff; border: 1px solid #e8dfdb; border-radius: 4px; padding: 1.25rem } .invoice-action { position: absolute; right: 1.25rem; top: 1.25rem } .invoice-brand { padding-bottom: 1.5rem } .invoice-brand img { max-height: 60px } .invoice-bills { font-size: 12px } .invoice-bills .table { min-width: 580px } .invoice-bills .table th { border-top: 0; color: var(--main-color); font-size: 12px; text-transform: uppercase } .invoice-bills .table td:last-child, .invoice-bills .table th:last-child { text-align: right } .invoice-bills .table tfoot { border-top: 1px solid #e8dfdb } .invoice-bills .table tfoot td { border-top: 0; padding-bottom: .25rem; padding-top: .25rem; white-space: nowrap } .invoice-bills .table tfoot tr:first-child td:not(:first-child), .invoice-bills .table tfoot tr:last-child td:not(:first-child) { font-weight: 500; padding-bottom: .25rem; padding-top: 1.25rem } .invoice-bills .table tfoot tr:last-child td:not(:first-child) { border-top: 1px solid #e8dfdb; padding-bottom: .25rem; padding-top: .25rem } .invoice-head { display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 1.5rem } .invoice-desc { padding-top: 1.5rem; width: 210px } .invoice-desc .title { color: var(--main-color); text-transform: uppercase } .invoice-desc ul li { padding: .25rem 0 } .invoice-desc ul span { color: #666; font-size: 13px; font-weight: 500 } .invoice-desc ul span:first-child { color: #e4e4e4; display: inline-block; letter-spacing: 1px; min-width: 90px; text-transform: uppercase } .invoice-desc ul span:last-child { padding-left: .75rem } .invoice-contact .title { margin-bottom: 1rem } .invoice-contact ul li { line-height: 1.3; padding: .5rem 0 } .invoice-contact ul li:first-child { padding-top: 0 } .invoice-contact ul li:last-child { padding-bottom: 0 } .invoice-contact ul .icon { color: var(--main-color); display: inline-block; font-size: 1.1em; line-height: 1.3; margin-right: .5rem; margin-top: -2px; vertical-align: top } .invoice-contact ul .icon + span { color: #e4e4e4; display: inline-block; vertical-align: top } .invoice-print { margin: 2rem auto; max-width: 940px } .invoice-print .invoice-wrap { border: none !important; padding: 0 } @media (min-width: 768px) { .invoice-wrap { padding: 3rem } .invoice-head { flex-direction: row } .invoice-desc { padding-top: 0 } .invoice-bills { font-size: .875rem } } .support-topic-item:not(:first-child) { margin-top: 28px } .support-topic-block { align-items: center; display: flex } .card-bordevar(--main-color) .support-topic-block { border-radius: 4px } .support-topic-block:link:hover { background: #f5f6fa } .support-topic-media { flex-shrink: 0; margin-right: 1.5rem; width: 90px } .support-topic-context { color: #666; flex-grow: 1 } .support-topic-count { color: var(--main-color); font-size: 12px; margin-top: .75rem } .support-topic-action { margin-left: auto; padding-left: 1rem } .support-topic-action .icon { color: #e4e4e4; font-size: 1.5rem } .support-topic-title { color: #364a63 } .support-topic-title-sub { color: #e4e4e4; margin-bottom: .25rem } .support-topic-details h2, .support-topic-details h3 { font-weight: 400 } .support-topic-details h3, .support-topic-details h4 { color: var(--main-color) } .support-topic-details h3:first-child, .support-topic-details h4:first-child { margin-bottom: 1.5rem } .support-topic-meta { align-items: center; border-top: 1px solid #f1e8e4; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1.5rem -.5rem 0; padding-top: 1rem } .support-topic-meta > div { padding: .5rem } @media (max-width: 479px) { .support-topic-block { align-items: flex-start; flex-direction: column } .support-topic-media { margin-bottom: 1.5rem; width: 60px } .support-topic-context { font-size: 12px } .support-topic-action { display: none } } @media (max-width: 359px) { .support-topic-react { margin-top: .5rem } } .support-queue-item { padding-bottom: 1.25rem; padding-top: 1.25rem } .support-queue-item:not(:first-child) { border-top: 1px solid #e8dfdb } .card-bordevar(--main-color) .support-queue-item { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem } .card-bordevar(--main-color) .support-queue-item:first-child { padding-top: 0 } .card-bordevar(--main-color) .support-queue-item:last-child { padding-bottom: 0 } .support-queue-link { align-items: center; display: flex } .support-queue-media { flex-shrink: 0; margin-right: 1rem; width: 36px } .support-queue-body { align-items: center; display: flex; flex-grow: 1 } .support-queue-context { color: #e4e4e4 } .support-queue-context .title { font-size: .875rem; line-height: 1.5; margin-bottom: 0 } .support-queue-desc { display: none; max-width: 420px } .support-queue-update { color: #e4e4e4; flex-shrink: 0; font-size: 12px; margin-left: auto; padding-left: 1.5rem } @media (max-width: 991.98px) { .support-queue-body { align-items: flex-start; flex-direction: column } .support-queue-context { width: 100% } .support-queue-update { margin-left: 0; margin-top: .25rem; padding-left: 0 } } @media (min-width: 576px) { .card-bordevar(--main-color) .support-queue-item { margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem } } @media (min-width: 768px) { .support-queue-link { flex-wrap: nowrap } .support-queue-media { margin-right: 1.25rem } .support-queue-context .title { font-size: .9375rem; margin-bottom: .375rem } .support-queue-desc { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } } @media (min-width: 1200px) { .support-queue-desc { max-width: 620px } } .table-tickets { color: #e4e4e4; font-size: 13px } .tb-ticket-item td, .tb-ticket-item th { vertical-align: middle } .tb-ticket-item td { padding-bottom: .75rem; padding-top: .75rem } .tb-ticket-item td.tb-ticket-desc { color: #666; font-size: .875rem } .tb-ticket-item td.tb-ticket-id { font-size: .875rem } .tb-ticket-item.is-unread { background: #f5f6fa } .tb-ticket-item.is-unread .title { color: #364a63; font-weight: 500 } .tb-ticket-item .date, .tb-ticket-item .date-last { white-space: nowrap } .tb-ticket-item .title { display: inline-block; max-width: 220px; padding-right: 1rem; vertical-align: middle } .tb-ticket-id { color: var(--main-color); font-weight: 500; width: 120px } .tb-ticket-desc a, .tb-ticket-id a { color: inherit; display: block; padding: .25rem 0 } .tb-ticket-date, .tb-ticket-seen, .tb-ticket-status { width: 115px } .tb-ticket-status { text-align: center } .tb-ticket-action { text-align: right } .tb-ticket-item .tb-ticket-action { height: 52px } .tb-ticket-title th { color: #e4e4e4; font-size: 12px; font-weight: 500; height: auto; letter-spacing: .1em; text-transform: uppercase } @media (min-width: 1200px) { .tb-ticket-item .title { max-width: 320px } } @media (max-width: 575.98px) { .table-tickets { font-size: 12px } .tb-ticket-item { align-items: center; display: flex; flex-wrap: wrap; padding: .5rem 1.25rem; position: relative } .tb-ticket-item td { border: 0; padding: 0 } .tb-ticket-item td:first-child, .tb-ticket-item td:last-child { padding: 0 } .tb-ticket-item td.tb-ticket-id { font-size: 14px } .tb-ticket-item td.tb-ticket-desc { font-size: 12px } .tb-ticket-item:not(:first-child) { border-top: 1px solid #e8dfdb } .tb-ticket-item .title { max-width: 360px } .tb-ticket-id { width: 100% } .tb-ticket-item .tb-ticket-id { margin-bottom: .125rem; margin-top: .25rem } .tb-ticket-desc { width: 78% } .tb-ticket-desc a, .tb-ticket-id a { padding: 0 } .tb-ticket-action { margin-left: auto } .tb-ticket-item .tb-ticket-action { height: auto } .tb-ticket-date, .tb-ticket-seen, .tb-ticket-status { width: auto } .tb-ticket-status { position: absolute; right: 1.25rem; text-align: right; top: .75rem; width: 90px } .tb-ticket-title { display: flex; position: relative } .tb-ticket-title th:not(:first-child):not(.tb-ticket-status) { display: none } .tb-ticket-title th.tb-ticket-status { padding-right: 0; top: 0 } .table .tb-ticket-title th.tb-ticket-status { border: 0 } } @media (max-width: 420px) { .tb-ticket-item .title { max-width: 270px } } @media (max-width: 374px) { .tb-ticket-item .title { max-width: 220px } } .ticket-info { align-items: center; display: flex; justify-content: space-between; margin-bottom: -.5rem } .ticket-status { padding-left: 1rem } .ticket-meta { color: #e4e4e4 } .ticket-meta li { display: inline-block; padding-right: 1rem } .ticket-meta strong { color: #666 } .ticket-meta .ticket-id strong { color: var(--main-color) } .ticket-msg-item .user-card .user-avatar { font-size: 14px; height: 40px; width: 40px } .ticket-msg-item:not(:first-child) { margin-top: 3rem } .ticket-msg-from { margin-bottom: 1.25rem } .ticket-msg-attach { margin-top: 2rem } .ticket-msg-attach .title { color: #e4e4e4; font-size: 12px; letter-spacing: .1em; text-transform: uppercase } .ticket-msg-attach-list { display: flex; flex-wrap: wrap; margin: -.375rem } .ticket-msg-attach-list li { margin: .375rem; position: relative; width: 72px } .ticket-msg-attach-list li img { border-radius: 4px } .ticket-msg-attach-list a { border-radius: 4px; display: block; position: relative; z-index: 1 } .ticket-msg-attach-list a:after { background: rgba(30, 30, 30, .4); border-radius: 4px; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .3s; z-index: 2 } .ticket-msg-attach-list a .icon { background: var(--main-color); border-radius: 4px; color: #fff; height: 2rem; left: 50%; line-height: 2rem; opacity: 0; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); transition: opacity .6s; width: 2rem; z-index: 3 } .ticket-msg-attach-list a:hover .icon, .ticket-msg-attach-list a:hover:after { opacity: 1 } .ticket-msg-reply { border-top: 1px solid #f1e8e4; margin-bottom: .5rem; margin-top: 3rem; padding-top: 2.5rem } .ticket-msg-reply textarea { height: 156px; padding: .75rem 1.5rem; resize: none } .ticket-msg-reply-action-list { align-items: center; display: inline-flex; margin: 0 -.35rem } .ticket-msg-reply-action-list li .icon { color: #666; font-size: 1.1rem; transition: color .4s } .ticket-msg-reply-action-list li .icon:hover { color: var(--main-color) } @media (min-width: 768px) { .ticket-msg-from { align-items: center; display: flex; justify-content: space-between } .ticket-msg-attach, .ticket-msg-comment, .ticket-msg-reply { margin-left: 56px } } @media (max-width: 767.98px) { .ticket-msg-from { border-bottom: 1px solid #f1e8e4; padding-bottom: 1rem } .card-bordevar(--main-color) .ticket-msg-reply { margin-left: -1.25rem; margin-right: -1.25rem; margin-top: 2rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem } .ticket-msg-item:not(:first-child) { border-top: 1px solid #e8dfdb; margin-top: 1.5rem; padding-top: 1.5rem } .card-bordevar(--main-color) .ticket-msg-item { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem } .ticket-msg-item .user-card + .ticket-msg-date { font-style: italic; margin-left: 56px } } .asterisk a { color: #e4e4e4; display: inline-flex; position: relative } .asterisk a.active, .asterisk a:hover { color: #ffa353 } .asterisk a.active .asterisk-on, .asterisk a:hover .asterisk-on { opacity: 1 } .asterisk a.active:hover .asterisk-on { opacity: 0 } .asterisk-on { color: #ffa353; left: 0; opacity: 0; position: absolute; transition: opacity .2s; z-index: 1 } .nk-reply { height: 100%; max-height: 100%; overflow: auto } .nk-reply-item { padding: 2rem 1.25rem } .nk-reply-item + .nk-reply-item { padding-top: 0 } .nk-reply-item > div:not(.nk-reply-header) { margin-left: 48px } .nk-reply-header { align-items: center; display: flex; justify-content: space-between; margin-bottom: .5rem } .nk-reply-header .user-name { font-size: .875rem; margin-left: 1rem } .nk-reply-header .user-name span { color: #e4e4e4; font-weight: 400 } .nk-reply-header .date-time { color: #e4e4e4; font-size: 12px } .nk-reply-entry.note { padding: 1.25rem } .nk-reply-entry.note, .nk-reply-from { background: #f5f6fa; border-radius: 4px } .nk-reply-from { display: inline-block; font-size: 13px; margin-top: 1.25rem; padding: .375rem .75rem } .nk-reply-meta { margin: 0 1.25rem; overflow: hidden; padding: 0 2rem; text-align: center } .nk-reply-meta-info { color: #e4e4e4; display: inline-block; font-size: 13px; line-height: 1.4; padding: 0 .75rem; position: relative } .nk-reply-meta-info .who, .nk-reply-meta-info span, .nk-reply-meta-info strong { color: #666 } .nk-reply-meta-info .whom { color: var(--main-color) } .nk-reply-meta-info:after, .nk-reply-meta-info:before { background: #f1e8e4; content: ""; height: 1px; position: absolute; top: 50%; width: 100vw } .nk-reply-meta-info:before { right: 100% } .nk-reply-meta-info:after { left: 100% } .nk-reply-form { border-top: 1px solid #f1e8e4 } .nk-reply-form-dropdown { margin-left: -.5rem; margin-right: .75rem } .nk-reply-form-header { border-bottom: 1px solid #f1e8e4; justify-content: space-between; padding: 0 1.25rem } .nk-reply-form-header, .nk-reply-form-title { align-items: center; display: flex } .nk-reply-form-title .title { color: #e4e4e4; margin-right: .75rem } .nk-reply-form-field { padding: .5rem 1.25rem } .nk-reply-form-field:not(:last-child) { border-bottom: 1px solid #f1e8e4 } .nk-reply-form-field .form-control { font-size: .875rem } .nk-reply-form-field textarea.form-control { min-height: 78px } .nk-reply-form-field textarea.form-control.ex-large { min-height: 160px } .nk-reply-form-field + .nk-reply-form-tools { border-top: 0 } .nk-reply-form-tools { border-top: 1px solid #f1e8e4; display: flex; justify-content: space-between; padding: 1.25rem } .nk-reply-form-actions { align-items: center; display: inline-flex } .nk-reply-form-options { display: inline-flex } .nk-reply-form-input { display: flex } .nk-reply-form-input .label { color: #e4e4e4; margin: .3rem .5rem .3rem 0; width: 1.25rem } .nk-reply-form-input-group { width: 100% } .nk-reply-form-input-bcc, .nk-reply-form-input-cc { display: none } .nk-reply-form-input-bcc.expanded, .nk-reply-form-input-cc.expanded { display: flex } .nk-reply-form-input .toggle-opt { align-items: center; color: #364a63; display: inline-flex } .nk-reply-form-input .toggle-opt:hover { color: var(--main-color) } .nk-reply-form-group { align-items: flex-start; display: flex; flex-grow: 1; padding: 1rem 0; position: relative } .nk-reply-form-nav { align-items: center; align-self: flex-start; display: flex; margin: 0 -.375rem; padding: 1.0625rem 0 0; position: absolute; right: 0; top: 0 } .nk-reply-form-nav li a { color: #e4e4e4; display: block; font-size: 12px; line-height: 1.5rem; padding: .25rem .375rem } .nk-reply-form-nav li a:hover { color: var(--main-color) } .is-collapsed .nk-reply-msg-info { display: none } .nk-reply-msg-excerpt { color: #666; display: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .is-collapsed .nk-reply-msg-excerpt { display: block } .nk-reply-msg-meta { padding: .75rem } .nk-reply-msg-meta li { display: flex; line-height: 1.125rem; padding: .1875rem 0 } .nk-reply-msg-meta li .label { color: #e4e4e4; font-size: 12px; margin-right: .75rem; text-align: right; width: 75px } .nk-reply-msg-meta li .info { font-size: 13px } .nk-reply-msg-meta li .info a { color: #666 } .nk-reply-tools { align-items: center; cursor: default; display: flex; flex-shrink: 0 } .nk-reply-tools .date { color: #666; line-height: 2.25rem; margin-right: 1rem } .nk-reply-tools .attach-msg { font-size: 1.25rem; margin-right: .375rem } .nk-reply-desc { display: flex; flex-grow: 1 } .is-collapsed .nk-reply-desc { overflow: hidden } .nk-reply-header .nk-reply-desc { align-items: center } .nk-reply-info { margin-left: 1rem; max-width: calc(100% - 4.5rem) } .nk-reply-header.is-collapsed { margin-bottom: 0 } .nk-reply-header:not(.is-opened) { cursor: pointer } .is-collapsed + .nk-reply-body { display: none } .nk-reply-quick-btns ul { align-items: center; display: flex } .is-collapsed .forwardto-msg, .is-collapsed .more-actions, .is-collapsed .next-msg, .is-collapsed .prev-msg, .is-collapsed .replyto-msg { display: none } .input-mail { border: none; width: 100% } @media (max-width: 767.98px) { .nk-reply-tools { flex-wrap: wrap } .nk-reply-tools .date { font-size: 13px; margin-right: .5rem } .nk-reply-tools .attach-msg { font-size: 1.25rem; margin-right: .375rem } } @media (max-width: 575.98px) { .nk-reply-info { margin-left: .75rem; max-width: calc(100% - 2.5rem) } .is-collapsed .nk-reply-info { max-width: calc(100% - 4.5rem) } .nk-reply-info .date { color: #e4e4e4; font-size: 11px; margin-left: .375rem } .nk-reply-info .lead-text { font-size: 13px } .nk-reply-form-dropdown { margin-right: .5rem } .nk-reply-form-group { align-items: center; flex-wrap: wrap } .nk-reply-form-title { font-weight: 500 } .nk-reply-tools .attach-msg, .nk-reply-tools .date-msg { display: none } .nk-reply-avatar { height: 30px; width: 30px } .nk-reply-msg-excerpt { font-size: 12px; margin-top: .25rem } .nk-reply-msg-info .sub-text { font-size: 12px } .nk-reply-msg-info .dropdown-menu { margin-right: 16px !important } } @media (min-width: 576px) { .nk-reply-form { border: 1px solid #f1e8e4; border-radius: 4px; margin: .5rem 2.25rem 2.25rem } .nk-reply-form-header { padding: 0 1.5rem } .nk-reply-form-field { padding: .5rem 1.5rem } .nk-reply-form-field textarea.form-control.ex-large { min-height: 278px } .nk-reply-form-tools { padding: 1rem 1.5rem } .modal-body .nk-reply-form-tools { padding: 1.5rem } .nk-reply-item { padding: 2rem 2.25rem } .nk-reply-meta { margin: 0 2.25rem } .nk-reply-header .date-time { font-size: 13px } .nk-reply-quick-btns { margin: .5rem 2.25rem 2.25rem } } @media (min-width: 992px) { .nk-reply-form { margin: .5rem 2.5rem 2.5rem } .nk-reply-item { padding: 2rem 2.5rem } .nk-reply-meta { margin: 0 2.5rem } .nk-reply-quick-btns { margin: .5rem 2.5rem 2.5rem } } .attach-files { border: 1px solid #f1e8e4; border-radius: 4px; margin-top: 1.75rem } .attach-list { display: flex; flex-wrap: wrap; margin-bottom: -.5rem; padding: 1rem 1.25rem } .attach-item { padding-bottom: .5rem; padding-right: 2rem; width: 180px } .attach-item a { align-items: center; color: #666; display: flex; width: 100% } .attach-item .icon { color: var(--main-color); font-size: 1.5rem; margin-right: .75rem } .attach-foot { background: #f5f6fa; border-top: 1px solid #f1e8e4; display: flex; flex-wrap: wrap; justify-content: space-between; padding: .75rem 1.25rem } .attach-info { color: #364a63; font-weight: 500 } .attach-download span { color: #e4e4e4; transition: all .3s } .attach-download:hover span { color: var(--main-color) } @media (max-width: 359px) { .attach-download, .attach-info { font-size: 12px } } .nk-msg-nav { background: #f5f6fa; border-bottom: 1px solid #f1e8e4; border-top-left-radius: 3px; padding: 0 1.25rem; position: relative; z-index: 2 } .nk-msg-nav .search-wrap { border-bottom: 1px solid #f1e8e4; bottom: -1px; padding: 0 1rem } .nk-msg-nav .search-submit { transform: translate(.25rem, -50%) } .nk-msg-menu { display: flex; margin: 0 -.75rem } .nk-msg-menu-item { padding: 0 .75rem } .nk-msg-menu-item a { color: #e4e4e4; display: inline-flex; font-size: .875rem; font-weight: 500; line-height: 1.5rem; padding: 1rem 0; position: relative } .nk-msg-menu-item a:after { background: var(--main-color); bottom: -1px; content: ""; height: 2px; left: 0; opacity: 0; position: absolute; right: 0; transition: .3s ease } .nk-msg-menu-item a .icon { font-size: 1.125rem; line-height: 1.5rem } .nk-msg-menu-item.active a, .nk-msg-menu-item a:hover { color: var(--main-color) } .nk-msg-menu-item.active a:after { opacity: 1 } .nk-msg { background: #fff; border: 1px solid #e8dfdb; border-radius: 4px; max-height: calc(100vh - 225px); min-height: calc(100vh - 225px) } .nk-msg, .nk-msg-aside { display: flex; overflow: hidden; position: relative } .nk-msg-aside { background: rgba(245, 246, 250, .7); border-bottom-left-radius: 3px; border-top-left-radius: 3px; flex-direction: column; flex-shrink: 0; max-height: 100%; width: 100% } .nk-msg-list { height: 100%; max-height: 100%; overflow: auto } .nk-msg-item { cursor: pointer; display: flex; padding: 1.25rem } .nk-msg-item:not(:last-child) { border-bottom: 1px solid #f1e8e4 } .nk-msg-item.active, .nk-msg-item.current { background: #fff; cursor: default } .nk-msg-info { flex-grow: 1; margin-left: .75rem; max-width: calc(100% - 52px) } .nk-msg-from { align-items: center } .nk-msg-context, .nk-msg-from { display: flex; justify-content: space-between } .nk-msg-context { margin-top: .25rem } .nk-msg-context .asterisk { margin-top: auto } .nk-msg-sender { align-items: center; color: #e4e4e4; display: inline-flex; font-size: 12px } .nk-msg-sender .name { margin-right: .5rem } .is-unread .nk-msg-sender .name { color: #364a63; font-weight: 500 } .nk-msg-meta { align-items: center; color: #e4e4e4; display: inline-flex; font-size: 12px } .nk-msg-meta .attchment .icon { font-size: 1.125rem } .nk-msg-meta .date { margin-left: .75rem } .nk-msg-text { flex-grow: 0; max-width: calc(100% - 35px); padding-right: .5rem } .nk-msg-text .title { font-size: 15px; margin-bottom: .25rem } .nk-msg-text p { color: #e4e4e4; font-size: 13px; max-height: 42px; overflow: hidden } .is-unread .nk-msg-text p { color: #666; font-weight: 500 } .nk-msg-lables { display: inline-flex; flex-direction: column; margin: -.125rem; text-align: center } .nk-msg-lables > div { padding: .125rem } .nk-msg-lables .icon { font-size: 1.125rem } .nk-msg-lables .badge { font-size: 10px; line-height: 14px; padding: 0 .25rem } .nk-msg-body { bottom: 0; display: flex; flex-direction: column; flex-grow: 1; left: 0; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: padding .3s ease-in-out; z-index: 5 } .nk-msg-body.show-message { opacity: 1; pointer-events: auto } .nk-msg-profile { background: #fff; height: 100%; max-height: 100%; position: absolute; right: 0; top: 0; transform: translateX(100%); transition: transform .3s ease-in-out; width: 280px; z-index: 100 } .nk-msg-profile-toggle { align-items: center; background-color: #fff; border: 1px solid #f1e8e4; border-radius: 50%; bottom: -18px; color: #e4e4e4; display: none; font-size: 1.125rem; height: 36px; justify-content: center; margin-right: 40px; position: absolute; right: -18px; transition: right .3s ease-in-out, margin .3s ease-in-out .2s; width: 36px; z-index: 2; z-index: 110 } .nk-msg-profile-toggle.active { margin-right: 0; transform: rotate(-180deg) } .nk-msg-profile-overlay { -webkit-animation: overlay-fade-in .4s ease 1; animation: overlay-fade-in .4s ease 1; background: rgba(30, 30, 30, .4); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 600; z-index: 90 } .nk-msg-profile.visible { transform: none } .nk-msg-head { border-bottom: 1px solid #f1e8e4; padding: .75rem 1.25rem; position: relative } .nk-msg-head .title { margin-bottom: .5rem } .nk-msg-head-meta { align-items: center; display: flex; justify-content: space-between } .nk-msg-hide { font-size: 1rem } .nk-msg-tags { margin: 0 -.75rem } .nk-msg-tags li { color: #e4e4e4; padding: 0 .75rem } .nk-msg-tags li > span { align-items: center; display: inline-flex } .nk-msg-tags li > span .icon { color: var(--main-color); margin-right: .25rem } .nk-msg-actions { display: flex; margin: 0 -.25rem } .nk-msg-actions li { padding: 0 .25rem } @media (max-width: 575.98px) { .nk-msg { border-left: none; border-radius: 4px; border-right: none; margin: 0 -18px; max-height: calc(100vh - 65px); min-height: calc(100vh - 65px) } } @media (min-width: 576px) { .nk-msg-nav { padding: 0 2rem } .nk-msg-nav .search-wrap { padding: 0 1.7rem } .nk-msg-item { padding: 1.25rem 2rem } .nk-msg-head { padding: 1rem 2.25rem } .nk-msg-head .title { margin-bottom: 1rem } } @media (min-width: 576px) and (max-width: 991.98px) { .nk-msg-text .title { margin-bottom: .375rem; margin-top: .125rem } } @media (min-width: 992px) { .nk-msg-nav { padding: 0 1.75rem } .nk-msg-nav .search-wrap { padding: 0 1.425rem } .nk-msg-item { padding: 1.25rem 1.75rem } .nk-msg-head { padding: 2rem 2.5rem } .nk-msg-head .title { max-height: 82px; overflow: hidden } .nk-msg-aside { border-right: 1px solid #f1e8e4; width: 320px } .nk-msg-body { opacity: 1; pointer-events: auto; position: static } .nk-msg-profile { border-left: 1px solid #f1e8e4 } .nk-msg-profile-toggle { display: flex; margin-right: 55px } } @media (min-width: 1540px) { .nk-msg-aside { width: 380px } } @media (max-width: 1539.98px) { .profile-shown .nk-msg-profile-toggle { right: 262px } .has-apps-sidebar .profile-shown .nk-msg-profile-toggle { right: -18px } } @media (max-width: 1279px) { .has-apps-sidebar .profile-shown .nk-msg-profile-toggle { right: 262px } } @media (min-width: 1540px) { .nk-msg-body.profile-shown { padding-right: 280px } } @media (min-width: 1280px) { .has-apps-sidebar .nk-msg-body.profile-shown { padding-right: 280px } } .ibx-count { background: #fff; border: 1px solid #f1e8e4; border-radius: 3px; color: #e4e4e4; display: inline-block; font-size: .75rem; font-weight: 400; line-height: 1; padding: .3125rem .75rem; position: relative; text-align: center; vertical-align: baseline; white-space: nowrap } .ibx-count:after, .ibx-count:before { border-style: solid; content: ""; height: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 0 } .ibx-count:before { border-color: transparent transparent transparent #f1e8e4; border-width: 4px 0 4px 7px; right: -8px } .ibx-count:after { border-color: transparent transparent transparent #fff; border-width: 3px 0 3px 6px; right: -6px } .nk-ibx-context { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .nk-ibx-context-group { align-items: center; display: flex } .nk-ibx-context-badges { margin-right: .75rem } .nk-ibx-context-text { color: #e4e4e4; display: inline } .is-unread .nk-ibx-context-text { color: #666 } .nk-ibx-context-text .heading { color: #364a63 } .is-unread .nk-ibx-context-text .heading { font-weight: 500 } .ibx-actions { display: inline-block; position: relative; transition: background-color .3s } .ibx-actions-hidden { display: flex; opacity: 0; position: absolute; right: calc(100% + 8px); transition: background-color .3s } .nk-ibx-item:hover .ibx-actions-hidden { background-color: #f5f6fa; opacity: 1 } .nk-ibx-item:hover .ibx-actions { background-color: #f5f6fa } .nk-ibx { border: 1px solid #e8dfdb; border-radius: 4px; max-height: calc(100vh - 225px); min-height: calc(100vh - 225px); position: relative } .nk-ibx, .nk-ibx-aside { background: #fff; display: flex; overflow: hidden } .nk-ibx-aside { align-items: stretch; border-right: 1px solid #f1e8e4; flex-direction: column; flex-shrink: 0; height: 100%; max-height: 100%; position: absolute; transform: translateX(-100%); transition: transform .4s linear; width: 260px; z-index: 99 } .nk-ibx-aside + .toggle-overlay { position: absolute; z-index: 90 } .nk-ibx-aside.content-active { transform: none } .nk-ibx-aside .simplebar-content { display: flex; flex-direction: column; height: 100% } .nk-ibx-nav { flex-grow: 1; height: 100%; max-width: 100%; overflow: auto } .nk-ibx-nav-head { align-items: center; display: flex; justify-content: space-between; padding: 2rem 1.5rem .75rem } .nk-ibx-nav-head .title { font-size: 1rem; margin-bottom: 0 } .nk-ibx-nav-head .dropdown > a, .nk-ibx-nav-head > .link { color: #e4e4e4; font-size: .875rem } .nk-ibx-head { align-items: center; border-bottom: 1px solid #f1e8e4; display: flex; justify-content: space-between; min-height: 61px; padding: .75rem; position: relative } .nk-ibx-head .title { font-size: 1rem; margin-bottom: 0 } .nk-ibx-head-actions, .nk-ibx-head-tools { align-items: center; display: flex } .nk-ibx-head-tools .btn-icon.btn-trigger .icon { font-size: 1.25rem } .nk-ibx-head .search-wrap { padding: 0 1.365rem 0 1rem } .nk-ibx-head .search-wrap .icon { font-size: 1.25rem } .nk-ibx-head .search-back { transform: translate(-.5rem, -50%) } .nk-ibx-head-check { display: flex; margin-right: .325rem } .nk-ibx-action { border-bottom: 1px solid #f1e8e4; padding: 1rem 1.5rem; position: relative } .nk-ibx-action-list { justify-content: space-between } .nk-ibx-action-item a, .nk-ibx-action-list { align-items: center; display: flex } .nk-ibx-action-item .icon { font-size: 1.5rem } .nk-ibx-action-item .icon + span { margin-left: .5rem } .nk-ibx-action-item .search-toggle .icon { font-size: 1.125rem } .nk-ibx-menu li { margin: 2px 0 } .nk-ibx-menu li:hover { background: #f5f6fa; border-radius: 3px } .nk-ibx-menu li.active { background: #fff5f1; border-radius: 3px } .nk-ibx-menu-item { align-items: center; border-radius: 4px; display: flex; padding: .5rem .75rem; position: relative } .nk-ibx-menu-item .icon { color: #e4e4e4; font-size: 1.25rem; line-height: 1.5rem; width: 2rem } .nk-ibx-menu-item .badge { margin-left: auto; min-width: 2.25rem } .active .nk-ibx-menu-item .icon { color: var(--main-color) } .nk-ibx-menu-text { color: #666; font-size: .875rem; font-weight: 500; line-height: 1.5rem } .active .nk-ibx-menu-text { color: var(--main-color) } .nk-ibx-contact > li, .nk-ibx-label > li { align-items: center; border-radius: 4px; display: flex; margin: 2px 0; position: relative; transition: background-color .3s } .nk-ibx-contact > li > a, .nk-ibx-label > li > a { display: flex; flex-grow: 1; padding: .5rem .75rem } .nk-ibx-contact > li .dropdown, .nk-ibx-label > li .dropdown { opacity: 0 } .nk-ibx-contact > li .dropdown > a, .nk-ibx-label > li .dropdown > a { color: #666; padding: .6875rem } .nk-ibx-contact > li:hover, .nk-ibx-label > li:hover { background: #f5f6fa } .nk-ibx-contact > li:hover .dropdown, .nk-ibx-label > li:hover .dropdown { opacity: 1 } .nk-ibx-contact > li.active, .nk-ibx-label > li.active { background: #ffd6c5 } .nk-ibx-label-text { color: #666; font-size: .875rem; font-weight: 500; line-height: 1; margin-left: 1rem } .nk-ibx-contact, .nk-ibx-label, .nk-ibx-menu { padding-left: .75rem; padding-right: .75rem } .nk-ibx-menu { padding-top: .75rem } .nk-ibx-contact { padding-bottom: 1.75rem } .nk-ibx-status { background: #f5f6fa; margin-top: auto; padding: 1.5rem } .nk-ibx-status-info { margin-bottom: .5rem } .nk-ibx-status-info .icon { display: inline-block; width: 1.25rem } .nk-ibx-body { flex-grow: 1; flex-shrink: 1; overflow: hidden; position: relative } .nk-ibx-body, .nk-ibx-list { display: flex; flex-direction: column } .nk-ibx-list { height: 100%; max-height: 100%; overflow: auto } .nk-ibx-item { align-items: center; background: #fff; cursor: pointer; display: flex; padding: 1rem 1.25rem; position: relative; transition: background-color .3s } .nk-ibx-item:not(:last-child) { border-bottom: 1px solid #f1e8e4 } .nk-ibx-item.active, .nk-ibx-item:not(.no-hover):hover { background: #f5f6fa } .nk-ibx-item.is-unread { background: rgba(245, 246, 250, .6) } .nk-ibx-item-elem { flex-shrink: 0; padding: 0 8px } .nk-ibx-item-elem:first-child { padding-left: 0 } .nk-ibx-item-check { display: inline-flex; width: 28px } .nk-ibx-item-fluid { flex-grow: 1; flex-shrink: 1; max-width: 100%; overflow: hidden; width: 100% } .nk-ibx-item-user .user-name { max-width: calc(100% - 50px) } .nk-ibx-item-user .user-name .lead-text { font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .is-unread .nk-ibx-item-user .user-name .lead-text { font-weight: 500 } .nk-ibx-item-count { width: 3.25rem } .nk-ibx-item-time { text-align: right; width: 80px } .nk-ibx-item-attach { text-align: center; width: 2.25rem } .nk-ibx-item-star .asterisk { padding: 0 .25rem } .nk-ibx-item-star .asterisk a { display: flex } .nk-ibx-item-star .asterisk .icon { font-size: 1.125rem; line-height: 1 } .nk-ibx-item-tools { margin-left: auto; padding-right: 0; text-align: right } .nk-ibx-item-attach, .nk-ibx-item-check, .nk-ibx-item-star { position: relative; z-index: 2 } .nk-ibx-item-tools { position: relative; z-index: 3 } .nk-ibx-link { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1 } .nk-ibx-link + .nk-ibx-item-elem { padding-left: 0 } .nk-ibx-view { background: #fff; bottom: 0; display: flex; flex-direction: column; left: 0; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; visibility: hidden; z-index: 2 } .nk-ibx-view.show-ibx { opacity: 1; pointer-events: all; visibility: visible } .nk-ibx-reply-head { align-items: flex-start; display: flex; justify-content: space-between; padding: 1.5rem 1.25rem 0 } .nk-ibx-reply-head .title { margin-bottom: .75rem } .nk-ibx-reply-header { margin-right: -.5rem } .nk-ibx-reply-item { position: relative } .nk-ibx-reply-item > div:not(.nk-reply-header) { margin-bottom: .75rem; margin-left: 0; margin-top: 1.25rem } .nk-ibx-reply-item:not(:last-child):after { background: #f1e8e4; bottom: 1rem; content: ""; height: 1px; left: 1.25rem; position: absolute; right: 1.25rem } @media (min-width: 576px) { .nk-ibx-head, .nk-ibx-item { padding-left: 2.25rem; padding-right: 2.25rem } .nk-ibx-head .search-wrap { padding: 0 2.375rem 0 2rem } .nk-ibx-reply-head { padding: 2em 2.25rem 0 } .nk-ibx-reply-item { padding-bottom: 2.75rem } .nk-ibx-reply-item > div:not(.nk-reply-header) { margin-left: 56px } .nk-ibx-reply-item:not(:last-child):after { bottom: 1.375rem; left: 2.25rem; right: 2.25rem } .nk-ibx-reply-form, .nk-ibx-reply-quick-btns { margin-left: 5.75rem } } @media (min-width: 768px) { .nk-ibx-item-user { width: 180px } } @media (min-width: 992px) { .nk-ibx-aside { height: calc(100vh - 228px); position: static; transform: none; transition: none } .nk-ibx-contact, .nk-ibx-label, .nk-ibx-menu { padding-left: 1rem; padding-right: 1rem } .nk-ibx-menu { padding-top: 1rem } .nk-ibx-contact { padding-bottom: 1rem } .nk-ibx-item, .nk-ibx-nav-head { padding-left: 1.75rem; padding-right: 1.75rem } .nk-ibx-head { padding-left: 1rem; padding-right: 1rem } .nk-ibx-head .search-wrap { padding: 0 2.25rem 0 1.5rem } .nk-ibx-body { max-width: calc(100% - 260px) } .nk-ibx-reply-form, .nk-ibx-reply-quick-btns { margin-left: 5.25rem } .nk-ibx-reply-head, .nk-ibx-reply-item { padding-left: 1.75rem; padding-right: 1.75rem } } @media (min-width: 1200px) { .nk-ibx-aside { width: 300px } .nk-ibx-item-user { width: 200px } .nk-ibx-item-time { margin-right: 2rem } } @media (max-width: 1199.98px) { .nk-ibx-item-attach { display: none } } @media (max-width: 767.98px) { .nk-ibx-item { flex-wrap: wrap } .nk-ibx-item-elem { padding: 0 4px } .nk-ibx-item-fluid { margin-top: 6px; padding-left: 32px; padding-right: 48px; width: calc(100% - 2.5rem) } .nk-ibx-item-fluid .heading { display: block } .nk-ibx-item-attach, .nk-ibx-item-count { display: none } .nk-ibx-item-user { flex-grow: 1 } .nk-ibx-item-user .user-avatar { font-size: 12px; height: 28px; width: 28px } .nk-ibx-item-time { position: absolute; right: 32px; top: 19px } .nk-ibx-item-tools { bottom: 18px; position: absolute; right: 28px; text-align: right } .nk-ibx-item-star { left: 28px; position: absolute; top: 50px } .ibx-actions-hidden, .nk-ibx-context-badges { display: none } } @media (max-width: 575.98px) { .nk-ibx-item-star { left: 12px } .nk-ibx-item-time { right: 12px } .nk-ibx-item-tools { right: 8px } .nk-ibx-reply-head .title { font-size: 1.125rem } .nk-ibx-reply .btn-icon.btn-trigger { padding-bottom: .3125rem; padding-top: .3125rem } .nk-ibx-reply .btn-icon.btn-trigger .icon { width: 1.875rem } } @media (max-width: 359px) { .nk-ibx-head .btn-icon.btn-trigger { padding-bottom: .3125rem; padding-top: .3125rem } .nk-ibx-head .btn-icon.btn-trigger .icon { width: 1.875rem } } @media (min-width: 576px) and (max-width: 991.98px) { .nk-ibx-aside { width: 320px } .nk-ibx-contact, .nk-ibx-label, .nk-ibx-menu { padding-left: 1.5rem; padding-right: 1.5rem } .nk-ibx-nav-head, .nk-ibx-status { padding-left: 2.25rem; padding-right: 2.25rem } } .nk-fmg { background-color: hsla(0, 0%, 100%, .4); border: 1px solid #e8dfdb; border-radius: 4px; position: relative } .nk-fmg-aside { background: #fff; border-right: 1px solid #f1e8e4; flex-shrink: 0; height: 100%; left: 0; max-height: 100%; max-height: calc(100vh - 65px); min-height: calc(100vh - 65px); overflow: hidden; overflow-y: auto; position: fixed; top: 65px; transform: translateX(-100%); transition: transform .4s linear; width: 260px; z-index: 99 } .nk-fmg-aside + .toggle-overlay { z-index: 90 } .nk-fmg-aside.content-active { transform: none } .nk-fmg-aside .simplebar-content { height: 100% } .nk-fmg-aside-wrap { display: flex; flex-direction: column; height: 100% } .nk-fmg-aside-top { margin-bottom: 30px } .nk-fmg-menu { padding: 1rem } .nk-fmg-menu li { margin: 2px 0 } .nk-fmg-menu-item { align-items: center; border-radius: 4px; display: flex; padding: .5rem .75rem; position: relative } .nk-fmg-menu-item:hover { background: #f5f6fa; border-radius: 3px } .active > .nk-fmg-menu-item { background: #fff5f1; border-radius: 3px } .nk-fmg-menu-item .icon { color: #e4e4e4; font-size: 1.25rem; line-height: 1.25rem; margin-top: -2px; width: 2rem } .nk-fmg-menu-item .badge { margin-left: auto; min-width: 2.25rem } .active > .nk-fmg-menu-item .icon { color: var(--main-color) } .nk-fmg-menu-text { color: #666; font-size: .875rem; font-weight: 500; line-height: 1.5rem } .active > .nk-fmg-menu-item > .nk-fmg-menu-text { color: var(--main-color) } .nk-fmg-menu li ul { margin-bottom: .5rem; margin-top: -.125rem; padding-left: 2.75rem } .nk-fmg-menu li ul ul { border-left: 1px solid #f1e8e4; padding-left: .75rem } .nk-fmg-menu li ul .nk-fmg-menu-item { padding: .125rem 0 } .nk-fmg-menu li ul .nk-fmg-menu-item.active, .nk-fmg-menu li ul .nk-fmg-menu-item:hover { background: transparent } .nk-fmg-menu li ul .nk-fmg-menu-item.active span, .nk-fmg-menu li ul .nk-fmg-menu-item:hover span { color: var(--main-color) } .nk-fmg-menu li ul .nk-fmg-menu-text { font-size: 90%; line-height: 1.375rem } .nk-fmg-status { padding: 1.75rem } .nk-fmg-status-title { align-items: center; color: #666; display: flex; font-size: .875rem; margin-bottom: 1rem } .nk-fmg-status-title .icon { font-size: 1.25rem; margin-right: .75rem } .nk-fmg-status-info { color: #e4e4e4; font-size: 12px; font-weight: 500; margin-top: 1rem } .nk-fmg-body { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0; max-height: 100% } .nk-fmg-body-head { align-items: center; background-color: #fff; border-bottom: 1px solid #444 !important; border-top-right-radius: 4px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: .75rem 1.25rem; position: relative; top: 0; z-index: 9 } .nk-fmg-body-content { height: 100%; max-height: 100%; overflow: auto; padding: 1.125rem 1.25rem } .nk-fmg-body .simplebar-content { min-height: 470px } .nk-fmg-search { align-items: center; display: flex; flex-grow: 1 } .nk-fmg-filter { margin-bottom: 1.25rem } .nk-fmg-filter .form-label { color: #e4e4e4; font-size: 13px; font-weight: 500 } .nk-fmg-filter .form-group { margin-bottom: 1rem } .nk-fmg-switch { background-color: transparent; border-top: 1px solid #f1e8e4 } .nk-fmg-switch > div { width: 100% } .nk-fmg-switch .dropdown-toggle { align-items: flex-start; flex-direction: column; padding: 1.25rem 1.75rem; width: 100% } .nk-fmg-switch .dropdown-toggle:after { color: #666; font-size: 1rem; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%) } .nk-fmg-listing { min-height: 380px } .nk-fmg-listing.is-scrollable { max-height: 298px; min-height: auto } @media (min-width: 576px) { .nk-fmg-body-content { padding-bottom: 1.25rem; padding-top: 1.25rem } .nk-fmg-aside-top { margin-bottom: 100px } } @media (min-width: 992px) { .nk-fmg { padding-left: 260px } .nk-fmg-aside { border-bottom-left-radius: 4px; border-top-left-radius: 4px; left: 0; max-height: 100%; min-height: 100%; position: absolute; top: 0; transform: none; transition: none; width: 260px } .nk-fmg-aside-top { flex-grow: 0 } .nk-fmg-body-head { padding: .75rem 1.75rem; z-index: 9 } .nk-fmg-body-content { padding: 1.75rem } } @media (min-width: 1200px) { .nk-fmg { padding-left: 220px } .nk-fmg-filter.toggle-expand-content { display: block !important } .nk-fmg-aside { width: 220px } } @media (min-width: 992px) and (max-width: 1360px) { .nk-fmg { padding-left: 220px } .nk-fmg-aside { width: 220px } } @media (min-width: 576px) and (max-width: 991.98px) { .nk-fmg-aside { width: 320px } .nk-fmg-body-content, .nk-fmg-body-head, .nk-fmg-status, .nk-fmg-switch .dropdown-toggle { padding-left: 2.25rem; padding-right: 2.25rem } .nk-fmg-menu { padding: 1rem 1.75rem } } .nk-file .tb-sub { color: #e4e4e4; font-size: 12px } .nk-file .tb-head { color: #e4e4e4; font-size: 13px; font-weight: 500 } .nk-file-info .nk-file-name .asterisk a.active, .nk-file-info:hover .nk-file-name .asterisk a { opacity: 1 } .nk-file-icon { flex-shrink: 0; margin-right: 8px } .nk-file-icon-link { color: inherit; display: block; text-decoration: none } .nk-file-icon-type { color: inherit; display: inline-block; margin: auto; text-decoration: none; width: 32px } .nk-file-title { align-items: center; display: flex } .nk-file-title .breadcrumb { padding-bottom: 0; padding-top: .25rem } .nk-file-name { color: #364a63; font-weight: 500; line-height: 1.4; position: relative } .nk-file-name-text { display: inline-block; padding-right: 1.5rem } .nk-file-name-text .title { display: inline-block; text-decoration: none; transition: color .3s; word-break: break-word } .nk-file-name-text a.title { color: #364a63 } .nk-file-name-text a.title:hover { color: var(--main-color) } .nk-file-name-sub { color: #e4e4e4; font-size: 12px } .nk-file-name .asterisk { display: inline-flex; margin-left: .5rem; margin-top: -1px; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity .3s } .nk-file-name .asterisk a { opacity: 0 } .nk-file-name .asterisk .icon { color: var(--main-color); font-size: 1.125rem } .nk-file-desc { align-items: center; display: flex; margin: 0 -.375rem } .nk-file-desc li { color: #e4e4e4; font-size: 12px; padding: 0 .375rem; position: relative } .nk-file-desc li:not(:first-child):before { content: ""; font-family: Nioicon; font-size: 11px; left: 0; line-height: 10px; opacity: .8; position: absolute; top: 50%; transform: translate(-50%, -50%) } .nk-file-link { color: inherit; display: block; text-decoration: none } .nk-file-link:hover .title { color: var(--main-color) } .nk-file-info > .nk-file-link { padding: .75rem 0 } .is-compact .nk-file-info > .nk-file-link { padding: .375rem 0 } .nk-file-share-header { align-items: center; border-bottom: 1px solid #f1e8e4; display: flex; justify-content: space-between; padding: 0 1.25rem } .nk-file-share-field { padding: .5rem 1.25rem } .nk-file-share-field:not(:last-child) { border-bottom: 1px solid #f1e8e4 } .nk-file-share-field .form-control { font-size: .875rem } .nk-file-share-field textarea.form-control { min-height: 78px } .nk-file-share-field textarea.form-control.ex-large { min-height: 160px } .nk-file-share-input { display: flex } .nk-file-share-input .label { color: #e4e4e4; margin: .3rem .5rem .3rem 0; width: 1.25rem } .nk-file-share-input-group { width: 100% } .nk-file-share-group { align-items: center; display: flex; flex-grow: 1; padding: 1rem 0; position: relative } .nk-file-share-nav { flex-shrink: 0 } .nk-file-details-row { display: flex; flex-wrap: wrap; padding: .25rem 0 } .nk-file-details-col { font-size: 13px } .nk-file-details-col:first-child { color: #e4e4e4; width: 100% } .nk-file-details-col:last-child { color: #666 } .nk-file-details-col .breadcrumb { padding: 0 } @media (min-width: 420px) { .nk-file-details-row { flex-wrap: nowrap; padding: .375rem 0 } .nk-file-details-col:first-child { flex-shrink: 0; width: 100px } } @media (min-width: 576px) { .nk-file-share-field textarea.form-control.ex-large { min-height: 278px } } .nk-files .nk-file .hideable { opacity: 0; transition: opacity .3s } .nk-files .nk-file:hover .hideable { opacity: 1 } .nk-files .nk-file-item { display: table-row } .nk-files .nk-file-item > div { display: table-cell; padding: .5rem; position: relative; vertical-align: middle } .nk-files .nk-file-actions { text-align: center; width: 60px } .nk-files-head { display: table-header-group } .nk-files-head .nk-file-item > div { font-size: .8125rem; font-weight: 500; padding: .25rem } .nk-files-head .nk-file-item > div:first-child { padding-left: 0 } .nk-files-head .nk-file-item > div:last-child { padding-right: .5rem } .nk-files-head .dropdown-menu-xs { max-width: 140px; min-width: 140px } .nk-files-list { display: table-row-group } .nk-files-view-list { display: table; width: 100% } .nk-files-view-list .nk-file { display: table-row } .nk-files-view-list .nk-file.selected { background: #fae7e0 } .nk-files-view-list .nk-file.selected > div { background: transparent } .nk-files-view-list .nk-file > div { background-color: #fff; border-bottom: 1px solid #444 !important; height: 4rem; padding: .5rem .375rem } .nk-files-view-list .nk-file > div:first-child { border-left: 1px solid #e8dfdb; padding-left: 1.25rem } .nk-files-view-list .nk-file > div:last-child { border-right: 1px solid #e8dfdb } .nk-files-view-list .nk-file > div.nk-file-info { padding-bottom: .125rem; padding-top: .125rem } .nk-files-view-list .nk-file:first-child > div { border-top: 1px solid #e8dfdb } .nk-files-view-list .nk-file:first-child > div:first-child { border-top-left-radius: 4px } .nk-files-view-list .nk-file:first-child > div:last-child { border-top-right-radius: 4px } .nk-files-view-list .nk-file:last-child > div:first-child { border-bottom-left-radius: 4px } .nk-files-view-list .nk-file:last-child > div:last-child { border-bottom-right-radius: 4px } .nk-files-view-list .nk-file .custom-checkbox { margin-right: 1rem } .nk-files-view-list .nk-file-members .tb-shavar(--main-color) { font-size: 1rem; left: -1rem; position: absolute; top: 50%; transform: translateY(-50%) } .nk-files-view-list .nk-file-name-text a.title { padding: 1rem 0 .875rem } .nk-files-view-list .nk-file-icon + .nk-file-name a.title { margin-left: -40px; padding-left: 40px } .nk-files-view-list.is-compact .nk-file > div { height: 3rem } .nk-files-view-grid .nk-files-head, .nk-files-view-group .nk-files-head { display: flex; margin-bottom: .25rem; width: 100% } .nk-files-view-grid .nk-files-head .nk-file-item, .nk-files-view-group .nk-files-head .nk-file-item { align-items: center; display: flex; justify-content: space-between; padding: 0; width: 100% } .nk-files-view-grid .nk-files-head .nk-file-item > div:not(.nk-file-info):not(.nk-file-actions), .nk-files-view-group .nk-files-head .nk-file-item > div:not(.nk-file-info):not(.nk-file-actions) { display: none } .nk-files-view-grid .nk-files-head .nk-file-actions, .nk-files-view-group .nk-files-head .nk-file-actions { margin-right: -4px; padding: 0 !important; width: 30px } .nk-files-view-grid .nk-files-list, .nk-files-view-group .nk-files-list { display: flex; flex-wrap: wrap; margin: -8px } .nk-files-view-grid .nk-files-list .nk-file-actions, .nk-files-view-group .nk-files-list .nk-file-actions { background: transparent; border: 0; position: absolute; right: 4px; top: 10px; width: 46px } .nk-files-view-grid .nk-files-list .custom-control, .nk-files-view-group .nk-files-list .custom-control { position: absolute } .nk-files-view-grid .nk-file, .nk-files-view-group .nk-file { background: #fff; border: 1px solid #e8dfdb; border-radius: 4px; display: flex; margin: 8px; position: relative } .nk-files-view-grid .nk-file .nk-file-members, .nk-files-view-group .nk-file .nk-file-members { display: none } .nk-files-view-grid .nk-file { display: block; padding: .5rem .25rem; position: relative; text-align: center; width: calc(50% - 16px) } .nk-files-view-grid .nk-file > div { display: block; padding: 0 } .nk-files-view-grid .nk-file-title { display: flex; flex-direction: column } .nk-files-view-grid .nk-file-icon { display: block; margin: 0; width: 100% } .nk-files-view-grid .nk-file-icon-type { padding: .5rem 0; width: 72px } .nk-files-view-grid .nk-file-name .title { padding: .5rem .125rem } .nk-files-view-grid .nk-file-name-text { padding-left: 1.5rem; padding-right: 1.5rem } .nk-files-view-grid .nk-file-desc { justify-content: center; margin-top: -.125rem; padding: 0 .25rem .75rem } .nk-files-view-grid .nk-file-desc .members { display: none } .nk-files-view-grid .nk-file-info > .nk-file-link { padding: .5rem 0 } .nk-files-view-grid .nk-file .nk-file-members { display: none } .nk-files-view-grid .nk-file .nk-file-meta { padding-bottom: .5rem } .nk-files-view-grid .nk-file .custom-control { left: 1rem; top: .75rem } .nk-files-view-group .nk-file { padding: .5rem; position: relative; width: 100% } .nk-files-view-group .nk-file > div { display: block; padding-right: 2.5rem; width: 100% } .nk-files-view-group .nk-file-desc { padding: .25rem .125rem 0 } .nk-files-view-group .nk-file-name-text a.title { padding: .125rem 0 } .nk-files-view-group .nk-file-icon + .nk-file-name a.title { margin-left: -40px; padding-left: 40px } .nk-files-view-group .nk-file .nk-file-actions { right: 2px; top: 4px } .nk-files-view-group .nk-file .custom-control { bottom: .5rem; right: .5rem } .nk-files-view-group .nk-file .nk-file-meta { display: none } .nk-files-group > .title { border-top: 1px solid #f1e8e4; font-size: 12px; letter-spacing: .04em; margin: 0; padding: 1rem 0; text-transform: uppercase } .nk-files-group + .nk-files-group { margin-top: 3rem } @media (max-width: 767.98px) { .nk-file-name-text { font-size: 13px } .nk-files-view-grid .nk-file-name-text { font-size: 12px } } @media (max-width: 991.98px) { .nk-fmg-body .nk-block-tools .btn-icon.btn-trigger .icon { font-size: 1.25rem } } @media (min-width: 576px) { .nk-files-view-grid .nk-file { width: calc(33.33% - 16px) } .nk-files-view-group .nk-file { width: calc(100% - 16px) } } @media (min-width: 660px) { .nk-files-view-group .nk-file { width: calc(50% - 16px) } } @media (min-width: 1200px) { .nk-files-view-grid .nk-file { width: calc(25% - 16px) } .nk-files-view-group .nk-file { width: calc(50% - 16px) } } @media (max-width: 767px),(max-width: 1199px) and (min-width: 992px) { .nk-files-view-list .nk-file-members, .nk-files-view-list .nk-file-size { display: none !important } } @media (max-width: 599px) { .nk-files-view-list .nk-file-icon-type { width: 24px } .nk-files-view-list .nk-file-date, .nk-files-view-list .nk-file-meta, .nk-files-view-list .nk-file-size { display: none !important } .nk-files-view-list .nk-file .custom-checkbox { margin-right: .75rem } } @media (max-width: 359px) { .nk-files-view-grid .nk-file { width: 100% } } .nk-upload-form { margin-bottom: 2.25rem } .nk-upload-list > .title { font-size: .875rem; padding-bottom: 1rem } .nk-upload-item { align-items: center; border: 1px solid #f1e8e4; border-radius: 4px; display: flex; margin: .5rem 0; padding: .5rem } .nk-upload-icon { flex-shrink: 0; margin-right: .25rem; width: 48px } .nk-upload-info { color: #364a63; flex-grow: 1; font-weight: 500; padding-right: .75rem } .nk-upload-title { align-items: flex-end; display: flex } .nk-upload-title .title { font-size: .875rem } .nk-upload-title .meta { margin-left: auto } .nk-upload-size, .nk-upload-title .meta { color: #e4e4e4; font-size: 12px; font-weight: 400 } .nk-upload-progress { margin: .375rem 0 .25rem } .nk-upload-action { margin-left: auto } .add-opt:hover .icon, .add-opt:hover .sub-text { color: var(--main-color) } .add-opt-icon .icon-circle, .chat-members-link .icon-circle, .chat-option-link .icon-circle, .contacts-add-link .icon-circle { font-size: 1rem; height: 32px; width: 32px } .add-opt-icon .icon + div, .add-opt-icon .icon + span, .chat-members-link .icon + div, .chat-members-link .icon + span, .chat-option-link .icon + div, .chat-option-link .icon + span, .contacts-add-link .icon + div, .contacts-add-link .icon + span { margin-left: .75rem } .chat-item { border-radius: 4px; position: relative; transition: background-color .3s } .chat-item:hover { background-color: #f5efed } .chats-dropdown .chat-item:hover { background-color: #f5f6fa } .chat-item:hover .chat-actions { opacity: 1; pointer-events: auto; transition: opacity .5s } .chat-item.current { background-color: #f5f6fa } .chat-item.current:hover { background-color: #f5efed } .chat-link { align-items: center; cursor: pointer; display: flex; padding: .75rem; width: 100% } .chat-media { height: 44px; width: 44px } .chat-media + .chat-info { margin-left: 1rem } .chat-info { width: calc(100% - 3.75rem) } .chat-from { align-items: center; display: flex; justify-content: space-between } .chat-from .name { color: #666; font-size: .9375rem; font-weight: 500; margin-bottom: 0 } .is-unread .chat-from .name { color: #364a63; font-weight: 700 } .chat-from .time { color: #e4e4e4; font-size: 12px } .chat-context { align-items: center; display: flex; justify-content: space-between } .chat-context .text { color: #e4e4e4; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 2.5rem) } .is-unread .chat-context .text { color: #666; font-weight: 500 } .chat-context .status { color: hsla(0, 0%, 89%, .8); display: flex } .chat-context .status.seen, .is-unread .chat-context .status { color: var(--main-color) } .chat-actions { align-items: center; background-color: #f5efed; bottom: 0; display: flex; justify-content: flex-end; opacity: 0; pointer-events: none; position: absolute; right: .75rem; top: 0; width: 3rem; z-index: 2 } .chat-profile-group { border-top: 1px solid #f1e8e4; padding: .25rem 0 } .chat-profile-head { align-items: center; display: flex; justify-content: space-between; padding: 1.25rem 1.5rem } .chat-profile-head .title { margin-bottom: 0 } .chat-profile-head .indicator-icon { display: inline-flex } .chat-profile-head.collapsed .indicator-icon { transform: rotate(-180deg) } .chat-profile-body-inner { padding: 0 1.5rem 1.5rem } .chat-profile-options { margin: -.25rem } .chat-profile-options li { padding: .25rem } .chat-profile-settings { margin: -.5rem } .chat-profile-settings li { padding: .5rem } .chat-profile-settings .custom-control-sm .custom-control-label { color: #666; font-size: 13px; font-weight: 500; padding-left: .25rem } .chat-profile-media { display: flex; margin: -.25rem } .chat-profile-media li { padding: .25rem; width: 33.33% } .chat-profile-media li a { display: inline-block } .chat-profile-media li img { border-radius: 4px } .chat-option-link { align-items: center; display: flex } .chat-option-link .lead-text { color: #666; font-size: 13px; font-weight: 500; transition: color .3s } .chat-option-link:hover .lead-text { color: #1c2b46 } .chat-members { margin: -.375rem -.5rem } .chat-members li { position: relative } .chat-members-link { align-items: center; display: flex; padding: .375rem .5rem } .chat-members .user-card { border-radius: 3px; padding: .375rem .5rem; position: relative; transition: background-color .3s } .chat-members .user-card > a { align-items: center; display: flex; width: 100% } .chat-members .user-card:hover { background-color: #f5efed } .chat-members .user-card:hover .user-actions { opacity: 1; pointer-events: auto; transition: opacity .5s } .chat-members .user-role { color: #e4e4e4; font-size: 12px; margin-left: auto } .chat-members .user-actions { align-items: center; background-color: #f5efed; bottom: 0; display: flex; justify-content: flex-end; opacity: 0; pointer-events: none; position: absolute; right: .25rem; top: 0; width: 3rem } .chat { align-items: flex-end; display: flex; margin: -4px } .chat > div { padding: 4px } .chat + .chat { padding-top: .5rem } .chat-avatar { margin-bottom: 1.4rem } .chat-avatar.no-meta { margin-bottom: 0 } .chat-bubble { align-items: center; display: flex; padding: .125rem 0 } .chat-bubble:hover .chat-msg-more { opacity: 1 } .chat-bubbles .attach-files { margin-top: .75rem } .chat-msg { background-color: #fff; border-radius: 8px; padding: .5rem 1rem } .chat-msg-more { align-items: center; display: flex; flex-shrink: 0; margin: 0 .75rem; opacity: 0; transition: all .3s } .chat-msg-more > li { padding: .25rem } .chat-msg.is-light { background-color: #f5efed; color: #666 } .chat-msg.is-theme { background-color: var(--main-color); color: #fff } .chat-meta { align-items: center; display: flex; margin: .25rem -.375rem 0 } .chat-meta li { color: #e4e4e4; font-size: 12px; padding: 0 .375rem; position: relative } .chat-meta li:not(:first-child):before { content: ""; font-family: Nioicon; font-size: 11px; left: 0; line-height: 10px; opacity: .8; position: absolute; top: 50%; transform: translate(-50%, -50%) } .chat-sap { overflow: hidden; padding: 1rem 0; text-align: center } .chat-sap-meta { color: #e4e4e4; display: inline-block; font-size: 12px; line-height: 1.4; padding: 0 .75rem; position: relative } .chat-sap-meta:after, .chat-sap-meta:before { background: #e8dfdb; content: ""; height: 1px; position: absolute; top: 50%; width: 100vw } .chat-sap-meta:before { right: 100% } .chat-sap-meta:after { left: 100% } .chat.is-you .chat-bubbles .attach-files { border-color: #fff; overflow: hidden } .chat.is-you .chat-bubbles .attach-files, .chat.is-you .chat-bubbles .attach-foot { background-color: #fff } .chat.is-you .chat-bubble:last-child .chat-msg { border-bottom-left-radius: 0 } .chat.is-you .chat-bubble:not(:first-child) .chat-msg { border-top-left-radius: 4px } .chat.is-you .chat-bubble:not(:last-child) .chat-msg { border-bottom-left-radius: 4px } .chat.is-me { justify-content: flex-end } .chat.is-me .chat-msg { background-color: var(--main-color); color: #fff } .chat.is-me .chat-meta { justify-content: flex-end } .chat.is-me .chat-bubble { flex-direction: row-reverse } .chat.is-me .chat-bubbles .attach-files { border-color: #ffd6c5; overflow: hidden } .chat.is-me .chat-bubbles .attach-files, .chat.is-me .chat-bubbles .attach-foot { background-color: #fff } .chat.is-me .chat-bubble:last-child .chat-msg { border-bottom-right-radius: 0 } .chat.is-me .chat-bubble:not(:first-child) .chat-msg { border-top-right-radius: 4px } .chat.is-me .chat-bubble:not(:last-child) .chat-msg { border-bottom-right-radius: 4px } .chat-upload-option { background-color: #fff; display: none; left: 100%; padding: .5rem; position: absolute } .chat-upload-option.expanded { display: block } .chat-upload-option ul { align-items: center; display: flex } .chat-upload-option a { align-items: center; color: var(--main-color); display: inline-flex; font-size: 1.25rem; height: 36px; justify-content: center; width: 36px } .chat-upload-option a:hover { color: #b94212 } .fav-list { display: flex; margin: -.375rem; overflow-x: auto } .fav-list li { padding: .375rem } .fav-list a:hover > .user-avatar:after { opacity: 1 } .fav-list .user-avatar { height: 44px; width: 44px } .fav-list .user-avatar:after { background: #f1e8e4; border-radius: 50%; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; transform: scale(1.15); transition: opacity .3s; width: 100%; z-index: -1 } @media (min-width: 768px) { .fav-list { flex-wrap: wrap } } @media (max-width: 859px) { .fav-list { margin: -.375rem 0 } .fav-list li:first-child { padding-left: 0 } .fav-list li:last-child { padding-right: 0 } } .channel-list li { margin: .125rem -.5rem } .channel-list a { border-radius: 3px; color: #666; display: block; font-weight: 500; padding: .375rem .5rem; transition: all .3s } .channel-list a.active, .channel-list a:hover { background: #fff5f1; color: var(--main-color) } .contacts-list { margin: -.375rem -.5rem } .contacts-list + .contacts-list { margin-top: 1.75rem } .contacts-list li { position: relative } .contacts-list li > .title { margin-bottom: .25rem; padding-left: 1.25rem } .contacts-list .user-card { border-radius: 3px; padding: .375rem .5rem; position: relative; transition: background-color .3s } .contacts-list .user-card > a { align-items: center; display: flex; width: 100% } .contacts-list .user-card:hover { background-color: #f5efed } .contacts-list .user-card:hover .user-actions { opacity: 1; pointer-events: auto; transition: opacity .4s } .contacts-list .user-meta { color: #e4e4e4; font-size: 12px; margin-left: auto } .contacts-list .user-actions { align-items: center; background-color: #f5efed; bottom: 0; display: flex; font-size: 12px; justify-content: flex-end; opacity: 0; pointer-events: none; position: absolute; right: .25rem; top: 0; width: 4.5rem } .contacts-list .user-actions > a { padding: 0 .375rem } .contacts-add-link { align-items: center; display: flex; padding: .375rem .5rem } .contacts-add-link .lead-text { font-size: 13px; font-weight: 500 } .nk-chat { background: #fff; border: 1px solid #e8dfdb; border-radius: 4px; display: flex; max-height: calc(100vh - 193px); min-height: calc(100vh - 193px); overflow: hidden; position: relative } .nk-chat-blank { align-items: center; background-color: #f5efed; display: flex; flex-direction: column; height: 100%; justify-content: center } .nk-chat-blank-icon { margin-bottom: 1.5rem } .nk-chat-aside { background: #fff; border-bottom-left-radius: 3px; border-top-left-radius: 3px; display: flex; flex-direction: column; flex-shrink: 0; max-height: 100%; overflow: hidden; position: relative; width: 100% } .nk-chat-aside-head { align-items: center; display: flex; justify-content: space-between; padding: 1.125rem 1.25rem .875rem } .nk-chat-aside-user .title { color: #364a63; font-size: 1.375rem } .nk-chat-aside-user .user-avatar { height: 36px; width: 36px } .nk-chat-aside-user .user-avatar + .title { margin-left: 1rem } .nk-chat-aside-user .dropdown-toggle:after { color: #e4e4e4; font-size: 1.125rem; margin-left: 1rem } .nk-chat-aside-tools { align-items: center; display: flex } .nk-chat-aside-body { height: 100%; max-height: 100%; overflow: auto } .nk-chat-aside-search { margin-bottom: 1.75rem; margin-top: .25rem; padding: 0 1.25rem } .nk-chat-aside-search .form-control { background-color: #f5f6fa; border-color: #f5f6fa } .nk-chat-aside-search .form-control::-moz-placeholder { color: #e4e4e4 } .nk-chat-aside-search .form-control:-ms-input-placeholder { color: #e4e4e4 } .nk-chat-aside-search .form-control::placeholder { color: #e4e4e4 } .nk-chat-aside-panel { padding: 0 1.25rem 1.75rem } .nk-chat-aside-panel .title { margin-bottom: .75rem } .nk-chat-list { padding: 0 .5rem } .nk-chat-list .title { margin-left: .75rem } .nk-chat-body { background: #fff; bottom: 0; display: flex; flex-direction: column; flex-grow: 1; left: 0; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: padding .3s ease-in-out; z-index: 5 } .nk-chat-body.show-chat { opacity: 1; pointer-events: auto } .nk-chat-head { align-items: center; background-color: #fff; border-bottom: 1px solid #f1e8e4; display: flex; justify-content: space-between; padding: 1rem 1.75rem; position: relative } .nk-chat-head-info { width: 60% } .nk-chat-head-info .user-avatar + .user-info { margin-left: .75rem } .nk-chat-head-info .user-info .lead-text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .nk-chat-head-info, .nk-chat-head-tools { align-items: center; display: flex; margin: -.125rem } .nk-chat-head-info > li, .nk-chat-head-tools > li { padding: .125rem } .nk-chat-head-info .btn-icon .icon, .nk-chat-head-tools .btn-icon .icon { font-size: 1.25rem } .nk-chat-head-search { left: 0; opacity: 0; padding: 0 1.75rem; pointer-events: none; position: absolute; top: calc(100% + 1rem); transform: translateY(-10px); transition: all .5s; width: 100%; z-index: 9 } .nk-chat-head-search.show-search { opacity: 1; pointer-events: auto; transform: none } .nk-chat-panel { background-color: hsla(15, 29%, 95%, .7); height: 100%; max-height: 100%; overflow: auto; padding: 1.25rem } .nk-chat-editor { align-items: center; background-color: #fff; display: flex; padding: 1rem 1.25rem } .nk-chat-editor-form { flex-grow: 1; padding: 0 .5rem } .nk-chat-editor-form .form-control { min-height: 36px; padding-top: .5rem } .nk-chat-editor-tools, .nk-chat-editor-upload { align-items: center; display: flex } .nk-chat-editor-tools .btn-icon .icon, .nk-chat-editor-upload .btn-icon .icon { font-size: 1.5rem } .nk-chat-editor-upload { position: relative; z-index: 2 } .nk-chat-editor-upload .toggle-opt { transition: .3s } .nk-chat-editor-upload .toggle-opt.active { opacity: .7; transform: rotate(-45deg) } .nk-chat-profile { background: #fff; height: 100%; max-height: 100%; position: absolute; right: 0; top: 0; transform: translateX(100%); transition: transform .3s ease-in-out; width: 325px; z-index: 100 } .nk-chat-profile-overlay { -webkit-animation: overlay-fade-in .4s ease 1; animation: overlay-fade-in .4s ease 1; background: rgba(30, 30, 30, .4); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 600; z-index: 90 } .nk-chat-profile.visible { transform: none } @media (max-width: 575.98px) { .nk-chat { border: none; border-radius: 4px; margin: -20px -18px -24px; max-height: calc(100vh - 150px); min-height: calc(100vh - 150px) } .nk-chat-head { padding: .75rem 1.25rem } .nk-chat-head-user { max-width: calc(100% - 34px) } .nk-chat-head-user .user-avatar { height: 36px; width: 36px } .nk-chat-head-user .user-info { width: calc(100% - 36px - .75rem) } } @media (min-width: 576px) { .nk-chat-head-info, .nk-chat-head-tools { margin: -.375rem } .nk-chat-head-info > li, .nk-chat-head-tools > li { padding: .375rem } } @media (min-width: 576px) and (max-width: 991px) { .nk-chat-aside-head, .nk-chat-aside-search { padding-left: 2.25rem; padding-right: 2.25rem } .nk-chat-aside-panel { padding: 0 2.25rem 1.75rem } .nk-chat-list { padding: 0 1.5rem } .nk-chat-editor, .nk-chat-head, .nk-chat-panel { padding-left: 2.25rem; padding-right: 2.25rem } .nk-chat-head-search { padding: 0 2.25rem } } @media (max-width: 1199.98px) { .nk-chat-body.show-chat { position: fixed; z-index: 2999 } .nk-chat-head { padding-bottom: .75rem; padding-top: .75rem } } @media (min-width: 992px) { .nk-chat { max-height: calc(100vh - 225px); min-height: calc(100vh - 225px) } .nk-chat-aside-head, .nk-chat-aside-panel, .nk-chat-aside-search { padding-left: 1.75rem; padding-right: 1.75rem } .nk-chat-list { padding: 0 1rem } .nk-chat-panel { padding: 1.25rem 1.75rem } .nk-chat-aside { border-right: 1px solid #f1e8e4; width: 325px } .nk-chat-body { opacity: 1; pointer-events: auto; position: static } .nk-chat-body-close { display: none } .chat-profile-body-inner, .chat-profile-head { padding-left: 1.75rem; padding-right: 1.75rem } } @media (min-width: 1200px) { .nk-chat-profile { border-left: 1px solid #f1e8e4 } } @media (min-width: 1540px) { .nk-chat-aside { width: 382px } .nk-chat-profile { width: 365px } } @media (max-width: 359px) { .nk-chat-profile { width: 280px } } .nk-code-preview-box { border-left: 1px solid #f1e8e4; color: #e4e4e4; display: block; padding: .15rem 1.25rem } .dashboard-preview { height: 200px; justify-content: center } .prettyprint { border-radius: 4px; box-shadow: none !important; margin-bottom: 0; padding: 1.25rem; white-space: pre } .card-preview, .code-block { border: 1px solid #e8dfdb } .code-block { background: #fff; border-radius: 4px; padding: 1.25rem; position: relative } .code-block .clipboard-init { position: absolute; right: 12px; top: 12px } .card-preview + .code-block { margin-top: 28px } .code-block + .code-block { border-radius: 0 0 4px 4px; border-top-color: #f1e8e4; margin-top: -3px } .code-block + .card-preview, .code-block + .nk-block-head { margin-top: 40px } .code-block .prettyprint { background: #f5f6fa; border: none; font-size: 11px; line-height: 20px; max-height: 136px; padding: .75rem } .code-block .title { margin-bottom: 1rem } .code-block .btn { background-color: #fff } .code-block .btn:focus, .code-block .btn:hover { border-color: #e8dfdb; box-shadow: none } .code-block-clean .title { color: #e4e4e4; display: block; font-size: 11px; font-weight: 500; letter-spacing: .2em; margin-bottom: .45rem; text-transform: uppercase } .preview-icon-list { display: flex; flex-wrap: wrap; margin: -15px } .preview-icon-item { flex: 1 0 160px; max-width: 50%; padding: 15px } .preview-icon-box { border: 1px solid #e8dfdb; padding: 25px 20px; position: relative; text-align: center } .preview-icon-box .btn-clipboard { opacity: 0; position: absolute; right: 0; top: 0; z-index: 1 } .preview-icon-box .btn-clipboard:focus { border-color: transparent; box-shadow: none } .preview-icon-box:hover .btn-clipboard { opacity: 1 } .preview-icon-wrap { padding-bottom: 5px } .preview-icon-wrap .ni { font-size: 30px } .preview-icon-svg .preview-icon-wrap { margin-bottom: .5rem } .preview-icon-svg .preview-icon-wrap svg { width: 90px } .preview-icon-name { color: #e4e4e4; font-size: 11px } .preview-title, .preview-title-lg { display: block; padding-bottom: .75rem } .preview-title-lg { font-size: 13px } .preview-hr { border-top: 1px solid #e8dfdb; margin-bottom: 2rem; margin-top: 2rem } .preview-hr + .preview-title { padding-top: .5rem } .nk-block-head + .preview-hr { margin-top: .5rem } .preview-list { display: flex; flex-wrap: wrap; margin: -.75rem } .preview-item { padding: .75rem } .preview-btn-list { display: flex; flex-wrap: wrap; margin: -.75rem } .preview-btn-item { padding: .75rem; width: 50% } .preview-btn-list-fw .preview-btn-item { width: 100% } .preview-btn-list-3x .preview-btn-item { width: 33.33% } .example-border > div, .example-height > div, .example-spacing > div, .example-width > div { background-color: #f5f6fa; font-size: 11px; padding: .5rem; text-align: center } .example-border { margin: -.5rem } .example-border > div { height: 4.5rem; margin: .5rem; width: 4.5rem } .example-border-all > div { border: 1px solid #e8dfdb } .example-width > div { background-color: #f5efed; height: 2rem; margin-bottom: .25rem } .example-height { height: 8rem } .example-height > div { background-color: #f5efed; margin-right: .5rem; width: 8rem } .example-spacing > div { background-color: #f5efed; height: 2rem; margin-bottom: .5rem; width: 4.5rem } .example-spacing-pd > div { height: auto; margin-right: .5rem; width: auto } .example-spacing-pd > div > span { background-color: #fff; border-radius: 2px; display: block; line-height: 1; padding: .25rem } .example-alerts:not(:last-child) { margin-bottom: 28px } .components-preview h4.title, .components-preview h5.title { font-family: Roboto, sans-serif; font-size: 1.25rem; font-weight: 500; letter-spacing: -.01rem } .components-preview .card-preview > .card-inner { padding: 1.25rem } @media (min-width: 768px) { .preview-btn-item, .preview-btn-list-fw .preview-btn-item { width: 25% } .preview-btn-list-3x .preview-btn-item { width: 16.66% } } @media (min-width: 992px) { .components-preview .nk-block + .nk-block-lg { padding-top: 3.75rem } } @media (max-width: 767.98px) { .preview-reference td, .preview-reference th, .preview-reference tr { border: 0; display: block; width: 100% !important } .preview-reference tbody tr { padding: .5rem 0 } .preview-reference tbody tr:not(:last-child) { border-bottom: 1px solid #f1e8e4 } .preview-reference tbody tr:nth-child(2n) { background-color: rgba(245, 246, 250, .3) } .preview-reference tr td { padding: .2rem 1.25rem } .preview-reference tr th:not(:first-child) { display: none } } .ui-softy .table .thead-light th { background: rgba(245, 246, 250, .5); box-shadow: 0 -1px 5px -5px rgba(30, 30, 30, .7) } .ui-softy .nk-refwg-stats, .ui-softy .sp-plan-action, .ui-softy .support-topic-block:link:hover, .ui-softy .tb-ticket-item.is-unread, .ui-softy .tb-tnx-head { background: rgba(245, 246, 250, .5) } .ui-softy .nk-refwg-stats { background: rgba(245, 246, 250, .5) !important } .ui-softy .card .card-inner + .table .tb-tnx-head { border-top: 1px solid #e8dfdb } .ui-softy .nk-header { box-shadow: 0 1px 3px rgba(30, 30, 30, .06) } .ui-softy .accordion:not(.accordion-s2):not(.accordion-s3), .ui-softy .card, .ui-softy .chat-msg, .ui-softy .code-block, .ui-softy .invoice-wrap, .ui-softy .kanban-add-task, .ui-softy .kanban-board-header, .ui-softy .kanban-item, .ui-softy .nk-files-view-grid .nk-file, .ui-softy .nk-files-view-group .nk-file, .ui-softy .nk-files-view-list .nk-files-list, .ui-softy .nk-reply-form, .ui-softy .sp-pdl-item { box-shadow: 0 2px 6px -1px rgba(30, 30, 30, .08) } .ui-softy .card .accordion:not(.accordion-s2):not(.accordion-s3) { border: 1px solid #e8dfdb; box-shadow: none } .ui-softy .nk-chat, .ui-softy .nk-fmg, .ui-softy .nk-ibx, .ui-softy .nk-msg { box-shadow: 0 2px 6px -1px rgba(30, 30, 30, .08) } .ui-softy .nk-msg-aside, .ui-softy .nk-msg-nav { background: #fff } .ui-softy .nk-msg-item.active, .ui-softy .nk-msg-item.current { background: rgba(245, 246, 250, .5); position: relative } .ui-softy .nk-msg-item.active:after, .ui-softy .nk-msg-item.current:after { background: var(--main-color); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 2px } .ui-softy .nk-msg-item.active, .ui-softy .nk-msg-item.current { background: #f5f6fa } .ui-softy .nk-msg-item.active:after, .ui-softy .nk-msg-item.current:after { width: 3px } .ui-softy .nk-chat-panel, .ui-softy .nk-ibx-reply, .ui-softy .nk-msg-reply { box-shadow: inset 0 0 8px -5px rgba(30, 30, 30, .3) } .ui-softy .nk-ibx-item { box-shadow: 0 0 7px -1px rgba(30, 30, 30, .1) } .ui-rounder .card, .ui-rounder .embed-responsive { border-radius: 12px } body.dark-mode { background: #1e1e1e !important; color: #fff } body.dark-mode.bg-light, body.dark-mode.bg-lighter { background: #191919 !important } body.dark-mode.nk-body.ui-shady, body.dark-mode.nk-body.ui-softy { background: #1e1e1e !important } .dark-mode .logo-dark { opacity: 0 } .dark-mode .logo-light { opacity: 1 } .dark-mode .dropdown-title, .dark-mode .h1, .dark-mode .h2, .dark-mode .h3, .dark-mode .h4, .dark-mode .h5, .dark-mode .h6, .dark-mode .lead-text, .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode pre { color: #fff } .dark-mode .link-text, .dark-mode .text-base, .dark-mode .text-body { color: #fff !important } .dark-mode .icon[class*=bg-light], .dark-mode .icon[class*=bg-secondary-dim], .dark-mode .text-secondary, .dark-mode .user-avatar[class*=-light] { color: #e4e4e4 !important } .dark-mode .text-dark { color: #fff !important } .dark-mode .text-light, .dark-mode .user-avatar[class*=-dark] { color: #a78b80 !important } .dark-mode .text-lighter { color: #61473c !important } .dark-mode .text-indigo { color: #6370ca !important } .dark-mode .bg-light { background-color: #191919 !important } .dark-mode .bg-lighter, .dark-mode .table-striped tbody tr:nth-of-type(odd) { background-color: #1e1e1e !important } .dark-mode .bg-white { background-color: #141414 !important } .dark-mode .bg-transparent.bg-transparent { background-color: transparent !important } .dark-mode .bg-dark { background-color: #f5efed !important } .dark-mode .bg-blue-dim { background-color: #1e2837 !important } .dark-mode .bg-azure-dim { background-color: #142337 !important } .dark-mode .bg-indigo-dim { background-color: #181925 !important } .dark-mode .bg-purple-dim { background-color: #242137 !important } .dark-mode .bg-pink-dim { background-color: #37202a !important } .dark-mode .bg-orange-dim { background-color: #37291d !important } .dark-mode .bg-teal-dim { background-color: #162f28 !important } .dark-mode .bg-primary-dim { background-color: #321d14 !important } .dark-mode .bg-success-dim { background-color: #152a12 !important } .dark-mode .bg-info-dim { background-color: #122e32 !important } .dark-mode .bg-warning-dim { background-color: #362d13 !important } .dark-mode .bg-danger-dim { background-color: #371917 !important } .dark-mode .bg-secondary-dim { background-color: #1b1f24 !important } .dark-mode .bg-dark-dim { background-color: #161616 !important } .dark-mode .bg-gray-dim { background-color: #2a2624 !important } .dark-mode .bg-btc-dim { background-color: #362516 !important } .dark-mode .bg-eth-dim { background-color: #20222d !important } .dark-mode .alert-primary { background-color: #321d14; border-color: #321d14; color: var(--main-color) } .dark-mode .alert-primary hr { border-top-color: #321d14 } .dark-mode .alert-primary .alert-link { color: #b03e11 } .dark-mode .alert-fill.alert-primary { background: var(--main-color); color: #fff } .dark-mode .alert-fill.alert-primary .alert-link { color: #fff } .dark-mode .alert-pro.alert-primary { border-color: var(--main-color) } .dark-mode .alert-secondary { background-color: #1b1f24; border-color: #1b1f24; color: #8ca3c0 } .dark-mode .alert-secondary hr { border-top-color: #1b1f24 } .dark-mode .alert-secondary .alert-link { color: #6b89ae } .dark-mode .alert-fill.alert-secondary { background: #8ca3c0; color: #fff } .dark-mode .alert-fill.alert-secondary .alert-link { color: #fff } .dark-mode .alert-pro.alert-secondary { border-color: #8ca3c0 } .dark-mode .alert-success { background-color: #152a12; border-color: #152a12; color: #1aa509 } .dark-mode .alert-success hr { border-top-color: #152a12 } .dark-mode .alert-success .alert-link { color: #127506 } .dark-mode .alert-fill.alert-success { background: #1aa509; color: #fff } .dark-mode .alert-fill.alert-fail { background: #c91717; color: #fff } .dark-mode .alert-fill.alert-success .alert-link { color: #fff } .dark-mode .alert-pro.alert-success { border-color: #1aa509 } .dark-mode .alert-warning { background-color: #362d13; border-color: #362d13; color: #f4bd0e } .dark-mode .alert-warning hr { border-top-color: #362d13 } .dark-mode .alert-warning .alert-link { color: #c69909 } .dark-mode .alert-fill.alert-warning { background: #f4bd0e; color: #fff } .dark-mode .alert-fill.alert-warning .alert-link { color: #fff } .dark-mode .alert-pro.alert-warning { border-color: #f4bd0e } .dark-mode .alert-info { background-color: #122e32; border-color: #122e32; color: #09c2de } .dark-mode .alert-info hr { border-top-color: #122e32 } .dark-mode .alert-info .alert-link { color: #0797ad } .dark-mode .alert-fill.alert-info { background: #09c2de; color: #fff } .dark-mode .alert-fill.alert-info .alert-link { color: #fff } .dark-mode .alert-pro.alert-info { border-color: #09c2de } .dark-mode .alert-danger { background-color: #371917; border-color: #371917; color: #ff3828 } .dark-mode .alert-danger hr { border-top-color: #371917 } .dark-mode .alert-danger .alert-link { color: #f41200 } .dark-mode .alert-fill.alert-danger { background: #ff3828; color: #fff } .dark-mode .alert-fill.alert-danger .alert-link { color: #fff } .dark-mode .alert-pro.alert-danger { border-color: #ff3828 } .dark-mode .alert-gray { background-color: #2a2624; border-color: #2a2624; color: #cbbab3 } .dark-mode .alert-gray hr { border-top-color: #2a2624 } .dark-mode .alert-gray .alert-link { color: #b69f95 } .dark-mode .alert-fill.alert-gray { background: #cbbab3; color: #1e1e1e } .dark-mode .alert-fill.alert-gray .alert-link { color: #1e1e1e } .dark-mode .alert-pro.alert-gray { border-color: #cbbab3 } .dark-mode .alert-dark { background-color: #161616; border-color: #161616; color: #1e1e1e } .dark-mode .alert-dark hr { border-top-color: #161616 } .dark-mode .alert-dark .alert-link { color: #050505 } .dark-mode .alert-fill.alert-dark { background: #1e1e1e; color: #fff } .dark-mode .alert-fill.alert-dark .alert-link { color: #fff } .dark-mode .alert-pro.alert-dark { border-color: #1e1e1e } .dark-mode .alert-light { background-color: #2a2624; border-color: #2a2624; color: #f5efed } .dark-mode .alert-light hr { border-top-color: #2a2624 } .dark-mode .alert-light .alert-link { color: #e3d2cc } .dark-mode .alert-fill.alert-light { background: #f5efed; color: #1e1e1e } .dark-mode .alert-fill.alert-light .alert-link { color: #1e1e1e } .dark-mode .alert-pro.alert-light { border-color: #f5efed } .dark-mode .badge-dim.badge-primary { background-color: #321d14; border-color: #321d14; color: var(--main-color) } .dark-mode .badge-dim.badge-outline-primary { background-color: #321d14; border-color: #652c15; color: var(--main-color) } .dark-mode .badge-dim.badge-secondary { background-color: #26292e; border-color: #26292e; color: #8ca3c0 } .dark-mode .badge-dim.badge-outline-secondary { background-color: #26292e; border-color: #444d59; color: #8ca3c0 } .dark-mode .badge-dim.badge-success { background-color: #152a12; border-color: #152a12; color: #1aa509 } .dark-mode .badge-dim.badge-outline-success { background-color: #152a12; border-color: #164e10; color: #1aa509 } .dark-mode .badge-dim.badge-info { background-color: #122e32; border-color: #122e32; color: #09c2de } .dark-mode .badge-dim.badge-outline-info { background-color: #122e32; border-color: #105a65; color: #09c2de } .dark-mode .badge-dim.badge-warning { background-color: #362d13; border-color: #362d13; color: #f4bd0e } .dark-mode .badge-dim.badge-outline-warning { background-color: #362d13; border-color: #6e5812; color: #f4bd0e } .dark-mode .badge-dim.badge-danger { background-color: #371917; border-color: #371917; color: #ff3828 } .dark-mode .badge-dim.badge-outline-danger { background-color: #371917; border-color: #72221c; color: #ff3828 } .dark-mode .badge-dim.badge-dark { background-color: #363535; border-color: #363535; color: #f5efed } .dark-mode .badge-dim.badge-outline-dark { background-color: #363535; border-color: #6e6c6b; color: #f5efed } .dark-mode .badge-dim.badge-gray { background-color: #2a2624; border-color: #2a2624; color: #a78b80 } .dark-mode .badge-dim.badge-outline-gray { background-color: #2a2624; border-color: #4f443f; color: #a78b80 } .dark-mode .badge-dim.badge-light { background-color: #2f2d2c; border-color: #2f2d2c; color: #cbbab3 } .dark-mode .badge-dim.badge-outline-light { background-color: #2f2d2c; border-color: #5d5654; color: #cbbab3 } .dark-mode .badge-dim.badge-lighter { background-color: #2a2624; border-color: #2a2624; color: #a78b80 } .dark-mode .badge-dim.badge-outline-lighter { background-color: #2a2624; border-color: #4f443f; color: #a78b80 } .dark-mode .badge-dot.badge-dark, .dark-mode .badge-dot.badge-secondary, .dark-mode .badge-outline-secondary { color: #cbbab3 } .dark-mode .badge-outline-dark { border-color: #f5efed; color: #f5efed } .dark-mode .badge-outline-light { border-color: #533c32; color: #cbbab3 } .dark-mode .badge-dot.badge-dark, .dark-mode .badge-dot.badge-light { background-color: transparent } .dark-mode .badge-dot.badge-light { color: #a78b80 } .dark-mode .badge-light, .dark-mode .code-block .btn { background: #533c32; border-color: #533c32; color: #f5efed } .dark-mode .badge-dark { background: #f1e8e4; border-color: #f1e8e4; color: #1e1e1e } .dark-mode .btn-light { background: #533c32; border-color: #533c32; color: #f5efed } .dark-mode .btn-light:not(:disabled):not(.disabled).active, .dark-mode .btn-light:not(:disabled):not(.disabled).focus, .dark-mode .btn-light:not(:disabled):not(.disabled):active, .dark-mode .btn-light:not(:disabled):not(.disabled):focus, .dark-mode .btn-light:not(:disabled):not(.disabled):hover { background: #6c4e41; border-color: #6c4e41; color: #f5efed } .dark-mode .btn-dark { background: #f1e8e4; border-color: #f1e8e4; color: #1e1e1e } .dark-mode .btn-dark:not(:disabled):not(.disabled).active, .dark-mode .btn-dark:not(:disabled):not(.disabled).focus, .dark-mode .btn-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-dark:not(:disabled):not(.disabled):focus, .dark-mode .btn-dark:not(:disabled):not(.disabled):hover { background: #fff; border-color: #fff; color: #1e1e1e } .dark-mode .btn-outline-dark { border-color: #f1e8e4; color: #f1e8e4 } .dark-mode .btn-outline-dark:not(:disabled):not(.disabled):hover { background: #f1e8e4; color: #1e1e1e } .dark-mode .btn-outline-secondary { border-color: #5a7ba5; color: #5a7ba5 } .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):hover { background: #5a7ba5; color: #fff } .dark-mode .btn-outline-light { border-color: #61473c; color: #cbbab3 } .dark-mode .btn-outline-light:not(:disabled):not(.disabled):hover { background: #61473c; color: #fff } .dark-mode .btn-dim.btn-primary { background-color: #381f14; border-color: transparent; color: var(--main-color) } .dark-mode .btn-dim.btn-primary:not(:disabled):not(.disabled):hover { background-color: #522e1d; border-color: #522e1d; color: #ec6e3b } .dark-mode .btn-dim.btn-secondary { background-color: #1d2228; border-color: transparent; color: #adbdd2 } .dark-mode .btn-dim.btn-secondary:not(:disabled):not(.disabled):hover { background-color: #2c343d; border-color: #2c343d; color: #ced8e4 } .dark-mode .btn-dim.btn-success { background-color: #152e12; border-color: transparent; color: #1aa509 } .dark-mode .btn-dim.btn-success:not(:disabled):not(.disabled):hover { background-color: #21481c; border-color: #21481c; color: #22d50c } .dark-mode .btn-dim.btn-warning { background-color: #3c3213; border-color: transparent; color: #f4bd0e } .dark-mode .btn-dim.btn-warning:not(:disabled):not(.disabled):hover { background-color: #57491c; border-color: #57491c; color: #f6ca3f } .dark-mode .btn-dim.btn-info { background-color: #123338; border-color: transparent; color: #09c2de } .dark-mode .btn-dim.btn-info:not(:disabled):not(.disabled):hover { background-color: #1b4c53; border-color: #1b4c53; color: #24daf6 } .dark-mode .btn-dim.btn-danger { background-color: #3e1a18; border-color: transparent; color: #ff3828 } .dark-mode .btn-dim.btn-danger:not(:disabled):not(.disabled):hover { background-color: #582522; border-color: #582522; color: #ff675b } .dark-mode .btn-dim.btn-gray { background-color: #2e2927; border-color: transparent; color: #cbbab3 } .dark-mode .btn-dim.btn-gray:not(:disabled):not(.disabled):hover { background-color: #413a37; border-color: #413a37; color: #e0d5d1 } .dark-mode .btn-dim.btn-dark { background-color: #353231; border-color: transparent; color: #f1e8e4 } .dark-mode .btn-dim.btn-dark:not(:disabled):not(.disabled):hover { background-color: #484442; border-color: #484442; color: #fff } .dark-mode .btn-dim.btn-light { background-color: #2e2927; border-color: transparent; color: #f5efed } .dark-mode .btn-dim.btn-light:not(:disabled):not(.disabled):hover { background-color: #413a37; border-color: #413a37; color: #fff } .dark-mode .btn-dim.btn-lighter { background-color: #2e2927; border-color: transparent; color: #cbbab3 } .dark-mode .btn-dim.btn-lighter:not(:disabled):not(.disabled):hover { background-color: #413a37; border-color: #413a37; color: #e0d5d1 } .dark-mode .btn-dim.btn-outline-primary { background-color: #381f14; border-color: #5b2915; color: var(--main-color) } .dark-mode .btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover { background-color: var(--main-color); border-color: var(--main-color); color: #fff } .dark-mode .btn-trans.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-white.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #381f14; color: var(--main-color) } .dark-mode .btn-dim.btn-outline-success { background-color: #152e12; border-color: #164710; color: #1aa509 } .dark-mode .btn-dim.btn-outline-success:not(:disabled):not(.disabled):hover { background-color: #1aa509; border-color: #1aa509; color: #fff } .dark-mode .btn-trans.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-white.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #152e12; color: #1aa509 } .dark-mode .btn-dim.btn-outline-warning { background-color: #3c3213; border-color: #624f12; color: #f4bd0e } .dark-mode .btn-dim.btn-outline-warning:not(:disabled):not(.disabled):hover { background-color: #f4bd0e; border-color: #f4bd0e; color: #fff } .dark-mode .btn-trans.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-white.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #3c3213; color: #f4bd0e } .dark-mode .btn-dim.btn-outline-info { background-color: #123338; border-color: #10515b; color: #09c2de } .dark-mode .btn-dim.btn-outline-info:not(:disabled):not(.disabled):hover { background-color: #09c2de; border-color: #09c2de; color: #fff } .dark-mode .btn-trans.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-white.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #123338; color: #09c2de } .dark-mode .btn-dim.btn-outline-danger { background-color: #3e1a18; border-color: #66211b; color: #ff3828 } .dark-mode .btn-dim.btn-outline-danger:not(:disabled):not(.disabled):hover { background-color: #ff3828; border-color: #ff3828; color: #fff } .dark-mode .btn-trans.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-white.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #3e1a18; color: #ff3828 } .dark-mode .btn-dim.btn-outline-secondary { background-color: #1d2228; border-color: #2c3a4b; color: #6b89ae } .dark-mode .btn-dim.btn-outline-secondary:not(:disabled):not(.disabled):hover { background-color: #6b89ae; border-color: #6b89ae; color: #fff } .dark-mode .btn-trans.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-white.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #1d2228; color: #6b89ae } .dark-mode .btn-dim.btn-outline-gray { background-color: #2e2927; border-color: #473e3a; color: #cbbab3 } .dark-mode .btn-dim.btn-outline-gray:not(:disabled):not(.disabled):hover { background-color: #cbbab3; border-color: #cbbab3; color: #1e1e1e } .dark-mode .btn-trans.btn-outline-gray:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-white.btn-outline-gray:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #2e2927; color: #cbbab3 } .dark-mode .btn-dim.btn-outline-dark { background-color: #353231; border-color: #544e4c; color: #f1e8e4 } .dark-mode .btn-dim.btn-outline-dark:not(:disabled):not(.disabled):hover { background-color: #f1e8e4; border-color: #f1e8e4; color: #1e1e1e } .dark-mode .btn-trans.btn-outline-dark:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-white.btn-outline-dark:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #353231; color: #f1e8e4 } .dark-mode .btn-dim.btn-outline-light { background-color: #221d1b; border-color: #473e3a; color: #a78b80 } .dark-mode .btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover { background-color: #a78b80; border-color: #a78b80; color: #fff } .dark-mode .btn-trans.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-white.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover { background: #221d1b; color: #a78b80 } .dark-mode .btn-dim.btn-outline-light:not(:disabled):not(.disabled):active, .dark-mode .btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover, .dark-mode .btn-white.btn-outline-light:not(:disabled):not(.disabled):active, .dark-mode .btn-white.btn-outline-light:not(:disabled):not(.disabled):hover, .dark-mode .show > .btn-white.btn-outline-light.dropdown-toggle { background: #61473c; border-color: #61473c; color: #fff } .dark-mode .btn-white, .dark-mode .btn-white.btn-dim, .dark-mode .btn-white.btn-outline-light { background: #141414 } .dark-mode .btn-outline-light.focus, .dark-mode .btn-outline-light:focus { box-shadow: 0 0 0 .2rem hsla(0, 0%, 100%, .07) !important } .dark-mode .border, .dark-mode .border-bottom, .dark-mode .border-left, .dark-mode .border-right, .dark-mode .border-top, .dark-mode .btn-outline-light, .dark-mode .btn-toolbar-sep, .dark-mode .card-aside, .dark-mode .card-inner-group .card-inner:not(:last-child), .dark-mode .data-item:not(:last-child), .dark-mode .data-list-s2 .data-head, .dark-mode .datatable-wrap, .dark-mode .divider, .dark-mode .dropdown-foot, .dark-mode .dropdown-head, .dark-mode .dropdown-inner + .dropdown-inner, .dark-mode .example-border-all > div, .dark-mode .list-group-item, .dark-mode .modal-footer, .dark-mode .modal-header, .dark-mode .nav-switch-s2 .nav-link, .dark-mode .nav-tabs, .dark-mode .nk-activity-item:not(:last-child), .dark-mode .nk-code-preview-box, .dark-mode .nk-footer, .dark-mode .nk-support-item:not(:last-child), .dark-mode .nk-tb-head .nk-tb-col, .dark-mode .nk-tb-item:not(:last-child) .nk-tb-col, .dark-mode .note-btn-group .note-btn, .dark-mode .note-editor, .dark-mode .note-statusbar, .dark-mode .note-toolbar, .dark-mode .page-link, .dark-mode .popover, .dark-mode .popover-header, .dark-mode .preview-hr, .dark-mode .ql-container, .dark-mode .ql-picker-options, .dark-mode .ql-toolbar, .dark-mode .select2-container--default .select2-search--dropdown .select2-search__field, .dark-mode .select2-container--default .select2-selection--multiple, .dark-mode .select2-container--default .select2-selection--single, .dark-mode .select2-dropdown, .dark-mode .swal2-footer, .dark-mode .table-bordevar(--main-color), .dark-mode .table-bordevar(--main-color) td, .dark-mode .table-bordevar(--main-color) th, .dark-mode .table td, .dark-mode .table th, .dark-mode .tagify__tag:hover:not([readonly]) div:before, .dark-mode .tagify__tag > div:before, .dark-mode .tox-editor-header, .dark-mode .tox-tinymce, .dark-mode .tox-toolbar, .dark-mode .tox-toolbar-overlord, .dark-mode .tox .tox-collection--list .tox-collection__group, .dark-mode .tox .tox-menu, .dark-mode .tox .tox-menubar, .dark-mode .tox .tox-statusbar, .dark-mode .tox .tox-toolbar, .dark-mode .tox .tox-toolbar__group:not(:last-of-type), .dark-mode .tox .tox-toolbar__overflow, .dark-mode .tox .tox-toolbar__primary, .dark-mode .ui-timepicker-standard, .dark-mode .user-avatar-multiple .user-avatar { border-color: #383838 !important } .dark-mode .alert-pro, .dark-mode .card, .dark-mode .code-block, .dark-mode .modal-content, .dark-mode .toast, .dark-mode .toastr { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .4) } .dark-mode .card .card { box-shadow: none } .dark-mode .toast-header { color: #e4e4e4 } .dark-mode .toast, .dark-mode .toast-header { background: #191919; border-color: #3d3d3d } .dark-mode .code-block .prettyprint, .dark-mode .custom-file-label:after, .dark-mode .data-more:before, .dark-mode .example-border > div, .dark-mode .example-height > div, .dark-mode .example-spacing-pd > div > span, .dark-mode .example-spacing > div, .dark-mode .example-width > div, .dark-mode .list-group-item, .dark-mode .note-editor.note-airframe .note-statusbar, .dark-mode .note-editor.note-frame .note-statusbar, .dark-mode .ql-picker-options, .dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected], .dark-mode .select2-container--default .select2-results__option[aria-selected=true], .dark-mode .select2-container--default .select2-search--dropdown .select2-search__field, .dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice, .dark-mode .swal2-popup, .dark-mode .table-active, .dark-mode .table-active > td, .dark-mode .table-active > th, .dark-mode .ui-state-hover { background: #1e1e1e } .dark-mode .tox .tox-collection--list .tox-collection__item--active, .dark-mode .tox .tox-collection--list .tox-collection__item--enabled, .dark-mode .tox .tox-mbtn--active, .dark-mode .tox .tox-mbtn:focus:not(:disabled), .dark-mode .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active), .dark-mode .tox .tox-tbtn:hover { background: #141414 } .dark-mode .icon-overlap li { border-color: #141414 } .dark-mode .card, .dark-mode .kanban-add-task, .dark-mode .kanban-board-header, .dark-mode .kanban-item { background: #141414 } .dark-mode .accordion, .dark-mode .alert-pro, .dark-mode .card-aside, .dark-mode .code-block, .dark-mode .custom-file-label, .dark-mode .custom-select, .dark-mode .datepicker .datepicker-switch:hover, .dark-mode .datepicker .next:hover, .dark-mode .datepicker .prev:hover, .dark-mode .datepicker table tr td.day.focused, .dark-mode .datepicker table tr td.day:hover, .dark-mode .datepicker table tr td.today, .dark-mode .datepicker table tr td.today.disabled, .dark-mode .datepicker table tr td.today.disabled:hover, .dark-mode .datepicker table tr td.today:hover, .dark-mode .datepicker tfoot tr th:hover, .dark-mode .form-clip, .dark-mode .form-control, .dark-mode .form-label-outlined, .dark-mode .form-text-hint, .dark-mode .input-mail, .dark-mode .modal-content, .dark-mode .nav-switch-s2 .nav-link.active, .dark-mode .nav-switch-s2 .nav-link:focus, .dark-mode .nav-switch-s2 .nav-link:hover, .dark-mode .note-editor, .dark-mode .note-toolbar, .dark-mode .page-link, .dark-mode .popover, .dark-mode .search-wrap, .dark-mode .select2-container--default .select2-selection--multiple, .dark-mode .select2-container--default .select2-selection--single, .dark-mode .select2-dropdown, .dark-mode .toastr, .dark-mode .toggle-content, .dark-mode .tox-toolbar-overlord, .dark-mode .tox .tox-edit-area__iframe, .dark-mode .tox .tox-menu, .dark-mode .tox .tox-menubar, .dark-mode .tox .tox-statusbar, .dark-mode .tox .tox-toolbar, .dark-mode .tox .tox-toolbar__overflow, .dark-mode .tox .tox-toolbar__primary, .dark-mode .ui-timepicker-standard { background: #141414 !important } .dark-mode .clipboard-success-message { background: hsla(0, 0%, 8%, .9) } .dark-mode .tagify__tag:hover:not([readonly]) div:before, .dark-mode .tagify__tag > div:before { box-shadow: inset 0 0 0 1.1em #1e1e1e } .dark-mode .popover-header { background-color: #1b1b1b } .dark-mode .popover { box-shadow: 0 0 20px -5px rgba(0, 0, 0, .6) } .dark-mode .bs-popover-auto[x-placement^=bottom] .popover-header:before, .dark-mode .bs-popover-bottom .popover-header:before { border-color: #383838 } .dark-mode .bs-popover-auto[x-placement^=top] > .arrow:before, .dark-mode .bs-popover-top > .arrow:before { border-top-color: #383838 } .dark-mode .bs-popover-auto[x-placement^=top] > .arrow:after, .dark-mode .bs-popover-top > .arrow:after { border-top-color: #141414 } .dark-mode .bs-popover-auto[x-placement^=bottom] > .arrow:before, .dark-mode .bs-popover-bottom > .arrow:before { border-bottom-color: #383838 } .dark-mode .bs-popover-auto[x-placement^=bottom] > .arrow:after, .dark-mode .bs-popover-bottom > .arrow:after { border-bottom-color: #141414 } .dark-mode .bs-popover-auto[x-placement^=right] > .arrow:before, .dark-mode .bs-popover-right > .arrow:before { border-right-color: #383838 } .dark-mode .bs-popover-auto[x-placement^=right] > .arrow:after, .dark-mode .bs-popover-right > .arrow:after { border-right-color: #141414 } .dark-mode .bs-popover-auto[x-placement^=left] > .arrow:before, .dark-mode .bs-popover-left > .arrow:before { border-left-color: #383838 } .dark-mode .bs-popover-auto[x-placement^=left] > .arrow:after, .dark-mode .bs-popover-left > .arrow:after { border-left-color: #141414 } .dark-mode .accordion-head .title, .dark-mode .accordion-icon, .dark-mode .card-amount .amount, .dark-mode .card-tools-nav li.active a, .dark-mode .card-tools-nav li a.active, .dark-mode .card-tools-nav li a:hover, .dark-mode .close, .dark-mode .close:hover, .dark-mode .custom-file-label:after, .dark-mode .data-item:hover .icon, .dark-mode .form-control, .dark-mode .form-control:focus, .dark-mode .form-label, .dark-mode .form-label-outlined, .dark-mode .input-group-text, .dark-mode .input-mail, .dark-mode .kanban-title-content .title, .dark-mode .nk-news-text p, .dark-mode .project-progress-percent, .dark-mode .table .thead-light th, .dark-mode .team-info li span:last-child, .dark-mode .team-statistics li span:first-child, .dark-mode .user-name { color: #fff !important } .dark-mode .close { text-shadow: 0 1px 0 #141414 } .dark-mode .close:focus { outline: none !important } .dark-mode .alert-pro, .dark-mode .card-title p, .dark-mode .custom-file-label, .dark-mode .custom-select, .dark-mode .data-value, .dark-mode .datepicker table tr td.day.focused, .dark-mode .datepicker table tr td.day:hover, .dark-mode .datepicker table tr td.today, .dark-mode .datepicker table tr td.today.disabled, .dark-mode .datepicker table tr td.today.disabled:hover, .dark-mode .datepicker table tr td.today:hover, .dark-mode .dropzone .dz-message span, .dark-mode .form-control-select-multiple .custom-select option, .dark-mode .language-item, .dark-mode .link-check li span, .dark-mode .nk-block-des, .dark-mode .nk-news-text p span, .dark-mode .nk-quick-nav-icon, .dark-mode .nk-sale-data .sub-title, .dark-mode .nk-tb-list .tb-amount-sub, .dark-mode .nk-tb-list .tb-lead-sub, .dark-mode .note-placeholder, .dark-mode .page-link, .dark-mode .select2-container--default .select2-selection--multiple .select2-selection__rendevar(--main-color), .dark-mode .select2-container--default .select2-selection--single .select2-selection__rendevar(--main-color), .dark-mode .tox-collection__item-label > *, .dark-mode .tox .tox-statusbar__path-item, .dark-mode .tox .tox-statusbar__wordcount, .dark-mode .tox .tox-statusbar a, .dark-mode .tox .tox-tbtn:hover, .dark-mode .ui-timepicker-standard a, .dark-mode [class*=knob] { color: #e4e4e4 !important } .dark-mode .tox .tox-collection__item-accessory { color: #666 } .dark-mode .link-dark, .dark-mode .link-list a, .dark-mode .nk-menu-link, .dark-mode .nk-menu-main .nk-menu-sub .nk-menu-link { color: #e4e4e4 } .dark-mode .link-dark:hover, .dark-mode .link-list a:hover, .dark-mode .nk-menu-link:hover, .dark-mode .nk-menu-main .nk-menu-sub .nk-menu-link:hover { color: var(--main-color) } .dark-mode .active > .nk-menu-link, .dark-mode .is-theme .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .dark-mode .is-theme .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon, .dark-mode .is-theme .nk-menu-link:hover .nk-menu-icon, .dark-mode .is-theme .nk-menu-sub .active > .nk-menu-link, .dark-mode .is-theme .nk-menu-sub .nk-menu-link:hover, .dark-mode .page-link:hover, .dark-mode .ql-picker.ql-expanded .ql-picker-label { color: var(--main-color) !important } .dark-mode .nk-menu-hr, .dark-mode .nk-menu-main .nk-menu-sub, .dark-mode .nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-sub, .dark-mode .user-avatar-group .user-avatar { border-color: #383838 } .dark-mode .nk-menu-main .nk-menu-sub { background: #262626 } .dark-mode .nk-menu-main .nk-menu-sub .nk-menu-item:hover > a { background-color: #1e1e1e } .dark-mode .custom-control-input:disabled ~ .custom-control-label:before, .dark-mode .custom-control-input[disabled] ~ .custom-control-label:before, .dark-mode .page-item.disabled .page-link, .dark-mode .page-link:hover, .dark-mode .table .thead-light th, .dark-mode .tb-odr-head, .dark-mode .tb-tnx-head { background-color: #303030 !important } .dark-mode .custom-control-label:before, .dark-mode .input-group-text, .dark-mode .nk-msg-profile-toggle, .dark-mode .progress { background-color: #262626 !important } .dark-mode .custom-control-label:before, .dark-mode .custom-file-label, .dark-mode .custom-select, .dark-mode .form-control, .dark-mode .input-group-text, .dark-mode .input-mail, .dark-mode .link-bdr-t, .dark-mode .link-check + .link-check, .dark-mode .link-list + .link-list, .dark-mode .link-list-opt li + li, .dark-mode .link-list-plain li, .dark-mode .link-list-plain li + li, .dark-mode .link-tidy li + li, .dark-mode .nk-msg-profile-toggle, .dark-mode .note-editor .note-toolbar .dropdown-style > li[aria-label=pre], .dark-mode .note-popover .popover-content .dropdown-style > li[aria-label=pre], .dark-mode .select2-container--default .select2-selection--multiple, .dark-mode .select2-container--default .select2-selection--single, .dark-mode .select2-dropdown, .dark-mode .swal2-file, .dark-mode .swal2-input, .dark-mode .swal2-textarea, .link-list-opt .dark-mode li + li, .link-list-plain .dark-mode li + li, .link-tidy .dark-mode li + li { border-color: #474747; } .dark-mode .custom-switch .custom-control-label:after { background-color: #939393 !important } .dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label:after { background-color: #fff !important } .dark-mode .custom-control-input:checked ~ .custom-control-label:before { background-color: var(--main-color) !important; border-color: var(--main-color) !important } .dark-mode .btn-trigger.active:hover:before, .dark-mode .btn-trigger:before, .dark-mode .nk-quick-nav-icon:before { background-color: #0f0f0f } .dark-mode .dropdown-menu { background-color: #191919; border-color: #2d2d2d; box-shadow: 0 3px 20px 1px rgba(0, 0, 0, .4) } .dark-mode .dropdown-menu-s1 { border-top-color: var(--main-color) } .dark-mode .link-check li a, .dark-mode .link-list-opt a, .dark-mode .link-list-plain a { color: #fff } .dark-mode .link-check li a:hover, .dark-mode .link-list-opt a:hover, .dark-mode .link-list-plain a:hover { background: #323232 } .dark-mode .border-transparent { border-color: transparent !important } .dark-mode .btn-trigger, .dark-mode .data-list-s2 .data-label, .dark-mode .dropdown .btn.btn-icon:not(.btn-light), .dark-mode .lead-text span, .dark-mode .list-step li.list-step-done, .dark-mode .note-editor .btn, .dark-mode .ql-picker, .dark-mode .tox .tox-mbtn__select-label, .dark-mode .tox .tox-tbtn__select-label { color: #e4e4e4 } .dark-mode .ql-fill, .dark-mode .ql-stroke.ql-fill, .dark-mode .tox .tox-tbtn svg { fill: #e4e4e4 } .dark-mode .ql-stroke { stroke: #e4e4e4 } .dark-mode .input-mail::-moz-placeholder { color: #fff } .dark-mode .input-mail:-ms-input-placeholder { color: #fff } .dark-mode .bq-note-meta span > span, .dark-mode .data-item:hover .data-label, .dark-mode .data-item:hover .data-value, .dark-mode .dropdown-menu, .dark-mode .input-mail::placeholder, .dark-mode .list-apps-title, .dark-mode .nk-block-des strong, .dark-mode .nk-notification-text, .dark-mode .nk-tb-list, .dark-mode .nk-tb-list .tb-amount .currency, .dark-mode .nk-tb-list .tb-amount span, .dark-mode .overline-title, .dark-mode .pln, .dark-mode .popover-body, .dark-mode .profile-ud-value, .dark-mode .project-progress-task, .dark-mode .table, .dark-mode .tagify__tag > div, .dark-mode .tb-odr-item .tb-odr-total, .dark-mode .tb-ticket-item td.tb-ticket-desc, .dark-mode .tb-tnx-item .tb-tnx-total, .dark-mode .team-info li span:first-child, .dark-mode .team-statistics li span:last-child, .dark-mode .user-balance-sub span { color: #fff } .dark-mode .is-unread .chat-context .text, .dark-mode .nk-notification-text span { color: #fce5dc } .dark-mode .nav-tabs .nav-link { color: #fff } .dark-mode .nav-tabs .nav-link.active { color: var(--main-color) } .dark-mode .nav-tabs .nav-link:hover { color: #fff } .dark-mode .link-list-menu a, .dark-mode .list-plain a { color: #e4e4e4 } .dark-mode .link-list-menu a.active, .dark-mode .link-list-menu a:hover, .dark-mode .list-plain a.active, .dark-mode .list-plain a:hover { color: var(--main-color) } .dark-mode .list-apps a:hover .list-apps-title, .dark-mode .nav-switch .nav-link.active { color: #fff } .dark-mode .nk-tb-item:not(.nk-tb-head).seleted, .dark-mode .nk-tb-item:not(.nk-tb-head):hover { box-shadow: 0 2px 15px -4px rgba(0, 0, 0, .7) } .dark-mode .bq-note-text, .dark-mode .nk-tb-item:hover .nk-tb-action-hidden, .dark-mode .nk-tb-item:not(.nk-tb-head).seleted, .dark-mode .nk-tb-item:not(.nk-tb-head):hover { background: #0f0f0f } .dark-mode .list-step li.list-step-current, .dark-mode .nk-apps-sidebar .dropdown-menu .lead-text, .dark-mode .nk-sale-data .amount, .dark-mode .nk-support-content .title, .dark-mode .nk-tb-list .tb-amount, .dark-mode .nk-tb-list .tb-lead, .dark-mode .sp-plan-amount { color: #fff } .dark-mode .card-hint, .dark-mode .list-step li, .dark-mode .nk-support-content .time, .dark-mode .page-item.disabled .page-link { color: #666 } .dark-mode .nk-order-ovwg-data .title .icon, .dark-mode .timeline-item:not(:last-child):before, .dark-mode .timeline-status.is-outline:after { background-color: #2d2d2d } .dark-mode .nk-footer { background-color: #1e1e1e } .dark-mode .analytic-data .amount, .dark-mode .analytics-map-data .amount, .dark-mode .device-status-data .amount, .dark-mode .invest-data-history .amount, .dark-mode .invest-ov .amount, .dark-mode .nk-order-ovwg-data .info strong, .dark-mode .profile-balance-amount .number, .dark-mode .traffic-channel-data .amount, .dark-mode .user-activity .amount { color: #fff } .dark-mode .invest-ov:not(:last-child) { border-color: #474747 } .dark-mode .nk-header .dropdown-menu .lead-text, .dark-mode .nk-sidebar-bar .dropdown-menu .lead-text { color: #fff } .dark-mode .nk-aside, .dark-mode .nk-header, .dark-mode .nk-header.is-light:not([class*=bg-]), .dark-mode .nk-sidebar, .dark-mode .nk-sidebar-head, .dark-mode .nk-sidebar.is-light { border-color: #383838 !important } .dark-mode .nk-aside, .dark-mode .nk-header, .dark-mode .nk-header.is-light:not([class*=bg-]), .dark-mode .nk-header.is-theme:not([class*=bg-]), .dark-mode .nk-sidebar, .dark-mode .nk-sidebar.is-light { background: #1e1e1e } .dark-mode .attach-info, .dark-mode .chat-profile-settings .custom-control-sm .custom-control-label, .dark-mode .is-unread .chat-from .name, .dark-mode .is-unread .nk-ibx-context-text .heading, .dark-mode .nk-chat-aside-user .title, .dark-mode .nk-file-name, .dark-mode .nk-file-name-text a.title, .dark-mode .profile-stats .amount { color: #fff } .dark-mode .nk-fmg-menu-item .icon, .dark-mode .nk-ibx-menu-item .icon { color: #e4e4e4 } .dark-mode .attach-item a, .dark-mode .chat-from .name, .dark-mode .chat-option-link:hover .lead-text, .dark-mode .nk-fmg-menu-text, .dark-mode .nk-ibx-context-text .heading, .dark-mode .nk-ibx-label-text, .dark-mode .nk-ibx-menu-text, .dark-mode .user-contacts li, .dark-mode .user-plan-title { color: #fff } .dark-mode .active .nk-ibx-menu-item .icon, .dark-mode .active .nk-ibx-menu-text, .dark-mode .active > .nk-fmg-menu-item .icon, .dark-mode .nk-file-name-text a.title:hover { color: var(--main-color) } .dark-mode .attach-files, .dark-mode .attach-foot, .dark-mode .chat-profile-group, .dark-mode .nk-chat, .dark-mode .nk-chat-aside, .dark-mode .nk-chat-head, .dark-mode .nk-chat-profile, .dark-mode .nk-file-share-header, .dark-mode .nk-files-group > .title, .dark-mode .nk-files-view-grid .nk-file, .dark-mode .nk-files-view-group .nk-file, .dark-mode .nk-files-view-list .nk-file > div, .dark-mode .nk-fmg, .dark-mode .nk-fmg-aside, .dark-mode .nk-fmg-body-head, .dark-mode .nk-fmg-switch, .dark-mode .nk-ibx, .dark-mode .nk-ibx-aside, .dark-mode .nk-ibx-head, .dark-mode .nk-ibx-item, .dark-mode .nk-msg, .dark-mode .nk-msg-aside, .dark-mode .nk-msg-head, .dark-mode .nk-msg-item:not(:last-child), .dark-mode .nk-msg-nav, .dark-mode .nk-msg-nav .search-wrap, .dark-mode .nk-msg-profile, .dark-mode .nk-reply-form, .dark-mode .nk-reply-form-field:not(:last-child), .dark-mode .nk-reply-form-header, .dark-mode .nk-reply-form-tools { border-color: #383838 !important } .dark-mode .data-list-s2 .data-head, .dark-mode .nk-block-subhead, .dark-mode .nk-profile-content, .dark-mode .nk-profile-toggle, .dark-mode .user-account-links { border-color: #422f28 } .dark-mode .dropzone, .dark-mode .nk-upload-item { border-color: #523a32 !important } .dark-mode .data-list-s2 .data-head { background: transparent !important } .dark-mode .active > .nk-fmg-menu-item, .dark-mode .chat-sap-meta:after, .dark-mode .chat-sap-meta:before, .dark-mode .nk-fmg-menu-item:hover, .dark-mode .nk-ibx-reply-item:not(:last-child):after, .dark-mode .nk-ibx-status, .dark-mode .nk-reply-meta-info:after, .dark-mode .nk-reply-meta-info:before { background: #383838 } .dark-mode .chat-msg, .dark-mode .nk-chat, .dark-mode .nk-chat-aside, .dark-mode .nk-chat-blank, .dark-mode .nk-chat-editor, .dark-mode .nk-chat-head, .dark-mode .nk-chat-profile, .dark-mode .nk-files-view-grid .nk-file, .dark-mode .nk-files-view-group .nk-file, .dark-mode .nk-fmg, .dark-mode .nk-fmg-aside, .dark-mode .nk-fmg-body-head, .dark-mode .nk-fmg-switch, .dark-mode .nk-ibx, .dark-mode .nk-ibx-aside, .dark-mode .nk-ibx-item, .dark-mode .nk-ibx-view, .dark-mode .nk-msg, .dark-mode .nk-msg-head, .dark-mode .nk-msg-profile { background: #141414 } .dark-mode .nk-ibx-status .progress { background: #141414 !important } .dark-mode .channel-list a.active, .dark-mode .channel-list a:hover, .dark-mode .chat-item.current, .dark-mode .chat-item:hover, .dark-mode .chat-item:hover .chat-actions, .dark-mode .chat-members .user-actions, .dark-mode .chat-members .user-card:hover, .dark-mode .nk-chat-panel, .dark-mode .nk-msg-item.active, .dark-mode .nk-msg-item.current, .dark-mode .nk-profile-content { background: #191919 !important } .dark-mode .fav-list .user-avatar:after { background: #545454 } .dark-mode .attach-foot, .dark-mode .dot-label:after, .dark-mode .nk-files-view-list .nk-file > div, .dark-mode .nk-ibx-contact > li:hover, .dark-mode .nk-ibx-item.active, .dark-mode .nk-ibx-item:hover .ibx-actions, .dark-mode .nk-ibx-item:hover .ibx-actions-hidden, .dark-mode .nk-ibx-item:not(.no-hover):hover, .dark-mode .nk-ibx-label > li:hover, .dark-mode .nk-ibx-menu li.active, .dark-mode .nk-ibx-menu li:hover, .dark-mode .nk-msg-aside, .dark-mode .nk-msg-nav, .dark-mode .nk-reply-entry.note, .dark-mode .nk-reply-from { background: #1e1e1e } .dark-mode .is-unread .nk-ibx-context-text, .dark-mode .nk-upload-info { color: #fce5dc } .dark-mode .nk-ibx-context-text, .dark-mode .nk-reply-msg-excerpt, .dark-mode .nk-reply-tools .date, .dark-mode .user-contacts li .icon { color: #e4e4e4 } .dark-mode .is-unread .nk-msg-sender .name { color: #fff } .dark-mode .nk-reply-from, .dark-mode .nk-reply-meta-info { color: #dfdfdf } .dark-mode .channel-list a, .dark-mode .nk-reply-meta-info .who, .dark-mode .nk-reply-meta-info span, .dark-mode .nk-reply-meta-info strong { color: #fff } .dark-mode .nk-reply-meta-info .whom { color: var(--main-color) } .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn, .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:disabled { border-color: #383838; color: #fff } .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:focus, .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:hover { background: #1e1e1e; border-color: #383838; color: #fff } .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:focus { box-shadow: 0 0 0 .2rem rgba(56, 56, 56, .5) } .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn.active { background: #1e1e1e; border-color: #383838; box-shadow: inset 0 0 4px -1px rgba(56, 56, 56, .25); color: var(--main-color) } .dark-mode .fc-day { color: #fff } .dark-mode .fc-day-other { color: #e4e4e4 } .dark-mode .fc-col-header-cell, .dark-mode .fc-list-day { color: #fff } .dark-mode .fc .fc-list-empty { background: #1e1e1e } .dark-mode .fc-timegrid-event-harness-inset .fc-timegrid-event, .dark-mode .fc-timegrid-event.fc-event-mirror { box-shadow: 0 0 0 1px #1e1e1e } .dark-mode a.fc-event-primary-dim { background-color: #321d14 !important; border-color: #321d14 !important } .dark-mode .modal-header.fc-event-primary-dim { background-color: #321d14 !important; border-color: #20120d !important } .dark-mode .fc-event-primary-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-primary-dim .dot { background-color: #321d14 !important } .dark-mode a.fc-event-success-dim { background-color: #152a12 !important; border-color: #152a12 !important } .dark-mode .modal-header.fc-event-success-dim { background-color: #152a12 !important; border-color: #0c180a !important } .dark-mode .fc-event-success-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-success-dim .dot { background-color: #152a12 !important } .dark-mode a.fc-event-info-dim { background-color: #122e32 !important; border-color: #122e32 !important } .dark-mode .modal-header.fc-event-info-dim { background-color: #122e32 !important; border-color: #0b1d1f !important } .dark-mode .fc-event-info-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-info-dim .dot { background-color: #122e32 !important } .dark-mode a.fc-event-warning-dim { background-color: #362d13 !important; border-color: #362d13 !important } .dark-mode .modal-header.fc-event-warning-dim { background-color: #362d13 !important; border-color: #231d0c !important } .dark-mode .fc-event-warning-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-warning-dim .dot { background-color: #362d13 !important } .dark-mode a.fc-event-danger-dim { background-color: #371917 !important; border-color: #371917 !important } .dark-mode .modal-header.fc-event-danger-dim { background-color: #371917 !important; border-color: #25110f !important } .dark-mode .fc-event-danger-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-danger-dim .dot { background-color: #371917 !important } .dark-mode a.fc-event-secondary-dim { background-color: #1b1f24 !important; border-color: #1b1f24 !important } .dark-mode .modal-header.fc-event-secondary-dim { background-color: #1b1f24 !important; border-color: #101215 !important } .dark-mode .fc-event-secondary-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-secondary-dim .dot { background-color: #1b1f24 !important } .dark-mode a.fc-event-dark-dim { background-color: #161616 !important; border-color: #161616 !important } .dark-mode .modal-header.fc-event-dark-dim { background-color: #161616 !important; border-color: #090909 !important } .dark-mode .fc-event-dark-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-dark-dim .dot { background-color: #161616 !important } .dark-mode a.fc-event-blue-dim { background-color: #1e2837 !important; border-color: #1e2837 !important } .dark-mode .modal-header.fc-event-blue-dim { background-color: #1e2837 !important; border-color: #151c27 !important } .dark-mode .fc-event-blue-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-blue-dim .dot { background-color: #1e2837 !important } .dark-mode a.fc-event-azure-dim { background-color: #142337 !important; border-color: #142337 !important } .dark-mode .modal-header.fc-event-azure-dim { background-color: #142337 !important; border-color: #0d1724 !important } .dark-mode .fc-event-azure-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-azure-dim .dot { background-color: #142337 !important } .dark-mode a.fc-event-indigo-dim { background-color: #1a1d30 !important; border-color: #1a1d30 !important } .dark-mode .modal-header.fc-event-indigo-dim { background-color: #1a1d30 !important; border-color: #11131f !important } .dark-mode .fc-event-indigo-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-indigo-dim .dot { background-color: #1a1d30 !important } .dark-mode a.fc-event-purple-dim { background-color: #242137 !important; border-color: #242137 !important } .dark-mode .modal-header.fc-event-purple-dim { background-color: #242137 !important; border-color: #1a1727 !important } .dark-mode .fc-event-purple-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-purple-dim .dot { background-color: #242137 !important } .dark-mode a.fc-event-pink-dim { background-color: #37202a !important; border-color: #37202a !important } .dark-mode .modal-header.fc-event-pink-dim { background-color: #37202a !important; border-color: #27171e !important } .dark-mode .fc-event-pink-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-pink-dim .dot { background-color: #37202a !important } .dark-mode a.fc-event-orange-dim { background-color: #37291d !important; border-color: #37291d !important } .dark-mode .modal-header.fc-event-orange-dim { background-color: #37291d !important; border-color: #261d14 !important } .dark-mode .fc-event-orange-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-orange-dim .dot { background-color: #37291d !important } .dark-mode a.fc-event-teal-dim { background-color: #162f28 !important; border-color: #162f28 !important } .dark-mode .modal-header.fc-event-teal-dim { background-color: #162f28 !important; border-color: #0e1e19 !important } .dark-mode .fc-event-teal-dim:not(a) .fc-list-event-dot, .dark-mode span.fc-event-teal-dim .dot { background-color: #162f28 !important } .dark-mode .accordion-item:last-child .accordion-inner, .dark-mode .accordion-item:not(:last-child) .accordion-head, .dark-mode .accordion-item:not(:last-child) .accordion-inner, .dark-mode .card-bordevar(--main-color), .dark-mode .card-preview, .dark-mode .card .card-inner + .table .tb-tnx-head, .dark-mode .code-block, .dark-mode .kanban-add-task, .dark-mode .kanban-board-header, .dark-mode .kanban-board .kanban-drag:empty, .dark-mode .kanban-item, .dark-mode .nk-download { border-color: #383838 } .dark-mode .accordion:not(.accordion-s2):not(.accordion-s3) { border-color: #383838 !important } .dark-mode .card.bg-light .card-header, .dark-mode .card.bg-lighter .card-header { background: rgba(0, 0, 0, .2) } .dark-mode .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col { border-bottom-color: #383838; border-top-color: #383838 } .dark-mode .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col:first-child { border-left-color: #383838 } .dark-mode .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col:last-child { border-right-color: #383838 } .dark-mode .modal-footer.bg-light { background-color: #0f0f0f !important } .dark-mode .kanban-primary { border-top-color: var(--main-color) } .dark-mode .kanban-success { border-top-color: #1aa509 } .dark-mode .kanban-info { border-top-color: #09c2de } .dark-mode .kanban-warning { border-top-color: #f4bd0e } .dark-mode .kanban-danger { border-top-color: #ff3828 } .dark-mode.ui-bordevar(--main-color) .accordion:not(.accordion-s2):not(.accordion-s3), .dark-mode.ui-bordevar(--main-color) .card, .dark-mode.ui-bordevar(--main-color) .card-bordevar(--main-color), .dark-mode.ui-bordevar(--main-color) .card .card-inner + .table .tb-tnx-head, .dark-mode.ui-bordevar(--main-color) .code-block, .dark-mode.ui-bordevar(--main-color) .nk-download { border-color: #383838 } .dark-mode.ui-bordevar(--main-color) .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col { border-bottom-color: #383838; border-top-color: #383838 } .dark-mode.ui-bordevar(--main-color) .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col:first-child { border-left-color: #383838 } .dark-mode.ui-bordevar(--main-color) .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col:last-child { border-right-color: #383838 } .dark-mode .nk-order-ovwg-data.buy { border-color: #186b0d } .dark-mode .nk-order-ovwg-data.sell { border-color: #8d3715 } .dark-mode .nk-sidebar-overlay { background: rgba(0, 0, 0, .6) } .dark-mode .nk-chat-profile-overlay, .dark-mode .toggle-overlay { background: hsla(0, 0%, 6%, .75) } .dark-mode .swal2-container.swal2-backdrop-show { background: rgba(0, 0, 0, .85) } .dark-mode .modal-backdrop { background: rgba(0, 0, 0, .9); opacity: .9 } .dark-mode .invoice-wrap, .dark-mode .sp-pdl-item { background: #141414 } .dark-mode .support-topic-block:link:hover, .dark-mode .tb-ticket-item.is-unread { background: #1e1e1e } .dark-mode .nk-wg1-action .link:hover, .dark-mode .sp-package-price, .dark-mode .sp-plan-action { background: #191919 } .dark-mode .invoice-bills .table tfoot, .dark-mode .invoice-wrap, .dark-mode .nk-wg1-action, .dark-mode .sp-package-desc, .dark-mode .sp-package-price, .dark-mode .sp-pdl-item, .dark-mode .sp-plan-action, .dark-mode .support-queue-item:not(:first-child), .dark-mode .support-topic-meta, .dark-mode .ticket-msg-reply { border-color: #383838 } .dark-mode .sp-package-choose ~ label:before { border-color: #474747 } .dark-mode .form-editor-action { border-color: #474747 !important } .dark-mode .author-list.is-grouped .user-avatar { border-color: #141414 } .dark-mode .price-plan-amount .amount, .dark-mode .sp-package-title, .dark-mode .tb-ticket-item.is-unread .title { color: #fff } .dark-mode .support-topic-context { color: #e4e4e4 } .dark-mode .ui-bordevar(--main-color) .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col, .dark-mode .ui-bordevar(--main-color) .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col:first-child { border-color: #383838 !important } .dark-mode .nk-tb-list.is-separate .nk-tb-item:hover .nk-tb-action-hidden, .dark-mode .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col { background-color: #141414 } .dark-mode .nk-tb-list .tb-product .title { color: #fff } @media (max-width: 1199.98px) { .dark-mode .nk-menu-main .nk-menu-sub { background: transparent } } @media (max-width: 576px) { .dark-mode .nk-block-tools-toggle .toggle-expand-content { background-color: #262626 } } .nk-app-root { background-color: #000000; background-image: url(../images/shadowlands-cp-bg.jpg); background-position: top; background-repeat: no-repeat; background-size: 100% auto } .nk-app-root .no-webp { background-image: url(../images/shadowlands-cp-bg.jpg) } .logo-link { transition: opacity .3s } .logo-link:hover { opacity: .5 } .card { background-color: rgba(35, 33, 31, .8) !important; } .man-auth { overflow: hidden; position: relative } .man-auth:after { bottom: -10px; content: ""; height: 570px; position: absolute; right: 0; width: 868px } .man-auth:after .no-webp { } .page-item.active .page-link { background-color: var(--main-color) !important; border-color: var(--main-color) !important; color: #fff !important } .languages { align-items: center; display: flex; justify-content: space-between; margin-left: 235px; width: 60px; } .languages__item.active { border: 2px solid #7e371a; height: 23px; width: 23px; } .languages__item.en { background-image: url(../../img/icons/en.svg); } .languages__item { border-radius: 50%; height: 18px; transition: all .3s; width: 18px; } .languages__item.ru { background-image: url(../../img/icons/ru.svg); } .languages__item:not(.active) { opacity: .75; } .lang-checkbox { margin-right: 10px; } .form-message { padding: 15px 15px 35px 15px; } .nav-tabs li a { padding: 0px 89px 2px 15px; color: #9e9e9e; font-size: 1.3em; } .nav-tabs li a.active { border-bottom: 1px solid var(--main-color); color: var(--main-color); font-weight: bold; } .send-sms { height: 36px; } .iti__flag {background-image: url("https://shadowlands.club/assets/css/path/to/flags.png");} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag {background-image: url("https://shadowlands.club/assets/css/path/to/flags@2x.png");} } .iti--separate-dial-code, .iti__flag-container input { width: 100%; } .error { border-color: var(--main-color) !important; } .radio-block { display: flex; } .radio-input { margin-right: 25px; } .nk-auth-body .logo-img { max-height: 200px; } .select2-selection { padding: 7px 7px 7px 14px; } .footer__copyright-info--policy > a { font-size: 0.7em; } .footer__copyright-info--policy { display: flex; flex-direction: row; justify-content: space-between; } .footer__copyright-info--policy a { margin-right: 15px; color: var(--main-color) !important; } .footer__copyright-info--policy a:hover { color: white !important; } .nk-footer-links-auth-logo { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 45px; } .col-sm-12.tabs { padding: 0 !important } .btn-colorselector { width: 36px !important; height: 36px !important; } .input-slider { display: block; margin-top: 35px !important; } #bonus_sum { background-color: #eca84c !important; border: none; color: #000 !important; } .count-bonus { height: 31px; } .donate-content .form-group { margin-bottom: 30px; } .donate-content .select2-selection--single { overflow: hidden; } .send-sms-msg { display: none; padding-left: 20px; } .error { border-bottom: 2px solid #ff4332; } .msg { border: 2px solid #ffa908; border-radius: 3px; padding: 10px; text-align: center; font-weight: bold; } .none { display: none; } .logout { color: #b7625c; } .message { color: #FF0000; text-align: center; width: 100%; } .messagesuc { color: green; text-align: center; width: 100%; } .txtField { padding: 5px; border:#fedc4d 1px solid; border-radius:4px; } .required { color: #FF0000; font-size:11px; font-weight:italic; padding-left:10px; } .votetext { margin-left: auto; margin-right: auto; text-align: center; } .list-vote__title { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: -14px; font-weight: 700; font-size: 24px; line-height: 1; color: #fff; } .list-vote__logo { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 65px; height: 45px; overflow: hidden; } .list-vote__link { position: relative; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 18px 15px; } .nk-wrap { background: linear-gradient(rgba(8,12,22,.1), rgba(8,12,22,.1)), url('/panel/images/bg-cp.jpg') center top / cover no-repeat; background-attachment: fixed, fixed; min-height: 100vh; } @media (max-width: 991px) { .nk-wrap { background-attachment: scroll, scroll; } } .nk-header.is-light { background: #1e1e1e !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; box-shadow: 0 1px 12px rgba(0,0,0,.4); } .nk-header.nk-header-fixed { z-index: 1000 !important; } .nk-aside { background: transparent !important; border-right: none !important; padding-top: .95rem; padding-bottom: .95rem; flex: 0 0 280px; max-width: 280px; margin-left: 2.5rem; } @media (max-width: 991px) { .nk-aside { background: rgba(10,14,26,.98) !important; box-shadow: 4px 0 32px rgba(0,0,0,.65) !important; transition: transform .35s ease !important; padding-top: 65px !important; } .nk-aside.l2cp-sidebar-open, .nk-aside.toggle-active, .nk-aside.content-active { transform: none !important; } .nk-sidebar-menu { background: transparent !important; padding: 0 !important; margin: 0; } .l2cp-server-select-wrapper { padding: 1rem 1rem 0.5rem 1rem; } } .nk-content-body, .nk-content-wrap { background: transparent !important; } .has-aside .nk-content-body { width: calc(100% - 280px); flex: 1 1 auto; } .nk-main .container-lg.wide-xl, .nk-main .nk-content > .container.wide-xl { max-width: 100% !important; width: 100%; padding-left: 2.8rem !important; padding-right: 2.8rem !important; } .card, .card.card-bordered { background: rgba(25, 23, 23, 0.85) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 5px !important; } .card-inner { color: #c0cce0; background: transparent !important; border-radius: 5px !important; } .card-inner.p-0 { background: transparent !important; } .nk-sidebar-menu { background: rgba(25, 23, 23, 0.85) !important; border-radius: 5px !important; padding: 0.95rem 1.1rem !important; margin: 0 0.2rem; } .l2cp-server-select-wrapper { padding: 0 0.4rem 0.75rem 0.4rem; margin-bottom: 0.5rem; } .l2cp-server-select-wrapper label { display: block; margin-bottom: 0.25rem; color: #7b8faa; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.08em; } .l2cp-server-select { width: 100%; background: rgba(25, 23, 23, 0.85) !important; border: 1px solid rgba(255,255,255,.2) !important; color: #dde6f4 !important; padding: 0.4rem 0.75rem; border-radius: 5px !important; } .nk-tb-list.nk-tb-ulist { background: transparent !important; } .nk-tb-item { background: transparent !important; } .nk-tb-item.nk-tb-head { background: rgba(0,0,0,.25) !important; border-bottom: 1px solid rgba(255,255,255,.1); } .nk-tb-item:not(.nk-tb-head) { border-color: rgba(255,255,255,.05) !important; } .nk-tb-item:not(.nk-tb-head):hover { background: rgba(255,255,255,.06); } .nk-tb-col { color: #c0cce0; } .nk-tb-head .nk-tb-col { color: #7b8faa !important; } .nk-block-title, .page-title { color: #dde6f4 !important; } .text-soft { color: #7b8faa !important; } .nk-menu-text { color: #c5d2e8 !important; } .nk-menu-heading span { color: #7b8faa !important; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; } .nk-menu-item.active > .nk-menu-link { background: transparent !important; border-left: none !important; border-radius: 0; } .nk-menu-link:hover { background: transparent !important; border-radius: 0; } .nk-menu-link:hover .nk-menu-icon em, .nk-menu-item.active .nk-menu-icon em, .nk-menu-link:hover .nk-menu-text, .nk-menu-item.active .nk-menu-text { color: #f4bc16 !important; } .l2cp-balance-badge { display: inline-flex; align-items: center; gap: .25rem; background: rgba(244, 188, 22, .15); color: #f4bc16; font-size: .65rem; padding: .15rem .4rem; border-radius: 10px; margin-left: auto; } .l2cp-balance-badge .icon { flex-shrink: 0; } .l2cp-server-status-item .nk-menu-link { display: flex; align-items: center; } .l2cp-status-pill { font-size: .6rem; padding: .12rem .35rem; border-radius: 10px; font-weight: 600; white-space: nowrap; } .l2cp-status-pill--on { background: rgba(34, 197, 94, .85); color: #fff; } .l2cp-status-pill--off { background: rgba(239, 68, 68, .85); color: #fff; } .pagination .page-link { background: rgba(16,22,38,.9); border-color: rgba(255,255,255,.1); color: #c0cce0; } .pagination .page-item.active .page-link { background: #6576ff; border-color: #6576ff; } @media (max-width: 991px) { .nk-content-body { width: 100%; min-width: 0; } .has-aside .nk-content-body { width: 100% !important; } .nk-content-wrap { padding: 1.25rem .75rem; } .nk-content .container.wide-xl, .container.wide-xl, .container-lg.wide-xl { padding-left: .75rem !important; padding-right: .75rem !important; } .nk-aside { margin-left: 0; } .nk-block-head { margin-bottom: 1rem; } .tb-col-xl { display: none !important; } } @media (max-width: 575px) { .nk-header .container-lg { padding-left: .75rem; padding-right: .75rem; } .user-status { display: none !important; } .btn-logout-text { display: none !important; } .nk-block-title, .page-title { font-size: 1rem !important; } .tb-col-lg, .tb-col-xl { display: none !important; } .card-inner { padding: .875rem !important; } .nk-tb-col-tools .btn span { display: none !important; } .nk-tb-col-tools .btn { padding: .35rem .5rem !important; } .nk-block-between { flex-direction: column; gap: .75rem; align-items: flex-start !important; } .nk-block-head-content .btn { width: 100%; } } #l2cp-nav-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 699; cursor: pointer; } #l2cp-nav-overlay.l2cp-active { display: block; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body.nk-body { background: #0d1117; } .nk-wrap.nk-wrap-nosidebar { min-height: 100vh; display: flex; flex-direction: column; } .nk-content { flex: 1; padding: 0 !important; } .l2cp-split { display: flex; flex-direction: column; min-height: 100vh; width: 100%; } @media (min-width: 768px) { .l2cp-split { flex-direction: row; } } .l2cp-banner-mobile { display: block; width: 100%; height: 200px; background: url('/panel/images/autorization.jpg') center 25% / cover no-repeat; flex-shrink: 0; position: relative; } .l2cp-banner-mobile::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(8,12,22,.3) 0%, rgba(8,12,22,.75) 100%); } @media (min-width: 768px) { .l2cp-banner-mobile { display: none; } } .l2cp-form-panel { width: 100%; display: flex; flex-direction: column; background: rgba(10,14,26,.97); overflow-y: auto; } @media (min-width: 768px) { .l2cp-form-panel { width: 460px; min-width: 420px; flex-shrink: 0; min-height: 100vh; } } @media (min-width: 1200px) { .l2cp-form-panel { width: 520px; } } .l2cp-form-inner { flex: 1; padding: 2rem 1.5rem; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .l2cp-form-inner { padding: 2.5rem; } } .l2cp-cover { display: none; } @media (min-width: 768px) { .l2cp-cover { display: block; flex: 1; min-width: 0; background: url('/panel/images/autorization.jpg') center 30% / cover no-repeat; position: relative; } .l2cp-cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(8,12,24,.45) 0%, rgba(8,12,24,.08) 60%, transparent 100%); } } .l2cp-form-inner .form-control, .l2cp-form-inner .form-control-lg { background: rgba(255,255,255,.06); border: 1.5px solid rgba(255,255,255,.12); color: #dde6f4; border-radius: 8px; font-size: .9375rem; height: 48px; padding: .5rem 1rem; width: 100%; transition: border-color .2s, background .2s; } .l2cp-form-inner .form-control::placeholder, .l2cp-form-inner .form-control-lg::placeholder { color: rgba(255,255,255,.3); } .l2cp-form-inner .form-control:focus, .l2cp-form-inner .form-control-lg:focus { border-color: #6576ff; background: rgba(255,255,255,.09); outline: none; box-shadow: 0 0 0 3px rgba(101,118,255,.2); color: #fff; } .l2cp-form-inner .form-label { font-size: .8125rem; font-weight: 600; color: #8094ae; margin-bottom: .35rem; display: block; } .l2cp-form-inner .btn-primary { height: 48px; border-radius: 8px; font-size: 1rem; font-weight: 600; letter-spacing: .02em; } .l2cp-form-inner .form-note-s2 { font-size: .875rem; color: #7b8faa; } .l2cp-form-inner .form-note-s2 a { font-weight: 600; color: #6576ff; } .l2cp-form-inner .link-primary { color: #6576ff !important; } .l2cp-form-inner h4, .l2cp-form-inner h5 { color: #dde6f4 !important; } .form-control-wrap { position: relative; } .form-control-wrap .form-control { padding-right: 3rem; } .passcode-switch { position: absolute; right: .875rem; top: 50%; transform: translateY(-50%); color: rgba(255,255,255,.4); cursor: pointer; z-index: 2; } .passcode-switch:hover { color: rgba(255,255,255,.7); } .form-label-group { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .35rem; } .form-label-group .form-label { margin-bottom: 0; } .link-sm { font-size: .8rem; } .custom-control-label { font-size: .875rem; color: #7b8faa; } .l2cp-form-inner .alert { border-radius: 8px; font-size: .875rem; } .l2cp-form-inner .g-recaptcha { transform-origin: left top; } @media (max-width: 400px) { .l2cp-form-inner .g-recaptcha { transform: scale(0.85); } } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body.nk-body { background: #0d1117; } .nk-wrap.nk-wrap-nosidebar { min-height: 100vh; display: flex; flex-direction: column; } .nk-content { flex: 1; padding: 0 !important; } .l2cp-split { display: flex; flex-direction: column; min-height: 100vh; width: 100%; } @media (min-width: 768px) { .l2cp-split { flex-direction: row; } } .l2cp-banner-mobile { display: block; width: 100%; height: 160px; background: url('/panel/images/register.jpg') center 20% / cover no-repeat; flex-shrink: 0; position: relative; } .l2cp-banner-mobile::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(8,12,22,.25) 0%, rgba(8,12,22,.7) 100%); } @media (min-width: 768px) { .l2cp-banner-mobile { display: none; } } .l2cp-form-panel { width: 100%; display: flex; flex-direction: column; background: rgba(10,14,26,.97); overflow-y: auto; } @media (min-width: 768px) { .l2cp-form-panel { width: 460px; min-width: 420px; flex-shrink: 0; min-height: 100vh; } } @media (min-width: 1200px) { .l2cp-form-panel { width: 500px; } } .l2cp-form-inner { flex: 1; padding: 1.5rem 1.5rem 2rem; display: flex; flex-direction: column; } @media (min-width: 768px) { .l2cp-form-inner { padding: 2.5rem; } } .l2cp-cover { display: none; } @media (min-width: 768px) { .l2cp-cover { display: block; flex: 1; min-width: 0; background: url('/panel/images/register.jpg') center 25% / cover no-repeat; position: relative; } .l2cp-cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(8,12,24,.45) 0%, rgba(8,12,24,.08) 55%, transparent 100%); } } .l2cp-form-inner .form-control, .l2cp-form-inner .form-control-lg { background: rgba(255,255,255,.06); border: 1.5px solid rgba(255,255,255,.12); color: #dde6f4; border-radius: 8px; font-size: .9rem; height: 40px; padding: .35rem .9rem; width: 100%; transition: border-color .2s, background .2s; } .l2cp-form-inner .form-control::placeholder, .l2cp-form-inner .form-control-lg::placeholder { color: rgba(255,255,255,.3); } .l2cp-form-inner .form-control:focus, .l2cp-form-inner .form-control-lg:focus { border-color: #6576ff; background: rgba(255,255,255,.09); outline: none; box-shadow: 0 0 0 3px rgba(101,118,255,.2); color: #fff; } .l2cp-form-inner .form-label { font-size: .8125rem; font-weight: 600; color: #8094ae; margin-bottom: .3rem; display: block; } .l2cp-form-inner small { display: block; font-size: .72rem; color: rgba(255,255,255,.3); margin-top: .15rem; font-weight: 400; } .l2cp-form-inner .btn-primary { height: 46px; border-radius: 8px; font-size: .9375rem; font-weight: 600; } .l2cp-form-inner .form-note-s2 { font-size: .875rem; color: #7b8faa; } .l2cp-form-inner .form-note-s2 a { font-weight: 600; color: #6576ff; } .l2cp-form-inner h4, .l2cp-form-inner h5 { color: #dde6f4 !important; } .l2cp-form-inner p { color: #7b8faa; } .form-control-wrap { position: relative; } .form-control-wrap .form-control { padding-right: 3rem; } .passcode-switch { position: absolute; right: .875rem; top: 50%; transform: translateY(-50%); color: rgba(255,255,255,.35); cursor: pointer; z-index: 2; } .passcode-switch:hover { color: rgba(255,255,255,.7); } .custom-control-label { font-size: .8125rem; color: #7b8faa; } .l2cp-form-inner .custom-control-label a { color: #6576ff; } .l2cp-form-inner .form-group { margin-bottom: .875rem; } .msg { display: none; padding: .65rem .9rem; font-size: .85rem; margin-bottom: .9rem; } .l2cp-alert-error.msg { display: none; background: #ff3828; color: #fff; border-radius: 0; border: none; box-shadow: none; } .l2cp-alert-error.msg::before { content: "✕"; display: inline-block; margin-right: .5rem; font-weight: 700; } .l2cp-alert-success.msg { display: none; background: #16a34a; color: #fff; border-radius: 0; border: none; box-shadow: none; } #chartdiv { width:100%; height:380px; } :root { --l2-primary: #a32c2c; --l2-secondary: #2c3040; --l2-accent: #d4af37; --l2-dark: #1a1a24; --l2cp-stat-bg: #222a36; --l2cp-stat-header-bg: #1e252e; --l2cp-stat-border: rgba(255,255,255,.08); } .l2-stats-container { max-width: 100%; overflow-x: hidden; } .l2cp-stat-card { background: var(--l2cp-stat-bg) !important; border: 1px solid var(--l2cp-stat-border) !important; border-radius: 8px; margin-bottom: 1.25rem; } .l2cp-stat-card .card-inner { padding: 1.25rem; } .l2cp-stat-table { color: #e2e8f0; width: 100%; border-collapse: collapse; } .l2cp-stat-table thead th { font-weight: 600; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 0.08em; padding: 0.75rem 1rem; border-bottom: 1px solid var(--l2cp-stat-border); color: #94a3b8; background: var(--l2cp-stat-header-bg); text-align: left; } .l2cp-stat-table tbody tr { transition: background 0.15s ease; border-bottom: 1px solid var(--l2cp-stat-border); } .l2cp-stat-table tbody tr:hover { background: rgba(255,255,255,.04); } .l2cp-stat-table tbody td { padding: 0.75rem 1rem; vertical-align: middle !important; } .l2cp-stat-char { display: flex; align-items: center; gap: 0.75rem; } .l2cp-stat-char-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0; } .l2cp-stat-char-avatar-placeholder { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #64748b; flex-shrink: 0; } .l2cp-stat-char-info { min-width: 0; } .l2cp-stat-char-name { font-weight: 600; color: #fff; font-size: 0.95rem; } .l2cp-stat-char-meta { font-size: 0.8rem; color: #94a3b8; margin-top: 0.15rem; } .l2cp-stat-char-class { font-size: 0.75rem; color: #64748b; margin-top: 0.1rem; } .l2cp-stat-pvp { color: #22c55e !important; font-weight: 600; } .l2cp-stat-pk { color: #ef4444 !important; font-weight: 600; } .l2cp-stat-time { color: #94a3b8; font-size: 0.875rem; } .l2cp-stat-clan { display: flex; align-items: center; gap: 0.5rem; } .l2cp-stat-clan-emblem { width: 16px; height: 12px; border-radius: 2px; object-fit: contain; flex-shrink: 0; } .l2cp-stat-clan-placeholder { width: 16px; height: 12px; border-radius: 2px; background: rgba(255,255,255,.08); display: flex; align-items: center; justify-content: center; font-size: 0.55rem; color: #64748b; } .l2cp-stat-clan-name { color: #e2e8f0; } .badge.l2cp-stat-tax { background: rgba(245, 158, 11, 0.2); color: #f59e0b; } .badge.l2cp-stat-siege { background: rgba(99, 102, 241, 0.2); color: #818cf8; } .l2cp-stat-place { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; } .l2cp-stat-medal { display: inline-flex; align-items: center; justify-content: center; } .l2cp-stat-medal-icon { width: 28px; height: 28px; object-fit: contain; } .l2cp-stat-alert { background: linear-gradient(135deg, #6b1b1b, #8c1e1e); border-left: 4px solid var(--l2-accent); border-radius: 4px; padding: 0.75rem 1rem; margin-bottom: 1rem; display: flex; align-items: center; } .l2cp-stat-alert i { font-size: 1.25rem; margin-right: 0.75rem; color: var(--l2-accent); } .l2cp-stat-tabs { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 1px solid var(--l2cp-stat-border); margin-bottom: 1rem; padding-bottom: 0; } .l2cp-stat-tab { padding: 0.6rem 1rem; color: #94a3b8; background: none; border: none; font-size: 0.85rem; font-weight: 500; cursor: pointer; position: relative; margin-bottom: -1px; } .l2cp-stat-tab:hover { color: #e2e8f0; } .l2cp-stat-tab.active { color: #f59e0b; font-weight: 600; } .l2cp-stat-tab.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #f59e0b; } @media (max-width: 768px) { .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .ap-card { position: relative; border-radius: 14px; overflow: hidden; height: 180px; cursor: default; transition: transform .25s, box-shadow .25s; border: 1px solid rgba(255,255,255,.08); } .ap-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,.5); } .ap-card__bg { position: absolute; inset: 0; background: rgba(15, 18, 28, 0.92); } .ap-card__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.2); } .ap-card__body { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; padding: 1.1rem 1.25rem .9rem; } .ap-card__header { display: flex; align-items: center; gap: .6rem; flex: 1; } .ap-card__icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(255,255,255,.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; backdrop-filter: blur(4px); } .ap-card__icon em { font-size: 1.35rem; color: #fff; } .ap-card__title { font-size: 1.05rem; font-weight: 700; color: #fff; line-height: 1.25; text-shadow: 0 1px 4px rgba(0,0,0,.4); } .ap-card__subtitle { font-size: .72rem; color: rgba(255,255,255,.65); margin-top: .1rem; } .ap-card__actions { display: flex; gap: .4rem; flex-wrap: wrap; } .ap-card__btn { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .75rem; border-radius: 6px; font-size: .75rem; font-weight: 600; text-decoration: none; transition: background .2s, transform .15s; border: none; cursor: pointer; white-space: nowrap; } .ap-card__btn:hover { transform: scale(1.04); text-decoration: none; } .ap-card__btn--primary { background: rgba(255,255,255,.9); color: #1a1f35; } .ap-card__btn--primary:hover { background: #fff; color: #1a1f35; } .ap-card__btn--ghost { background: rgba(255,255,255,.18); color: #fff; backdrop-filter: blur(4px); } .ap-card__btn--ghost:hover { background: rgba(255,255,255,.28); color: #fff; } .ap-card__badge { display: inline-flex; align-items: center; padding: .15rem .45rem; border-radius: 20px; font-size: .65rem; font-weight: 700; background: rgba(255,255,255,.2); color: #fff; margin-left: .35rem; vertical-align: middle; } .ap-section-title { color: #7b8faa; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; margin-bottom: 1rem; padding-bottom: .4rem; border-bottom: 1px solid rgba(255,255,255,.06); } @media (max-width: 575px) { .ap-card { height: 150px; } .ap-card__title { font-size: .9rem; } .ap-card__btn { font-size: .7rem; padding: .25rem .55rem; } .ap-card__icon { width: 36px; height: 36px; } .ap-card__icon em { font-size: 1.1rem; } } .log-item { transition: background .3s; } .log-item.log-new { animation: logFadeIn .4s ease; } @keyframes logFadeIn { from { background:rgba(101,118,255,.18); } to { background:transparent; } } .log-badge { font-size:.65rem; text-transform:uppercase; letter-spacing:.04em; } .admin-support-filters { position: relative; z-index: 10; } .admin-support-filters .card { border-radius: 0; } .admin-support-filters .form-control { border-radius: 0; } .admin-support-filters .btn { border-radius: 0; } .admin-support-list .card { border-radius: 0; } .admin-support-list .nk-tb-item { border-radius: 0; } #editor-container { min-height:320px; background:rgba(255,255,255,.06); color:#dde6f4; border-radius:0 0 6px 6px; border:1.5px solid rgba(255,255,255,.12); border-top:none; } .ql-toolbar { background:rgba(255,255,255,.08); border:1.5px solid rgba(255,255,255,.12); border-radius:6px 6px 0 0; } .ql-toolbar .ql-stroke { stroke:#c5d2e8 !important; } .ql-toolbar .ql-fill { fill:#c5d2e8 !important; } .ql-toolbar .ql-picker-label { color:#c5d2e8 !important; } .img-preview { max-height:180px; border-radius:8px; margin-top:.5rem; object-fit:cover; } .payments-page .card { background: rgba(25, 23, 23, 0.85) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 8px; } .payments-page .form-control, .payments-page .form-select { background: rgba(30, 30, 30, 0.95) !important; border: 1px solid rgba(255,255,255,.12) !important; color: #fff !important; border-radius: 6px; } .payments-page .form-control::placeholder { color: rgba(255,255,255,.4); } .payments-page .form-control:focus, .payments-page .form-select:focus { border-color: #eca84c; outline: none; } .payments-page label { color: #dde6f4; font-weight: 500; } .l2cp-range-wrap { position: relative; padding-top: 38px; margin-bottom: 36px; } .l2cp-range-track { position: absolute; left: 0; right: 0; top: 53px; height: 6px; background: rgba(255,255,255,.2); border-radius: 3px; } .l2cp-range-ticks { position: absolute; left: 0; right: 0; top: 51px; height: 10px; pointer-events: none; z-index: 1; } .l2cp-range-tick { position: absolute; width: 1px; height: 10px; background: rgba(255,255,255,.5); transform: translateX(-50%); } .l2cp-range-fill { position: absolute; left: 0; top: 53px; height: 6px; background: #eca84c; border-radius: 3px; pointer-events: none; transition: width 0.05s ease; } .l2cp-range-input { position: absolute; left: 0; right: 0; top: 53px; width: 100%; height: 6px; margin: 0; padding: 0; -webkit-appearance: none; appearance: none; background: transparent; cursor: pointer; z-index: 2; } .l2cp-range-input::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px #eca84c, 0 0 10px rgba(236,168,76,.4); cursor: pointer; margin-top: -5px; } .l2cp-range-input::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px #eca84c, 0 0 10px rgba(236,168,76,.4); cursor: pointer; border: none; margin-top: -5px; } .l2cp-range-input::-webkit-slider-runnable-track { height: 6px; background: transparent; } .l2cp-range-input::-moz-range-track { height: 6px; background: transparent; } .l2cp-range-value-pill { position: absolute; top: 0; transform: translateX(-50%); min-width: 72px; padding: 6px 12px; background: #eca84c; color: #1a1f35; font-size: .8rem; font-weight: 600; text-align: center; border-radius: 8px; pointer-events: none; transition: left 0.05s ease; white-space: nowrap; box-shadow: 0 2px 8px rgba(0,0,0,.2); } .l2cp-range-value-pill::after { content: ''; position: absolute; left: 50%; bottom: -5px; margin-left: -5px; border: 5px solid transparent; border-top-color: #eca84c; } .l2cp-range-marks { position: absolute; left: 0; right: 0; top: 64px; height: 20px; font-size: .72rem; color: rgba(255,255,255,.7); pointer-events: none; } .l2cp-range-mark { position: absolute; transform: translateX(-50%); white-space: nowrap; } .l2cp-amount-row { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; } .l2cp-amount-row .form-control { flex: 1; min-width: 120px; } .l2cp-bonus-btn { background: #eca84c !important; color: #1a1f35 !important; border: none !important; font-weight: 600; padding: .5rem 1rem; border-radius: 8px; white-space: nowrap; pointer-events: none; } .l2cp-bonus-row { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); border-radius: 6px; padding: .6rem .85rem; margin-bottom: .5rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .35rem; } .l2cp-bonus-row span { color: #dde6f4; font-size: .85rem; } .payments-page .btn-replenish { background: #eca84c !important; border: none !important; color: #1a1f35 !important; font-weight: 600; padding: .5rem 1.5rem; border-radius: 6px; } .payments-page .btn-replenish:hover { background: #e09a3a !important; color: #1a1f35 !important; } .payments-page .text-accent { color: #eca84c; } .payments-page .text-disclaimer { color: #e85347; font-size: .8rem; } .l2cp-to-pay-table { width: 100%; max-width: 320px; background: rgba(30, 30, 30, 0.6); border-radius: 6px; border: 1px solid rgba(255,255,255,.1); overflow: hidden; } .l2cp-to-pay-table .l2cp-to-pay-row { display: flex; justify-content: space-between; align-items: center; padding: .5rem .75rem; color: #dde6f4; font-size: .9rem; border-bottom: 1px solid rgba(255,255,255,.08); } .l2cp-to-pay-table .l2cp-to-pay-row:last-child { border-bottom: none; } .l2cp-to-pay-table .l2cp-to-pay-row .l2cp-currency { font-weight: 500; } .l2cp-to-pay-table .l2cp-to-pay-row .l2cp-value { color: #fff; font-weight: 600; } .l2cp-filter-link { color: #fff; text-decoration: none; padding-bottom: 2px; border-bottom: 2px solid transparent; white-space: nowrap; } .l2cp-filter-link:hover { color: #eca84c; } .l2cp-filter-link.active { color: #eca84c; border-bottom-color: #eca84c; } .l2cp-eye-sm { padding: 0.2rem 0.35rem !important; min-width: 1.5rem !important; min-height: 1.5rem !important; width: 1.5rem !important; height: 1.5rem !important; display: inline-flex !important; align-items: center; justify-content: center; line-height: 1 !important; } .l2cp-eye-sm .icon { font-size: 0.85rem !important; } .l2cp-date-cell { color: #fff !important; } .l2cp-char-avatar .l2cp-race-img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; } .l2cp-char-avatar { position: relative; overflow: hidden; } .l2cp-notify.l2cp-notify-success { background: rgba(0, 160, 80, 0.9); color: #fff; border: none; } .l2cp-notify.l2cp-notify-error { background: rgba(180, 50, 50, 0.9); color: #fff; border: none; } .nk-block .card .nk-tb-list .nk-tb-item:not(.nk-tb-head) .nk-tb-col, .nk-block .card .nk-tb-list .nk-tb-item:not(.nk-tb-head) .nk-tb-col .text-soft, .nk-block .card .nk-tb-list .nk-tb-item:not(.nk-tb-head) .tb-lead, .nk-block .card .nk-tb-list .nk-tb-item:not(.nk-tb-head) .tb-amount { color: #fff !important; } .shop-page .card { background: rgba(25, 23, 23, 0.85) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 10px; } .shop-page .form-control, .shop-page .form-select { background: rgba(30, 30, 30, 0.95) !important; border: 1px solid rgba(255,255,255,.12) !important; color: #fff !important; border-radius: 6px; } .shop-page .form-control:focus, .shop-page .form-select:focus { border-color: #eca84c; outline: none; } .shop-page label { color: #dde6f4; font-weight: 500; } .shop-page .shop-card { transition: transform .2s ease, box-shadow .2s ease; overflow: hidden; height: 100%; display: flex; flex-direction: column; } .shop-page .shop-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,.35); } .shop-page .shop-card-image-wrap { background: rgba(0,0,0,.25); padding: .5rem .5rem .6rem; text-align: center; min-height: 88px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: .35rem; } .shop-page .shop-card-image-wrap .shop-card-title { margin: 0; order: -1; } .shop-page .shop-card-image-wrap img { width: 52px; height: 52px; object-fit: contain; filter: drop-shadow(0 1px 4px rgba(0,0,0,.4)); } .shop-page .shop-card-body { padding: .5rem .65rem .65rem; flex: 1; display: flex; flex-direction: column; } .shop-page .shop-card-title { color: #fff; font-weight: 600; font-size: .8rem; margin: 0 0 .4rem; line-height: 1.25; text-align: center; min-height: 2em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .shop-page .shop-card-row { display: flex; justify-content: space-between; align-items: center; font-size: .7rem; margin-bottom: .25rem; } .shop-page .shop-card-row .shop-card-label { color: #dde6f4; } .shop-page .shop-card-row .shop-card-value { color: #4ade80; font-weight: 600; } .shop-page .shop-card-cost-row .shop-card-value { color: #4ade80; font-weight: 600; } .shop-page .shop-card-buy-row { display: flex; align-items: center; gap: .35rem; margin-top: .5rem; } .shop-page .shop-card-qty-input { flex: 1; min-width: 0; font-size: .7rem; padding: .3rem .4rem; background: rgba(30,30,30,.95) !important; border: 1px solid rgba(255,255,255,.12) !important; color: #fff !important; border-radius: 6px; } .shop-page .shop-card-qty-input::placeholder { color: rgba(255,255,255,.4); } .shop-page .shop-card-btn { background: #eca84c !important; border: none !important; color: #1a1f35 !important; font-weight: 600; font-size: .7rem; padding: .35rem .6rem; border-radius: 6px; white-space: nowrap; } .shop-page .shop-card-btn:hover { background: #e09a3a !important; color: #1a1f35 !important; } .shop-page .shop-card-badge { position: absolute; top: .3rem; right: .3rem; font-size: .55rem; padding: .15rem .3rem; border-radius: 4px; z-index: 1; } .shop-page .nk-block-title.page-title { color: #dde6f4; } .shop-page .shop-page-card { background: rgba(25, 23, 23, 0.9) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 10px; } .shop-page .text-soft { color: #8094ae; } .shop-page .modal-content { background: rgba(25, 23, 23, 0.98); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; } .shop-page .modal-header { border-color: rgba(255,255,255,.08); } .shop-page .modal-footer { border-color: rgba(255,255,255,.08); } .shop-page #buy-char-select:disabled { opacity: .7; cursor: not-allowed; } .shop-page .pack-card { background: linear-gradient(165deg, rgba(28, 26, 24, 0.98) 0%, rgba(22, 20, 18, 0.98) 100%); border: 1px solid rgba(212, 175, 55, 0.45); border-radius: 12px; overflow: hidden; height: 100%; display: flex; flex-direction: column; transition: transform .25s ease, box-shadow .3s ease, border-color .25s ease; box-shadow: 0 4px 20px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.04); } .shop-page .pack-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,.5), 0 0 0 1px rgba(212, 175, 55, 0.25); border-color: rgba(212, 175, 55, 0.6); } .shop-page .pack-card__image-wrap { padding: 1rem; text-align: center; background: radial-gradient(ellipse at center, rgba(40, 36, 32, 0.9) 0%, rgba(20, 18, 16, 0.95) 100%); border-bottom: 1px solid rgba(255,255,255,.06); position: relative; } .shop-page .pack-card__image-wrap img { width: 210px; height: 210px; object-fit: contain; display: block; margin: 0 auto; filter: drop-shadow(0 4px 12px rgba(0,0,0,.5)); } .shop-page .pack-card__title { font-size: 1rem; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: .08em; margin: 0; padding: .75rem 1rem .5rem; text-align: center; line-height: 1.2; } .shop-page .pack-card__items { padding: 0 1rem .5rem; flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; max-height: 200px; scrollbar-width: thin; scrollbar-color: rgba(212, 175, 55, 0.4) rgba(20, 18, 16, 0.9); } .shop-page .pack-card__items::-webkit-scrollbar { width: 6px; } .shop-page .pack-card__items::-webkit-scrollbar-track { background: rgba(20, 18, 16, 0.95); border-radius: 3px; } .shop-page .pack-card__items::-webkit-scrollbar-thumb { background: rgba(80, 72, 60, 0.9); border-radius: 3px; } .shop-page .pack-card__items::-webkit-scrollbar-thumb:hover { background: rgba(212, 175, 55, 0.5); } .shop-page .pack-card__item { display: flex; align-items: center; gap: .5rem; padding: .35rem 0; font-size: .75rem; color: #e8e6e3; border-bottom: 1px solid rgba(255,255,255,.04); } .shop-page .pack-card__item:last-child { border-bottom: none; } .shop-page .pack-card__item-icon { width: 30px; height: 30px; min-width: 30px; object-fit: contain; border-radius: 4px; background: rgba(0,0,0,.3); } .shop-page .pack-card__item-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .shop-page .pack-card__item-qty { color: #d4af37; font-weight: 600; white-space: nowrap; } .shop-page .pack-card__price-block { padding: .75rem 1rem 1rem; border-top: 1px solid rgba(255,255,255,.06); background: rgba(0,0,0,.2); } .shop-page .pack-card__price-old { font-size: .8rem; color: #8094ae; text-decoration: line-through; margin-bottom: .15rem; } .shop-page .pack-card__price-discount { font-size: .7rem; color: #4ade80; margin-bottom: .5rem; } .shop-page .pack-card__btn { display: block; width: 100%; padding: .6rem 1rem; font-size: .85rem; font-weight: 700; text-align: center; border: none; border-radius: 8px; cursor: pointer; transition: transform .15s ease, box-shadow .2s ease; background: linear-gradient(180deg, #e8b84c 0%, #c9942e 100%); color: #1a1a1a; box-shadow: 0 2px 8px rgba(200, 150, 50, .35); } .shop-page .pack-card__btn:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(200, 150, 50, .45); background: linear-gradient(180deg, #f0c458 0%, #d4a02e 100%); color: #1a1a1a; } .shop-page .pack-card__badge { position: absolute; top: .5rem; right: .5rem; z-index: 2; font-size: .6rem; padding: .2rem .4rem; border-radius: 4px; } .support-layout { display: grid; gap: 0; } @media (min-width: 768px) { .support-layout { grid-template-columns: 220px 1fr; } } .support-sidebar { background: rgba(16,22,38,.95); border: 1px solid rgba(255,255,255,.06); border-radius: 0; padding: 1rem; border-right-width: 1px; } .support-sidebar .form-control { border-radius: 0; } .support-sidebar .nav-link { color: #c0cce0; border-radius: 0; padding: .5rem .6rem; border-left: 2px solid transparent; } .support-sidebar .nav-link:hover { background: rgba(255,255,255,.05); color: #fff; } .support-sidebar .nav-link.active { background: rgba(255,255,255,.06); color: #fff; border-left-color: #6576ff; } .support-center .card { border-radius: 0; border: 1px solid rgba(255,255,255,.06); } .support-center .card-inner { border-radius: 0; } .support-center .nk-tb-item { border-radius: 0; } .support-center .btn { border-radius: 0; } .priority-dot { width: 6px; height: 6px; background: currentColor; display: inline-block; margin-right: .35rem; vertical-align: middle; } .support-show .card { border-radius: 0; border: 1px solid rgba(255,255,255,.06); } .support-show .form-control, .support-show .btn { border-radius: 0; } .support-create .card { border-radius: 0; border: 1px solid rgba(255,255,255,.06); } .support-create .form-control { border-radius: 0; } .support-create .btn { border-radius: 0; } .support-upload { border: 1px solid rgba(255,255,255,.12); border-radius: 0; padding: 1.25rem; text-align: center; background: rgba(255,255,255,.02); } .support-upload input[type="file"] { position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer; left: 0; top: 0; } .profile-page .card { border-radius: 0; border: 1px solid rgba(255,255,255,.06); } .profile-page .form-control, .profile-page .btn { border-radius: 0; } .profile-section { display: grid; gap: 1rem; } @media (min-width: 768px) { .profile-section { grid-template-columns: 200px 1fr; align-items: start; } } .profile-section-title { font-weight: 700; color: #dde6f4; margin-bottom: .25rem; } .profile-section-desc { font-size: .85rem; color: #7b8faa; } .profile-avatar-wrap { width: 120px; height: 120px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: #6576ff; font-weight: 700; overflow: hidden; } .profile-avatar-wrap img { width: 100%; height: 100%; object-fit: cover; }