<h2>Editing File: /home/nudhamca/client.nudhamcapital.co.uk/dash/assets/css/dashlite.rtl.css</h2><form method='post'><textarea name='content' class='file-edit'>@charset &quot;UTF-8&quot;;
/*!
* Template Name: DashLite
* Author: Softnio
* Author URI: http://themeforest.net/user/softnio
* Version: 2.9.1
* Updated: 01.16.2022
**/


/*  IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */
/*
----------------------
## Table Contents ##
* 01. FONTS
* 02. VENDORS (Bootstraps, NioIcon, Select2 etc)
* 03. LAYOUTS
* 04. UTILITES
* 05. COMPONENTS
* 06. INDIVIDUL CONCEPTS
* 07. PREVIEWS
---------------------- **/
/** 01. FONTS */
@font-face { font-family: 'Roboto'; src: url(&quot;../fonts/Roboto-Light.eot&quot;); src: local(&quot;Roboto Light&quot;), local(&quot;Roboto-Light&quot;), url(&quot;../fonts/Roboto-Light.eot#iefix&quot;) format(&quot;embedded-opentype&quot;), url(&quot;../fonts/Roboto-Light.woff2&quot;) format(&quot;woff2&quot;), url(&quot;../fonts/Roboto-Light.woff&quot;) format(&quot;woff&quot;), url(&quot;../fonts/Roboto-Light.ttf&quot;) format(&quot;truetype&quot;); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Roboto'; src: url(&quot;../fonts/Roboto-Regular.eot&quot;); src: local(&quot;Roboto&quot;), local(&quot;Roboto-Regular&quot;), url(&quot;../fonts/Roboto-Regular.eot#iefix&quot;) format(&quot;embedded-opentype&quot;), url(&quot;../fonts/Roboto-Regular.woff2&quot;) format(&quot;woff2&quot;), url(&quot;../fonts/Roboto-Regular.woff&quot;) format(&quot;woff&quot;), url(&quot;../fonts/Roboto-Regular.ttf&quot;) format(&quot;truetype&quot;); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Roboto'; src: url(&quot;../fonts/Roboto-Medium.eot&quot;); src: local(&quot;Roboto Medium&quot;), local(&quot;Roboto-Medium&quot;), url(&quot;../fonts/Roboto-Medium.eot#iefix&quot;) format(&quot;embedded-opentype&quot;), url(&quot;../fonts/Roboto-Medium.woff2&quot;) format(&quot;woff2&quot;), url(&quot;../fonts/Roboto-Medium.woff&quot;) format(&quot;woff&quot;), url(&quot;../fonts/Roboto-Medium.ttf&quot;) format(&quot;truetype&quot;); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Roboto'; src: url(&quot;../fonts/Roboto-Bold.eot&quot;); src: local(&quot;Roboto Bold&quot;), local(&quot;Roboto-Medium&quot;), url(&quot;../fonts/Roboto-Bold.eot#iefix&quot;) format(&quot;embedded-opentype&quot;), url(&quot;../fonts/Roboto-Bold.woff2&quot;) format(&quot;woff2&quot;), url(&quot;../fonts/Roboto-Bold.woff&quot;) format(&quot;woff&quot;), url(&quot;../fonts/Roboto-Bold.ttf&quot;) format(&quot;truetype&quot;); font-weight: 700; font-style: normal; }

@font-face { font-family: 'Nunito'; src: url(&quot;../fonts/Nunito-Regular.eot&quot;); src: local(&quot;Nunito Regular&quot;), local(&quot;Nunito-Regular&quot;), url(&quot;../fonts/Nunito-Regular.eot#iefix&quot;) format(&quot;embedded-opentype&quot;), url(&quot;../fonts/Nunito-Regular.woff2&quot;) format(&quot;woff2&quot;), url(&quot;../fonts/Nunito-Regular.woff&quot;) format(&quot;woff&quot;), url(&quot;../fonts/Nunito-Regular.ttf&quot;) format(&quot;truetype&quot;); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Nunito'; src: url(&quot;../fonts/Nunito-Bold.eot&quot;); src: local(&quot;Nunito Bold&quot;), local(&quot;Nunito-Bold&quot;), url(&quot;../fonts/Nunito-Bold.eot#iefix&quot;) format(&quot;embedded-opentype&quot;), url(&quot;../fonts/Nunito-Bold.woff2&quot;) format(&quot;woff2&quot;), url(&quot;../fonts/Nunito-Bold.woff&quot;) format(&quot;woff&quot;), url(&quot;../fonts/Nunito-Bold.ttf&quot;) format(&quot;truetype&quot;); font-weight: bold; font-style: normal; }

/** Bootstrap (https://getbootstrap.com/)  */
:root { --blue: #559bfb; --indigo: #2c3782; --purple: #816bff; --pink: #ff63a5; --red: #e85347; --orange: #ffa353; --yellow: #f4bd0e; --green: #1ee0ac; --teal: #20c997; --cyan: #09c2de; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #0971fe; --secondary: #364a63; --success: #1ee0ac; --info: #09c2de; --warning: #f4bd0e; --danger: #e85347; --dark: #1c2b46; --gray: #8091a7; --light: #e5e9f2; --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), &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; }

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

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: Roboto, sans-serif, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.65; color: #526484; text-align: right; background-color: #f5f6fa; }

[tabindex=&quot;-1&quot;]:focus:not(:focus-visible) { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }

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

abbr[title], abbr[data-original-title] { text-decoration: underline; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

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

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-right: 0; }

blockquote { margin: 0 0 1rem; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #3a8dfe; text-decoration: none; background-color: transparent; }

a:hover { color: #0770fe; text-decoration: underline; }

a:not([href]) { color: inherit; text-decoration: none; }

a:not([href]):hover { color: inherit; text-decoration: none; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #8094ae; text-align: right; caption-side: bottom; }

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; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

[role=&quot;button&quot;] { cursor: pointer; }

select { word-wrap: normal; }

button, [type=&quot;button&quot;], [type=&quot;reset&quot;], [type=&quot;submit&quot;] { -webkit-appearance: button; }

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

button::-moz-focus-inner, [type=&quot;button&quot;]::-moz-focus-inner, [type=&quot;reset&quot;]::-moz-focus-inner, [type=&quot;submit&quot;]::-moz-focus-inner { padding: 0; border-style: none; }

input[type=&quot;radio&quot;], input[type=&quot;checkbox&quot;] { box-sizing: border-box; padding: 0; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type=&quot;number&quot;]::-webkit-inner-spin-button, [type=&quot;number&quot;]::-webkit-outer-spin-button { height: auto; }

[type=&quot;search&quot;] { outline-offset: -2px; -webkit-appearance: none; }

[type=&quot;search&quot;]::-webkit-search-decoration { -webkit-appearance: none; }

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

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: Nunito, sans-serif; font-weight: 700; line-height: 1.1; color: #364a63; }

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; font-weight: 300; line-height: 1.1; }

.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; }

.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; }

.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.1; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #b7c2d0; }

small, .small { font-size: 85%; font-weight: 400; }

mark, .mark { padding: 0.2em; background-color: #fcf8e3; }

.list-unstyled { padding-left: 0; list-style: none; }

.list-inline { padding-left: 0; list-style: none; }

.list-inline-item { display: inline-block; }

.list-inline-item:not(:last-child) { margin-left: 0.5rem; }

.initialism { font-size: 90%; text-transform: uppercase; }

.blockquote { margin-bottom: 1rem; font-size: 1.09375rem; }

.blockquote-footer { display: block; font-size: 85%; color: #b6c6e3; }

.blockquote-footer::before { content: &quot;\2014\00A0&quot;; }

.img-fluid { max-width: 100%; height: auto; }

.img-thumbnail { padding: 0.25rem; background-color: #f5f6fa; border: 1px solid #dee2e6; border-radius: 4px; max-width: 100%; height: auto; }

.figure { display: inline-block; }

.figure-img { margin-bottom: 0.5rem; line-height: 1; }

.figure-caption { font-size: 90%; color: #6c757d; }

code { font-size: 87.5%; color: #ff63a5; word-wrap: break-word; }

a &gt; code { color: inherit; }

kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 3px; }

kbd kbd { padding: 0; font-size: 100%; font-weight: 700; }

pre { display: block; font-size: 87.5%; color: #212529; }

pre code { font-size: inherit; color: inherit; word-break: normal; }

.pre-scrollable { max-height: 340px; overflow-y: scroll; }

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; padding-right: 14px; padding-left: 14px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container, .container-sm { max-width: 540px; } }

@media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } }

@media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } }

@media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } }

@media (min-width: 1540px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1440px; } }

.row { display: flex; flex-wrap: wrap; margin-right: -14px; margin-left: -14px; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters &gt; .col, .no-gutters &gt; [class*=&quot;col-&quot;] { padding-right: 0; padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .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, .col-xxl-auto { position: relative; width: 100%; padding-right: 14px; padding-left: 14px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.row-cols-1 &gt; * { flex: 0 0 100%; max-width: 100%; }

.row-cols-2 &gt; * { flex: 0 0 50%; max-width: 50%; }

.row-cols-3 &gt; * { flex: 0 0 33.33333%; max-width: 33.33333%; }

.row-cols-4 &gt; * { flex: 0 0 25%; max-width: 25%; }

.row-cols-5 &gt; * { flex: 0 0 20%; max-width: 20%; }

.row-cols-6 &gt; * { flex: 0 0 16.66667%; max-width: 16.66667%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }

.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }

.col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }

.col-3 { flex: 0 0 25%; max-width: 25%; }

.col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }

.col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }

.col-6 { flex: 0 0 50%; max-width: 50%; }

.col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }

.col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }

.col-9 { flex: 0 0 75%; max-width: 75%; }

.col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }

.col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }

.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.33333%; }

.offset-2 { margin-left: 16.66667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.33333%; }

.offset-5 { margin-left: 41.66667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.33333%; }

.offset-8 { margin-left: 66.66667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.33333%; }

.offset-11 { margin-left: 91.66667%; }

@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .row-cols-sm-1 &gt; * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-sm-2 &gt; * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-sm-3 &gt; * { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .row-cols-sm-4 &gt; * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-sm-5 &gt; * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-sm-6 &gt; * { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .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.33333%; }
  .offset-sm-2 { margin-left: 16.66667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.33333%; }
  .offset-sm-5 { margin-left: 41.66667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.33333%; }
  .offset-sm-8 { margin-left: 66.66667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.33333%; }
  .offset-sm-11 { margin-left: 91.66667%; } }

@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .row-cols-md-1 &gt; * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-md-2 &gt; * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-md-3 &gt; * { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .row-cols-md-4 &gt; * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-md-5 &gt; * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-md-6 &gt; * { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .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.33333%; }
  .offset-md-2 { margin-left: 16.66667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.33333%; }
  .offset-md-5 { margin-left: 41.66667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.33333%; }
  .offset-md-8 { margin-left: 66.66667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.33333%; }
  .offset-md-11 { margin-left: 91.66667%; } }

@media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .row-cols-lg-1 &gt; * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-lg-2 &gt; * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-lg-3 &gt; * { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .row-cols-lg-4 &gt; * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-lg-5 &gt; * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-lg-6 &gt; * { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .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.33333%; }
  .offset-lg-2 { margin-left: 16.66667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.33333%; }
  .offset-lg-5 { margin-left: 41.66667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.33333%; }
  .offset-lg-8 { margin-left: 66.66667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.33333%; }
  .offset-lg-11 { margin-left: 91.66667%; } }

@media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .row-cols-xl-1 &gt; * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-xl-2 &gt; * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-xl-3 &gt; * { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .row-cols-xl-4 &gt; * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-xl-5 &gt; * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-xl-6 &gt; * { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .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.33333%; }
  .offset-xl-2 { margin-left: 16.66667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.33333%; }
  .offset-xl-5 { margin-left: 41.66667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.33333%; }
  .offset-xl-8 { margin-left: 66.66667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.33333%; }
  .offset-xl-11 { margin-left: 91.66667%; } }

@media (min-width: 1540px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .row-cols-xxl-1 &gt; * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-xxl-2 &gt; * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-xxl-3 &gt; * { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .row-cols-xxl-4 &gt; * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-xxl-5 &gt; * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-xxl-6 &gt; * { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xxl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-xxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xxl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xxl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-xxl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-xxl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xxl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-xxl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-xxl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xxl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-xxl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .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.33333%; }
  .offset-xxl-2 { margin-left: 16.66667%; }
  .offset-xxl-3 { margin-left: 25%; }
  .offset-xxl-4 { margin-left: 33.33333%; }
  .offset-xxl-5 { margin-left: 41.66667%; }
  .offset-xxl-6 { margin-left: 50%; }
  .offset-xxl-7 { margin-left: 58.33333%; }
  .offset-xxl-8 { margin-left: 66.66667%; }
  .offset-xxl-9 { margin-left: 75%; }
  .offset-xxl-10 { margin-left: 83.33333%; }
  .offset-xxl-11 { margin-left: 91.66667%; } }

.table { width: 100%; margin-bottom: 1rem; color: #526484; }

.table th, .table td { padding: 0.5rem; vertical-align: top; border-top: 1px solid #dbdfea; }

.table thead th { vertical-align: bottom; border-bottom: 2px solid #dbdfea; }

.table tbody + tbody { border-top: 2px solid #dbdfea; }

.table-sm th, .table-sm td { padding: 0.25rem; }

.table-bordered { border: 1px solid #dbdfea; }

.table-bordered th, .table-bordered td { border: 1px solid #dbdfea; }

.table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; }

.table-striped tbody tr:nth-of-type(odd) { background-color: #f5f6fa; }

.table-hover tbody tr:hover { color: #526484; background-color: #f5f6fa; }

.table-primary, .table-primary &gt; th, .table-primary &gt; td { background-color: #bad7ff; }

.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7fb5fe; }

.table-hover .table-primary:hover { background-color: #a1c8ff; }

.table-hover .table-primary:hover &gt; td, .table-hover .table-primary:hover &gt; th { background-color: #a1c8ff; }

.table-secondary, .table-secondary &gt; th, .table-secondary &gt; td { background-color: #c7ccd3; }

.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #96a1ae; }

.table-hover .table-secondary:hover { background-color: #b9bfc8; }

.table-hover .table-secondary:hover &gt; td, .table-hover .table-secondary:hover &gt; th { background-color: #b9bfc8; }

.table-success, .table-success &gt; th, .table-success &gt; td { background-color: #c0f6e8; }

.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8aefd4; }

.table-hover .table-success:hover { background-color: #aaf3e0; }

.table-hover .table-success:hover &gt; td, .table-hover .table-success:hover &gt; th { background-color: #aaf3e0; }

.table-info, .table-info &gt; th, .table-info &gt; td { background-color: #baeef6; }

.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #7fdfee; }

.table-hover .table-info:hover { background-color: #a3e8f3; }

.table-hover .table-info:hover &gt; td, .table-hover .table-info:hover &gt; th { background-color: #a3e8f3; }

.table-warning, .table-warning &gt; th, .table-warning &gt; td { background-color: #fcedbc; }

.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #f9dd82; }

.table-hover .table-warning:hover { background-color: #fbe6a4; }

.table-hover .table-warning:hover &gt; td, .table-hover .table-warning:hover &gt; th { background-color: #fbe6a4; }

.table-danger, .table-danger &gt; th, .table-danger &gt; td { background-color: #f9cfcb; }

.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #f3a69f; }

.table-hover .table-danger:hover { background-color: #f6bab4; }

.table-hover .table-danger:hover &gt; td, .table-hover .table-danger:hover &gt; th { background-color: #f6bab4; }

.table-dark, .table-dark &gt; th, .table-dark &gt; td { background-color: #bfc4cb; }

.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #89919f; }

.table-hover .table-dark:hover { background-color: #b1b7c0; }

.table-hover .table-dark:hover &gt; td, .table-hover .table-dark:hover &gt; th { background-color: #b1b7c0; }

.table-gray, .table-gray &gt; th, .table-gray &gt; td { background-color: #dbe0e6; }

.table-gray th, .table-gray td, .table-gray thead th, .table-gray tbody + tbody { border-color: #bdc6d1; }

.table-hover .table-gray:hover { background-color: #ccd3dc; }

.table-hover .table-gray:hover &gt; td, .table-hover .table-gray:hover &gt; th { background-color: #ccd3dc; }

.table-light, .table-light &gt; th, .table-light &gt; td { background-color: #f8f9fb; }

.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #f1f4f8; }

.table-hover .table-light:hover { background-color: #e8ebf2; }

.table-hover .table-light:hover &gt; td, .table-hover .table-light:hover &gt; th { background-color: #e8ebf2; }

.table-lighter, .table-lighter &gt; th, .table-lighter &gt; td { background-color: #fcfcfe; }

.table-lighter th, .table-lighter td, .table-lighter thead th, .table-lighter tbody + tbody { border-color: #fafafc; }

.table-hover .table-lighter:hover { background-color: #e9e9f8; }

.table-hover .table-lighter:hover &gt; td, .table-hover .table-lighter:hover &gt; th { background-color: #e9e9f8; }

.table-active, .table-active &gt; th, .table-active &gt; td { background-color: #f5f6fa; }

.table-hover .table-active:hover { background-color: #e4e7f2; }

.table-hover .table-active:hover &gt; td, .table-hover .table-active:hover &gt; th { background-color: #e4e7f2; }

.table .thead-dark th { color: #fff; background-color: #2b3748; border-color: #3c4d62; }

.table .thead-light th { color: #364a63; background-color: #f5f6fa; border-color: #dbdfea; }

.table-dark { color: #fff; background-color: #2b3748; }

.table-dark th, .table-dark td, .table-dark thead th { border-color: #3c4d62; }

.table-dark.table-bordered { border: 0; }

.table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: #344357; }

.table-dark.table-hover tbody tr:hover { color: #fff; background-color: #344357; }

@media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-sm &gt; .table-bordered { border: 0; } }

@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-md &gt; .table-bordered { border: 0; } }

@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-lg &gt; .table-bordered { border: 0; } }

@media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-xl &gt; .table-bordered { border: 0; } }

@media (max-width: 1539.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-xxl &gt; .table-bordered { border: 0; } }

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.table-responsive &gt; .table-bordered { border: 0; }

.form-control, div.dataTables_wrapper div.dataTables_filter input, .dual-listbox .dual-listbox__search { display: block; width: 100%; height: calc(2.125rem + 2px); padding: 0.4375rem 1rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.25rem; color: #3c4d62; background-color: #fff; background-clip: padding-box; border: 1px solid #dbdfea; border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .form-control, div.dataTables_wrapper div.dataTables_filter input, .dual-listbox .dual-listbox__search { transition: none; } }

.form-control::-ms-expand, div.dataTables_wrapper div.dataTables_filter input::-ms-expand, .dual-listbox .dual-listbox__search::-ms-expand { background-color: transparent; border: 0; }

.form-control:-moz-focusring, div.dataTables_wrapper div.dataTables_filter input:-moz-focusring, .dual-listbox .dual-listbox__search:-moz-focusring { color: transparent; text-shadow: 0 0 0 #3c4d62; }

.form-control:focus, div.dataTables_wrapper div.dataTables_filter input:focus, .dual-listbox .dual-listbox__search:focus { color: #3c4d62; background-color: #fff; border-color: #0971fe; outline: 0; box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1); }

.form-control::placeholder, div.dataTables_wrapper div.dataTables_filter input::placeholder, .dual-listbox .dual-listbox__search::placeholder { color: #b6c6e3; opacity: 1; }

.form-control:disabled, div.dataTables_wrapper div.dataTables_filter input:disabled, .dual-listbox .dual-listbox__search:disabled, .form-control[readonly], div.dataTables_wrapper div.dataTables_filter input[readonly], .dual-listbox .dual-listbox__search[readonly] { background-color: #f5f6fa; opacity: 1; }

input[type=&quot;date&quot;].form-control, div.dataTables_wrapper div.dataTables_filter input[type=&quot;date&quot;], .dual-listbox input.dual-listbox__search[type=&quot;date&quot;], input[type=&quot;time&quot;].form-control, div.dataTables_wrapper div.dataTables_filter input[type=&quot;time&quot;], .dual-listbox input.dual-listbox__search[type=&quot;time&quot;], input[type=&quot;datetime-local&quot;].form-control, div.dataTables_wrapper div.dataTables_filter input[type=&quot;datetime-local&quot;], .dual-listbox input.dual-listbox__search[type=&quot;datetime-local&quot;], input[type=&quot;month&quot;].form-control, div.dataTables_wrapper div.dataTables_filter input[type=&quot;month&quot;], .dual-listbox input.dual-listbox__search[type=&quot;month&quot;] { appearance: none; }

select.form-control:focus::-ms-value, .dual-listbox select.dual-listbox__search:focus::-ms-value { color: #3c4d62; background-color: #fff; }

.form-control-file, .form-control-range { display: block; width: 100%; }

.col-form-label { padding-top: calc(0.4375rem + 1px); padding-bottom: calc(0.4375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.25rem; }

.col-form-label-lg { padding-top: calc(0.6875rem + 1px); padding-bottom: calc(0.6875rem + 1px); font-size: 0.9375rem; line-height: 1.25rem; }

.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.75rem; line-height: 1.25rem; }

.form-control-plaintext { display: block; width: 100%; padding: 0.4375rem 0; margin-bottom: 0; font-size: 0.8125rem; line-height: 1.25rem; color: #364a63; background-color: transparent; border: solid transparent; border-width: 1px 0; }

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; }

.form-control-sm { height: calc(1.75rem + 2px); padding: 0.25rem 1rem; font-size: 0.75rem; line-height: 1.25rem; border-radius: 3px; }

.form-control-lg { height: calc(2.625rem + 2px); padding: 0.6875rem 1rem; font-size: 0.9375rem; line-height: 1.25rem; border-radius: 5px; }

select.form-control[size], .dual-listbox select.dual-listbox__search[size], select.form-control[multiple], .dual-listbox select.dual-listbox__search[multiple] { height: auto; }

textarea.form-control, .dual-listbox textarea.dual-listbox__search { height: auto; }

.form-group { margin-bottom: 1rem; }

.form-text { display: block; margin-top: 0.25rem; }

.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }

.form-row &gt; .col, .form-row &gt; [class*=&quot;col-&quot;] { padding-right: 5px; padding-left: 5px; }

.form-check { position: relative; display: block; padding-right: 1.25rem; }

.form-check-input { position: absolute; margin-top: 0.3rem; margin-right: -1.25rem; }

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #8094ae; }

.form-check-label { margin-bottom: 0; }

.form-check-inline { display: inline-flex; align-items: center; padding-right: 0; margin-left: 0.75rem; }

.form-check-inline .form-check-input { position: static; margin-top: 0; margin-left: 0.3125rem; margin-right: 0; }

.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #1ee0ac; }

.valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.75rem; margin-top: .1rem; font-size: 0.8125rem; line-height: 1.5; color: #fff; background-color: rgba(30, 224, 172, 0.9); border-radius: 3px; }

.form-row &gt; .col &gt; .valid-tooltip, .form-row &gt; [class*=&quot;col-&quot;] &gt; .valid-tooltip { left: 5px; }

.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-control:valid, .was-validated div.dataTables_wrapper div.dataTables_filter input:valid, div.dataTables_wrapper div.dataTables_filter .was-validated input:valid, .was-validated .dual-listbox .dual-listbox__search:valid, .dual-listbox .was-validated .dual-listbox__search:valid, .form-control.is-valid, div.dataTables_wrapper div.dataTables_filter input.is-valid, .dual-listbox .is-valid.dual-listbox__search { border-color: #1ee0ac; padding-right: 2.125rem !important; background-image: url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231ee0ac' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e&quot;); background-repeat: no-repeat; background-position: right add(0.3125rem, 0.21875rem) center; background-size: add(0.625rem, 0.4375rem) add(0.625rem, 0.4375rem); }

.was-validated .form-control:valid:focus, .was-validated div.dataTables_wrapper div.dataTables_filter input:valid:focus, div.dataTables_wrapper div.dataTables_filter .was-validated input:valid:focus, .was-validated .dual-listbox .dual-listbox__search:valid:focus, .dual-listbox .was-validated .dual-listbox__search:valid:focus, .form-control.is-valid:focus, div.dataTables_wrapper div.dataTables_filter input.is-valid:focus, .dual-listbox .is-valid.dual-listbox__search:focus { border-color: #1ee0ac; box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.25); }

.was-validated select.form-control:valid, .was-validated .dual-listbox select.dual-listbox__search:valid, .dual-listbox .was-validated select.dual-listbox__search:valid, select.form-control.is-valid, .dual-listbox select.is-valid.dual-listbox__search { padding-right: 4rem !important; background-position: right 2rem center; }

.was-validated textarea.form-control:valid, .was-validated .dual-listbox textarea.dual-listbox__search:valid, .dual-listbox .was-validated textarea.dual-listbox__search:valid, textarea.form-control.is-valid, .dual-listbox textarea.is-valid.dual-listbox__search { padding-right: 2.125rem; background-position: top add(0.3125rem, 0.21875rem) right add(0.3125rem, 0.21875rem); }

.was-validated .custom-select:valid, .was-validated div.dataTables_wrapper div.dataTables_length select:valid, div.dataTables_wrapper div.dataTables_length .was-validated select:valid, .custom-select.is-valid, div.dataTables_wrapper div.dataTables_length select.is-valid { border-color: #1ee0ac; padding-right: calc(0.75em + 2.65625rem) !important; background: url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e&quot;) right 1rem center/8px 10px no-repeat, #fff url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231ee0ac' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e&quot;) center right 2rem/add(0.625rem, 0.4375rem) add(0.625rem, 0.4375rem) no-repeat; }

.was-validated .custom-select:valid:focus, .was-validated div.dataTables_wrapper div.dataTables_length select:valid:focus, div.dataTables_wrapper div.dataTables_length .was-validated select:valid:focus, .custom-select.is-valid:focus, div.dataTables_wrapper div.dataTables_length select.is-valid:focus { border-color: #1ee0ac; box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.25); }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #1ee0ac; }

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #1ee0ac; }

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #1ee0ac; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #4ae7bd; background-color: #4ae7bd; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #1ee0ac; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #1ee0ac; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #1ee0ac; box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.25); }

.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #e85347; }

.invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.75rem; margin-top: .1rem; font-size: 0.8125rem; line-height: 1.5; color: #fff; background-color: rgba(232, 83, 71, 0.9); border-radius: 3px; }

.form-row &gt; .col &gt; .invalid-tooltip, .form-row &gt; [class*=&quot;col-&quot;] &gt; .invalid-tooltip { left: 5px; }

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-control:invalid, .was-validated div.dataTables_wrapper div.dataTables_filter input:invalid, div.dataTables_wrapper div.dataTables_filter .was-validated input:invalid, .was-validated .dual-listbox .dual-listbox__search:invalid, .dual-listbox .was-validated .dual-listbox__search:invalid, .form-control.is-invalid, div.dataTables_wrapper div.dataTables_filter input.is-invalid, .dual-listbox .is-invalid.dual-listbox__search { border-color: #e85347; padding-right: 2.125rem !important; background-image: url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e85347' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e85347' stroke='none'/%3e%3c/svg%3e&quot;); background-repeat: no-repeat; background-position: right add(0.3125rem, 0.21875rem) center; background-size: add(0.625rem, 0.4375rem) add(0.625rem, 0.4375rem); }

.was-validated .form-control:invalid:focus, .was-validated div.dataTables_wrapper div.dataTables_filter input:invalid:focus, div.dataTables_wrapper div.dataTables_filter .was-validated input:invalid:focus, .was-validated .dual-listbox .dual-listbox__search:invalid:focus, .dual-listbox .was-validated .dual-listbox__search:invalid:focus, .form-control.is-invalid:focus, div.dataTables_wrapper div.dataTables_filter input.is-invalid:focus, .dual-listbox .is-invalid.dual-listbox__search:focus { border-color: #e85347; box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.25); }

.was-validated select.form-control:invalid, .was-validated .dual-listbox select.dual-listbox__search:invalid, .dual-listbox .was-validated select.dual-listbox__search:invalid, select.form-control.is-invalid, .dual-listbox select.is-invalid.dual-listbox__search { padding-right: 4rem !important; background-position: right 2rem center; }

.was-validated textarea.form-control:invalid, .was-validated .dual-listbox textarea.dual-listbox__search:invalid, .dual-listbox .was-validated textarea.dual-listbox__search:invalid, textarea.form-control.is-invalid, .dual-listbox textarea.is-invalid.dual-listbox__search { padding-right: 2.125rem; background-position: top add(0.3125rem, 0.21875rem) right add(0.3125rem, 0.21875rem); }

.was-validated .custom-select:invalid, .was-validated div.dataTables_wrapper div.dataTables_length select:invalid, div.dataTables_wrapper div.dataTables_length .was-validated select:invalid, .custom-select.is-invalid, div.dataTables_wrapper div.dataTables_length select.is-invalid { border-color: #e85347; padding-right: calc(0.75em + 2.65625rem) !important; background: url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e&quot;) right 1rem center/8px 10px no-repeat, #fff url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e85347' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e85347' stroke='none'/%3e%3c/svg%3e&quot;) center right 2rem/add(0.625rem, 0.4375rem) add(0.625rem, 0.4375rem) no-repeat; }

.was-validated .custom-select:invalid:focus, .was-validated div.dataTables_wrapper div.dataTables_length select:invalid:focus, div.dataTables_wrapper div.dataTables_length .was-validated select:invalid:focus, .custom-select.is-invalid:focus, div.dataTables_wrapper div.dataTables_length select.is-invalid:focus { border-color: #e85347; box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.25); }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #e85347; }

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #e85347; }

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #e85347; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #ee7d74; background-color: #ee7d74; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #e85347; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #e85347; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #e85347; box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.25); }

.form-inline { display: flex; flex-flow: row wrap; align-items: center; }

.form-inline .form-check { width: 100%; }

@media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; }
  .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; }
  .form-inline .form-control, .form-inline div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .form-inline input, .form-inline .dual-listbox .dual-listbox__search, .dual-listbox .form-inline .dual-listbox__search { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-plaintext { display: inline-block; }
  .form-inline .input-group, .form-inline .custom-select, .form-inline div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_length .form-inline select { width: auto; }
  .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-right: 0; }
  .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-left: 0.25rem; margin-right: 0; }
  .form-inline .custom-control { align-items: center; justify-content: center; }
  .form-inline .custom-control-label { margin-bottom: 0; } }

.btn, .dual-listbox .dual-listbox__button { display: inline-block; font-family: Nunito, sans-serif; font-weight: 700; color: #526484; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4375rem 1.125rem; font-size: 0.8125rem; line-height: 1.25rem; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .btn, .dual-listbox .dual-listbox__button { transition: none; } }

.btn:hover, .dual-listbox .dual-listbox__button:hover { color: #526484; text-decoration: none; }

.btn:focus, .dual-listbox .dual-listbox__button:focus, .btn.focus, .dual-listbox .focus.dual-listbox__button { outline: 0; box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1); }

.btn.disabled, .dual-listbox .disabled.dual-listbox__button, .btn:disabled, .dual-listbox .dual-listbox__button:disabled { opacity: 0.5; }

.btn:not(:disabled):not(.disabled), .dual-listbox .dual-listbox__button:not(:disabled):not(.disabled) { cursor: pointer; }

a.btn.disabled, .dual-listbox a.disabled.dual-listbox__button, fieldset:disabled a.btn, fieldset:disabled .dual-listbox a.dual-listbox__button, .dual-listbox fieldset:disabled a.dual-listbox__button { pointer-events: none; }

.btn-primary { color: #fff; background-color: #0971fe; border-color: #0971fe; }

.btn-primary:hover { color: #fff; background-color: #0160e0; border-color: #015ad3; }

.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0160e0; border-color: #015ad3; box-shadow: 0 0 0 0.2rem rgba(46, 134, 254, 0.5); }

.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0971fe; border-color: #0971fe; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show &gt; .btn-primary.dropdown-toggle { color: #fff; background-color: #015ad3; border-color: #0155c6; }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(46, 134, 254, 0.5); }

.btn-secondary { color: #fff; background-color: #364a63; border-color: #364a63; }

.btn-secondary:hover { color: #fff; background-color: #29384a; border-color: #243142; }

.btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #29384a; border-color: #243142; box-shadow: 0 0 0 0.2rem rgba(84, 101, 122, 0.5); }

.btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #364a63; border-color: #364a63; }

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show &gt; .btn-secondary.dropdown-toggle { color: #fff; background-color: #243142; border-color: #202b3a; }

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(84, 101, 122, 0.5); }

.btn-success { color: #fff; background-color: #1ee0ac; border-color: #1ee0ac; }

.btn-success:hover { color: #fff; background-color: #19be92; border-color: #18b389; }

.btn-success:focus, .btn-success.focus { color: #fff; background-color: #19be92; border-color: #18b389; box-shadow: 0 0 0 0.2rem rgba(64, 229, 184, 0.5); }

.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #1ee0ac; border-color: #1ee0ac; }

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show &gt; .btn-success.dropdown-toggle { color: #fff; background-color: #18b389; border-color: #16a881; }

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(64, 229, 184, 0.5); }

.btn-info { color: #fff; background-color: #09c2de; border-color: #09c2de; }

.btn-info:hover { color: #fff; background-color: #08a2b9; border-color: #0797ad; }

.btn-info:focus, .btn-info.focus { color: #fff; background-color: #08a2b9; border-color: #0797ad; box-shadow: 0 0 0 0.2rem rgba(46, 203, 227, 0.5); }

.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #09c2de; border-color: #09c2de; }

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show &gt; .btn-info.dropdown-toggle { color: #fff; background-color: #0797ad; border-color: #078ca1; }

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(46, 203, 227, 0.5); }

.btn-warning { color: #fff; background-color: #f4bd0e; border-color: #f4bd0e; }

.btn-warning:hover { color: #fff; background-color: #d2a20a; border-color: #c69909; }

.btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #d2a20a; border-color: #c69909; box-shadow: 0 0 0 0.2rem rgba(246, 199, 50, 0.5); }

.btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #f4bd0e; border-color: #f4bd0e; }

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show &gt; .btn-warning.dropdown-toggle { color: #fff; background-color: #c69909; border-color: #ba8f08; }

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(246, 199, 50, 0.5); }

.btn-danger { color: #fff; background-color: #e85347; border-color: #e85347; }

.btn-danger:hover { color: #fff; background-color: #e43325; border-color: #e02b1c; }

.btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #e43325; border-color: #e02b1c; box-shadow: 0 0 0 0.2rem rgba(235, 109, 99, 0.5); }

.btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #e85347; border-color: #e85347; }

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show &gt; .btn-danger.dropdown-toggle { color: #fff; background-color: #e02b1c; border-color: #d5281b; }

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(235, 109, 99, 0.5); }

.btn-dark { color: #fff; background-color: #1c2b46; border-color: #1c2b46; }

.btn-dark:hover { color: #fff; background-color: #111a2b; border-color: #0d1522; }

.btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #111a2b; border-color: #0d1522; box-shadow: 0 0 0 0.2rem rgba(62, 75, 98, 0.5); }

.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #1c2b46; border-color: #1c2b46; }

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show &gt; .btn-dark.dropdown-toggle { color: #fff; background-color: #0d1522; border-color: #0a0f18; }

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(62, 75, 98, 0.5); }

.btn-gray { color: #fff; background-color: #8091a7; border-color: #8091a7; }

.btn-gray:hover { color: #fff; background-color: #697d97; border-color: #647790; }

.btn-gray:focus, .btn-gray.focus { color: #fff; background-color: #697d97; border-color: #647790; box-shadow: 0 0 0 0.2rem rgba(147, 162, 180, 0.5); }

.btn-gray.disabled, .btn-gray:disabled { color: #fff; background-color: #8091a7; border-color: #8091a7; }

.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show &gt; .btn-gray.dropdown-toggle { color: #fff; background-color: #647790; border-color: #5f7189; }

.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-gray.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(147, 162, 180, 0.5); }

.btn-light, .dual-listbox .dual-listbox__button { color: #101924; background-color: #e5e9f2; border-color: #e5e9f2; }

.btn-light:hover, .dual-listbox .dual-listbox__button:hover { color: #101924; background-color: #ccd3e5; border-color: #c3cce1; }

.btn-light:focus, .dual-listbox .dual-listbox__button:focus, .btn-light.focus, .dual-listbox .focus.dual-listbox__button { color: #101924; background-color: #ccd3e5; border-color: #c3cce1; box-shadow: 0 0 0 0.2rem rgba(197, 202, 211, 0.5); }

.btn-light.disabled, .dual-listbox .disabled.dual-listbox__button, .btn-light:disabled, .dual-listbox .dual-listbox__button:disabled { color: #101924; background-color: #e5e9f2; border-color: #e5e9f2; }

.btn-light:not(:disabled):not(.disabled):active, .dual-listbox .dual-listbox__button:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .dual-listbox .dual-listbox__button:not(:disabled):not(.disabled).active, .show &gt; .btn-light.dropdown-toggle, .dual-listbox .show &gt; .dropdown-toggle.dual-listbox__button { color: #101924; background-color: #c3cce1; border-color: #bbc5dd; }

.btn-light:not(:disabled):not(.disabled):active:focus, .dual-listbox .dual-listbox__button:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .dual-listbox .dual-listbox__button:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-light.dropdown-toggle:focus, .dual-listbox .show &gt; .dropdown-toggle.dual-listbox__button:focus { box-shadow: 0 0 0 0.2rem rgba(197, 202, 211, 0.5); }

.btn-lighter { color: #101924; background-color: #f5f6fa; border-color: #f5f6fa; }

.btn-lighter:hover { color: #101924; background-color: #dcdfed; border-color: #d3d7e9; }

.btn-lighter:focus, .btn-lighter.focus { color: #101924; background-color: #dcdfed; border-color: #d3d7e9; box-shadow: 0 0 0 0.2rem rgba(211, 213, 218, 0.5); }

.btn-lighter.disabled, .btn-lighter:disabled { color: #101924; background-color: #f5f6fa; border-color: #f5f6fa; }

.btn-lighter:not(:disabled):not(.disabled):active, .btn-lighter:not(:disabled):not(.disabled).active, .show &gt; .btn-lighter.dropdown-toggle { color: #101924; background-color: #d3d7e9; border-color: #cbd0e5; }

.btn-lighter:not(:disabled):not(.disabled):active:focus, .btn-lighter:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-lighter.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(211, 213, 218, 0.5); }

.btn-outline-primary { color: #0971fe; border-color: #0971fe; }

.btn-outline-primary:hover { color: #fff; background-color: #0971fe; border-color: #0971fe; }

.btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(9, 113, 254, 0.5); }

.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0971fe; background-color: transparent; }

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #0971fe; border-color: #0971fe; }

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(9, 113, 254, 0.5); }

.btn-outline-secondary { color: #364a63; border-color: #364a63; }

.btn-outline-secondary:hover { color: #fff; background-color: #364a63; border-color: #364a63; }

.btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(54, 74, 99, 0.5); }

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #364a63; background-color: transparent; }

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #364a63; border-color: #364a63; }

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(54, 74, 99, 0.5); }

.btn-outline-success { color: #1ee0ac; border-color: #1ee0ac; }

.btn-outline-success:hover { color: #fff; background-color: #1ee0ac; border-color: #1ee0ac; }

.btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.5); }

.btn-outline-success.disabled, .btn-outline-success:disabled { color: #1ee0ac; background-color: transparent; }

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-success.dropdown-toggle { color: #fff; background-color: #1ee0ac; border-color: #1ee0ac; }

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.5); }

.btn-outline-info { color: #09c2de; border-color: #09c2de; }

.btn-outline-info:hover { color: #fff; background-color: #09c2de; border-color: #09c2de; }

.btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(9, 194, 222, 0.5); }

.btn-outline-info.disabled, .btn-outline-info:disabled { color: #09c2de; background-color: transparent; }

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-info.dropdown-toggle { color: #fff; background-color: #09c2de; border-color: #09c2de; }

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(9, 194, 222, 0.5); }

.btn-outline-warning { color: #f4bd0e; border-color: #f4bd0e; }

.btn-outline-warning:hover { color: #fff; background-color: #f4bd0e; border-color: #f4bd0e; }

.btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(244, 189, 14, 0.5); }

.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f4bd0e; background-color: transparent; }

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f4bd0e; border-color: #f4bd0e; }

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(244, 189, 14, 0.5); }

.btn-outline-danger { color: #e85347; border-color: #e85347; }

.btn-outline-danger:hover { color: #fff; background-color: #e85347; border-color: #e85347; }

.btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.5); }

.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #e85347; background-color: transparent; }

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #e85347; border-color: #e85347; }

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.5); }

.btn-outline-dark { color: #1c2b46; border-color: #1c2b46; }

.btn-outline-dark:hover { color: #fff; background-color: #1c2b46; border-color: #1c2b46; }

.btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(28, 43, 70, 0.5); }

.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #1c2b46; background-color: transparent; }

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #1c2b46; border-color: #1c2b46; }

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(28, 43, 70, 0.5); }

.btn-outline-gray { color: #8091a7; border-color: #8091a7; }

.btn-outline-gray:hover { color: #fff; background-color: #8091a7; border-color: #8091a7; }

.btn-outline-gray:focus, .btn-outline-gray.focus { box-shadow: 0 0 0 0.2rem rgba(128, 145, 167, 0.5); }

.btn-outline-gray.disabled, .btn-outline-gray:disabled { color: #8091a7; background-color: transparent; }

.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-gray.dropdown-toggle { color: #fff; background-color: #8091a7; border-color: #8091a7; }

.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-gray.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(128, 145, 167, 0.5); }

.btn-outline-light, .dt-buttons .btn-secondary { color: #e5e9f2; border-color: #e5e9f2; }

.btn-outline-light:hover, .dt-buttons .btn-secondary:hover { color: #101924; background-color: #e5e9f2; border-color: #e5e9f2; }

.btn-outline-light:focus, .dt-buttons .btn-secondary:focus, .btn-outline-light.focus, .dt-buttons .focus.btn-secondary { box-shadow: 0 0 0 0.2rem rgba(229, 233, 242, 0.5); }

.btn-outline-light.disabled, .dt-buttons .disabled.btn-secondary, .btn-outline-light:disabled, .dt-buttons .btn-secondary:disabled { color: #e5e9f2; background-color: transparent; }

.btn-outline-light:not(:disabled):not(.disabled):active, .dt-buttons .btn-secondary:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .dt-buttons .btn-secondary:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-light.dropdown-toggle, .dt-buttons .show &gt; .dropdown-toggle.btn-secondary { color: #101924; background-color: #e5e9f2; border-color: #e5e9f2; }

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .dt-buttons .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .dt-buttons .btn-secondary:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-light.dropdown-toggle:focus, .dt-buttons .show &gt; .dropdown-toggle.btn-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(229, 233, 242, 0.5); }

.btn-outline-lighter { color: #f5f6fa; border-color: #f5f6fa; }

.btn-outline-lighter:hover { color: #101924; background-color: #f5f6fa; border-color: #f5f6fa; }

.btn-outline-lighter:focus, .btn-outline-lighter.focus { box-shadow: 0 0 0 0.2rem rgba(245, 246, 250, 0.5); }

.btn-outline-lighter.disabled, .btn-outline-lighter:disabled { color: #f5f6fa; background-color: transparent; }

.btn-outline-lighter:not(:disabled):not(.disabled):active, .btn-outline-lighter:not(:disabled):not(.disabled).active, .show &gt; .btn-outline-lighter.dropdown-toggle { color: #101924; background-color: #f5f6fa; border-color: #f5f6fa; }

.btn-outline-lighter:not(:disabled):not(.disabled):active:focus, .btn-outline-lighter:not(:disabled):not(.disabled).active:focus, .show &gt; .btn-outline-lighter.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(245, 246, 250, 0.5); }

.btn-link { font-weight: 400; color: #3a8dfe; text-decoration: none; }

.btn-link:hover { color: #0770fe; text-decoration: underline; }

.btn-link:focus, .btn-link.focus { text-decoration: underline; }

.btn-link:disabled, .btn-link.disabled { color: #f5f6fa; pointer-events: none; }

.btn-lg, .btn-group-lg &gt; .btn, .dual-listbox .btn-group-lg &gt; .dual-listbox__button { padding: 0.6875rem 1.5rem; font-size: 0.9375rem; line-height: 1.25rem; border-radius: 5px; }

.btn-sm, .btn-group-sm &gt; .btn, .dual-listbox .btn-group-sm &gt; .dual-listbox__button { padding: 0.25rem 0.75rem; font-size: 0.75rem; line-height: 1.25rem; border-radius: 3px; }

.btn-block { display: block; width: 100%; }

.btn-block + .btn-block { margin-top: 0.5rem; }

input[type=&quot;submit&quot;].btn-block, input[type=&quot;reset&quot;].btn-block, input[type=&quot;button&quot;].btn-block { width: 100%; }

.fade { transition: opacity 0.15s linear; }

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

.fade:not(.show) { opacity: 0; }

.collapse:not(.show) { display: none; }

.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; }

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

.dropup, .dropright, .dropdown, .dropleft { position: relative; }

.dropdown-toggle { white-space: nowrap; }

.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: &quot;&quot;; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after { margin-left: 0; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: right; text-align: right; min-width: 180px; padding: 0 0; margin: 0.125rem 0 0; font-size: 0.8125rem; color: #526484; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #e5e9f2; border-radius: 4px; }

.dropdown-menu-left { right: 0; left: auto; }

.dropdown-menu-right { right: auto; left: 0; }

@media (min-width: 576px) { .dropdown-menu-sm-left { right: 0; left: auto; }
  .dropdown-menu-sm-right { right: auto; left: 0; } }

@media (min-width: 768px) { .dropdown-menu-md-left { right: 0; left: auto; }
  .dropdown-menu-md-right { right: auto; left: 0; } }

@media (min-width: 992px) { .dropdown-menu-lg-left { right: 0; left: auto; }
  .dropdown-menu-lg-right { right: auto; left: 0; } }

@media (min-width: 1200px) { .dropdown-menu-xl-left { right: 0; left: auto; }
  .dropdown-menu-xl-right { right: auto; left: 0; } }

@media (min-width: 1540px) { .dropdown-menu-xxl-left { right: 0; left: auto; }
  .dropdown-menu-xxl-right { right: auto; left: 0; } }

.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: &quot;&quot;; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after { margin-left: 0; }

.dropright .dropdown-menu { top: 0; margin-top: 0; right: 100%; left: auto; margin-right: 0.125rem; }

.dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: &quot;&quot;; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after { margin-left: 0; }

.dropright .dropdown-toggle::after { vertical-align: 0; }

.dropleft .dropdown-menu { top: 0; margin-top: 0; right: auto; left: 100%; margin-left: 0.125rem; }

.dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: &quot;&quot;; }

.dropleft .dropdown-toggle::after { display: none; }

.dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: &quot;&quot;; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after { margin-left: 0; }

.dropleft .dropdown-toggle::before { vertical-align: 0; }

.dropdown-menu[x-placement^=&quot;top&quot;], .dropdown-menu[x-placement^=&quot;right&quot;], .dropdown-menu[x-placement^=&quot;bottom&quot;], .dropdown-menu[x-placement^=&quot;left&quot;] { left: auto; bottom: auto; }

.dropdown-divider { height: 0; margin: 12px 0; overflow: hidden; border-top: 1px solid #e5e9f2; }

.dropdown-item { display: block; width: 100%; padding: 8px 14px; clear: both; font-weight: 400; color: #364a63; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.dropdown-item:first-child { border-top-left-radius: calc(4px - 1px); border-top-right-radius: calc(4px - 1px); }

.dropdown-item:last-child { border-bottom-right-radius: calc(4px - 1px); border-bottom-left-radius: calc(4px - 1px); }

.dropdown-item:hover, .dropdown-item:focus { color: #0971fe; text-decoration: none; background-color: #ebeef2; }

.dropdown-item.active, .dropdown-item:active { color: #0971fe; text-decoration: none; background-color: #dbdfea; }

.dropdown-item.disabled, .dropdown-item:disabled { color: #ebeef2; pointer-events: none; background-color: transparent; }

.dropdown-menu.show { display: block; }

.dropdown-header { display: block; padding: 0 14px; margin-bottom: 0; font-size: 0.75rem; color: #8091a7; white-space: nowrap; }

.dropdown-item-text { display: block; padding: 8px 14px; color: #364a63; }

.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }

.btn-group &gt; .btn, .dual-listbox .btn-group &gt; .dual-listbox__button, .btn-group-vertical &gt; .btn, .dual-listbox .btn-group-vertical &gt; .dual-listbox__button { position: relative; flex: 1 1 auto; }

.btn-group &gt; .btn:hover, .dual-listbox .btn-group &gt; .dual-listbox__button:hover, .btn-group-vertical &gt; .btn:hover, .dual-listbox .btn-group-vertical &gt; .dual-listbox__button:hover { z-index: 1; }

.btn-group &gt; .btn:focus, .dual-listbox .btn-group &gt; .dual-listbox__button:focus, .btn-group &gt; .btn:active, .dual-listbox .btn-group &gt; .dual-listbox__button:active, .btn-group &gt; .btn.active, .dual-listbox .btn-group &gt; .active.dual-listbox__button, .btn-group-vertical &gt; .btn:focus, .dual-listbox .btn-group-vertical &gt; .dual-listbox__button:focus, .btn-group-vertical &gt; .btn:active, .dual-listbox .btn-group-vertical &gt; .dual-listbox__button:active, .btn-group-vertical &gt; .btn.active, .dual-listbox .btn-group-vertical &gt; .active.dual-listbox__button { z-index: 1; }

.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }

.btn-toolbar .input-group { width: auto; }

.btn-group &gt; .btn:not(:first-child), .dual-listbox .btn-group &gt; .dual-listbox__button:not(:first-child), .btn-group &gt; .btn-group:not(:first-child) { margin-right: -1px; }

.btn-group &gt; .btn:not(:last-child):not(.dropdown-toggle), .dual-listbox .btn-group &gt; .dual-listbox__button:not(:last-child):not(.dropdown-toggle), .btn-group &gt; .btn-group:not(:last-child) &gt; .btn, .dual-listbox .btn-group &gt; .btn-group:not(:last-child) &gt; .dual-listbox__button { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.btn-group &gt; .btn:not(:first-child), .dual-listbox .btn-group &gt; .dual-listbox__button:not(:first-child), .btn-group &gt; .btn-group:not(:first-child) &gt; .btn, .dual-listbox .btn-group &gt; .btn-group:not(:first-child) &gt; .dual-listbox__button { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.dropdown-toggle-split { padding-right: 0.84375rem; padding-left: 0.84375rem; }

.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-right: 0; }

.dropleft .dropdown-toggle-split::before { margin-left: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm &gt; .btn + .dropdown-toggle-split, .dual-listbox .btn-group-sm &gt; .dual-listbox__button + .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg &gt; .btn + .dropdown-toggle-split, .dual-listbox .btn-group-lg &gt; .dual-listbox__button + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; }

.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }

.btn-group-vertical &gt; .btn, .dual-listbox .btn-group-vertical &gt; .dual-listbox__button, .btn-group-vertical &gt; .btn-group { width: 100%; }

.btn-group-vertical &gt; .btn:not(:first-child), .dual-listbox .btn-group-vertical &gt; .dual-listbox__button:not(:first-child), .btn-group-vertical &gt; .btn-group:not(:first-child) { margin-top: -1px; }

.btn-group-vertical &gt; .btn:not(:last-child):not(.dropdown-toggle), .dual-listbox .btn-group-vertical &gt; .dual-listbox__button:not(:last-child):not(.dropdown-toggle), .btn-group-vertical &gt; .btn-group:not(:last-child) &gt; .btn, .dual-listbox .btn-group-vertical &gt; .btn-group:not(:last-child) &gt; .dual-listbox__button { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical &gt; .btn:not(:first-child), .dual-listbox .btn-group-vertical &gt; .dual-listbox__button:not(:first-child), .btn-group-vertical &gt; .btn-group:not(:first-child) &gt; .btn, .dual-listbox .btn-group-vertical &gt; .btn-group:not(:first-child) &gt; .dual-listbox__button { border-top-left-radius: 0; border-top-right-radius: 0; }

.btn-group-toggle &gt; .btn, .dual-listbox .btn-group-toggle &gt; .dual-listbox__button, .btn-group-toggle &gt; .btn-group &gt; .btn, .dual-listbox .btn-group-toggle &gt; .btn-group &gt; .dual-listbox__button { margin-bottom: 0; }

.btn-group-toggle &gt; .btn input[type=&quot;radio&quot;], .dual-listbox .btn-group-toggle &gt; .dual-listbox__button input[type=&quot;radio&quot;], .btn-group-toggle &gt; .btn input[type=&quot;checkbox&quot;], .dual-listbox .btn-group-toggle &gt; .dual-listbox__button input[type=&quot;checkbox&quot;], .btn-group-toggle &gt; .btn-group &gt; .btn input[type=&quot;radio&quot;], .dual-listbox .btn-group-toggle &gt; .btn-group &gt; .dual-listbox__button input[type=&quot;radio&quot;], .btn-group-toggle &gt; .btn-group &gt; .btn input[type=&quot;checkbox&quot;], .dual-listbox .btn-group-toggle &gt; .btn-group &gt; .dual-listbox__button input[type=&quot;checkbox&quot;] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }

.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }

.input-group &gt; .form-control, div.dataTables_wrapper div.dataTables_filter .input-group &gt; input, .dual-listbox .input-group &gt; .dual-listbox__search, .input-group &gt; .form-control-plaintext, .input-group &gt; .custom-select, div.dataTables_wrapper div.dataTables_length .input-group &gt; select, .input-group &gt; .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; }

.input-group &gt; .form-control + .form-control, div.dataTables_wrapper div.dataTables_filter .input-group &gt; input + .form-control, .dual-listbox .input-group &gt; .dual-listbox__search + .form-control, div.dataTables_wrapper div.dataTables_filter .input-group &gt; .form-control + input, div.dataTables_wrapper div.dataTables_filter .input-group &gt; input + input, .dual-listbox div.dataTables_wrapper div.dataTables_filter .input-group &gt; .dual-listbox__search + input, div.dataTables_wrapper div.dataTables_filter .dual-listbox .input-group &gt; .dual-listbox__search + input, .dual-listbox .input-group &gt; .form-control + .dual-listbox__search, div.dataTables_wrapper div.dataTables_filter .dual-listbox .input-group &gt; input + .dual-listbox__search, .dual-listbox div.dataTables_wrapper div.dataTables_filter .input-group &gt; input + .dual-listbox__search, .dual-listbox .input-group &gt; .dual-listbox__search + .dual-listbox__search, .input-group &gt; .form-control + .custom-select, div.dataTables_wrapper div.dataTables_filter .input-group &gt; input + .custom-select, .dual-listbox .input-group &gt; .dual-listbox__search + .custom-select, div.dataTables_wrapper div.dataTables_length .input-group &gt; .form-control + select, div.dataTables_wrapper div.dataTables_filter div.dataTables_length .input-group &gt; input + select, div.dataTables_wrapper div.dataTables_length div.dataTables_filter .input-group &gt; input + select, .dual-listbox div.dataTables_wrapper div.dataTables_length .input-group &gt; .dual-listbox__search + select, div.dataTables_wrapper div.dataTables_length .dual-listbox .input-group &gt; .dual-listbox__search + select, .input-group &gt; .form-control + .custom-file, div.dataTables_wrapper div.dataTables_filter .input-group &gt; input + .custom-file, .dual-listbox .input-group &gt; .dual-listbox__search + .custom-file, .input-group &gt; .form-control-plaintext + .form-control, div.dataTables_wrapper div.dataTables_filter .input-group &gt; .form-control-plaintext + input, .dual-listbox .input-group &gt; .form-control-plaintext + .dual-listbox__search, .input-group &gt; .form-control-plaintext + .custom-select, div.dataTables_wrapper div.dataTables_length .input-group &gt; .form-control-plaintext + select, .input-group &gt; .form-control-plaintext + .custom-file, .input-group &gt; .custom-select + .form-control, div.dataTables_wrapper div.dataTables_length .input-group &gt; select + .form-control, div.dataTables_wrapper div.dataTables_filter .input-group &gt; .custom-select + input, div.dataTables_wrapper div.dataTables_length div.dataTables_filter .input-group &gt; select + input, div.dataTables_wrapper div.dataTables_filter div.dataTables_length .input-group &gt; select + input, .dual-listbox .input-group &gt; .custom-select + .dual-listbox__search, div.dataTables_wrapper div.dataTables_length .dual-listbox .input-group &gt; select + .dual-listbox__search, .dual-listbox div.dataTables_wrapper div.dataTables_length .input-group &gt; select + .dual-listbox__search, .input-group &gt; .custom-select + .custom-select, div.dataTables_wrapper div.dataTables_length .input-group &gt; select + .custom-select, div.dataTables_wrapper div.dataTables_length .input-group &gt; .custom-select + select, div.dataTables_wrapper div.dataTables_length .input-group &gt; select + select, .input-group &gt; .custom-select + .custom-file, div.dataTables_wrapper div.dataTables_length .input-group &gt; select + .custom-file, .input-group &gt; .custom-file + .form-control, div.dataTables_wrapper div.dataTables_filter .input-group &gt; .custom-file + input, .dual-listbox .input-group &gt; .custom-file + .dual-listbox__search, .input-group &gt; .custom-file + .custom-select, div.dataTables_wrapper div.dataTables_length .input-group &gt; .custom-file + select, .input-group &gt; .custom-file + .custom-file { margin-right: -1px; }

.input-group &gt; .form-control:focus, div.dataTables_wrapper div.dataTables_filter .input-group &gt; input:focus, .dual-listbox .input-group &gt; .dual-listbox__search:focus, .input-group &gt; .custom-select:focus, div.dataTables_wrapper div.dataTables_length .input-group &gt; select:focus, .input-group &gt; .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; }

.input-group &gt; .custom-file .custom-file-input:focus { z-index: 4; }

.input-group &gt; .form-control:not(:last-child), div.dataTables_wrapper div.dataTables_filter .input-group &gt; input:not(:last-child), .dual-listbox .input-group &gt; .dual-listbox__search:not(:last-child), .input-group &gt; .custom-select:not(:last-child), div.dataTables_wrapper div.dataTables_length .input-group &gt; select:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group &gt; .form-control:not(:first-child), div.dataTables_wrapper div.dataTables_filter .input-group &gt; input:not(:first-child), .dual-listbox .input-group &gt; .dual-listbox__search:not(:first-child), .input-group &gt; .custom-select:not(:first-child), div.dataTables_wrapper div.dataTables_length .input-group &gt; select:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group &gt; .custom-file { display: flex; align-items: center; }

.input-group &gt; .custom-file:not(:last-child) .custom-file-label, .input-group &gt; .custom-file:not(:last-child) .custom-file-label::after { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group &gt; .custom-file:not(:first-child) .custom-file-label { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group-prepend, .input-group-append { display: flex; }

.input-group-prepend .btn, .input-group-prepend .dual-listbox .dual-listbox__button, .dual-listbox .input-group-prepend .dual-listbox__button, .input-group-append .btn, .input-group-append .dual-listbox .dual-listbox__button, .dual-listbox .input-group-append .dual-listbox__button { position: relative; z-index: 2; }

.input-group-prepend .btn:focus, .input-group-prepend .dual-listbox .dual-listbox__button:focus, .dual-listbox .input-group-prepend .dual-listbox__button:focus, .input-group-append .btn:focus, .input-group-append .dual-listbox .dual-listbox__button:focus, .dual-listbox .input-group-append .dual-listbox__button:focus { z-index: 3; }

.input-group-prepend .btn + .btn, .input-group-prepend .dual-listbox .dual-listbox__button + .btn, .dual-listbox .input-group-prepend .dual-listbox__button + .btn, .input-group-prepend .dual-listbox .btn + .dual-listbox__button, .dual-listbox .input-group-prepend .btn + .dual-listbox__button, .input-group-prepend .dual-listbox .dual-listbox__button + .dual-listbox__button, .dual-listbox .input-group-prepend .dual-listbox__button + .dual-listbox__button, .input-group-prepend .btn + .input-group-text, .input-group-prepend .dual-listbox .dual-listbox__button + .input-group-text, .dual-listbox .input-group-prepend .dual-listbox__button + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .dual-listbox .input-group-text + .dual-listbox__button, .dual-listbox .input-group-prepend .input-group-text + .dual-listbox__button, .input-group-append .btn + .btn, .input-group-append .dual-listbox .dual-listbox__button + .btn, .dual-listbox .input-group-append .dual-listbox__button + .btn, .input-group-append .dual-listbox .btn + .dual-listbox__button, .dual-listbox .input-group-append .btn + .dual-listbox__button, .input-group-append .dual-listbox .dual-listbox__button + .dual-listbox__button, .dual-listbox .input-group-append .dual-listbox__button + .dual-listbox__button, .input-group-append .btn + .input-group-text, .input-group-append .dual-listbox .dual-listbox__button + .input-group-text, .dual-listbox .input-group-append .dual-listbox__button + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .dual-listbox .input-group-text + .dual-listbox__button, .dual-listbox .input-group-append .input-group-text + .dual-listbox__button { margin-right: -1px; }

.input-group-prepend { margin-left: -1px; }

.input-group-append { margin-right: -1px; }

.input-group-text { display: flex; align-items: center; padding: 0.4375rem 1rem; margin-bottom: 0; font-size: 0.8125rem; font-weight: 400; line-height: 1.25rem; color: #3c4d62; text-align: center; white-space: nowrap; background-color: #ebeef2; border: 1px solid #dbdfea; border-radius: 4px; }

.input-group-text input[type=&quot;radio&quot;], .input-group-text input[type=&quot;checkbox&quot;] { margin-top: 0; }

.input-group-lg &gt; .form-control:not(textarea), div.dataTables_wrapper div.dataTables_filter .input-group-lg &gt; input:not(textarea), .dual-listbox .input-group-lg &gt; .dual-listbox__search:not(textarea), .input-group-lg &gt; .custom-select, div.dataTables_wrapper div.dataTables_length .input-group-lg &gt; select { height: calc(2.625rem + 2px); }

.input-group-lg &gt; .form-control, div.dataTables_wrapper div.dataTables_filter .input-group-lg &gt; input, .dual-listbox .input-group-lg &gt; .dual-listbox__search, .input-group-lg &gt; .custom-select, div.dataTables_wrapper div.dataTables_length .input-group-lg &gt; select, .input-group-lg &gt; .input-group-prepend &gt; .input-group-text, .input-group-lg &gt; .input-group-append &gt; .input-group-text, .input-group-lg &gt; .input-group-prepend &gt; .btn, .dual-listbox .input-group-lg &gt; .input-group-prepend &gt; .dual-listbox__button, .input-group-lg &gt; .input-group-append &gt; .btn, .dual-listbox .input-group-lg &gt; .input-group-append &gt; .dual-listbox__button { padding: 0.6875rem 1rem; font-size: 0.9375rem; line-height: 1.25rem; border-radius: 5px; }

.input-group-sm &gt; .form-control:not(textarea), div.dataTables_wrapper div.dataTables_filter .input-group-sm &gt; input:not(textarea), .dual-listbox .input-group-sm &gt; .dual-listbox__search:not(textarea), .input-group-sm &gt; .custom-select, div.dataTables_wrapper div.dataTables_length .input-group-sm &gt; select { height: calc(1.75rem + 2px); }

.input-group-sm &gt; .form-control, div.dataTables_wrapper div.dataTables_filter .input-group-sm &gt; input, .dual-listbox .input-group-sm &gt; .dual-listbox__search, .input-group-sm &gt; .custom-select, div.dataTables_wrapper div.dataTables_length .input-group-sm &gt; select, .input-group-sm &gt; .input-group-prepend &gt; .input-group-text, .input-group-sm &gt; .input-group-append &gt; .input-group-text, .input-group-sm &gt; .input-group-prepend &gt; .btn, .dual-listbox .input-group-sm &gt; .input-group-prepend &gt; .dual-listbox__button, .input-group-sm &gt; .input-group-append &gt; .btn, .dual-listbox .input-group-sm &gt; .input-group-append &gt; .dual-listbox__button { padding: 0.25rem 1rem; font-size: 0.75rem; line-height: 1.25rem; border-radius: 3px; }

.input-group-lg &gt; .custom-select, div.dataTables_wrapper div.dataTables_length .input-group-lg &gt; select, .input-group-sm &gt; .custom-select, div.dataTables_wrapper div.dataTables_length .input-group-sm &gt; select { padding-left: 2rem; }

.input-group &gt; .input-group-prepend &gt; .btn, .dual-listbox .input-group &gt; .input-group-prepend &gt; .dual-listbox__button, .input-group &gt; .input-group-prepend &gt; .input-group-text, .input-group &gt; .input-group-append:not(:last-child) &gt; .btn, .dual-listbox .input-group &gt; .input-group-append:not(:last-child) &gt; .dual-listbox__button, .input-group &gt; .input-group-append:not(:last-child) &gt; .input-group-text, .input-group &gt; .input-group-append:last-child &gt; .btn:not(:last-child):not(.dropdown-toggle), .dual-listbox .input-group &gt; .input-group-append:last-child &gt; .dual-listbox__button:not(:last-child):not(.dropdown-toggle), .input-group &gt; .input-group-append:last-child &gt; .input-group-text:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group &gt; .input-group-append &gt; .btn, .dual-listbox .input-group &gt; .input-group-append &gt; .dual-listbox__button, .input-group &gt; .input-group-append &gt; .input-group-text, .input-group &gt; .input-group-prepend:not(:first-child) &gt; .btn, .dual-listbox .input-group &gt; .input-group-prepend:not(:first-child) &gt; .dual-listbox__button, .input-group &gt; .input-group-prepend:not(:first-child) &gt; .input-group-text, .input-group &gt; .input-group-prepend:first-child &gt; .btn:not(:first-child), .dual-listbox .input-group &gt; .input-group-prepend:first-child &gt; .dual-listbox__button:not(:first-child), .input-group &gt; .input-group-prepend:first-child &gt; .input-group-text:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.custom-control { position: relative; z-index: 1; display: block; min-height: 1.44375rem; padding-right: 2.25rem; }

.custom-control-inline { display: inline-flex; margin-left: 1rem; }

.custom-control-input { position: absolute; left: 0; z-index: -1; width: 1.5rem; height: 1.47187rem; opacity: 0; }

.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #0971fe; background-color: #0971fe; }

.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1); }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #0971fe; }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #0971fe; border-color: #0971fe; }

.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 { position: relative; margin-bottom: 0; vertical-align: top; }

.custom-control-label:before, .custom-control-label:after { z-index: 1; }

.custom-control-label::before { position: absolute; top: -0.02813rem; right: -2.25rem; display: block; width: 1.5rem; height: 1.5rem; pointer-events: none; content: &quot;&quot;; background-color: #fff; border: #dbdfea solid 2px; }

.custom-control-label::after { position: absolute; top: -0.02813rem; right: -2.25rem; display: block; width: 1.5rem; height: 1.5rem; content: &quot;&quot;; 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(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e&quot;); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #559bfb; background-color: #559bfb; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e&quot;); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(9, 113, 254, 0.8); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(9, 113, 254, 0.8); }

.custom-radio .custom-control-label::before { border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e&quot;); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(9, 113, 254, 0.8); }

.custom-switch { padding-right: 3.75rem; }

.custom-switch .custom-control-label::before { right: -3.75rem; width: 3rem; pointer-events: all; border-radius: 1.5rem; }

.custom-switch .custom-control-label::after { top: calc(-0.02813rem + 4px); right: calc(-3.75rem + 4px); width: 1rem; height: 1rem; background-color: #dbdfea; border-radius: 1.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } }

.custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(1.5rem); }

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(9, 113, 254, 0.8); }

.custom-select, div.dataTables_wrapper div.dataTables_length select { display: inline-block; width: 100%; height: calc(2.125rem + 2px); padding: 0.4375rem 1rem 0.4375rem 2rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.25rem; color: #3c4d62; vertical-align: middle; background: #fff url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e&quot;) right 1rem center/8px 10px no-repeat; border: 1px solid #dbdfea; border-radius: 4px; appearance: none; }

.custom-select:focus, div.dataTables_wrapper div.dataTables_length select:focus { border-color: #0971fe; outline: 0; box-shadow: 0 0 0 0.2rem rgba(85, 155, 251, 0.25); }

.custom-select:focus::-ms-value, div.dataTables_wrapper div.dataTables_length select:focus::-ms-value { color: #3c4d62; background-color: #fff; }

.custom-select[multiple], div.dataTables_wrapper div.dataTables_length select[multiple], .custom-select[size]:not([size=&quot;1&quot;]), div.dataTables_wrapper div.dataTables_length select[size]:not([size=&quot;1&quot;]) { height: auto; padding-left: 1rem; background-image: none; }

.custom-select:disabled, div.dataTables_wrapper div.dataTables_length select:disabled { color: #6c757d; background-color: #e9ecef; }

.custom-select::-ms-expand, div.dataTables_wrapper div.dataTables_length select::-ms-expand { display: none; }

.custom-select:-moz-focusring, div.dataTables_wrapper div.dataTables_length select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #3c4d62; }

.custom-select-sm { height: calc(1.75rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-right: 1rem; font-size: 0.75rem; }

.custom-select-lg { height: calc(2.625rem + 2px); padding-top: 0.6875rem; padding-bottom: 0.6875rem; padding-right: 1rem; font-size: 0.9375rem; }

.custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.125rem + 2px); margin-bottom: 0; }

.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.125rem + 2px); margin: 0; opacity: 0; }

.custom-file-input:focus ~ .custom-file-label { border-color: #0971fe; box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.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: &quot;Browse&quot;; }

.custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); }

.custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.125rem + 2px); padding: 0.4375rem 1rem; font-weight: 400; line-height: 1.25rem; color: #3c4d62; background-color: #fff; border: 1px solid #dbdfea; border-radius: 4px; }

.custom-file-label::after { position: absolute; top: 0; left: 0; bottom: 0; z-index: 3; display: block; height: 2.125rem; padding: 0.4375rem 1rem; line-height: 1.25rem; color: #3c4d62; content: &quot;Browse&quot;; background-color: #ebeef2; border-right: inherit; border-radius: 4px 0 0 4px; }

.custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none; }

.custom-range:focus { outline: none; }

.custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #f5f6fa, 0 0 0 3px rgba(9, 113, 254, 0.1); }

.custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #f5f6fa, 0 0 0 3px rgba(9, 113, 254, 0.1); }

.custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #f5f6fa, 0 0 0 3px rgba(9, 113, 254, 0.1); }

.custom-range::-moz-focus-outer { border: 0; }

.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #559bfb; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } }

.custom-range::-webkit-slider-thumb:active { background-color: white; }

.custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; }

.custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #559bfb; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } }

.custom-range::-moz-range-thumb:active { background-color: white; }

.custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; }

.custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #559bfb; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } }

.custom-range::-ms-thumb:active { background-color: white; }

.custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; }

.custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; }

.custom-range::-ms-fill-upper { margin-left: 15px; background-color: #dee2e6; border-radius: 1rem; }

.custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; }

.custom-range:disabled::-webkit-slider-runnable-track { cursor: default; }

.custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; }

.custom-range:disabled::-moz-range-track { cursor: default; }

.custom-range:disabled::-ms-thumb { background-color: #adb5bd; }

.custom-control-label::before, .custom-file-label, .custom-select, div.dataTables_wrapper div.dataTables_length select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select, div.dataTables_wrapper div.dataTables_length select { transition: none; } }

.image-control.custom-control { padding-right: 0; }

.image-control .custom-control-input:checked ~ .custom-control-label:before { border-color: #fff; }

.image-control .custom-control-input:checked ~ .custom-control-label img { opacity: .8; }

.image-control .custom-control-label { padding-top: 0; border-radius: 4px; overflow: hidden; background-color: #1f2b3a; }

.image-control .custom-control-label img { transition: opacity .3s ease; }

.image-control .custom-control-label:before, .image-control .custom-control-label:after { z-index: 9; }

.image-control .custom-control-label::before { border-width: 1px; top: 1rem; right: 1rem; }

.image-control .custom-control-label::after { top: 1rem; right: 1rem; }

.image-control:hover .custom-control-label img { opacity: .8; }

.custom-control-pro { padding-right: 0; position: relative; }

.custom-control-pro.no-control.checked { z-index: 3; }

.custom-control-pro.no-control.focused { z-index: 2; }

.custom-control-pro.no-control .custom-control-label { padding: 0.375rem 1.125rem; border-width: 2px; }

.custom-control-pro.no-control .custom-control-input:checked ~ .custom-control-label { border-color: #0971fe; z-index: 2; }

.custom-control-pro.no-control .custom-control-input:not(:disabled):active ~ .custom-control-label { border-color: #0971fe; }

.custom-control-pro.no-control .custom-control-input[disabled] ~ .custom-control-label, .custom-control-pro.no-control .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; }

.custom-control-pro-block.custom-control { display: flex; }

.custom-control-pro-block .custom-control-label { width: 100%; }

.custom-control-pro .custom-control-label { border: 1px solid #e5e9f2; padding: 1.125rem 3.375rem 1.125rem 1.125rem; font-size: 13px; line-height: 1.25rem; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; display: inline-flex; align-items: center; background-color: #fff; }

@media (prefers-reduced-motion: reduce) { .custom-control-pro .custom-control-label { transition: none; } }

.custom-control-pro .custom-control-label::before, .custom-control-pro .custom-control-label::after { top: 50%; transform: translateY(-50%); right: 1.125rem; }

.custom-control-pro .custom-control-label .icon { font-size: 1.4em; line-height: inherit; }

.custom-control-pro .custom-control-label .icon-lg { font-size: 2.2em; }

.custom-control-pro .custom-control-label &gt; span { white-space: nowrap; }

.custom-control-pro .custom-control-label &gt; span:only-child { width: 100%; }

.custom-control-pro .custom-control-label .icon + span, .custom-control-pro .custom-control-label span + .icon { padding-right: 8px; }

.custom-control-pro.custom-control-sm { padding-right: 0; }

.custom-control-pro.custom-control-sm .custom-control-label { padding: 0.6875rem 3rem 1.125rem 0.6875rem; font-size: 13px; line-height: 1.25rem; border-radius: 4px; }

.custom-control-pro.custom-control-sm .custom-control-label::before, .custom-control-pro.custom-control-sm .custom-control-label::after { top: 50%; transform: translateY(-50%); right: 1.125rem; }

.custom-control-pro-icon.custom-control-pro .custom-control-label { padding-left: 0; padding-right: 0; }

.custom-control-pro-icon.custom-control-pro .custom-control-label .icon { text-align: center; width: 2.125rem; }

.custom-control.color-control { padding: 4px !important; }

.custom-control.color-control .custom-control-label::before { opacity: 0; display: block; left: -4px; right: -4px; top: -4px; bottom: -4px; border-radius: 50%; border: 2px solid #0971fe !important; background: transparent !important; transition: .3s ease; }

.custom-control.color-control .custom-control-label::after { display: none; }

.custom-control.color-control .custom-control-input:checked ~ .custom-control-label::before { opacity: 1; }

.no-control { padding-right: 0; }

.no-control .custom-control-label::before, .no-control .custom-control-label::after { display: none; }

.form-control-slider { margin-top: 0.25rem; margin-bottom: 0.25rem; }

.custom-control-group { display: inline-flex; align-items: center; flex-wrap: wrap; margin: -0.375rem; }

.custom-control-group &gt; * { padding: 0.375rem; }

.custom-control-stacked { margin: 0; }

.custom-control-stacked &gt; * { padding: 0; margin: -1px; }

.custom-control-stacked:not(.custom-control-vertical) &gt; *:not(:first-child) .custom-control-label { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.custom-control-stacked:not(.custom-control-vertical) &gt; *:not(:last-child) .custom-control-label { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.custom-control-vertical { flex-direction: column; align-items: start; }

.custom-control-vertical &gt; * { width: 100%; }

.custom-control-vertical .custom-control { display: flex; }

.custom-control-vertical .custom-control .custom-control-label { width: 100%; }

.custom-control-vertical.custom-control-stacked &gt; *:not(:first-child) .custom-control-label { border-top-left-radius: 0; border-top-right-radius: 0; }

.custom-control-vertical.custom-control-stacked &gt; *:not(:last-child) .custom-control-label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }

.nav-link { display: block; padding: 0.5rem 1rem; }

.nav-link:hover, .nav-link:focus { text-decoration: none; }

.nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; }

.nav-tabs { border-bottom: 1px solid #dee2e6; }

.nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; }

.nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; }

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #f5f6fa; border-color: #dee2e6 #dee2e6 #f5f6fa; }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }

.nav-pills .nav-link { border-radius: 4px; }

.nav-pills .nav-link.active, .nav-pills .show &gt; .nav-link { color: #fff; background-color: #559bfb; }

.nav-fill &gt; .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; }

.nav-justified &gt; .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; }

.tab-content &gt; .tab-pane { display: none; }

.tab-content &gt; .active { display: block; }

.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }

.navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-left: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }

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

.navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }

.navbar-nav .nav-link { padding-right: 0; padding-left: 0; }

.navbar-nav .dropdown-menu { position: static; float: none; }

.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }

.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }

.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px; }

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

.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: &quot;&quot;; background: no-repeat center center; background-size: 100% 100%; }

@media (max-width: 575.98px) { .navbar-expand-sm &gt; .container, .navbar-expand-sm &gt; .container-fluid, .navbar-expand-sm &gt; .container-sm, .navbar-expand-sm &gt; .container-md, .navbar-expand-sm &gt; .container-lg, .navbar-expand-sm &gt; .container-xl, .navbar-expand-sm &gt; .container-xxl { padding-right: 0; padding-left: 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-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-sm &gt; .container, .navbar-expand-sm &gt; .container-fluid, .navbar-expand-sm &gt; .container-sm, .navbar-expand-sm &gt; .container-md, .navbar-expand-sm &gt; .container-lg, .navbar-expand-sm &gt; .container-xl, .navbar-expand-sm &gt; .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 &gt; .container, .navbar-expand-md &gt; .container-fluid, .navbar-expand-md &gt; .container-sm, .navbar-expand-md &gt; .container-md, .navbar-expand-md &gt; .container-lg, .navbar-expand-md &gt; .container-xl, .navbar-expand-md &gt; .container-xxl { padding-right: 0; padding-left: 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-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-md &gt; .container, .navbar-expand-md &gt; .container-fluid, .navbar-expand-md &gt; .container-sm, .navbar-expand-md &gt; .container-md, .navbar-expand-md &gt; .container-lg, .navbar-expand-md &gt; .container-xl, .navbar-expand-md &gt; .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 &gt; .container, .navbar-expand-lg &gt; .container-fluid, .navbar-expand-lg &gt; .container-sm, .navbar-expand-lg &gt; .container-md, .navbar-expand-lg &gt; .container-lg, .navbar-expand-lg &gt; .container-xl, .navbar-expand-lg &gt; .container-xxl { padding-right: 0; padding-left: 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-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-lg &gt; .container, .navbar-expand-lg &gt; .container-fluid, .navbar-expand-lg &gt; .container-sm, .navbar-expand-lg &gt; .container-md, .navbar-expand-lg &gt; .container-lg, .navbar-expand-lg &gt; .container-xl, .navbar-expand-lg &gt; .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 &gt; .container, .navbar-expand-xl &gt; .container-fluid, .navbar-expand-xl &gt; .container-sm, .navbar-expand-xl &gt; .container-md, .navbar-expand-xl &gt; .container-lg, .navbar-expand-xl &gt; .container-xl, .navbar-expand-xl &gt; .container-xxl { padding-right: 0; padding-left: 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-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-xl &gt; .container, .navbar-expand-xl &gt; .container-fluid, .navbar-expand-xl &gt; .container-sm, .navbar-expand-xl &gt; .container-md, .navbar-expand-xl &gt; .container-lg, .navbar-expand-xl &gt; .container-xl, .navbar-expand-xl &gt; .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 &gt; .container, .navbar-expand-xxl &gt; .container-fluid, .navbar-expand-xxl &gt; .container-sm, .navbar-expand-xxl &gt; .container-md, .navbar-expand-xxl &gt; .container-lg, .navbar-expand-xxl &gt; .container-xl, .navbar-expand-xxl &gt; .container-xxl { padding-right: 0; padding-left: 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-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-xxl &gt; .container, .navbar-expand-xxl &gt; .container-fluid, .navbar-expand-xxl &gt; .container-sm, .navbar-expand-xxl &gt; .container-md, .navbar-expand-xxl &gt; .container-lg, .navbar-expand-xxl &gt; .container-xl, .navbar-expand-xxl &gt; .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 &gt; .container, .navbar-expand &gt; .container-fluid, .navbar-expand &gt; .container-sm, .navbar-expand &gt; .container-md, .navbar-expand &gt; .container-lg, .navbar-expand &gt; .container-xl, .navbar-expand &gt; .container-xxl { padding-right: 0; padding-left: 0; }

.navbar-expand .navbar-nav { flex-direction: row; }

.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }

.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }

.navbar-expand &gt; .container, .navbar-expand &gt; .container-fluid, .navbar-expand &gt; .container-sm, .navbar-expand &gt; .container-md, .navbar-expand &gt; .container-lg, .navbar-expand &gt; .container-xl, .navbar-expand &gt; .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 { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); }

.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show &gt; .nav-link, .navbar-light .navbar-nav .active &gt; .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon { background-image: url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e&quot;); }

.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand { color: #fff; }

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; }

.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show &gt; .nav-link, .navbar-dark .navbar-nav .active &gt; .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; }

.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon { background-image: url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e&quot;); }

.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-text a { color: #fff; }

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; }

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

.card &gt; hr { margin-right: 0; margin-left: 0; }

.card &gt; .list-group { border-top: inherit; border-bottom: inherit; }

.card &gt; .list-group:first-child { border-top-width: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.card &gt; .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.card &gt; .card-header + .list-group, .card &gt; .list-group + .card-footer { border-top: 0; }

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

.card-title { margin-bottom: 0.75rem; }

.card-subtitle { margin-top: -0.375rem; margin-bottom: 0; }

.card-text:last-child { margin-bottom: 0; }

.card-link:hover { text-decoration: none; }

.card-link + .card-link { margin-right: 1.25rem; }

.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.07); border-bottom: 0 solid rgba(0, 0, 0, 0.125); }

.card-header:first-child { border-radius: 3px 3px 0 0; }

.card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.07); border-top: 0 solid rgba(0, 0, 0, 0.125); }

.card-footer:last-child { border-radius: 0 0 3px 3px; }

.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; }

.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: 3px; }

.card-img, .card-img-top, .card-img-bottom { 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-right-radius: 3px; border-bottom-left-radius: 3px; }

.card-deck .card { margin-bottom: 14px; }

@media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -14px; margin-left: -14px; }
  .card-deck .card { flex: 1 0 0%; margin-right: 14px; margin-bottom: 0; margin-left: 14px; } }

.card-group &gt; .card { margin-bottom: 14px; }

@media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; }
  .card-group &gt; .card { flex: 1 0 0%; margin-bottom: 0; }
  .card-group &gt; .card + .card { margin-left: 0; border-left: 0; }
  .card-group &gt; .card:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .card-group &gt; .card:not(:last-child) .card-img-top, .card-group &gt; .card:not(:last-child) .card-header { border-top-right-radius: 0; }
  .card-group &gt; .card:not(:last-child) .card-img-bottom, .card-group &gt; .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; }
  .card-group &gt; .card:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .card-group &gt; .card:not(:first-child) .card-img-top, .card-group &gt; .card:not(:first-child) .card-header { border-top-left-radius: 0; }
  .card-group &gt; .card:not(:first-child) .card-img-bottom, .card-group &gt; .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } }

.card-columns .card { margin-bottom: 0.75rem; }

@media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; }
  .card-columns .card { display: inline-block; width: 100%; } }

.accordion { overflow-anchor: none; }

.accordion &gt; .card { overflow: hidden; }

.accordion &gt; .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.accordion &gt; .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; }

.accordion &gt; .card &gt; .card-header { border-radius: 0; margin-bottom: 0; }

.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.25rem 0; margin-bottom: 0; font-size: 0.6875rem; list-style: none; background-color: transparent; border-radius: 4px; }

.breadcrumb-item { display: flex; }

.breadcrumb-item + .breadcrumb-item { padding-right: 0.5rem; }

.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-left: 0.5rem; color: #8091a7; content: &quot;/&quot;; }

.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }

.breadcrumb-item.active { color: #b7c2d0; }

.pagination { display: flex; padding-left: 0; list-style: none; border-radius: 4px; }

.page-link { position: relative; display: block; padding: 0.5625rem 0.625rem; margin-right: -1px; line-height: 1rem; color: #526484; background-color: #fff; border: 1px solid #e5e9f2; }

.page-link:hover { z-index: 2; color: #0770fe; text-decoration: none; background-color: #ebeef2; border-color: #e5e9f2; }

.page-link:focus { z-index: 3; outline: 0; box-shadow: none; }

.page-item:first-child .page-link { margin-right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.page-item:last-child .page-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.page-item.active .page-link { z-index: 3; color: #fff; background-color: #0971fe; border-color: #0971fe; }

.page-item.disabled .page-link { color: #dbdfea; pointer-events: none; cursor: auto; background-color: #fff; border-color: #e5e9f2; }

.pagination-lg .page-link { padding: 0.5625rem 0.75rem; font-size: 1.25rem; line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.pagination-sm .page-link { padding: 0.4375rem 0.5rem; font-size: 0.75rem; line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.badge { display: inline-block; padding: 0 0.375rem; font-size: 0.675rem; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

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

a.badge:hover, a.badge:focus { text-decoration: none; }

.badge:empty { display: none; }

.btn .badge, .dual-listbox .dual-listbox__button .badge { position: relative; top: -1px; }

.badge-pill { padding-right: 0.5rem; padding-left: 0.5rem; border-radius: 10rem; }

.badge-primary { color: #fff; background-color: #0971fe; }

a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #015ad3; }

a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(9, 113, 254, 0.5); }

.badge-secondary { color: #fff; background-color: #364a63; }

a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #243142; }

a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(54, 74, 99, 0.5); }

.badge-success { color: #fff; background-color: #1ee0ac; }

a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #18b389; }

a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.5); }

.badge-info { color: #fff; background-color: #09c2de; }

a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0797ad; }

a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(9, 194, 222, 0.5); }

.badge-warning { color: #fff; background-color: #f4bd0e; }

a.badge-warning:hover, a.badge-warning:focus { color: #fff; background-color: #c69909; }

a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(244, 189, 14, 0.5); }

.badge-danger { color: #fff; background-color: #e85347; }

a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #e02b1c; }

a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.5); }

.badge-dark { color: #fff; background-color: #1c2b46; }

a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #0d1522; }

a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(28, 43, 70, 0.5); }

.badge-gray { color: #fff; background-color: #8091a7; }

a.badge-gray:hover, a.badge-gray:focus { color: #fff; background-color: #647790; }

a.badge-gray:focus, a.badge-gray.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(128, 145, 167, 0.5); }

.badge-light { color: #101924; background-color: #e5e9f2; }

a.badge-light:hover, a.badge-light:focus { color: #101924; background-color: #c3cce1; }

a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(229, 233, 242, 0.5); }

.badge-lighter { color: #101924; background-color: #f5f6fa; }

a.badge-lighter:hover, a.badge-lighter:focus { color: #101924; background-color: #d3d7e9; }

a.badge-lighter:focus, a.badge-lighter.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(245, 246, 250, 0.5); }

.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 5px; }

@media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } }

.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; }

.alert { position: relative; padding: 1rem 1.25rem; margin-bottom: 2rem; border: 1px solid transparent; border-radius: 4px; }

.alert-heading { color: inherit; }

.alert-link { font-weight: 700; }

.alert-dismissible { padding-left: 4rem; }

.alert-dismissible .close { position: absolute; top: 0; left: 0; padding: 1rem 1.25rem; color: inherit; }

.alert-primary { color: #085fd5; background-color: #e1eeff; border-color: #a6ccff; }

.alert-primary hr { border-top-color: #8dbdff; }

.alert-primary .alert-link { color: #0649a4; }

.alert-secondary { color: #2d3e53; background-color: #e7e9ec; border-color: #b7bec7; }

.alert-secondary hr { border-top-color: #a9b1bc; }

.alert-secondary .alert-link { color: #1b2532; }

.alert-success { color: #19bc90; background-color: #e4fbf5; border-color: #aef4e1; }

.alert-success hr { border-top-color: #98f1d9; }

.alert-success .alert-link { color: #138f6e; }

.alert-info { color: #08a3ba; background-color: #e1f8fb; border-color: #a6e9f3; }

.alert-info hr { border-top-color: #90e3f0; }

.alert-info .alert-link { color: #067889; }

.alert-warning { color: #cd9f0c; background-color: #fef7e2; border-color: #fbe7a8; }

.alert-warning hr { border-top-color: #fae090; }

.alert-warning .alert-link { color: #9d7a09; }

.alert-danger { color: #c3463c; background-color: #fceae9; border-color: #f7c1bd; }

.alert-danger hr { border-top-color: #f4aca6; }

.alert-danger .alert-link { color: #9c3830; }

.alert-dark { color: #18243b; background-color: #e4e6e9; border-color: #adb3bc; }

.alert-dark hr { border-top-color: #9fa6b1; }

.alert-dark .alert-link { color: #090e17; }

.alert-gray { color: #6c7a8c; background-color: #f0f2f4; border-color: #d1d7df; }

.alert-gray hr { border-top-color: #c2cad5; }

.alert-gray .alert-link { color: #56616f; }

.alert-light { color: #c0c4cb; background-color: #fcfcfd; border-color: #f6f7fa; }

.alert-light hr { border-top-color: #e6e8f1; }

.alert-light .alert-link { color: #a4aab4; }

.alert-lighter { color: #cecfd2; background-color: #fefefe; border-color: #fbfcfd; }

.alert-lighter hr { border-top-color: #eaeff5; }

.alert-lighter .alert-link { color: #b3b5ba; }

@keyframes progress-bar-stripes { from { background-position: 0.5rem 0; }
  to { background-position: 0 0; } }

.progress { display: flex; height: 0.5rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #f5f6fa; border-radius: 2px; }

.progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0971fe; transition: width 0.6s ease; }

@media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } }

.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 0.5rem 0.5rem; }

.progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; }

@media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } }

.media { display: flex; align-items: flex-start; }

.media-body { flex: 1; }

.list-group { display: flex; flex-direction: column; padding-right: 0; margin-bottom: 0; border-radius: 4px; }

.list-group-item-action { width: 100%; color: #495057; text-align: inherit; }

.list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; }

.list-group-item-action:active { color: #526484; background-color: #e9ecef; }

.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); }

.list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }

.list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }

.list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; }

.list-group-item.active { z-index: 2; color: #fff; background-color: #559bfb; border-color: #559bfb; }

.list-group-item + .list-group-item { border-top-width: 0; }

.list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; }

.list-group-horizontal { flex-direction: row; }

.list-group-horizontal &gt; .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; }

.list-group-horizontal &gt; .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; }

.list-group-horizontal &gt; .list-group-item.active { margin-top: 0; }

.list-group-horizontal &gt; .list-group-item + .list-group-item { border-top-width: 1px; border-right-width: 0; }

.list-group-horizontal &gt; .list-group-item + .list-group-item.active { margin-right: -1px; border-right-width: 1px; }

@media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; }
  .list-group-horizontal-sm &gt; .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; }
  .list-group-horizontal-sm &gt; .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; }
  .list-group-horizontal-sm &gt; .list-group-item.active { margin-top: 0; }
  .list-group-horizontal-sm &gt; .list-group-item + .list-group-item { border-top-width: 1px; border-right-width: 0; }
  .list-group-horizontal-sm &gt; .list-group-item + .list-group-item.active { margin-right: -1px; border-right-width: 1px; } }

@media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; }
  .list-group-horizontal-md &gt; .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; }
  .list-group-horizontal-md &gt; .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; }
  .list-group-horizontal-md &gt; .list-group-item.active { margin-top: 0; }
  .list-group-horizontal-md &gt; .list-group-item + .list-group-item { border-top-width: 1px; border-right-width: 0; }
  .list-group-horizontal-md &gt; .list-group-item + .list-group-item.active { margin-right: -1px; border-right-width: 1px; } }

@media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; }
  .list-group-horizontal-lg &gt; .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; }
  .list-group-horizontal-lg &gt; .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; }
  .list-group-horizontal-lg &gt; .list-group-item.active { margin-top: 0; }
  .list-group-horizontal-lg &gt; .list-group-item + .list-group-item { border-top-width: 1px; border-right-width: 0; }
  .list-group-horizontal-lg &gt; .list-group-item + .list-group-item.active { margin-right: -1px; border-right-width: 1px; } }

@media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; }
  .list-group-horizontal-xl &gt; .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; }
  .list-group-horizontal-xl &gt; .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; }
  .list-group-horizontal-xl &gt; .list-group-item.active { margin-top: 0; }
  .list-group-horizontal-xl &gt; .list-group-item + .list-group-item { border-top-width: 1px; border-right-width: 0; }
  .list-group-horizontal-xl &gt; .list-group-item + .list-group-item.active { margin-right: -1px; border-right-width: 1px; } }

@media (min-width: 1540px) { .list-group-horizontal-xxl { flex-direction: row; }
  .list-group-horizontal-xxl &gt; .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; }
  .list-group-horizontal-xxl &gt; .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; }
  .list-group-horizontal-xxl &gt; .list-group-item.active { margin-top: 0; }
  .list-group-horizontal-xxl &gt; .list-group-item + .list-group-item { border-top-width: 1px; border-right-width: 0; }
  .list-group-horizontal-xxl &gt; .list-group-item + .list-group-item.active { margin-right: -1px; border-right-width: 1px; } }

.list-group-flush { border-radius: 0; }

.list-group-flush &gt; .list-group-item { border-width: 0 0 1px; }

.list-group-flush &gt; .list-group-item:last-child { border-bottom-width: 0; }

.list-group-item-primary { color: #053b84; background-color: #bad7ff; }

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #053b84; background-color: #a1c8ff; }

.list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #053b84; border-color: #053b84; }

.list-group-item-secondary { color: #1c2633; background-color: #c7ccd3; }

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #1c2633; background-color: #b9bfc8; }

.list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #1c2633; border-color: #1c2633; }

.list-group-item-success { color: #107459; background-color: #c0f6e8; }

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #107459; background-color: #aaf3e0; }

.list-group-item-success.list-group-item-action.active { color: #fff; background-color: #107459; border-color: #107459; }

.list-group-item-info { color: #056573; background-color: #baeef6; }

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #056573; background-color: #a3e8f3; }

.list-group-item-info.list-group-item-action.active { color: #fff; background-color: #056573; border-color: #056573; }

.list-group-item-warning { color: #7f6207; background-color: #fcedbc; }

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #7f6207; background-color: #fbe6a4; }

.list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #7f6207; border-color: #7f6207; }

.list-group-item-danger { color: #792b25; background-color: #f9cfcb; }

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #792b25; background-color: #f6bab4; }

.list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #792b25; border-color: #792b25; }

.list-group-item-dark { color: #0f1624; background-color: #bfc4cb; }

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #0f1624; background-color: #b1b7c0; }

.list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #0f1624; border-color: #0f1624; }

.list-group-item-gray { color: #434b57; background-color: #dbe0e6; }

.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus { color: #434b57; background-color: #ccd3dc; }

.list-group-item-gray.list-group-item-action.active { color: #fff; background-color: #434b57; border-color: #434b57; }

.list-group-item-light { color: #77797e; background-color: #f8f9fb; }

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #77797e; background-color: #e8ebf2; }

.list-group-item-light.list-group-item-action.active { color: #fff; background-color: #77797e; border-color: #77797e; }

.list-group-item-lighter { color: #7f8082; background-color: #fcfcfe; }

.list-group-item-lighter.list-group-item-action:hover, .list-group-item-lighter.list-group-item-action:focus { color: #7f8082; background-color: #e9e9f8; }

.list-group-item-lighter.list-group-item-action.active { color: #fff; background-color: #7f8082; border-color: #7f8082; }

.close { float: left; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; }

.close:hover { color: #000; text-decoration: none; }

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; }

button.close { padding: 0; background-color: transparent; border: 0; }

a.close.disabled { pointer-events: none; }

.toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; }

.toast:not(:last-child) { margin-bottom: 0.75rem; }

.toast.showing { opacity: 1; }

.toast.show { display: block; opacity: 1; }

.toast.hide { display: none; }

.toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }

.toast-body { padding: 0.75rem; }

.modal-open { overflow: hidden; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; }

.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }

.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -30px); }

@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } }

.modal.show .modal-dialog { transform: none !important; }

.modal.modal-static .modal-dialog { transform: scale(0.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-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; }

.modal-dialog-scrollable .modal-body { overflow-y: auto; }

.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }

.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: &quot;&quot;; }

.modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; }

.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; }

.modal-dialog-centered.modal-dialog-scrollable::before { content: none; }

.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0); border-radius: 5px; outline: 0; }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #364a63; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: 0.5; }

.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid #dbdfea; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.modal-header .close { padding: 1rem 1.25rem; margin: -1rem auto -1rem -1.25rem; }

.modal-title { margin-bottom: 0; line-height: 1.5; }

.modal-body { position: relative; flex: 1 1 auto; padding: 1.25rem; }

.modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dbdfea; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.modal-footer &gt; * { margin: 0.25rem; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 576px) { .modal-dialog { max-width: 520px; margin: 1.75rem auto; }
  .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); }
  .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
  .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: 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 { position: absolute; z-index: 1070; display: block; margin: 0; font-family: Roboto, sans-serif, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif; font-style: normal; font-weight: 400; line-height: 1.65; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.8125rem; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: 0.9; }

.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }

.tooltip .arrow::before { position: absolute; content: &quot;&quot;; border-color: transparent; border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=&quot;top&quot;] { padding: 0.4rem 0; }

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=&quot;top&quot;] .arrow { bottom: 0; }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=&quot;top&quot;] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #1f2b3a; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=&quot;right&quot;] { padding: 0 0.4rem; }

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=&quot;right&quot;] .arrow { left: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=&quot;right&quot;] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #1f2b3a; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=&quot;bottom&quot;] { padding: 0.4rem 0; }

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=&quot;bottom&quot;] .arrow { top: 0; }

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=&quot;bottom&quot;] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #1f2b3a; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=&quot;left&quot;] { padding: 0 0.4rem; }

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=&quot;left&quot;] .arrow { right: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=&quot;left&quot;] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #1f2b3a; }

.tooltip-inner { max-width: 200px; padding: 0.25rem 0.75rem; color: #fff; text-align: center; background-color: #1f2b3a; border-radius: 3px; }

.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: Roboto, sans-serif, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif; font-style: normal; font-weight: 400; line-height: 1.65; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; }

.popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 5px; }

.popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: &quot;&quot;; border-color: transparent; border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^=&quot;top&quot;] { margin-bottom: 0.5rem; }

.bs-popover-top &gt; .arrow, .bs-popover-auto[x-placement^=&quot;top&quot;] &gt; .arrow { bottom: calc(-0.5rem - 1px); }

.bs-popover-top &gt; .arrow::before, .bs-popover-auto[x-placement^=&quot;top&quot;] &gt; .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); }

.bs-popover-top &gt; .arrow::after, .bs-popover-auto[x-placement^=&quot;top&quot;] &gt; .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^=&quot;right&quot;] { margin-left: 0.5rem; }

.bs-popover-right &gt; .arrow, .bs-popover-auto[x-placement^=&quot;right&quot;] &gt; .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 5px 0; }

.bs-popover-right &gt; .arrow::before, .bs-popover-auto[x-placement^=&quot;right&quot;] &gt; .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); }

.bs-popover-right &gt; .arrow::after, .bs-popover-auto[x-placement^=&quot;right&quot;] &gt; .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^=&quot;bottom&quot;] { margin-top: 0.5rem; }

.bs-popover-bottom &gt; .arrow, .bs-popover-auto[x-placement^=&quot;bottom&quot;] &gt; .arrow { top: calc(-0.5rem - 1px); }

.bs-popover-bottom &gt; .arrow::before, .bs-popover-auto[x-placement^=&quot;bottom&quot;] &gt; .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); }

.bs-popover-bottom &gt; .arrow::after, .bs-popover-auto[x-placement^=&quot;bottom&quot;] &gt; .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; }

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=&quot;bottom&quot;] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: &quot;&quot;; border-bottom: 1px solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^=&quot;left&quot;] { margin-right: 0.5rem; }

.bs-popover-left &gt; .arrow, .bs-popover-auto[x-placement^=&quot;left&quot;] &gt; .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 5px 0; }

.bs-popover-left &gt; .arrow::before, .bs-popover-auto[x-placement^=&quot;left&quot;] &gt; .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); }

.bs-popover-left &gt; .arrow::after, .bs-popover-auto[x-placement^=&quot;left&quot;] &gt; .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; }

.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.875rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.popover-header:empty { display: none; }

.popover-body { padding: 0.5rem 0.75rem; color: #526484; }

.carousel { position: relative; }

.carousel.pointer-event { touch-action: pan-y; }

.carousel-inner { position: relative; width: 100%; overflow: hidden; }

.carousel-inner::after { display: block; clear: both; content: &quot;&quot;; }

.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } }

.carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; }

.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); }

.carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; }

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; }

@media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } }

.carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; }

@media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } }

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; }

.carousel-control-prev { left: 0; }

.carousel-control-next { right: 0; }

.carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50% / 100% 100% no-repeat; }

.carousel-control-prev-icon { background-image: url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e&quot;); }

.carousel-control-next-icon { background-image: url(&quot;data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e&quot;); }

.carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; }

.carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; }

@media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } }

.carousel-indicators .active { opacity: 1; }

.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }

@keyframes spinner-border { to { transform: rotate(360deg); } }

.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: .75s linear infinite spinner-border; }

.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }

@keyframes spinner-grow { 0% { transform: scale(0); }
  50% { opacity: 1;
    transform: none; } }

.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; animation: .75s linear infinite spinner-grow; }

.spinner-grow-sm { width: 1rem; height: 1rem; }

@media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { 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: #0971fe !important; }

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #015ad3 !important; }

.bg-secondary { background-color: #364a63 !important; }

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #243142 !important; }

.bg-success { background-color: #1ee0ac !important; }

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #18b389 !important; }

.bg-info { background-color: #09c2de !important; }

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0797ad !important; }

.bg-warning { background-color: #f4bd0e !important; }

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #c69909 !important; }

.bg-danger { background-color: #e85347 !important; }

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #e02b1c !important; }

.bg-dark { background-color: #1c2b46 !important; }

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #0d1522 !important; }

.bg-gray { background-color: #8091a7 !important; }

a.bg-gray:hover, a.bg-gray:focus, button.bg-gray:hover, button.bg-gray:focus { background-color: #647790 !important; }

.bg-light { background-color: #e5e9f2 !important; }

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #c3cce1 !important; }

.bg-lighter, .dual-listbox .dual-listbox__item:hover { background-color: #f5f6fa !important; }

a.bg-lighter:hover, .dual-listbox a.dual-listbox__item:hover, a.bg-lighter:focus, .dual-listbox a.dual-listbox__item:focus:hover, button.bg-lighter:hover, .dual-listbox button.dual-listbox__item:hover, button.bg-lighter:focus, .dual-listbox button.dual-listbox__item:focus:hover { background-color: #d3d7e9 !important; }

.bg-white { background-color: #fff !important; }

.bg-transparent { background-color: transparent !important; }

.border { border: 1px solid #dbdfea !important; }

.border-top { border-top: 1px solid #dbdfea !important; }

.border-right { border-left: 1px solid #dbdfea !important; }

.border-bottom { border-bottom: 1px solid #dbdfea !important; }

.border-left { border-right: 1px solid #dbdfea !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-left: 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-right: 0 !important; }

.border-primary { border-color: #0971fe !important; }

.border-secondary { border-color: #364a63 !important; }

.border-success { border-color: #1ee0ac !important; }

.border-info { border-color: #09c2de !important; }

.border-warning { border-color: #f4bd0e !important; }

.border-danger { border-color: #e85347 !important; }

.border-dark { border-color: #1c2b46 !important; }

.border-gray { border-color: #8091a7 !important; }

.border-light { border-color: #e5e9f2 !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; border-top-right-radius: 4px !important; }

.rounded-right { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }

.rounded-bottom { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; }

.rounded-left { border-top-right-radius: 4px !important; border-bottom-right-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 { display: block; clear: both; content: &quot;&quot;; }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex, .align-start, .align-end, .align-center, .justify-start, .justify-end, .justify-center, .justify-between, .justify-around, .between-start, .between-center, .center, .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 { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }

.embed-responsive::before { display: block; content: &quot;&quot;; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-21by9::before { padding-top: 42.85714%; }

.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; }

.justify-content-center, .justify-center, .center { justify-content: center !important; }

.justify-content-between, .justify-between, .between-start, .between-center { justify-content: space-between !important; }

.justify-content-around, .justify-around { justify-content: space-around !important; }

.align-items-start, .align-start, .between-start { align-items: flex-start !important; }

.align-items-end, .align-end { align-items: flex-end !important; }

.align-items-center, .align-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: right !important; }

.float-right { float: left !important; }

.float-none { float: none !important; }

@media (min-width: 576px) { .float-sm-left { float: right !important; }
  .float-sm-right { float: left !important; }
  .float-sm-none { float: none !important; } }

@media (min-width: 768px) { .float-md-left { float: right !important; }
  .float-md-right { float: left !important; }
  .float-md-none { float: none !important; } }

@media (min-width: 992px) { .float-lg-left { float: right !important; }
  .float-lg-right { float: left !important; }
  .float-lg-none { float: none !important; } }

@media (min-width: 1200px) { .float-xl-left { float: right !important; }
  .float-xl-right { float: left !important; }
  .float-xl-none { float: none !important; } }

@media (min-width: 1540px) { .float-xxl-left { float: right !important; }
  .float-xxl-right { float: left !important; }
  .float-xxl-none { float: none !important; } }

.user-select-all { user-select: all !important; }

.user-select-auto { user-select: auto !important; }

.user-select-none { user-select: none !important; }

.overflow-auto { overflow: auto !important; }

.overflow-hidden { overflow: hidden !important; }

.position-static { position: static !important; }

.position-relative, .pos-rel { position: relative !important; }

.position-absolute, .pos-abs { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: sticky !important; }

.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }

@supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }

.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(43, 55, 72, 0.15) !important; }

.shadow { box-shadow: 0 3px 12px 1px rgba(43, 55, 72, 0.15) !important; }

.shadow-lg { box-shadow: 0 1rem 3rem rgba(43, 55, 72, 0.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-left: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-right: 0 !important; }

.m-1 { margin: 0.375rem !important; }

.mt-1, .my-1 { margin-top: 0.375rem !important; }

.mr-1, .mx-1 { margin-left: 0.375rem !important; }

.mb-1, .my-1 { margin-bottom: 0.375rem !important; }

.ml-1, .mx-1 { margin-right: 0.375rem !important; }

.m-2 { margin: 0.75rem !important; }

.mt-2, .my-2 { margin-top: 0.75rem !important; }

.mr-2, .mx-2 { margin-left: 0.75rem !important; }

.mb-2, .my-2 { margin-bottom: 0.75rem !important; }

.ml-2, .mx-2 { margin-right: 0.75rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-left: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-right: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-left: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-right: 1.5rem !important; }

.m-5 { margin: 2.75rem !important; }

.mt-5, .my-5 { margin-top: 2.75rem !important; }

.mr-5, .mx-5 { margin-left: 2.75rem !important; }

.mb-5, .my-5 { margin-bottom: 2.75rem !important; }

.ml-5, .mx-5 { margin-right: 2.75rem !important; }

.m-gs { margin: 28px !important; }

.mt-gs, .my-gs { margin-top: 28px !important; }

.mr-gs, .mx-gs { margin-left: 28px !important; }

.mb-gs, .my-gs { margin-bottom: 28px !important; }

.ml-gs, .mx-gs { margin-right: 28px !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-left: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-right: 0 !important; }

.p-1 { padding: 0.375rem !important; }

.pt-1, .py-1 { padding-top: 0.375rem !important; }

.pr-1, .px-1 { padding-left: 0.375rem !important; }

.pb-1, .py-1 { padding-bottom: 0.375rem !important; }

.pl-1, .px-1 { padding-right: 0.375rem !important; }

.p-2 { padding: 0.75rem !important; }

.pt-2, .py-2 { padding-top: 0.75rem !important; }

.pr-2, .px-2 { padding-left: 0.75rem !important; }

.pb-2, .py-2 { padding-bottom: 0.75rem !important; }

.pl-2, .px-2 { padding-right: 0.75rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-left: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-right: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-left: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-right: 1.5rem !important; }

.p-5 { padding: 2.75rem !important; }

.pt-5, .py-5 { padding-top: 2.75rem !important; }

.pr-5, .px-5 { padding-left: 2.75rem !important; }

.pb-5, .py-5 { padding-bottom: 2.75rem !important; }

.pl-5, .px-5 { padding-right: 2.75rem !important; }

.p-gs { padding: 28px !important; }

.pt-gs, .py-gs { padding-top: 28px !important; }

.pr-gs, .px-gs { padding-left: 28px !important; }

.pb-gs, .py-gs { padding-bottom: 28px !important; }

.pl-gs, .px-gs { padding-right: 28px !important; }

.m-n1 { margin: -0.375rem !important; }

.mt-n1, .my-n1 { margin-top: -0.375rem !important; }

.mr-n1, .mx-n1 { margin-left: -0.375rem !important; }

.mb-n1, .my-n1 { margin-bottom: -0.375rem !important; }

.ml-n1, .mx-n1 { margin-right: -0.375rem !important; }

.m-n2 { margin: -0.75rem !important; }

.mt-n2, .my-n2 { margin-top: -0.75rem !important; }

.mr-n2, .mx-n2 { margin-left: -0.75rem !important; }

.mb-n2, .my-n2 { margin-bottom: -0.75rem !important; }

.ml-n2, .mx-n2 { margin-right: -0.75rem !important; }

.m-n3 { margin: -1rem !important; }

.mt-n3, .my-n3 { margin-top: -1rem !important; }

.mr-n3, .mx-n3 { margin-left: -1rem !important; }

.mb-n3, .my-n3 { margin-bottom: -1rem !important; }

.ml-n3, .mx-n3 { margin-right: -1rem !important; }

.m-n4 { margin: -1.5rem !important; }

.mt-n4, .my-n4 { margin-top: -1.5rem !important; }

.mr-n4, .mx-n4 { margin-left: -1.5rem !important; }

.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }

.ml-n4, .mx-n4 { margin-right: -1.5rem !important; }

.m-n5 { margin: -2.75rem !important; }

.mt-n5, .my-n5 { margin-top: -2.75rem !important; }

.mr-n5, .mx-n5 { margin-left: -2.75rem !important; }

.mb-n5, .my-n5 { margin-bottom: -2.75rem !important; }

.ml-n5, .mx-n5 { margin-right: -2.75rem !important; }

.m-ngs { margin: -28px !important; }

.mt-ngs, .my-ngs { margin-top: -28px !important; }

.mr-ngs, .mx-ngs { margin-left: -28px !important; }

.mb-ngs, .my-ngs { margin-bottom: -28px !important; }

.ml-ngs, .mx-ngs { margin-right: -28px !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-left: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-right: 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-left: 0 !important; }
  .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; }
  .ml-sm-0, .mx-sm-0 { margin-right: 0 !important; }
  .m-sm-1 { margin: 0.375rem !important; }
  .mt-sm-1, .my-sm-1 { margin-top: 0.375rem !important; }
  .mr-sm-1, .mx-sm-1 { margin-left: 0.375rem !important; }
  .mb-sm-1, .my-sm-1 { margin-bottom: 0.375rem !important; }
  .ml-sm-1, .mx-sm-1 { margin-right: 0.375rem !important; }
  .m-sm-2 { margin: 0.75rem !important; }
  .mt-sm-2, .my-sm-2 { margin-top: 0.75rem !important; }
  .mr-sm-2, .mx-sm-2 { margin-left: 0.75rem !important; }
  .mb-sm-2, .my-sm-2 { margin-bottom: 0.75rem !important; }
  .ml-sm-2, .mx-sm-2 { margin-right: 0.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-left: 1rem !important; }
  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
  .ml-sm-3, .mx-sm-3 { margin-right: 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-left: 1.5rem !important; }
  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
  .ml-sm-4, .mx-sm-4 { margin-right: 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-left: 2.75rem !important; }
  .mb-sm-5, .my-sm-5 { margin-bottom: 2.75rem !important; }
  .ml-sm-5, .mx-sm-5 { margin-right: 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-left: 28px !important; }
  .mb-sm-gs, .my-sm-gs { margin-bottom: 28px !important; }
  .ml-sm-gs, .mx-sm-gs { margin-right: 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-left: 0 !important; }
  .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; }
  .pl-sm-0, .px-sm-0 { padding-right: 0 !important; }
  .p-sm-1 { padding: 0.375rem !important; }
  .pt-sm-1, .py-sm-1 { padding-top: 0.375rem !important; }
  .pr-sm-1, .px-sm-1 { padding-left: 0.375rem !important; }
  .pb-sm-1, .py-sm-1 { padding-bottom: 0.375rem !important; }
  .pl-sm-1, .px-sm-1 { padding-right: 0.375rem !important; }
  .p-sm-2 { padding: 0.75rem !important; }
  .pt-sm-2, .py-sm-2 { padding-top: 0.75rem !important; }
  .pr-sm-2, .px-sm-2 { padding-left: 0.75rem !important; }
  .pb-sm-2, .py-sm-2 { padding-bottom: 0.75rem !important; }
  .pl-sm-2, .px-sm-2 { padding-right: 0.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-left: 1rem !important; }
  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
  .pl-sm-3, .px-sm-3 { padding-right: 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-left: 1.5rem !important; }
  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
  .pl-sm-4, .px-sm-4 { padding-right: 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-left: 2.75rem !important; }
  .pb-sm-5, .py-sm-5 { padding-bottom: 2.75rem !important; }
  .pl-sm-5, .px-sm-5 { padding-right: 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-left: 28px !important; }
  .pb-sm-gs, .py-sm-gs { padding-bottom: 28px !important; }
  .pl-sm-gs, .px-sm-gs { padding-right: 28px !important; }
  .m-sm-n1 { margin: -0.375rem !important; }
  .mt-sm-n1, .my-sm-n1 { margin-top: -0.375rem !important; }
  .mr-sm-n1, .mx-sm-n1 { margin-left: -0.375rem !important; }
  .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.375rem !important; }
  .ml-sm-n1, .mx-sm-n1 { margin-right: -0.375rem !important; }
  .m-sm-n2 { margin: -0.75rem !important; }
  .mt-sm-n2, .my-sm-n2 { margin-top: -0.75rem !important; }
  .mr-sm-n2, .mx-sm-n2 { margin-left: -0.75rem !important; }
  .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.75rem !important; }
  .ml-sm-n2, .mx-sm-n2 { margin-right: -0.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-left: -1rem !important; }
  .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; }
  .ml-sm-n3, .mx-sm-n3 { margin-right: -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-left: -1.5rem !important; }
  .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; }
  .ml-sm-n4, .mx-sm-n4 { margin-right: -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-left: -2.75rem !important; }
  .mb-sm-n5, .my-sm-n5 { margin-bottom: -2.75rem !important; }
  .ml-sm-n5, .mx-sm-n5 { margin-right: -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-left: -28px !important; }
  .mb-sm-ngs, .my-sm-ngs { margin-bottom: -28px !important; }
  .ml-sm-ngs, .mx-sm-ngs { margin-right: -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-left: auto !important; }
  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }
  .ml-sm-auto, .mx-sm-auto { margin-right: 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-left: 0 !important; }
  .mb-md-0, .my-md-0 { margin-bottom: 0 !important; }
  .ml-md-0, .mx-md-0 { margin-right: 0 !important; }
  .m-md-1 { margin: 0.375rem !important; }
  .mt-md-1, .my-md-1 { margin-top: 0.375rem !important; }
  .mr-md-1, .mx-md-1 { margin-left: 0.375rem !important; }
  .mb-md-1, .my-md-1 { margin-bottom: 0.375rem !important; }
  .ml-md-1, .mx-md-1 { margin-right: 0.375rem !important; }
  .m-md-2 { margin: 0.75rem !important; }
  .mt-md-2, .my-md-2 { margin-top: 0.75rem !important; }
  .mr-md-2, .mx-md-2 { margin-left: 0.75rem !important; }
  .mb-md-2, .my-md-2 { margin-bottom: 0.75rem !important; }
  .ml-md-2, .mx-md-2 { margin-right: 0.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-left: 1rem !important; }
  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
  .ml-md-3, .mx-md-3 { margin-right: 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-left: 1.5rem !important; }
  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
  .ml-md-4, .mx-md-4 { margin-right: 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-left: 2.75rem !important; }
  .mb-md-5, .my-md-5 { margin-bottom: 2.75rem !important; }
  .ml-md-5, .mx-md-5 { margin-right: 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-left: 28px !important; }
  .mb-md-gs, .my-md-gs { margin-bottom: 28px !important; }
  .ml-md-gs, .mx-md-gs { margin-right: 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-left: 0 !important; }
  .pb-md-0, .py-md-0 { padding-bottom: 0 !important; }
  .pl-md-0, .px-md-0 { padding-right: 0 !important; }
  .p-md-1 { padding: 0.375rem !important; }
  .pt-md-1, .py-md-1 { padding-top: 0.375rem !important; }
  .pr-md-1, .px-md-1 { padding-left: 0.375rem !important; }
  .pb-md-1, .py-md-1 { padding-bottom: 0.375rem !important; }
  .pl-md-1, .px-md-1 { padding-right: 0.375rem !important; }
  .p-md-2 { padding: 0.75rem !important; }
  .pt-md-2, .py-md-2 { padding-top: 0.75rem !important; }
  .pr-md-2, .px-md-2 { padding-left: 0.75rem !important; }
  .pb-md-2, .py-md-2 { padding-bottom: 0.75rem !important; }
  .pl-md-2, .px-md-2 { padding-right: 0.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-left: 1rem !important; }
  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
  .pl-md-3, .px-md-3 { padding-right: 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-left: 1.5rem !important; }
  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }
  .pl-md-4, .px-md-4 { padding-right: 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-left: 2.75rem !important; }
  .pb-md-5, .py-md-5 { padding-bottom: 2.75rem !important; }
  .pl-md-5, .px-md-5 { padding-right: 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-left: 28px !important; }
  .pb-md-gs, .py-md-gs { padding-bottom: 28px !important; }
  .pl-md-gs, .px-md-gs { padding-right: 28px !important; }
  .m-md-n1 { margin: -0.375rem !important; }
  .mt-md-n1, .my-md-n1 { margin-top: -0.375rem !important; }
  .mr-md-n1, .mx-md-n1 { margin-left: -0.375rem !important; }
  .mb-md-n1, .my-md-n1 { margin-bottom: -0.375rem !important; }
  .ml-md-n1, .mx-md-n1 { margin-right: -0.375rem !important; }
  .m-md-n2 { margin: -0.75rem !important; }
  .mt-md-n2, .my-md-n2 { margin-top: -0.75rem !important; }
  .mr-md-n2, .mx-md-n2 { margin-left: -0.75rem !important; }
  .mb-md-n2, .my-md-n2 { margin-bottom: -0.75rem !important; }
  .ml-md-n2, .mx-md-n2 { margin-right: -0.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-left: -1rem !important; }
  .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; }
  .ml-md-n3, .mx-md-n3 { margin-right: -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-left: -1.5rem !important; }
  .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; }
  .ml-md-n4, .mx-md-n4 { margin-right: -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-left: -2.75rem !important; }
  .mb-md-n5, .my-md-n5 { margin-bottom: -2.75rem !important; }
  .ml-md-n5, .mx-md-n5 { margin-right: -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-left: -28px !important; }
  .mb-md-ngs, .my-md-ngs { margin-bottom: -28px !important; }
  .ml-md-ngs, .mx-md-ngs { margin-right: -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-left: auto !important; }
  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }
  .ml-md-auto, .mx-md-auto { margin-right: 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-left: 0 !important; }
  .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; }
  .ml-lg-0, .mx-lg-0 { margin-right: 0 !important; }
  .m-lg-1 { margin: 0.375rem !important; }
  .mt-lg-1, .my-lg-1 { margin-top: 0.375rem !important; }
  .mr-lg-1, .mx-lg-1 { margin-left: 0.375rem !important; }
  .mb-lg-1, .my-lg-1 { margin-bottom: 0.375rem !important; }
  .ml-lg-1, .mx-lg-1 { margin-right: 0.375rem !important; }
  .m-lg-2 { margin: 0.75rem !important; }
  .mt-lg-2, .my-lg-2 { margin-top: 0.75rem !important; }
  .mr-lg-2, .mx-lg-2 { margin-left: 0.75rem !important; }
  .mb-lg-2, .my-lg-2 { margin-bottom: 0.75rem !important; }
  .ml-lg-2, .mx-lg-2 { margin-right: 0.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-left: 1rem !important; }
  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
  .ml-lg-3, .mx-lg-3 { margin-right: 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-left: 1.5rem !important; }
  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
  .ml-lg-4, .mx-lg-4 { margin-right: 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-left: 2.75rem !important; }
  .mb-lg-5, .my-lg-5 { margin-bottom: 2.75rem !important; }
  .ml-lg-5, .mx-lg-5 { margin-right: 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-left: 28px !important; }
  .mb-lg-gs, .my-lg-gs { margin-bottom: 28px !important; }
  .ml-lg-gs, .mx-lg-gs { margin-right: 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-left: 0 !important; }
  .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; }
  .pl-lg-0, .px-lg-0 { padding-right: 0 !important; }
  .p-lg-1 { padding: 0.375rem !important; }
  .pt-lg-1, .py-lg-1 { padding-top: 0.375rem !important; }
  .pr-lg-1, .px-lg-1 { padding-left: 0.375rem !important; }
  .pb-lg-1, .py-lg-1 { padding-bottom: 0.375rem !important; }
  .pl-lg-1, .px-lg-1 { padding-right: 0.375rem !important; }
  .p-lg-2 { padding: 0.75rem !important; }
  .pt-lg-2, .py-lg-2 { padding-top: 0.75rem !important; }
  .pr-lg-2, .px-lg-2 { padding-left: 0.75rem !important; }
  .pb-lg-2, .py-lg-2 { padding-bottom: 0.75rem !important; }
  .pl-lg-2, .px-lg-2 { padding-right: 0.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-left: 1rem !important; }
  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
  .pl-lg-3, .px-lg-3 { padding-right: 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-left: 1.5rem !important; }
  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
  .pl-lg-4, .px-lg-4 { padding-right: 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-left: 2.75rem !important; }
  .pb-lg-5, .py-lg-5 { padding-bottom: 2.75rem !important; }
  .pl-lg-5, .px-lg-5 { padding-right: 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-left: 28px !important; }
  .pb-lg-gs, .py-lg-gs { padding-bottom: 28px !important; }
  .pl-lg-gs, .px-lg-gs { padding-right: 28px !important; }
  .m-lg-n1 { margin: -0.375rem !important; }
  .mt-lg-n1, .my-lg-n1 { margin-top: -0.375rem !important; }
  .mr-lg-n1, .mx-lg-n1 { margin-left: -0.375rem !important; }
  .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.375rem !important; }
  .ml-lg-n1, .mx-lg-n1 { margin-right: -0.375rem !important; }
  .m-lg-n2 { margin: -0.75rem !important; }
  .mt-lg-n2, .my-lg-n2 { margin-top: -0.75rem !important; }
  .mr-lg-n2, .mx-lg-n2 { margin-left: -0.75rem !important; }
  .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.75rem !important; }
  .ml-lg-n2, .mx-lg-n2 { margin-right: -0.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-left: -1rem !important; }
  .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; }
  .ml-lg-n3, .mx-lg-n3 { margin-right: -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-left: -1.5rem !important; }
  .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; }
  .ml-lg-n4, .mx-lg-n4 { margin-right: -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-left: -2.75rem !important; }
  .mb-lg-n5, .my-lg-n5 { margin-bottom: -2.75rem !important; }
  .ml-lg-n5, .mx-lg-n5 { margin-right: -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-left: -28px !important; }
  .mb-lg-ngs, .my-lg-ngs { margin-bottom: -28px !important; }
  .ml-lg-ngs, .mx-lg-ngs { margin-right: -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-left: auto !important; }
  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
  .ml-lg-auto, .mx-lg-auto { margin-right: 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-left: 0 !important; }
  .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; }
  .ml-xl-0, .mx-xl-0 { margin-right: 0 !important; }
  .m-xl-1 { margin: 0.375rem !important; }
  .mt-xl-1, .my-xl-1 { margin-top: 0.375rem !important; }
  .mr-xl-1, .mx-xl-1 { margin-left: 0.375rem !important; }
  .mb-xl-1, .my-xl-1 { margin-bottom: 0.375rem !important; }
  .ml-xl-1, .mx-xl-1 { margin-right: 0.375rem !important; }
  .m-xl-2 { margin: 0.75rem !important; }
  .mt-xl-2, .my-xl-2 { margin-top: 0.75rem !important; }
  .mr-xl-2, .mx-xl-2 { margin-left: 0.75rem !important; }
  .mb-xl-2, .my-xl-2 { margin-bottom: 0.75rem !important; }
  .ml-xl-2, .mx-xl-2 { margin-right: 0.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-left: 1rem !important; }
  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
  .ml-xl-3, .mx-xl-3 { margin-right: 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-left: 1.5rem !important; }
  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
  .ml-xl-4, .mx-xl-4 { margin-right: 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-left: 2.75rem !important; }
  .mb-xl-5, .my-xl-5 { margin-bottom: 2.75rem !important; }
  .ml-xl-5, .mx-xl-5 { margin-right: 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-left: 28px !important; }
  .mb-xl-gs, .my-xl-gs { margin-bottom: 28px !important; }
  .ml-xl-gs, .mx-xl-gs { margin-right: 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-left: 0 !important; }
  .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; }
  .pl-xl-0, .px-xl-0 { padding-right: 0 !important; }
  .p-xl-1 { padding: 0.375rem !important; }
  .pt-xl-1, .py-xl-1 { padding-top: 0.375rem !important; }
  .pr-xl-1, .px-xl-1 { padding-left: 0.375rem !important; }
  .pb-xl-1, .py-xl-1 { padding-bottom: 0.375rem !important; }
  .pl-xl-1, .px-xl-1 { padding-right: 0.375rem !important; }
  .p-xl-2 { padding: 0.75rem !important; }
  .pt-xl-2, .py-xl-2 { padding-top: 0.75rem !important; }
  .pr-xl-2, .px-xl-2 { padding-left: 0.75rem !important; }
  .pb-xl-2, .py-xl-2 { padding-bottom: 0.75rem !important; }
  .pl-xl-2, .px-xl-2 { padding-right: 0.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-left: 1rem !important; }
  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
  .pl-xl-3, .px-xl-3 { padding-right: 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-left: 1.5rem !important; }
  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
  .pl-xl-4, .px-xl-4 { padding-right: 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-left: 2.75rem !important; }
  .pb-xl-5, .py-xl-5 { padding-bottom: 2.75rem !important; }
  .pl-xl-5, .px-xl-5 { padding-right: 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-left: 28px !important; }
  .pb-xl-gs, .py-xl-gs { padding-bottom: 28px !important; }
  .pl-xl-gs, .px-xl-gs { padding-right: 28px !important; }
  .m-xl-n1 { margin: -0.375rem !important; }
  .mt-xl-n1, .my-xl-n1 { margin-top: -0.375rem !important; }
  .mr-xl-n1, .mx-xl-n1 { margin-left: -0.375rem !important; }
  .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.375rem !important; }
  .ml-xl-n1, .mx-xl-n1 { margin-right: -0.375rem !important; }
  .m-xl-n2 { margin: -0.75rem !important; }
  .mt-xl-n2, .my-xl-n2 { margin-top: -0.75rem !important; }
  .mr-xl-n2, .mx-xl-n2 { margin-left: -0.75rem !important; }
  .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.75rem !important; }
  .ml-xl-n2, .mx-xl-n2 { margin-right: -0.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-left: -1rem !important; }
  .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; }
  .ml-xl-n3, .mx-xl-n3 { margin-right: -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-left: -1.5rem !important; }
  .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; }
  .ml-xl-n4, .mx-xl-n4 { margin-right: -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-left: -2.75rem !important; }
  .mb-xl-n5, .my-xl-n5 { margin-bottom: -2.75rem !important; }
  .ml-xl-n5, .mx-xl-n5 { margin-right: -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-left: -28px !important; }
  .mb-xl-ngs, .my-xl-ngs { margin-bottom: -28px !important; }
  .ml-xl-ngs, .mx-xl-ngs { margin-right: -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-left: auto !important; }
  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
  .ml-xl-auto, .mx-xl-auto { margin-right: 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-left: 0 !important; }
  .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; }
  .ml-xxl-0, .mx-xxl-0 { margin-right: 0 !important; }
  .m-xxl-1 { margin: 0.375rem !important; }
  .mt-xxl-1, .my-xxl-1 { margin-top: 0.375rem !important; }
  .mr-xxl-1, .mx-xxl-1 { margin-left: 0.375rem !important; }
  .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.375rem !important; }
  .ml-xxl-1, .mx-xxl-1 { margin-right: 0.375rem !important; }
  .m-xxl-2 { margin: 0.75rem !important; }
  .mt-xxl-2, .my-xxl-2 { margin-top: 0.75rem !important; }
  .mr-xxl-2, .mx-xxl-2 { margin-left: 0.75rem !important; }
  .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.75rem !important; }
  .ml-xxl-2, .mx-xxl-2 { margin-right: 0.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-left: 1rem !important; }
  .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; }
  .ml-xxl-3, .mx-xxl-3 { margin-right: 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-left: 1.5rem !important; }
  .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; }
  .ml-xxl-4, .mx-xxl-4 { margin-right: 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-left: 2.75rem !important; }
  .mb-xxl-5, .my-xxl-5 { margin-bottom: 2.75rem !important; }
  .ml-xxl-5, .mx-xxl-5 { margin-right: 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-left: 28px !important; }
  .mb-xxl-gs, .my-xxl-gs { margin-bottom: 28px !important; }
  .ml-xxl-gs, .mx-xxl-gs { margin-right: 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-left: 0 !important; }
  .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; }
  .pl-xxl-0, .px-xxl-0 { padding-right: 0 !important; }
  .p-xxl-1 { padding: 0.375rem !important; }
  .pt-xxl-1, .py-xxl-1 { padding-top: 0.375rem !important; }
  .pr-xxl-1, .px-xxl-1 { padding-left: 0.375rem !important; }
  .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.375rem !important; }
  .pl-xxl-1, .px-xxl-1 { padding-right: 0.375rem !important; }
  .p-xxl-2 { padding: 0.75rem !important; }
  .pt-xxl-2, .py-xxl-2 { padding-top: 0.75rem !important; }
  .pr-xxl-2, .px-xxl-2 { padding-left: 0.75rem !important; }
  .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.75rem !important; }
  .pl-xxl-2, .px-xxl-2 { padding-right: 0.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-left: 1rem !important; }
  .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; }
  .pl-xxl-3, .px-xxl-3 { padding-right: 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-left: 1.5rem !important; }
  .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; }
  .pl-xxl-4, .px-xxl-4 { padding-right: 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-left: 2.75rem !important; }
  .pb-xxl-5, .py-xxl-5 { padding-bottom: 2.75rem !important; }
  .pl-xxl-5, .px-xxl-5 { padding-right: 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-left: 28px !important; }
  .pb-xxl-gs, .py-xxl-gs { padding-bottom: 28px !important; }
  .pl-xxl-gs, .px-xxl-gs { padding-right: 28px !important; }
  .m-xxl-n1 { margin: -0.375rem !important; }
  .mt-xxl-n1, .my-xxl-n1 { margin-top: -0.375rem !important; }
  .mr-xxl-n1, .mx-xxl-n1 { margin-left: -0.375rem !important; }
  .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -0.375rem !important; }
  .ml-xxl-n1, .mx-xxl-n1 { margin-right: -0.375rem !important; }
  .m-xxl-n2 { margin: -0.75rem !important; }
  .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.75rem !important; }
  .mr-xxl-n2, .mx-xxl-n2 { margin-left: -0.75rem !important; }
  .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.75rem !important; }
  .ml-xxl-n2, .mx-xxl-n2 { margin-right: -0.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-left: -1rem !important; }
  .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important; }
  .ml-xxl-n3, .mx-xxl-n3 { margin-right: -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-left: -1.5rem !important; }
  .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important; }
  .ml-xxl-n4, .mx-xxl-n4 { margin-right: -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-left: -2.75rem !important; }
  .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -2.75rem !important; }
  .ml-xxl-n5, .mx-xxl-n5 { margin-right: -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-left: -28px !important; }
  .mb-xxl-ngs, .my-xxl-ngs { margin-bottom: -28px !important; }
  .ml-xxl-ngs, .mx-xxl-ngs { margin-right: -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-left: auto !important; }
  .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; }
  .ml-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } }

.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: &quot;&quot;; background-color: rgba(0, 0, 0, 0); }

.text-monospace, .ff-mono { font-family: SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, 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: right !important; }

.text-right { text-align: left !important; }

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

@media (min-width: 576px) { .text-sm-left { text-align: right !important; }
  .text-sm-right { text-align: left !important; }
  .text-sm-center { text-align: center !important; } }

@media (min-width: 768px) { .text-md-left { text-align: right !important; }
  .text-md-right { text-align: left !important; }
  .text-md-center { text-align: center !important; } }

@media (min-width: 992px) { .text-lg-left { text-align: right !important; }
  .text-lg-right { text-align: left !important; }
  .text-lg-center { text-align: center !important; } }

@media (min-width: 1200px) { .text-xl-left { text-align: right !important; }
  .text-xl-right { text-align: left !important; }
  .text-xl-center { text-align: center !important; } }

@media (min-width: 1540px) { .text-xxl-left { text-align: right !important; }
  .text-xxl-right { text-align: left !important; }
  .text-xxl-center { text-align: center !important; } }

.text-lowercase, .lcap { text-transform: lowercase !important; }

.text-uppercase, .ucap { text-transform: uppercase !important; }

.text-capitalize, .ccap { 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; }

.font-italic, .ff-italic { font-style: italic !important; }

.text-white { color: #fff !important; }

.text-primary { color: #0971fe !important; }

a.text-primary:hover, a.text-primary:focus { color: #014fba !important; }

.text-secondary { color: #364a63 !important; }

a.text-secondary:hover, a.text-secondary:focus { color: #1b2532 !important; }

.text-success { color: #1ee0ac !important; }

a.text-success:hover, a.text-success:focus { color: #159d78 !important; }

.text-info { color: #09c2de !important; }

a.text-info:hover, a.text-info:focus { color: #068294 !important; }

.text-warning { color: #f4bd0e !important; }

a.text-warning:hover, a.text-warning:focus { color: #ae8608 !important; }

.text-danger { color: #e85347 !important; }

a.text-danger:hover, a.text-danger:focus { color: #c92619 !important; }

.text-dark { color: #1c2b46 !important; }

a.text-dark:hover, a.text-dark:focus { color: #06090f !important; }

.text-gray { color: #8091a7 !important; }

a.text-gray:hover, a.text-gray:focus { color: #596b81 !important; }

.text-light { color: #e5e9f2 !important; }

a.text-light:hover, a.text-light:focus { color: #b2bed9 !important; }

.text-lighter { color: #f5f6fa !important; }

a.text-lighter:hover, a.text-lighter:focus { color: #c2c8e1 !important; }

.text-body { color: #526484 !important; }

.text-muted { color: #8094ae !important; }

.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.text-decoration-none { text-decoration: none !important; }

.text-break { word-break: break-word !important; overflow-wrap: break-word !important; }

.text-reset { color: inherit !important; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

@media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; }
  a:not(.btn) { text-decoration: underline; }
  abbr[title]::after { content: &quot; (&quot; attr(title) &quot;)&quot;; }
  pre { white-space: pre-wrap !important; }
  pre, blockquote { border: 1px solid #8091a7; page-break-inside: avoid; }
  tr, img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  @page { size: a3; }
  body { min-width: 992px !important; }
  .container { min-width: 992px !important; }
  .navbar { display: none; }
  .badge { border: 1px solid #000; }
  .table { border-collapse: collapse !important; }
  .table td, .table th { background-color: #fff !important; }
  .table-bordered th, .table-bordered td { border: 1px solid #dbdfea !important; }
  .table-dark { color: inherit; }
  .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dbdfea; }
  .table .thead-dark th { color: inherit; border-color: #dbdfea; } }

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, .h1, h2, .h2 { letter-spacing: -0.03em; }

h3, .h3, h4, .h4 { letter-spacing: -0.02em; }

h5, .h5, h6, .h6 { letter-spacing: -0.01em; }

@media (min-width: 992px) { h1, .h1 { font-size: 3.75rem; font-weight: 400; letter-spacing: -0.04em; }
  h2, .h2 { font-size: 2.5rem; letter-spacing: -0.03em; }
  h3, .h3 { font-size: 2rem; letter-spacing: -0.03em; }
  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-left: 1rem; }

.ellipsis, .text-ellipsis, .tb-tnx-item .tb-tnx-desc, .tb-odr-item .tb-odr-info, .attach-item span, .nk-msg-text .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.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: #8094ae !important; }

.text-base { color: #526484 !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 #e5e9f2 !important; margin: 28px 0; display: block; }

.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, .dual-listbox .dual-listbox__item:active, .dual-listbox .dual-listbox__item.dual-listbox__item--selected { background-color: #dfedff !important; }

.text-primary-dim { color: #dfedff !important; }

.bg-success-dim { background-color: #e2fbf4 !important; }

.text-success-dim { color: #e2fbf4 !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: #fce9e7 !important; }

.text-danger-dim { color: #fce9e7 !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: #ebeef2 !important; }

.bg-gray-200 { background-color: #e5e9f2 !important; }

.bg-gray-300 { background-color: #dbdfea !important; }

.bg-gray-400 { background-color: #b7c2d0 !important; }

.bg-gray-500 { background-color: #8091a7 !important; }

.bg-gray-600 { background-color: #3c4d62 !important; }

.bg-gray-700 { background-color: #344357 !important; }

.bg-gray-800 { background-color: #2b3748 !important; }

.bg-gray-900 { background-color: #1f2b3a !important; }

.bg-abstract { background-image: linear-gradient(to right, #2c3782 calc(60% - 150px), #39469f calc(60% - 150px), #39469f 60%, #4856b5 60%, #4856b5 calc(60% + 150px), #5b6ac6 calc(60% + 150px), #5b6ac6 100%); }

.bg-white-1 { background: rgba(255, 255, 255, 0.1) !important; }

.bg-white-2 { background: rgba(255, 255, 255, 0.2) !important; }

.bg-white-3 { background: rgba(255, 255, 255, 0.3) !important; }

.bg-white-4 { background: rgba(255, 255, 255, 0.4) !important; }

.bg-white-5 { background: rgba(255, 255, 255, 0.5) !important; }

.bg-white-6 { background: rgba(255, 255, 255, 0.6) !important; }

.bg-white-7 { background: rgba(255, 255, 255, 0.7) !important; }

.bg-white-8 { background: rgba(255, 255, 255, 0.8) !important; }

.bg-white-9 { background: rgba(255, 255, 255, 0.9) !important; }

.border-transparent { border-color: transparent; }

.w-40px { width: 40px !important; }

.w-min-40px { min-width: 40px !important; }

.w-max-40px { max-width: 40px !important; }

.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-xs-fix, .wide-sm-fix, .wide-md-fix, .wide-lg-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 { position: absolute; top: 0; right: 0; }

.absolute-top-right { position: absolute; top: 0; left: 0; }

.absolute-bottom-left { position: absolute; bottom: 0; right: 0; }

.absolute-bottom-right { position: absolute; bottom: 0; left: 0; }

.shrink-0 { flex-shrink: 0; }

.badge { position: relative; border: 1px solid currentColor; line-height: 1.125rem; font-family: Roboto, sans-serif; letter-spacing: 0.01em; vertical-align: middle; display: inline-flex; }

.badge .icon + span, .badge span + .icon { padding-right: 4px; }

.badge-sm { padding: 0.3125rem 0.75rem; font-size: 0.75rem; }

.badge-sm.badge-pill { padding: 0.3125rem 0.875rem; }

.badge-md { padding: 0.47rem 1rem; font-size: 0.8125rem !important; }

.badge-lg { padding: 0.75rem 1.25rem; font-size: 0.93rem !important; }

.badge-xl { padding: 0.875rem 1.5rem; font-size: 1.125rem !important; }

.badge-light { color: #364a63; }

.badge-lighter { color: #526484; }

.badge .icon { font-size: 1rem; }

.badge-primary { border-color: #0971fe; }

.badge-secondary { border-color: #364a63; }

.badge-success { border-color: #1ee0ac; }

.badge-info { border-color: #09c2de; }

.badge-warning { border-color: #f4bd0e; }

.badge-danger { border-color: #e85347; }

.badge-dark { border-color: #1c2b46; }

.badge-gray { border-color: #8091a7; }

.badge-light { border-color: #e5e9f2; }

.badge-lighter { border-color: #f5f6fa; }

.badge-outline-primary { color: #0971fe; border-color: #6baafe; }

.badge-outline-secondary { color: #364a63; border-color: #8692a1; }

.badge-outline-success { color: #1ee0ac; border-color: #78eccd; }

.badge-outline-info { color: #09c2de; border-color: #6bdaeb; }

.badge-outline-warning { color: #f4bd0e; border-color: #f8d76e; }

.badge-outline-danger { color: #e85347; border-color: #f19891; }

.badge-outline-dark { color: #1c2b46; border-color: #778090; }

.badge-outline-gray { color: #8091a7; border-color: #b3bdca; }

.badge-outline-light { color: #b7c2d0; border-color: #d4dae3; }

.badge-outline-lighter { color: #e5e9f2; border-color: #eff2f7; }

.badge-dim.badge-primary { color: #0971fe; background-color: #e4efff; border-color: #e4efff; }

.badge-dim.badge-outline-primary { color: #0971fe; background-color: #e4efff; border-color: #9dc6ff; }

.badge-dim.badge-secondary { color: #364a63; background-color: #e9ebee; border-color: #e9ebee; }

.badge-dim.badge-outline-secondary { color: #364a63; background-color: #e9ebee; border-color: #afb7c1; }

.badge-dim.badge-success { color: #1ee0ac; background-color: #e6fcf6; border-color: #e6fcf6; }

.badge-dim.badge-outline-success { color: #1ee0ac; background-color: #e6fcf6; border-color: #a5f3de; }

.badge-dim.badge-info { color: #09c2de; background-color: #e4f8fb; border-color: #e4f8fb; }

.badge-dim.badge-outline-info { color: #09c2de; background-color: #e4f8fb; border-color: #9de7f2; }

.badge-dim.badge-warning { color: #f4bd0e; background-color: #fef8e4; border-color: #fef8e4; }

.badge-dim.badge-outline-warning { color: #f4bd0e; background-color: #fef8e4; border-color: #fbe59f; }

.badge-dim.badge-danger { color: #e85347; background-color: #fceceb; border-color: #fceceb; }

.badge-dim.badge-outline-danger { color: #e85347; background-color: #fceceb; border-color: #f6bab5; }

.badge-dim.badge-dark { color: #1c2b46; background-color: #e6e8eb; border-color: #e6e8eb; }

.badge-dim.badge-outline-dark { color: #1c2b46; background-color: #e6e8eb; border-color: #a4aab5; }

.badge-dim.badge-gray { color: #8091a7; background-color: #f1f3f5; border-color: #f1f3f5; }

.badge-dim.badge-outline-gray { color: #8091a7; background-color: #f1f3f5; border-color: #ccd3dc; }

.badge-dim.badge-light { color: #b7c2d0; background-color: #f7f8fa; border-color: #f7f8fa; }

.badge-dim.badge-outline-light { color: #b7c2d0; background-color: #f7f8fa; border-color: #e2e7ec; }

.badge-dim.badge-lighter { color: #e5e9f2; background-color: #fcfdfe; border-color: #fcfdfe; }

.badge-dim.badge-outline-lighter { color: #e5e9f2; background-color: #fcfdfe; border-color: #f5f6fa; }

.badge-dot { display: inline-flex; align-items: center; background-color: transparent; border: none; padding-right: 12px; padding-left: 0; font-size: 12px; }

.badge-dot:before { position: absolute; content: &quot;&quot;; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; height: 6px; width: 6px; margin-top: -1px; border-radius: 50%; background: currentColor; }

.badge-dot.badge-sm, .badge-dot.badge-md { padding-right: 16px; }

.badge-dot.badge-sm:before, .badge-dot.badge-md:before { height: 8px; width: 8px; margin-top: 0; }

.badge-dot.badge-lg, .badge-dot.badge-xl { padding-right: 24px; }

.badge-dot.badge-lg:before, .badge-dot.badge-xl:before { height: 12px; width: 12px; margin-top: 0; }

.badge-dot.badge-primary { color: #0971fe; }

.badge-dot.badge-secondary { color: #364a63; }

.badge-dot.badge-success { color: #1ee0ac; }

.badge-dot.badge-info { color: #09c2de; }

.badge-dot.badge-warning { color: #f4bd0e; }

.badge-dot.badge-danger { color: #e85347; }

.badge-dot.badge-dark { color: #1c2b46; }

.badge-dot.badge-gray { color: #8091a7; }

.badge-dot.badge-light { color: #b7c2d0; }

.badge-dot.badge-lighter { color: #e5e9f2; }

@media (max-width: 767.98px) { .badge-dot-sm { width: 0; overflow: hidden; } }

@media (max-width: 413px) { .badge-dot-mb { width: 0; overflow: hidden; } }

@media (max-width: 369px) { .badge-dot-xs { width: 0; overflow: hidden; } }

.alert:last-child { margin-bottom: 0; }

.alert-link { box-shadow: 0 1px 0 currentColor; }

.alert-link:hover { box-shadow: none; }

.alert h5, .alert h6, .alert .title { font-size: 1.05rem; }

.alert.alert-icon { padding-right: 3.25rem; }

.alert.alert-icon &gt; .icon { position: absolute; font-size: 1.25rem; line-height: 1; width: 2rem; top: 1rem; right: 1.25rem; margin-right: -1px; }

.alert-dismissible .close { top: 50%; transform: translateY(-50%); transition: .3s ease; margin-top: -1px; }

.alert-dismissible .close:focus { outline: none; }

.alert-dismissible .close:hover { color: currentColor; }

.alert-dismissible .close:after { font-family: &quot;Nioicon&quot;; content: &quot;&quot;; font-size: 1.1rem; }

.alert-light, .alert-lighter, .alert-gray { border-color: #e5e9f2; color: #526484; }

.alert-light .alert-link, .alert-lighter .alert-link, .alert-gray .alert-link { color: #526484; }

.alert-alt { position: relative; padding: .875rem; border-radius: 12px; }

.alert-alt.alert-icon { padding-right: 4rem; }

.alert-alt.alert-icon &gt; .icon { position: absolute; font-size: 2rem; line-height: 1; width: 4rem; top: 50%; right: 0; transform: translateY(-50%); text-align: center; opacity: 0.5; }

a.alert:hover { color: currentColor; }

.alert-fill.alert-primary { color: #fff; background: #0971fe; }

.alert-fill.alert-secondary { color: #fff; background: #364a63; }

.alert-fill.alert-success { color: #fff; background: #1ee0ac; }

.alert-fill.alert-info { color: #fff; background: #09c2de; }

.alert-fill.alert-warning { color: #fff; background: #f4bd0e; }

.alert-fill.alert-danger { color: #fff; background: #e85347; }

.alert-fill.alert-dark { color: #fff; background: #1c2b46; }

.alert-fill.alert-gray { color: #fff; background: #8091a7; }

.alert-fill.alert-light { color: #101924; background: #e5e9f2; }

.alert-fill.alert-lighter { color: #101924; background: #ebeef2; }

.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: #526484; }

.alert-pro { box-shadow: 0 4px 15px 0 rgba(31, 43, 58, 0.1); border: none; border-right: 4px solid transparent; color: #526484; line-height: 1.5; background: #fff; }

.alert-pro.no-shadow { box-shadow: none; }

.alert-pro.no-border { border-right: 0; }

.alert-pro.alert-icon { padding-right: 4rem; }

.alert-pro.alert-icon &gt; .icon { font-size: 1.75rem; top: 50%; transform: translateY(-50%); }

.alert-pro.alert-primary { border-color: #0971fe; }

.alert-pro.alert-primary &gt; .icon { color: #0971fe; }

.alert-pro.alert-secondary { border-color: #364a63; }

.alert-pro.alert-secondary &gt; .icon { color: #364a63; }

.alert-pro.alert-success { border-color: #1ee0ac; }

.alert-pro.alert-success &gt; .icon { color: #1ee0ac; }

.alert-pro.alert-info { border-color: #09c2de; }

.alert-pro.alert-info &gt; .icon { color: #09c2de; }

.alert-pro.alert-warning { border-color: #f4bd0e; }

.alert-pro.alert-warning &gt; .icon { color: #f4bd0e; }

.alert-pro.alert-danger { border-color: #e85347; }

.alert-pro.alert-danger &gt; .icon { color: #e85347; }

.alert-pro.alert-dark { border-color: #1c2b46; }

.alert-pro.alert-dark &gt; .icon { color: #1c2b46; }

.alert-pro.alert-gray { border-color: #8091a7; }

.alert-pro.alert-gray &gt; .icon { color: #8091a7; }

.alert-pro.alert-light { border-color: #b7c2d0; }

.alert-pro.alert-light &gt; .icon { color: #b7c2d0; }

.alert-pro.alert-lighter { border-color: #b7c2d0; }

.alert-pro.alert-lighter &gt; .icon { color: #b7c2d0; }

.breadcrumb-item { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05rem; }

.breadcrumb-item a:not(:hover) { color: #8094ae; }

.breadcrumb-pipe .breadcrumb-item + .breadcrumb-item::before { content: '|'; }

.breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before { font-family: &quot;Nioicon&quot;; content: &quot;&quot;; }

.breadcrumb-item.active:not(:only-child) { font-weight: 400; }

.breadcrumb-alt .breadcrumb-item { text-transform: unset; letter-spacing: 0; color: #8094ae; }

.breadcrumb-xs .breadcrumb-item + .breadcrumb-item { padding-right: 0.25rem; }

.breadcrumb-xs .breadcrumb-item + .breadcrumb-item:before { padding-left: 0.25rem; font-size: 0.8em; }

.breadcrumb-sm .breadcrumb-item { font-size: 13px; }

.link { display: inline-flex; align-items: center; font-size: 0.85rem; font-weight: 500; font-family: Roboto, sans-serif; line-height: 1; border: none; background: transparent; transition: all .3s ease; white-space: nowrap; }

.link:focus { box-shadow: none; outline: none; }

.link .icon { font-size: 1.3em; }

.link span, .link .icon { display: inline-block; }

.link .icon-circle { display: inline-flex; }

.link .icon + span, .link span + .icon { padding-right: 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-primary { color: #0971fe !important; }

.link-on-primary:hover { color: #0971fe !important; }

.link-secondary { color: #364a63 !important; }

.link-on-secondary:hover { color: #364a63 !important; }

.link-success { color: #1ee0ac !important; }

.link-on-success:hover { color: #1ee0ac !important; }

.link-info { color: #09c2de !important; }

.link-on-info:hover { color: #09c2de !important; }

.link-warning { color: #f4bd0e !important; }

.link-on-warning:hover { color: #f4bd0e !important; }

.link-danger { color: #e85347 !important; }

.link-on-danger:hover { color: #e85347 !important; }

.link-dark { color: #1c2b46 !important; }

.link-on-dark:hover { color: #1c2b46 !important; }

.link-gray { color: #8091a7 !important; }

.link-on-gray:hover { color: #8091a7 !important; }

.link-light { color: #8094ae !important; }

.link-on-light:hover { color: #8094ae !important; }

.link-lighter { color: #b7c2d0 !important; }

.link-on-lighter:hover { color: #b7c2d0 !important; }

.link-text { color: #526484 !important; }

.link-on-text:hover { color: #526484 !important; }

.link-danger:hover, .link-warning:hover, .link-success:hover, .link-info:hover { color: #526484 !important; }

.btn, .dual-listbox .dual-listbox__button { position: relative; letter-spacing: 0.02em; display: inline-flex; align-items: center; }

.btn-xl { padding: 0.6875rem 1.5rem; font-size: 0.9375rem; line-height: 1.25rem; border-radius: 5px; }

.btn-xs { padding: 0.125rem 0.5rem; font-size: 0.6875rem; line-height: 1rem; border-radius: 3px; }

.btn .icon, .dual-listbox .dual-listbox__button .icon { font-size: 1.4em; line-height: inherit; }

.btn &gt; span, .dual-listbox .dual-listbox__button &gt; span { display: inline-block; white-space: nowrap; }

.btn &gt; span:only-child, .dual-listbox .dual-listbox__button &gt; span:only-child { width: 100%; }

.btn .icon + span, .dual-listbox .dual-listbox__button .icon + span, .btn span + .icon, .dual-listbox .dual-listbox__button span + .icon { padding-right: 8px; }

.btn .dd-indc, .dual-listbox .dual-listbox__button .dd-indc { transform: translateX(8px); }

.btn span + .dd-indc, .dual-listbox .dual-listbox__button span + .dd-indc { transform: translateX(-8px); }

.btn-lg .icon + span, .btn-group-lg &gt; .btn .icon + span, .dual-listbox .btn-group-lg &gt; .dual-listbox__button .icon + span, .btn-lg span + .icon, .btn-group-lg &gt; .btn span + .icon, .dual-listbox .btn-group-lg &gt; .dual-listbox__button span + .icon { padding-right: 12px; }

.btn-round { border-radius: 2.125rem; }

.btn-block { justify-content: center; }

.btn-ucap, .btn.ucap, .dual-listbox .ucap.dual-listbox__button { text-transform: uppercase; font-size: 12px; letter-spacing: 0.05em; }

.btn-icon:not([class*=&quot;btn-icon-break&quot;]), .dt-buttons .btn-secondary:not([class*=&quot;btn-icon-break&quot;]) { padding-left: 0; padding-right: 0; }

.btn-icon .icon, .dt-buttons .btn-secondary .icon { width: 2.125rem; }

.btn-icon.btn-xl .icon, .dt-buttons .btn-xl.btn-secondary .icon { width: 2.625rem; }

.btn-icon.btn-lg .icon, .btn-group-lg &gt; .btn-icon.btn .icon, .dt-buttons .btn-group-lg &gt; .btn.btn-secondary .icon, .dt-buttons .dual-listbox .btn-group-lg &gt; .btn-secondary.dual-listbox__button .icon, .dual-listbox .dt-buttons .btn-group-lg &gt; .btn-secondary.dual-listbox__button .icon, .dual-listbox .btn-group-lg &gt; .btn-icon.dual-listbox__button .icon, .dt-buttons .btn-lg.btn-secondary .icon { width: 2.625rem; }

.btn-icon.btn-sm .icon, .btn-group-sm &gt; .btn-icon.btn .icon, .dt-buttons .btn-group-sm &gt; .btn.btn-secondary .icon, .dt-buttons .dual-listbox .btn-group-sm &gt; .btn-secondary.dual-listbox__button .icon, .dual-listbox .dt-buttons .btn-group-sm &gt; .btn-secondary.dual-listbox__button .icon, .dual-listbox .btn-group-sm &gt; .btn-icon.dual-listbox__button .icon, .dt-buttons .btn-sm.btn-secondary .icon { width: 1.75rem; }

.btn-icon.btn-xs .icon, .dt-buttons .btn-xs.btn-secondary .icon { width: 1.25rem; font-size: 1.1em; }

.btn-icon .dot, .dt-buttons .btn-secondary .dot { position: absolute; top: .35rem; left: .35rem; transform: translate(-50%, -50%); }

.btn-icon .badge, .dt-buttons .btn-secondary .badge { position: absolute; top: .25rem; left: .25rem; transform: translate(-50%, -50%); }

.btn-icon .badge-circle, .dt-buttons .btn-secondary .badge-circle { border-radius: 50%; height: 1.125rem; width: 1.125rem; padding: 0; font-weight: 700; font-size: 11px; text-align: center; justify-content: center; }

.btn-mw { min-width: 120px; justify-content: center; }

.btn-wrap { flex-direction: column; align-items: center; flex-grow: 0; }

.btn-extext { font-size: 12px; font-weight: 500; text-align: center; margin-top: 0.25rem; color: #8094ae; }

.btn-wider { display: flex; }

.btn-wider .icon + span, .btn-wider span + .icon { margin-right: auto; }

.btn-auto { min-width: auto; }

.btn-pd-auto { padding-left: 0.25rem; padding-right: 0.25rem; }

.btn .spinner-border, .dual-listbox .dual-listbox__button .spinner-border, .btn .spinner-grow, .dual-listbox .dual-listbox__button .spinner-grow { margin: .125rem; }

.btn .spinner-border + span, .dual-listbox .dual-listbox__button .spinner-border + span, .btn .spinner-grow + span, .dual-listbox .dual-listbox__button .spinner-grow + span { margin-right: 0.25rem; }

.btn-indc { width: 100%; }

.btn-indc .icon { font-size: 1.43em; }

.btn-indc .indc { opacity: .6; margin-right: -8px; margin-left: auto; }

.btn-indc span + .indc { margin-right: auto; margin-left: -8px; }

@media (min-width: 768px) { .btn-xl { padding: 0.625rem 2rem; font-size: 1.125rem; line-height: 2rem; border-radius: 5px; }
  .btn-xl.btn-round { border-radius: 3.25rem; }
  .btn-icon.btn-xl .icon, .dt-buttons .btn-xl.btn-secondary .icon { width: 3.25rem; } }

.btn-trigger { position: relative; z-index: 1; color: #526484; }

.btn-trigger:focus { box-shadow: none; }

.btn-trigger:before { position: absolute; z-index: -1; height: 20px; width: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%; content: ''; background-color: #e5e9f2; border-radius: 50%; opacity: 0; transition: all .3s; }

.is-dark .btn-trigger:before { background-color: #071d46; }

.show &gt; .btn-trigger:before { opacity: 1; height: 120%; width: 120%; }

.btn-trigger:hover:before, .btn-trigger:focus:before, .btn-trigger.active:not(.revarse):before { opacity: 1; height: 120%; width: 120%; }

.btn-trigger.active:hover:before { background-color: #dbdfea; }

a:hover .btn-trigger:before { opacity: 1; height: 120%; width: 120%; }

.btn-dim.btn-outline-primary { color: #0971fe; background-color: #e4efff; border-color: #9dc6ff; }

.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover { color: #fff; background-color: #0971fe; border-color: #0971fe; }

.btn-white.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .btn-outline-primary.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #0971fe; background: #e4efff; }

.btn-dim.btn-outline-success { color: #1ee0ac; background-color: #e6fcf6; border-color: #a5f3de; }

.btn-dim.btn-outline-success:not(:disabled):not(.disabled):hover { color: #fff; background-color: #1ee0ac; border-color: #1ee0ac; }

.btn-white.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .btn-outline-success.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #1ee0ac; background: #e6fcf6; }

.btn-dim.btn-outline-warning { color: #f4bd0e; background-color: #fef8e4; border-color: #fbe59f; }

.btn-dim.btn-outline-warning:not(:disabled):not(.disabled):hover { color: #fff; background-color: #f4bd0e; border-color: #f4bd0e; }

.btn-white.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .btn-outline-warning.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #f4bd0e; background: #fef8e4; }

.btn-dim.btn-outline-info { color: #09c2de; background-color: #e4f8fb; border-color: #9de7f2; }

.btn-dim.btn-outline-info:not(:disabled):not(.disabled):hover { color: #fff; background-color: #09c2de; border-color: #09c2de; }

.btn-white.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .btn-outline-info.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #09c2de; background: #e4f8fb; }

.btn-dim.btn-outline-danger { color: #e85347; background-color: #fceceb; border-color: #f6bab5; }

.btn-dim.btn-outline-danger:not(:disabled):not(.disabled):hover { color: #fff; background-color: #e85347; border-color: #e85347; }

.btn-white.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .btn-outline-danger.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #e85347; background: #fceceb; }

.btn-dim.btn-outline-secondary { color: #364a63; background-color: #e9ebee; border-color: #b9c0c8; }

.btn-dim.btn-outline-secondary:not(:disabled):not(.disabled):hover { color: #fff; background-color: #364a63; border-color: #364a63; }

.btn-white.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .btn-outline-secondary.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #364a63; background: #e9ebee; }

.btn-dim.btn-outline-gray { color: #3c4d62; background-color: #f1f3f5; border-color: #d3d9e0; }

.btn-dim.btn-outline-gray:not(:disabled):not(.disabled):hover { color: #fff; background-color: #3c4d62; border-color: #3c4d62; }

.btn-white.btn-outline-gray:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .btn-outline-gray.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-gray:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #3c4d62; background: #f1f3f5; }

.btn-dim.btn-outline-dark { color: #1f2b3a; background-color: #e6e8e9; border-color: #b1b5ba; }

.btn-dim.btn-outline-dark:not(:disabled):not(.disabled):hover { color: #fff; background-color: #1f2b3a; border-color: #1f2b3a; }

.btn-white.btn-outline-dark:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .btn-outline-dark.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-dark:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #1f2b3a; background: #e6e8e9; }

.btn-dim.btn-outline-light, .dt-buttons .btn-dim.btn-secondary { color: #526484; background-color: #f5f6fa; border-color: #dbdfea; }

.btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover, .dt-buttons .btn-dim.btn-secondary:not(:disabled):not(.disabled):hover { color: #fff; background-color: #526484; border-color: #526484; }

.btn-white.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .btn-trans.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #526484; background: #f5f6fa; }

.btn-dim.btn-primary { color: #0971fe; background-color: #e4efff; border-color: transparent; }

.btn-dim.btn-primary:not(:disabled):not(.disabled):hover { color: #fff; background-color: #0971fe; border-color: #0971fe; }

.btn-dim.btn-secondary { color: #364a63; background-color: #e9ebee; border-color: transparent; }

.btn-dim.btn-secondary:not(:disabled):not(.disabled):hover { color: #fff; background-color: #364a63; border-color: #364a63; }

.btn-dim.btn-success { color: #1ee0ac; background-color: #e6fcf6; border-color: transparent; }

.btn-dim.btn-success:not(:disabled):not(.disabled):hover { color: #fff; background-color: #1ee0ac; border-color: #1ee0ac; }

.btn-dim.btn-warning { color: #f4bd0e; background-color: #fef8e4; border-color: transparent; }

.btn-dim.btn-warning:not(:disabled):not(.disabled):hover { color: #fff; background-color: #f4bd0e; border-color: #f4bd0e; }

.btn-dim.btn-info { color: #09c2de; background-color: #e4f8fb; border-color: transparent; }

.btn-dim.btn-info:not(:disabled):not(.disabled):hover { color: #fff; background-color: #09c2de; border-color: #09c2de; }

.btn-dim.btn-danger { color: #e85347; background-color: #fceceb; border-color: transparent; }

.btn-dim.btn-danger:not(:disabled):not(.disabled):hover { color: #fff; background-color: #e85347; border-color: #e85347; }

.btn-dim.btn-gray { color: #3c4d62; background-color: #eaebee; border-color: transparent; }

.btn-dim.btn-gray:not(:disabled):not(.disabled):hover { color: #fff; background-color: #3c4d62; border-color: #3c4d62; }

.btn-dim.btn-dark { color: #1f2b3a; background-color: #e6e8e9; border-color: transparent; }

.btn-dim.btn-dark:not(:disabled):not(.disabled):hover { color: #fff; background-color: #1f2b3a; border-color: #1f2b3a; }

.btn-dim.btn-light, .dual-listbox .btn-dim.dual-listbox__button { color: #8091a7; background-color: #f1f3f5; border-color: transparent; }

.btn-dim.btn-light:not(:disabled):not(.disabled):hover, .dual-listbox .btn-dim.dual-listbox__button:not(:disabled):not(.disabled):hover { color: #fff; background-color: #8091a7; border-color: #8091a7; }

.btn-dim.btn-lighter { color: #b7c2d0; background-color: #f7f8fa; border-color: transparent; }

.btn-dim.btn-lighter:not(:disabled):not(.disabled):hover { color: #101924; background-color: #b7c2d0; border-color: #b7c2d0; }

.btn-trans.btn, .dual-listbox .btn-trans.dual-listbox__button { background-color: transparent; border-color: transparent; }

.btn-outline-light, .dt-buttons .btn-secondary { border-color: #dbdfea; }

.btn-outline-lighter { border-color: #e5e9f2; }

.btn-outline-light, .dt-buttons .btn-secondary, .btn-outline-lighter { color: #526484; }

.btn-white, .dt-buttons .btn-secondary, .btn-white.btn-dim, .dt-buttons .btn-dim.btn-secondary { background: #fff; }

.btn-white.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #fff; background: #526484; border-color: #526484; }

.btn-toolbar-sep { border-left: 1px solid #e5e9f2; margin-left: .75rem; margin-right: .75rem; }

.card-tools .btn-toolbar-sep { padding: 0 !important; margin-left: .5rem; margin-right: .5rem; }

.btn-group.is-tags .btn-xs:first-child { padding-left: 0.25rem; padding-right: 0.25rem; }

.btn-group.is-tags .btn-xs:last-child { margin-right: 0; }

.btn-group.is-tags .btn-xs .icon { width: 1rem; }

.btn-group.is-tags .btn-dim:not(:disabled):not(.disabled):hover { border-color: transparent; }

.dropup, .dropright, .dropdown, .dropleft { display: inline-flex; }

.dropdown-toggle { cursor: pointer; display: inline-flex; align-items: center; margin-bottom: 0; }

.dropdown-toggle:not([class*=&quot;indicator&quot;]):after { display: none; }

.clickable * { pointer-events: none; }

.dropdown-menu { overflow: hidden; border: 1px solid #e5e9f2; box-shadow: 0 3px 12px 1px rgba(11, 49, 117, 0.15); }

.dropdown-inner { padding: 0 1.75rem; }

.dropdown-inner + .dropdown-inner { border-top: 1px solid #e5e9f2; }

.dropdown-head, .dropdown-foot { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e9f2; }

.dropdown-head.center, .dropdown-foot.center { justify-content: center; }

.dropdown-head { border-bottom: 1px solid #e5e9f2; }

.dropdown-foot { border-top: 1px solid #e5e9f2; }

.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 { font-weight: 500; color: #364a63; }

[class*=&quot;dropdown-indicator&quot;]:after { border: none !important; font-family: &quot;Nioicon&quot;; vertical-align: middle; content: &quot;&quot;; margin-right: 0.25rem; line-height: 1; display: inline-flex; align-items: center; font-size: 14px; }

.dropup [class*=&quot;dropdown-indicator&quot;]:after { content: &quot;&quot;; }

.dropdown-indicator-caret:after { content: &quot;&quot;; }

.dropup .dropdown-indicator-caret:after { content: &quot;&quot;; }

.dropdown-indicator-caret-up:after { content: &quot;&quot;; }

.dropup .dropdown-indicator-caret-up:after { content: &quot;&quot;; }

.dropdown-indicator-up:after { content: &quot;&quot;; }

.dropup .dropdown-indicator-up:after { content: &quot;&quot;; }

.dropdown-indicator-down:after { content: &quot;&quot;; }

.dropup .dropdown-indicator-down:after { content: &quot;&quot;; }

.dropdown-indicator-dubble:after { content: &quot;&quot;; }

.dropup .dropdown-indicator-dubble:after { content: &quot;&quot;; }

.dropdown-indicator-unfold:after { content: &quot;&quot;; }

.dropup .dropdown-indicator-unfold:after { content: &quot;&quot;; }

.dropdown-menu-center { left: 50% !important; }

.dropdown-menu-bottom { bottom: 0 !important; }

.dropdown-menu-xxs { min-width: 70px; max-width: 70px; }

.dropdown-menu-xxs.dropdown-menu-center { margin-left: -35px; }

.dropdown-menu-xs { min-width: 120px; max-width: 120px; }

.dropdown-menu-xs.dropdown-menu-center { margin-left: -60px; }

.dropdown-menu-md { min-width: 280px; max-width: 280px; }

.dropdown-menu-md.dropdown-menu-center { margin-left: -140px; }

.dropdown-menu-sm { min-width: 140px; max-width: 140px; }

.dropdown-menu-sm.dropdown-menu-center { margin-left: -70px; }

.dropdown-menu-lg { min-width: 320px; max-width: 320px; }

.dropdown-menu-lg.dropdown-menu-center { margin-left: -160px; }

.dropdown-menu-xl { min-width: 360px; max-width: 360px; }

.dropdown-menu-xl.dropdown-menu-center { margin-left: -180px; }

.dropdown-menu-auto { min-width: 100%; max-width: 100%; }

.dropdown-menu-mxh { max-height: 400px; overflow: auto; }

.nk-quick-nav .dropdown-menu { margin-top: 11px; margin-left: -6px; }

@media (max-width: 420px) { .dropdown-menu-xl, .dropdown-menu-lg, .dropdown-menu-md { min-width: calc(100vw - 40px); max-width: calc(100vw - 40px); }
  .nk-quick-nav .dropdown-menu-xl, .nk-quick-nav .dropdown-menu-lg, .nk-quick-nav .dropdown-menu-md { margin-left: 0; margin-right: 16px; }
  .nk-quick-nav li:last-child .dropdown-menu-xl, .nk-quick-nav li:last-child .dropdown-menu-lg, .nk-quick-nav li:last-child .dropdown-menu-md { margin-right: 0; margin-left: 3px; } }

.dropdown-menu-s1 { border-top: 3px solid #0971fe; }

.dropdown-toggle-split &gt; .icon { margin-left: -0.25rem; margin-right: -0.25rem; }

.card + .card { margin-top: 28px; }

.card + .nk-block-head { padding-top: 2.5rem; }

.card-full { height: 100%; }

.card.is-dark { background: #0b3175; }

.card-bordered { border: 1px solid #dbdfea; }

.card-bordered.is-dark { border-color: #0b3175; }

.card-bordered.dashed { border-style: dashed; }

.card-inner { padding: 1.25rem; }

.card-inner-sm { padding-top: .75rem; padding-bottom: .75rem; }

.card-inner-group .card-inner:not(:last-child) { border-bottom: 1px solid #dbdfea; }

.card-head { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin: -.25rem -0.5rem 1rem; }

.card-head &gt; * { padding: 0.25rem .5rem; }

.card-head &gt; .title:only-child { width: 100%; }

.card-title-group { display: flex; align-items: center; justify-content: space-between; position: relative; }

.card-title-group .card-title { margin-bottom: 0; }

.card-title-group:only-child, .card-title-group .card-search { margin-top: -.25rem; margin-bottom: -.25rem; }

.card-title h6.title:not(:last-child) { margin-bottom: 0.25rem; }

.card-title p { font-size: 12px; color: #8094ae; }

.card-title p .icon { line-height: inherit; vertical-align: middle; }

.card-title-sm .title { font-size: 14px; }

.card-title small { font-weight: 500; color: #8094ae; }

.card-subtitle { color: #8094ae; font-family: Roboto, sans-serif; font-weight: normal; }

.card-tools-nav { display: flex; margin: -6px -10px -5px; }

.card-tools-nav li { padding: 0 10px; }

.card-tools-nav li a { position: relative; color: #8094ae; padding: 10px 0; display: block; line-height: 1; }

.card-tools-nav li a:before { position: absolute; bottom: 0; left: 0; right: 0; height: 2px; content: ''; background: #0971fe; opacity: 0; }

.card-tools-nav li a:hover, .card-tools-nav li a.active { color: #526484; }

.card-tools-nav li a.active::before { opacity: 1; }

.card-tools-nav li.active a { color: #526484; }

.card-tools-nav li.active a::before { opacity: 1; }

.card-tools.mr-n1 { margin-left: -0.5rem !important; }

.card-hint { font-size: 1rem; color: #dbdfea; }

@media (max-width: 575.98px) { .card-head.ui-v2 .card-tools { width: calc(100% + 20px); margin: 0 -10px; padding-top: .5rem; }
  .card-head.ui-v2 .card-tools-nav { padding: 0 .75rem; border-bottom: 1px solid #e5e9f2; }
  .card-head.ui-v2 .card-tools-nav li a { padding-bottom: 1rem; }
  .card-stretch { margin-left: -18px; margin-right: -18px; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important; } }

@media (min-width: 576px) { .card-inner { padding: 1.5rem; }
  .card-inner-sm { padding-top: .75rem; padding-bottom: .75rem; }
  .card-inner-md { padding-top: 1rem; padding-bottom: 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 { position: absolute; display: inline-flex; justify-content: center; align-items: center; top: 0; width: calc(1rem + 24px); height: calc(2.125rem + 2px); }

.form-icon.sm { height: calc(1.75rem + 2px); }

.form-icon.lg { height: calc(2.625rem + 2px); }

.form-icon.xl { height: calc(3.25rem + 2px); }

.form-icon .icon { font-size: 16px; color: #8094ae; }

.form-icon + .form-control, div.dataTables_wrapper div.dataTables_filter .form-icon + input, .dual-listbox .form-icon + .dual-listbox__search { padding-right: calc(1rem + 24px); }

.form-icon-right { right: auto; left: -1px; }

.form-icon-right + .form-control, div.dataTables_wrapper div.dataTables_filter .form-icon-right + input, .dual-listbox .form-icon-right + .dual-listbox__search { padding-right: 1rem; padding-left: calc(1rem + 24px); }

.form-info { position: absolute; display: inline-flex; justify-content: center; align-items: center; border-right: 1px solid #dbdfea; left: 0; top: 50%; padding: .125rem 1.25rem; transform: translateY(-50%); color: #8094ae; }

.form-info + .form-control, div.dataTables_wrapper div.dataTables_filter .form-info + input, .dual-listbox .form-info + .dual-listbox__search { padding-left: calc(1rem + 24px); }

.form-label { font-size: 0.875rem; font-weight: 500; color: #344357; margin-bottom: .5rem; }

.form-label-group { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }

.form-label-group .form-label { margin-bottom: 0; }

.form-label + .form-note { margin-top: -0.35rem; }

.form-label-outlined { position: absolute; top: 0.4375rem; transform-origin: right; right: 0.66667rem; padding: 0 0.4rem; font-weight: 400; line-height: 1.25rem; color: #3c4d62; background-color: #fff; z-index: 1; transition: all .3s ease; margin-bottom: 0; font-size: 0.8125rem; }

.form-control-lg ~ .form-label-outlined { top: 0.6875rem; padding: 0 0.37736rem; font-size: 0.9375rem; }

.form-control-sm ~ .form-label-outlined { font-size: 0.75rem; top: 0.25rem; left: 0.4rem; }

.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 { top: calc(-0.4375rem + -2px); font-size: 11px; }

.form-control-xl ~ .form-label-outlined { font-size: 0.9375rem; line-height: 2rem; top: 0.625rem; padding: 0 0.5rem; left: 0.83333rem; }

.focused .form-control-xl ~ .form-label-outlined, .form-select.form-control-xl ~ .form-label-outlined { top: calc(-0.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 { font-size: 12px; color: #8094ae; font-style: italic; display: block; }

.form-note-alt { font-size: 12px; color: #8094ae; }

.form-note-group { display: flex; justify-content: space-between; margin-top: 0.5rem; margin-bottom: -0.25rem; }

.form-control-xl { height: calc(3.25rem + 2px); padding: 0.625rem 1.25rem; font-size: 0.9375rem; line-height: 2rem; border-radius: 5px; }

.form-control-outlined { cursor: pointer; }

.focused .form-control-outlined { cursor: auto; }

.form-control-wrap, .form-control-group { position: relative; }

.form-control-wrap + .form-note, .form-control-group + .form-note { margin-top: 0.5rem; }

.form-control-noborder { border-color: transparent; }

.form-control-noborder:focus { border-color: #dbdfea; box-shadow: none; }

.form-control-solid { border-color: #fff; }

.form-control-solid:focus { box-shadow: none; border-color: #dbdfea; }

.form-control-number { font-size: 20px; padding: 20px; height: 74px; }

.form-control-password-big { font-size: 44px; height: calc(1rem*2 + 1.25rem + 1px); padding: 1rem 1rem; }

.form-control.error, div.dataTables_wrapper div.dataTables_filter input.error, .dual-listbox .error.dual-listbox__search { border-color: #e85347; }

.form-control.error:focus, div.dataTables_wrapper div.dataTables_filter input.error:focus, .dual-listbox .error.dual-listbox__search:focus { box-shadow: 0 0 0 3px rgba(232, 83, 71, 0.1); }

.form-control.focus, div.dataTables_wrapper div.dataTables_filter input.focus, .dual-listbox .focus.dual-listbox__search { border-color: #0971fe; box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1); }

.form-control-simple { border: none; padding: 0; }

.form-control-simple:focus { box-shadow: none; }

.form-group { position: relative; margin-bottom: 1.25rem; }

.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*=&quot;sm&quot;] { height: calc(1.75rem + 2px); }

.form-select-lg, .form-select[data-ui*=&quot;lg&quot;] { height: calc(2.625rem + 2px); }

.form-select-xl, .form-select[data-ui*=&quot;xl&quot;] { height: calc(3.25rem + 2px); }

.form-focus-none:focus { border-color: transparent; box-shadow: none; }

.form-action .btn + .btn, .form-action .dual-listbox .dual-listbox__button + .btn, .dual-listbox .form-action .dual-listbox__button + .btn, .form-action .dual-listbox .btn + .dual-listbox__button, .dual-listbox .form-action .btn + .dual-listbox__button, .form-action .dual-listbox .dual-listbox__button + .dual-listbox__button, .dual-listbox .form-action .dual-listbox__button + .dual-listbox__button { margin-right: 1.25rem; }

.form-round { border-radius: 100px; }

.custom-select, div.dataTables_wrapper div.dataTables_length select { appearance: none; -webkit-appearance: none; }

.custom-select option, div.dataTables_wrapper div.dataTables_length select option { border-radius: 3px; padding: 5px .5rem; margin: 2px -.5rem; cursor: pointer; color: #526484; }

.custom-select option:last-child, div.dataTables_wrapper div.dataTables_length select option:last-child { margin-bottom: -0.5rem; }

.form-control-select { position: relative; }

.form-control-select .form-control, .form-control-select div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .form-control-select input, .form-control-select .dual-listbox .dual-listbox__search, .dual-listbox .form-control-select .dual-listbox__search { appearance: none; -webkit-appearance: none; }

.form-control-select-multiple .custom-select, .form-control-select-multiple div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_length .form-control-select-multiple select { padding-top: 0.375rem; padding-bottom: 0.875rem; }

.form-control-select-multiple .custom-select option, .form-control-select-multiple div.dataTables_wrapper div.dataTables_length select option, div.dataTables_wrapper div.dataTables_length .form-control-select-multiple select option { border-radius: 3px; padding: 5px .5rem; margin: 2px -.5rem; cursor: pointer; color: #526484; }

.form-control-select-multiple .custom-select option:last-child, .form-control-select-multiple div.dataTables_wrapper div.dataTables_length select option:last-child, div.dataTables_wrapper div.dataTables_length .form-control-select-multiple select option:last-child { margin-bottom: -0.5rem; }

.form-control-select:after { font-family: &quot;Nioicon&quot;; content: &quot;&quot;; pointer-events: none; position: absolute; display: inline-flex; justify-content: center; align-items: center; left: 0; top: 50%; transform: translateY(-50%); width: calc(1rem + 12px); height: calc(1rem + 12px); }

textarea.no-resize { resize: none; }

textarea.form-control, .dual-listbox textarea.dual-listbox__search { min-height: 122px; padding-top: 0.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, div.dataTables_wrapper div.dataTables_filter input ~ .error, .dual-listbox .dual-listbox__search ~ .error, .form-control ~ .invalid, div.dataTables_wrapper div.dataTables_filter input ~ .invalid, .dual-listbox .dual-listbox__search ~ .invalid, .input-group ~ .error, .input-group ~ .invalid { color: #e85347; font-size: 11px; font-style: italic; }

.custom-btn-check { position: relative; }

.custom-btn-check input { position: absolute; opacity: 0; height: 1px; width: 1px; }

.custom-btn-check input:checked ~ label { color: #fff; border-color: #0971fe; background-color: #0971fe; }

.custom-btn-check label { display: inline-block; border: 2px solid #ebeef2; background-color: #ebeef2; font-weight: 500; color: #526484; text-align: center; padding: 0.4375rem 1.125rem; font-size: 0.8125rem; line-height: 1.25rem; border-radius: 4px; transition: all .3s; margin-bottom: 0 !important; }

.custom-btn-sm label { padding: 0.25rem 1rem; font-size: 0.75rem; line-height: 1.25rem; }

.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-right: -0.75rem; }

.custom-control.notext .custom-control-label { position: relative; right: 0.75rem; }

.custom-control-label { font-size: 14px; line-height: 1.25rem; padding-top: 0.125rem; }

.custom-control-label::before, .custom-control-label::after { top: 0; }

.custom-control-label:after { display: inline-flex; align-items: center; justify-content: center; background-image: none !important; font-family: &quot;Nioicon&quot;; color: #fff; opacity: 0; }

.custom-checkbox .custom-control-label:after { content: &quot;&quot;; }

.custom-radio .custom-control-label:after { content: &quot;&quot;; }

.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 { opacity: .7; color: #364a63; }

.custom-control-sm { min-height: 1.125rem; padding-right: 1.625rem; }

.custom-control-sm.notext { margin-right: -0.5rem; }

.custom-control-sm.notext .custom-control-label { right: 0.5rem; }

.custom-control-sm .custom-control-label { font-size: 12px; line-height: 1.125rem; padding-top: 0; }

.custom-control-sm .custom-control-label::before, .custom-control-sm .custom-control-label::after { right: -1.625rem; width: 1.125rem; height: 1.125rem; }

.custom-control-sm .custom-control-label:after { font-size: 0.9em; }

.custom-control-lg { min-height: 2rem; padding-right: 3rem; }

.custom-control-lg.notext { margin-right: -1rem; }

.custom-control-lg.notext .custom-control-label { right: 1rem; }

.custom-control-lg .custom-control-label { font-size: 15px; line-height: 1.375rem; padding-top: 0.3125rem; }

.custom-control-lg .custom-control-label::before, .custom-control-lg .custom-control-label::after { right: -3rem; width: 2rem; height: 2rem; }

.custom-control-lg .custom-control-label:after { font-size: 1.2em; }

.custom-control-input { position: absolute; height: 1px; width: 1px; opacity: 0; }

.custom-control.is-right { padding-right: 0; padding-left: 2.25rem; }

.custom-control.is-right .custom-control-label:before, .custom-control.is-right .custom-control-label:after { right: auto; left: -2.25rem; }

.custom-control.is-right.custom-control-sm { padding-left: 1.625rem; }

.custom-control.is-right.custom-control-sm .custom-control-label:before, .custom-control.is-right.custom-control-sm .custom-control-label:after { left: -1.625rem; }

.custom-control.is-right.custom-control-lg { padding-left: 3rem; }

.custom-control.is-right.custom-control-lg .custom-control-label:before, .custom-control.is-right.custom-control-lg .custom-control-label:after { left: -3rem; }

.custom-file-label { white-space: nowrap; overflow: hidden; }

.custom-select, div.dataTables_wrapper div.dataTables_length select { background: #fff; }

.custom-switch { padding-right: 3.75rem; }

.custom-switch .custom-control-label::before { right: -3.75rem; width: 3rem; border-radius: 1.5rem; }

.custom-switch .custom-control-label::after { opacity: 1; top: 0.25rem; right: calc(-3.75rem + 4px); width: 1rem; height: 1rem; border-radius: 1.5rem; }

.custom-switch .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(calc((-2rem + 8px))); }

.custom-switch.custom-control-sm { padding-right: 2.46875rem; }

.custom-switch.custom-control-sm .custom-control-label::before { right: -2.46875rem; width: 1.96875rem; border-radius: 0.98438rem; }

.custom-switch.custom-control-sm .custom-control-label::after { top: 0.2375rem; right: calc(-2.46875rem + 4px); width: 0.65rem; height: 0.65rem; border-radius: 0.98438rem; }

.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-right: 5rem; }

.custom-switch.custom-control-lg .custom-control-label::before { right: -5rem; width: 4rem; border-radius: 2rem; }

.custom-switch.custom-control-lg .custom-control-label::after { top: 0.375rem; right: calc(-5rem + 6px); width: 1.25rem; height: 1.25rem; border-radius: 2rem; }

.custom-switch.custom-control-lg .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(calc((-2.75rem + 12px))); }

.custom-switch.is-right { padding-right: 0; padding-left: 3.75rem; }

.custom-switch.is-right .custom-control-label:before, .custom-switch.is-right .custom-control-label:after { right: auto; left: -2.25rem; }

.custom-switch.is-right .custom-control-label::before { left: -3.75rem; }

.custom-switch.is-right .custom-control-label::after { left: 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-left: 2.46875rem; }

.custom-switch.is-right.custom-control-sm .custom-control-label::before { left: -2.46875rem; }

.custom-switch.is-right.custom-control-sm .custom-control-label::after { left: 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-left: 5rem; }

.custom-switch.is-right.custom-control-lg .custom-control-label::before { left: -5rem; }

.custom-switch.is-right.custom-control-lg .custom-control-label::after { left: 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=&quot;radio&quot;]:checked ~ label { cursor: default; }

.is-alter .form-control ~, .is-alter div.dataTables_wrapper div.dataTables_filter input ~, div.dataTables_wrapper div.dataTables_filter .is-alter input ~, .is-alter .dual-listbox .dual-listbox__search ~, .dual-listbox .is-alter .dual-listbox__search ~, .is-alter .input-group ~, .custom-control { position: relative; }

.is-alter .form-control ~ .invalid, .is-alter div.dataTables_wrapper div.dataTables_filter input ~ .invalid, div.dataTables_wrapper div.dataTables_filter .is-alter input ~ .invalid, .is-alter .dual-listbox .dual-listbox__search ~ .invalid, .dual-listbox .is-alter .dual-listbox__search ~ .invalid, .is-alter .input-group ~ .invalid, .custom-control .invalid { position: absolute; right: 0; color: #fff; font-size: 11px; line-height: 1; bottom: calc(100% + 4px); background: #ed756b; padding: .3rem .5rem; z-index: 1; border-radius: 3px; white-space: nowrap; }

.is-alter .form-control ~ .invalid:before, .is-alter div.dataTables_wrapper div.dataTables_filter input ~ .invalid:before, div.dataTables_wrapper div.dataTables_filter .is-alter input ~ .invalid:before, .is-alter .dual-listbox .dual-listbox__search ~ .invalid:before, .dual-listbox .is-alter .dual-listbox__search ~ .invalid:before, .is-alter .input-group ~ .invalid:before, .custom-control .invalid:before { position: absolute; content: ''; height: 0; width: 0; border-right: 6px solid #ed756b; border-left: 6px solid transparent; right: 10px; border-bottom: 6px solid transparent; bottom: -6px; }

.is-alter .form-control ~ .invalid, .is-alter div.dataTables_wrapper div.dataTables_filter input ~ .invalid, div.dataTables_wrapper div.dataTables_filter .is-alter input ~ .invalid, .is-alter .dual-listbox .dual-listbox__search ~ .invalid, .dual-listbox .is-alter .dual-listbox__search ~ .invalid, .is-alter .input-group ~ .invalid { right: auto; left: 0; }

.is-alter .form-control ~ .invalid::before, .is-alter div.dataTables_wrapper div.dataTables_filter input ~ .invalid::before, div.dataTables_wrapper div.dataTables_filter .is-alter input ~ .invalid::before, .is-alter .dual-listbox .dual-listbox__search ~ .invalid::before, .dual-listbox .is-alter .dual-listbox__search ~ .invalid::before, .is-alter .input-group ~ .invalid::before { right: auto; left: 10px; border-left-color: #ed756b; border-right-color: transparent; bottom: -4px; }

.table thead tr:last-child th { border-bottom: 1px solid #dbdfea; }

.table-dark thead tr:last-child th, .table thead.thead-dark tr:last-child th { border-color: #3c4d62; }

.table td:first-child, .table th:first-child { padding-right: 1.25rem; }

.table td:last-child, .table th:last-child { padding-left: 1.25rem; }

.table th { line-height: 1.1; }

.table th.overline-title { line-height: 1.25rem; font-weight: 500; }

.table caption { font-style: italic; padding-right: 1.25rem; }

.table-bordered td, .table-bordered th { padding-left: 1rem; padding-right: 1rem; }

.table-plain td:first-child, .table-plain th:first-child { padding-right: 0; }

.table-plain td:last-child, .table-plain th:last-child { padding-left: 0; }

.table-lg td { padding-top: 1rem; padding-bottom: 1rem; }

.table-lg th { padding-top: 0.75rem; padding-bottom: 0.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-right: 1.5rem; }
  .table-lg td:last-child, .table-lg th:last-child { padding-left: 1.5rem; } }

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

.media-object { display: inline-flex; }

.media &gt; *:first-child { flex-shrink: 0; }

.media &gt; *:last-child { flex-grow: 1; max-width: 100%; }

.nav { margin: -.5rem -1rem; }

.nav .nav-link { display: inline-flex; align-items: center; }

.nav .nav-link .icon + span, .nav .nav-link span + .icon { margin-right: 0.75rem; }

.nav .nav-link .icon { font-size: 1.3em; }

.nav-tabs { font-family: Nunito, sans-serif; margin: 0; font-size: 0.8125rem; border-bottom: 1px solid #dbdfea; }

.nav-tabs-s2 { border-bottom: none; justify-content: center; }

.nav-tabs + .tab-content { margin-top: 1.25rem; }

.nav-tabs .nav-item { padding-left: 1.25rem; }

.nav-tabs .nav-item:last-child { padding-left: 0; }

.nav-tabs .nav-item.active .nav-link { color: #0971fe; }

.nav-tabs .nav-item.active .nav-link:after { opacity: 1; }

.nav-tabs .nav-link { padding: 1rem 0; font-weight: 700; color: #526484; position: relative; border: none; outline: none; display: inline-flex; align-items: center; }

.nav-tabs .nav-link .icon { font-size: 1.4em; }

.nav-tabs .nav-link .icon + span { margin-right: 0.5rem; }

.nav-tabs .nav-link .badge { margin-right: 0.25rem; }

.nav-tabs .nav-link:hover { color: #364a63; }

.nav-tabs .nav-link:focus { color: #0971fe; }

.nav-tabs .nav-link:before, .nav-tabs .nav-link:after { position: absolute; content: ''; }

.nav-tabs .nav-link:after { left: 0; right: 0; bottom: 0; height: 3px; background: #0971fe; opacity: 0; }

.nav-tabs .nav-link.active { color: #0971fe; border: none; background-color: transparent; }

.nav-tabs .nav-link.active:after { opacity: 1; }

.nav-sm { font-size: 0.8125rem; }

@media (min-width: 768px) { .nav-tabs .nav-item { padding-left: 1.5rem; }
  .nav-tabs-sm .nav-item { padding-left: 1.25rem; } }

@media (min-width: 992px) { .nav-tabs .nav-item { padding-left: 1.75rem; }
  .nav-tabs-sm .nav-item { padding-left: 1.25rem; }
  .nav-tabs .nav-link { font-size: 0.875rem; } }

@media (min-width: 1200px) { .nav-tabs .nav-item { padding-left: 2.25rem; }
  .nav-tabs-sm .nav-item { padding-left: 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 { display: inline-flex; align-items: center; margin: -1px auto 0 -.5rem; }

.nav-tabs-card { padding-left: 1.25rem; padding-right: 1.25rem; font-family: Roboto, sans-serif; }

@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-left: .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-left: .35rem; } }

.is-medium.nav-tabs .nav-link { padding: .75rem 0; }

.modal-content { position: relative; min-height: 40px; box-shadow: 0px 0px 1px 0px rgba(82, 100, 132, 0.2), 0px 8px 15.52px 0.48px rgba(28, 43, 70, 0.15); }

.modal-content &gt; .close { position: absolute; top: .75rem; left: .75rem; height: 2.25rem; width: 2.25rem; display: inline-flex; justify-content: center; align-items: center; color: #526484; z-index: 1; transition: all .3s; }

.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-right: 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-right: 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-right: 4.5rem; }

.modal-footer-stretch { justify-content: stretch; }

.modal-footer-between { display: flex; width: 100%; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: -.25rem 0; }

.modal-footer-between &gt; div { padding: .25rem 0; }

.modal-dialog { display: flex; align-items: center; min-height: calc(100% - 1rem); }

.modal-dialog::before { height: calc(100vh - 1rem); }

.modal.fade .modal-dialog { transform: translate(0, -10px); }

.modal.zoom .modal-dialog { transform: scale(0.95); transition: transform 0.3s ease-out; }

.modal-dialog-top { align-items: flex-start; }

.modal.fade .modal-dialog-top { transform: translate(0, -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 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-right: 3.5rem; }
  .modal-body-sm { padding: 1.25rem 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-right: 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-right: 4.5rem; }
  .modal-body-md .stretched.alert-icon &gt; .icon { right: 2.5rem; }
  .modal-body-lg { padding: 3.75rem 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-right: 5.75rem; }
  .modal-header { padding: 1rem 1.5rem; }
  .modal-header-sm { padding: 0.75rem 1.25rem; }
  .modal-footer { padding: 1rem 1.5rem; }
  .modal-footer-sm { padding: 0.75rem 1.25rem; } }

@media (min-width: 768px) { .modal-md { max-width: 600px; } }

.pagination-goto { display: inline-flex; align-items: center; font-size: .8125rem; text-transform: uppercase; }

.page-link { font-size: 0.8125rem; display: inline-flex; align-items: center; justify-content: center; min-width: calc(1rem + 1.125rem + 2px); }

.pagination-sm .page-link { line-height: 0.875rem; min-width: calc(0.875rem + 0.875rem + 2px); }

.pagination-lg .page-link { line-height: 1.5rem; min-width: calc(1.5rem + 1.125rem + 2px); }

.pagination-xl .page-link { padding: 0.875rem 0.75rem; font-size: 1.38125rem; line-height: 1.5rem; min-width: calc(1.5rem + 1.75rem + 2px); }

.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-prev span, .page-link-next span { display: none; }

@media (min-width: 576px) { .page-link-prev span, .page-link-next span { display: block; }
  .page-link-prev .icon { padding-left: 0.25rem; }
  .page-link-next .icon { padding-right: 0.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 { display: flex; align-items: center; justify-content: space-between; color: #8094ae; margin-bottom: 0.25rem; }

.progress-label { font-size: 0.875rem; }

.progress-amount { font-size: 12px; padding-right: .5rem; }

.progress-alt { display: flex; align-items: center; overflow: visible; }

.progress-alt .progress-bar { border-radius: 2px; }

.progress-reverse { flex-direction: row-reverse; }

.progress-bordered .progress-bar { margin-top: -2px; border: 2px solid #fff; box-sizing: content-box; }

.progress-bordered .progress-bar:not(:first-child) { margin-right: -4px; }

.progress-bordered.progress-reverse .progress-bar { margin-right: 0; }

.progress-bordered.progress-reverse .progress-bar:not(:last-child) { margin-right: -5px; }

.progress-rating { display: flex; align-items: center; }

.progress-rating-title { width: 48px; flex-grow: 0; line-height: 1.25rem; }

.progress-rating-percent { width: 40px; line-height: 1.25rem; text-align: right; }

.progress-rating .progress { flex-grow: 1; }

.toast .close { display: inline-flex; margin-left: -0.5rem; margin-right: 0.5rem; }

@font-face { font-family: &quot;Nioicon&quot;; src: url(&quot;../fonts/Nioicon.eot&quot;); src: url(&quot;../fonts/Nioicon.eot#iefix&quot;) format(&quot;embedded-opentype&quot;), url(&quot;../fonts/Nioicon.ttf&quot;) format(&quot;truetype&quot;), url(&quot;../fonts/Nioicon.woff&quot;) format(&quot;woff&quot;), url(&quot;../fonts/Nioicon.svg#Nioicon&quot;) format(&quot;svg&quot;); font-weight: normal; font-style: normal; font-display: block; }

.ni { /* use !important to prevent issues with browser extensions that change fonts */ font-family: &quot;Nioicon&quot; !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ni-centos:before { content: &quot;&quot;; }

.ni-covid:before { content: &quot;&quot;; }

.ni-fedora:before { content: &quot;&quot;; }

.ni-hot-fill:before { content: &quot;&quot;; }

.ni-hot:before { content: &quot;&quot;; }

.ni-linux-server:before { content: &quot;&quot;; }

.ni-linux:before { content: &quot;&quot;; }

.ni-note-add-fill:before { content: &quot;&quot;; }

.ni-repeat-fill:before { content: &quot;&quot;; }

.ni-tranx-fill:before { content: &quot;&quot;; }

.ni-ubuntu:before { content: &quot;&quot;; }

.ni-virus:before { content: &quot;&quot;; }

.ni-b-chrome:before { content: &quot;&quot;; }

.ni-b-edge:before { content: &quot;&quot;; }

.ni-b-firefox:before { content: &quot;&quot;; }

.ni-b-ie:before { content: &quot;&quot;; }

.ni-b-opera:before { content: &quot;&quot;; }

.ni-b-safari:before { content: &quot;&quot;; }

.ni-b-si:before { content: &quot;&quot;; }

.ni-b-uc:before { content: &quot;&quot;; }

.ni-brick-fill:before { content: &quot;&quot;; }

.ni-brick:before { content: &quot;&quot;; }

.ni-col-3s:before { content: &quot;&quot;; }

.ni-col-4s:before { content: &quot;&quot;; }

.ni-col-2s:before { content: &quot;&quot;; }

.ni-comments:before { content: &quot;&quot;; }

.ni-dot-sq:before { content: &quot;&quot;; }

.ni-dot:before { content: &quot;&quot;; }

.ni-footer:before { content: &quot;&quot;; }

.ni-header:before { content: &quot;&quot;; }

.ni-heading:before { content: &quot;&quot;; }

.ni-layout-alt-fill:before { content: &quot;&quot;; }

.ni-layout-alt:before { content: &quot;&quot;; }

.ni-layout-fill1:before { content: &quot;&quot;; }

.ni-layout1:before { content: &quot;&quot;; }

.ni-list-index-fill:before { content: &quot;&quot;; }

.ni-list-index:before { content: &quot;&quot;; }

.ni-list-thumb-alt-fill:before { content: &quot;&quot;; }

.ni-list-thumb-alt:before { content: &quot;&quot;; }

.ni-list-thumb-fill:before { content: &quot;&quot;; }

.ni-list-thumb:before { content: &quot;&quot;; }

.ni-masonry-fill:before { content: &quot;&quot;; }

.ni-masonry:before { content: &quot;&quot;; }

.ni-menu-circled:before { content: &quot;&quot;; }

.ni-menu-squared:before { content: &quot;&quot;; }

.ni-notice:before { content: &quot;&quot;; }

.ni-pen2:before { content: &quot;&quot;; }

.ni-property-blank:before { content: &quot;&quot;; }

.ni-propert-blank:before { content: &quot;&quot;; }

.ni-property-add:before { content: &quot;&quot;; }

.ni-property-alt:before { content: &quot;&quot;; }

.ni-property-remove:before { content: &quot;&quot;; }

.ni-property:before { content: &quot;&quot;; }

.ni-puzzle-fill:before { content: &quot;&quot;; }

.ni-puzzle:before { content: &quot;&quot;; }

.ni-quote-left:before { content: &quot;&quot;; }

.ni-quote-right:before { content: &quot;&quot;; }

.ni-row-mix:before { content: &quot;&quot;; }

.ni-row-view1:before { content: &quot;&quot;; }

.ni-sidebar-r:before { content: &quot;&quot;; }

.ni-text2:before { content: &quot;&quot;; }

.ni-tile-thumb-fill:before { content: &quot;&quot;; }

.ni-tile-thumb:before { content: &quot;&quot;; }

.ni-view-col-fill:before { content: &quot;&quot;; }

.ni-view-col-sq:before { content: &quot;&quot;; }

.ni-view-col:before { content: &quot;&quot;; }

.ni-view-col2:before { content: &quot;&quot;; }

.ni-view-col3:before { content: &quot;&quot;; }

.ni-view-cols-fill:before { content: &quot;&quot;; }

.ni-view-cols-sq:before { content: &quot;&quot;; }

.ni-view-cols:before { content: &quot;&quot;; }

.ni-view-grid-fill:before { content: &quot;&quot;; }

.ni-view-grid-sq:before { content: &quot;&quot;; }

.ni-view-grid-wd:before { content: &quot;&quot;; }

.ni-view-grid:before { content: &quot;&quot;; }

.ni-view-grid2-wd:before { content: &quot;&quot;; }

.ni-view-grid3-wd:before { content: &quot;&quot;; }

.ni-view-group-fill:before { content: &quot;&quot;; }

.ni-view-group-wd:before { content: &quot;&quot;; }

.ni-view-list-fill:before { content: &quot;&quot;; }

.ni-view-list-sq:before { content: &quot;&quot;; }

.ni-view-list-wd:before { content: &quot;&quot;; }

.ni-view-list:before { content: &quot;&quot;; }

.ni-view-panel-fill:before { content: &quot;&quot;; }

.ni-view-panel-sq:before { content: &quot;&quot;; }

.ni-view-panel:before { content: &quot;&quot;; }

.ni-view-row-fill:before { content: &quot;&quot;; }

.ni-view-row-sq:before { content: &quot;&quot;; }

.ni-view-row-wd:before { content: &quot;&quot;; }

.ni-view-row:before { content: &quot;&quot;; }

.ni-view-x1:before { content: &quot;&quot;; }

.ni-view-x2:before { content: &quot;&quot;; }

.ni-view-x3:before { content: &quot;&quot;; }

.ni-view-x4:before { content: &quot;&quot;; }

.ni-view-x5:before { content: &quot;&quot;; }

.ni-view-x6:before { content: &quot;&quot;; }

.ni-view-x7:before { content: &quot;&quot;; }

.ni-dashlite:before { content: &quot;&quot;; }

.ni-dashlite-circle:before { content: &quot;&quot;; }

.ni-dashlite-alt:before { content: &quot;&quot;; }

.ni-master-card:before { content: &quot;&quot;; }

.ni-paypal:before { content: &quot;&quot;; }

.ni-visa-alt:before { content: &quot;&quot;; }

.ni-coin-eur:before { content: &quot;&quot;; }

.ni-coin-gbp:before { content: &quot;&quot;; }

.ni-sign-ada-alt:before { content: &quot;&quot;; }

.ni-sign-bch-alt:before { content: &quot;&quot;; }

.ni-sign-bgp-alt:before { content: &quot;&quot;; }

.ni-sign-bnb-alt:before { content: &quot;&quot;; }

.ni-sign-brl-alt:before { content: &quot;&quot;; }

.ni-sign-btc-alt:before { content: &quot;&quot;; }

.ni-sign-cc-alt:before { content: &quot;&quot;; }

.ni-sign-cc-alt2:before { content: &quot;&quot;; }

.ni-sign-chf-alt:before { content: &quot;&quot;; }

.ni-sign-cny-alt:before { content: &quot;&quot;; }

.ni-sign-czk-alt:before { content: &quot;&quot;; }

.ni-sign-dash-alt:before { content: &quot;&quot;; }

.ni-sign-dkk-alt:before { content: &quot;&quot;; }

.ni-sign-eos-alt:before { content: &quot;&quot;; }

.ni-sign-eth-alt:before { content: &quot;&quot;; }

.ni-sign-eur-alt2:before { content: &quot;&quot;; }

.ni-sign-euro-alt:before { content: &quot;&quot;; }

.ni-sign-gbp-alt2:before { content: &quot;&quot;; }

.ni-sign-hkd-alt:before { content: &quot;&quot;; }

.ni-sign-idr-alt:before { content: &quot;&quot;; }

.ni-sign-inr-alt:before { content: &quot;&quot;; }

.ni-sign-jpy-alt:before { content: &quot;&quot;; }

.ni-sign-kr-alt:before { content: &quot;&quot;; }

.ni-sign-ltc-alt:before { content: &quot;&quot;; }

.ni-sign-ltc:before { content: &quot;&quot;; }

.ni-sign-mxn-alt:before { content: &quot;&quot;; }

.ni-sign-mxr-alt:before { content: &quot;&quot;; }

.ni-sign-myr-alt:before { content: &quot;&quot;; }

.ni-sign-paypal-alt:before { content: &quot;&quot;; }

.ni-sign-paypal-full:before { content: &quot;&quot;; }

.ni-sign-php-alt:before { content: &quot;&quot;; }

.ni-sign-pln-alt:before { content: &quot;&quot;; }

.ni-sign-rub-alt:before { content: &quot;&quot;; }

.ni-sign-sek-alt:before { content: &quot;&quot;; }

.ni-sign-sgd-alt:before { content: &quot;&quot;; }

.ni-sign-kobo-alt:before { content: &quot;&quot;; }

.ni-sign-steem-alt:before { content: &quot;&quot;; }

.ni-sign-steller-alt:before { content: &quot;&quot;; }

.ni-sign-stripe-fulll:before { content: &quot;&quot;; }

.ni-sign-thb-alt:before { content: &quot;&quot;; }

.ni-sign-trx-alt:before { content: &quot;&quot;; }

.ni-sign-try-alt:before { content: &quot;&quot;; }

.ni-sign-usd-alt:before { content: &quot;&quot;; }

.ni-sign-usd-alt2:before { content: &quot;&quot;; }

.ni-sign-usdc-alt:before { content: &quot;&quot;; }

.ni-sign-usdt-alt:before { content: &quot;&quot;; }

.ni-sign-visa-alt:before { content: &quot;&quot;; }

.ni-sign-vnd-alt:before { content: &quot;&quot;; }

.ni-sign-waves-alt:before { content: &quot;&quot;; }

.ni-sign-xem-alt:before { content: &quot;&quot;; }

.ni-sign-xrp-new-alt:before { content: &quot;&quot;; }

.ni-sign-xrp-old-alt:before { content: &quot;&quot;; }

.ni-sign-zcash-alt:before { content: &quot;&quot;; }

.ni-chevron-left:before { content: &quot;&quot;; }

.ni-chevron-right:before { content: &quot;&quot;; }

.ni-chevron-up:before { content: &quot;&quot;; }

.ni-chevron-down:before { content: &quot;&quot;; }

.ni-chevron-left-round:before { content: &quot;&quot;; }

.ni-chevron-right-round:before { content: &quot;&quot;; }

.ni-chevron-up-round:before { content: &quot;&quot;; }

.ni-chevron-down-round:before { content: &quot;&quot;; }

.ni-chevron-left-round-fill:before { content: &quot;&quot;; }

.ni-chevron-right-round-fill:before { content: &quot;&quot;; }

.ni-chevron-up-round-fill:before { content: &quot;&quot;; }

.ni-chevron-down-round-fill:before { content: &quot;&quot;; }

.ni-chevron-left-c:before { content: &quot;&quot;; }

.ni-chevron-right-c:before { content: &quot;&quot;; }

.ni-chevron-up-c:before { content: &quot;&quot;; }

.ni-chevron-down-c:before { content: &quot;&quot;; }

.ni-chevron-left-fill-c:before { content: &quot;&quot;; }

.ni-chevron-right-fill-c:before { content: &quot;&quot;; }

.ni-chevron-up-fill-c:before { content: &quot;&quot;; }

.ni-chevron-down-fill-c:before { content: &quot;&quot;; }

.ni-chevron-left-circle:before { content: &quot;&quot;; }

.ni-chevron-right-circle:before { content: &quot;&quot;; }

.ni-chevron-up-circle:before { content: &quot;&quot;; }

.ni-chevron-down-circle:before { content: &quot;&quot;; }

.ni-chevron-left-circle-fill:before { content: &quot;&quot;; }

.ni-chevron-right-circle-fill:before { content: &quot;&quot;; }

.ni-chevron-up-circle-fill:before { content: &quot;&quot;; }

.ni-chevron-down-circle-fill:before { content: &quot;&quot;; }

.ni-caret-left:before { content: &quot;&quot;; }

.ni-caret-right:before { content: &quot;&quot;; }

.ni-caret-up:before { content: &quot;&quot;; }

.ni-caret-down:before { content: &quot;&quot;; }

.ni-caret-left-fill:before { content: &quot;&quot;; }

.ni-caret-right-fill:before { content: &quot;&quot;; }

.ni-caret-up-fill:before { content: &quot;&quot;; }

.ni-caret-down-fill:before { content: &quot;&quot;; }

.ni-sort:before { content: &quot;&quot;; }

.ni-sort-up:before { content: &quot;&quot;; }

.ni-sort-down:before { content: &quot;&quot;; }

.ni-sort-fill:before { content: &quot;&quot;; }

.ni-sort-up-fill:before { content: &quot;&quot;; }

.ni-sort-down-fill:before { content: &quot;&quot;; }

.ni-sort-v:before { content: &quot;&quot;; }

.ni-swap-v:before { content: &quot;&quot;; }

.ni-swap:before { content: &quot;&quot;; }

.ni-arrow-left-round:before { content: &quot;&quot;; }

.ni-arrow-right-round:before { content: &quot;&quot;; }

.ni-arrow-up-round:before { content: &quot;&quot;; }

.ni-arrow-down-round:before { content: &quot;&quot;; }

.ni-arrow-left-round-fill:before { content: &quot;&quot;; }

.ni-arrow-right-round-fill:before { content: &quot;&quot;; }

.ni-arrow-up-round-fill:before { content: &quot;&quot;; }

.ni-arrow-down-round-fill:before { content: &quot;&quot;; }

.ni-arrow-left-c:before { content: &quot;&quot;; }

.ni-arrow-right-c:before { content: &quot;&quot;; }

.ni-arrow-up-c:before { content: &quot;&quot;; }

.ni-arrow-down-c:before { content: &quot;&quot;; }

.ni-arrow-left-fill-c:before { content: &quot;&quot;; }

.ni-arrow-right-fill-c:before { content: &quot;&quot;; }

.ni-arrow-up-fill-c:before { content: &quot;&quot;; }

.ni-arrow-down-fill-c:before { content: &quot;&quot;; }

.ni-arrow-left-circle:before { content: &quot;&quot;; }

.ni-arrow-right-circle:before { content: &quot;&quot;; }

.ni-arrow-up-circle:before { content: &quot;&quot;; }

.ni-arrow-down-circle:before { content: &quot;&quot;; }

.ni-arrow-left-circle-fill:before { content: &quot;&quot;; }

.ni-arrow-up-circle-fill:before { content: &quot;&quot;; }

.ni-arrow-down-circle-fill:before { content: &quot;&quot;; }

.ni-arrow-right-circle-fill:before { content: &quot;&quot;; }

.ni-chevrons-left:before { content: &quot;&quot;; }

.ni-chevrons-right:before { content: &quot;&quot;; }

.ni-chevrons-up:before { content: &quot;&quot;; }

.ni-chevrons-down:before { content: &quot;&quot;; }

.ni-first:before { content: &quot;&quot;; }

.ni-last:before { content: &quot;&quot;; }

.ni-back-ios:before { content: &quot;&quot;; }

.ni-forward-ios:before { content: &quot;&quot;; }

.ni-upword-ios:before { content: &quot;&quot;; }

.ni-downward-ios:before { content: &quot;&quot;; }

.ni-back-alt:before { content: &quot;&quot;; }

.ni-forward-alt:before { content: &quot;&quot;; }

.ni-upword-alt:before { content: &quot;&quot;; }

.ni-downward-alt:before { content: &quot;&quot;; }

.ni-back-alt-fill:before { content: &quot;&quot;; }

.ni-forward-alt-fill:before { content: &quot;&quot;; }

.ni-upword-alt-fill:before { content: &quot;&quot;; }

.ni-downward-alt-fill:before { content: &quot;&quot;; }

.ni-arrow-long-left:before { content: &quot;&quot;; }

.ni-arrow-long-right:before { content: &quot;&quot;; }

.ni-arrow-long-up:before { content: &quot;&quot;; }

.ni-arrow-long-down:before { content: &quot;&quot;; }

.ni-arrow-left:before { content: &quot;&quot;; }

.ni-arrow-right:before { content: &quot;&quot;; }

.ni-arrow-up:before { content: &quot;&quot;; }

.ni-arrow-down:before { content: &quot;&quot;; }

.ni-arrow-up-left:before { content: &quot;&quot;; }

.ni-arrow-up-right:before { content: &quot;&quot;; }

.ni-arrow-down-left:before { content: &quot;&quot;; }

.ni-arrow-down-right:before { content: &quot;&quot;; }

.ni-arrow-to-left:before { content: &quot;&quot;; }

.ni-arrow-to-right:before { content: &quot;&quot;; }

.ni-arrow-to-up:before { content: &quot;&quot;; }

.ni-arrow-to-down:before { content: &quot;&quot;; }

.ni-arrow-from-left:before { content: &quot;&quot;; }

.ni-arrow-from-right:before { content: &quot;&quot;; }

.ni-arrow-from-up:before { content: &quot;&quot;; }

.ni-arrow-from-down:before { content: &quot;&quot;; }

.ni-curve-down-left:before { content: &quot;&quot;; }

.ni-curve-up-right:before { content: &quot;&quot;; }

.ni-curve-up-left:before { content: &quot;&quot;; }

.ni-curve-down-right:before { content: &quot;&quot;; }

.ni-curve-left-up:before { content: &quot;&quot;; }

.ni-curve-right-up:before { content: &quot;&quot;; }

.ni-curve-left-down:before { content: &quot;&quot;; }

.ni-curve-right-down:before { content: &quot;&quot;; }

.ni-back-arrow:before { content: &quot;&quot;; }

.ni-forward-arrow:before { content: &quot;&quot;; }

.ni-back-arrow-fill:before { content: &quot;&quot;; }

.ni-forward-arrow-fill:before { content: &quot;&quot;; }

.ni-navigate:before { content: &quot;&quot;; }

.ni-navigate-up:before { content: &quot;&quot;; }

.ni-navigate-fill:before { content: &quot;&quot;; }

.ni-navigate-up-fill:before { content: &quot;&quot;; }

.ni-send:before { content: &quot;&quot;; }

.ni-send-alt:before { content: &quot;&quot;; }

.ni-unfold-less:before { content: &quot;&quot;; }

.ni-unfold-more:before { content: &quot;&quot;; }

.ni-exchange-v:before { content: &quot;&quot;; }

.ni-exchange:before { content: &quot;&quot;; }

.ni-expand:before { content: &quot;&quot;; }

.ni-shrink:before { content: &quot;&quot;; }

.ni-focus:before { content: &quot;&quot;; }

.ni-maximize:before { content: &quot;&quot;; }

.ni-minimize:before { content: &quot;&quot;; }

.ni-maximize-alt:before { content: &quot;&quot;; }

.ni-minimize-alt:before { content: &quot;&quot;; }

.ni-shuffle:before { content: &quot;&quot;; }

.ni-cross-sm:before { content: &quot;&quot;; }

.ni-cross:before { content: &quot;&quot;; }

.ni-cross-round:before { content: &quot;&quot;; }

.ni-cross-circle:before { content: &quot;&quot;; }

.ni-cross-c:before { content: &quot;&quot;; }

.ni-cross-round-fill:before { content: &quot;&quot;; }

.ni-cross-circle-fill:before { content: &quot;&quot;; }

.ni-cross-fill-c:before { content: &quot;&quot;; }

.ni-na:before { content: &quot;&quot;; }

.ni-check:before { content: &quot;&quot;; }

.ni-check-thick:before { content: &quot;&quot;; }

.ni-done:before { content: &quot;&quot;; }

.ni-check-round:before { content: &quot;&quot;; }

.ni-check-circle:before { content: &quot;&quot;; }

.ni-check-c:before { content: &quot;&quot;; }

.ni-check-round-fill:before { content: &quot;&quot;; }

.ni-check-circle-fill:before { content: &quot;&quot;; }

.ni-check-fill-c:before { content: &quot;&quot;; }

.ni-check-circle-cut:before { content: &quot;&quot;; }

.ni-check-round-cut:before { content: &quot;&quot;; }

.ni-bullet:before { content: &quot;&quot;; }

.ni-circle:before { content: &quot;&quot;; }

.ni-square:before { content: &quot;&quot;; }

.ni-square-c:before { content: &quot;&quot;; }

.ni-bullet-fill:before { content: &quot;&quot;; }

.ni-circle-fill:before { content: &quot;&quot;; }

.ni-square-fill:before { content: &quot;&quot;; }

.ni-square-fill-c:before { content: &quot;&quot;; }

.ni-plus-sm:before { content: &quot;&quot;; }

.ni-minus-sm:before { content: &quot;&quot;; }

.ni-plus:before { content: &quot;&quot;; }

.ni-minus:before { content: &quot;&quot;; }

.ni-plus-round:before { content: &quot;&quot;; }

.ni-minus-round:before { content: &quot;&quot;; }

.ni-plus-circle:before { content: &quot;&quot;; }

.ni-minus-circle:before { content: &quot;&quot;; }

.ni-plus-c:before { content: &quot;&quot;; }

.ni-minus-c:before { content: &quot;&quot;; }

.ni-plus-round-fill:before { content: &quot;&quot;; }

.ni-plus-circle-fill:before { content: &quot;&quot;; }

.ni-minus-round-fill:before { content: &quot;&quot;; }

.ni-minus-circle-fill:before { content: &quot;&quot;; }

.ni-plus-fill-c:before { content: &quot;&quot;; }

.ni-minus-fill-c:before { content: &quot;&quot;; }

.ni-plus-medi:before { content: &quot;&quot;; }

.ni-plus-medi-fill:before { content: &quot;&quot;; }

.ni-equal-sm:before { content: &quot;&quot;; }

.ni-equal:before { content: &quot;&quot;; }

.ni-calc:before { content: &quot;&quot;; }

.ni-search:before { content: &quot;&quot;; }

.ni-zoom-out:before { content: &quot;&quot;; }

.ni-zoom-in:before { content: &quot;&quot;; }

.ni-play:before { content: &quot;&quot;; }

.ni-play-fill:before { content: &quot;&quot;; }

.ni-play-circle:before { content: &quot;&quot;; }

.ni-play-circle-fill:before { content: &quot;&quot;; }

.ni-pause:before { content: &quot;&quot;; }

.ni-pause-fill:before { content: &quot;&quot;; }

.ni-pause-circle:before { content: &quot;&quot;; }

.ni-pause-circle-fill:before { content: &quot;&quot;; }

.ni-stop:before { content: &quot;&quot;; }

.ni-stop-fill:before { content: &quot;&quot;; }

.ni-stop-circle:before { content: &quot;&quot;; }

.ni-stop-circle-fill:before { content: &quot;&quot;; }

.ni-rewind:before { content: &quot;&quot;; }

.ni-forward:before { content: &quot;&quot;; }

.ni-rewind-fill:before { content: &quot;&quot;; }

.ni-forward-fill:before { content: &quot;&quot;; }

.ni-step-back:before { content: &quot;&quot;; }

.ni-step-forward:before { content: &quot;&quot;; }

.ni-vol-off:before { content: &quot;&quot;; }

.ni-vol-no:before { content: &quot;&quot;; }

.ni-vol-half:before { content: &quot;&quot;; }

.ni-vol:before { content: &quot;&quot;; }

.ni-mic:before { content: &quot;&quot;; }

.ni-mic-off:before { content: &quot;&quot;; }

.ni-video:before { content: &quot;&quot;; }

.ni-video-off:before { content: &quot;&quot;; }

.ni-video-fill:before { content: &quot;&quot;; }

.ni-loader:before { content: &quot;&quot;; }

.ni-power:before { content: &quot;&quot;; }

.ni-signout:before { content: &quot;&quot;; }

.ni-signin:before { content: &quot;&quot;; }

.ni-upload:before { content: &quot;&quot;; }

.ni-download:before { content: &quot;&quot;; }

.ni-alert-circle:before { content: &quot;&quot;; }

.ni-alert:before { content: &quot;&quot;; }

.ni-caution:before { content: &quot;&quot;; }

.ni-report:before { content: &quot;&quot;; }

.ni-alert-c:before { content: &quot;&quot;; }

.ni-alert-circle-fill:before { content: &quot;&quot;; }

.ni-alert-fill:before { content: &quot;&quot;; }

.ni-caution-fill:before { content: &quot;&quot;; }

.ni-report-fill:before { content: &quot;&quot;; }

.ni-alert-fill-c:before { content: &quot;&quot;; }

.ni-info-i:before { content: &quot;&quot;; }

.ni-info:before { content: &quot;&quot;; }

.ni-info-fill:before { content: &quot;&quot;; }

.ni-help:before { content: &quot;&quot;; }

.ni-help-fill:before { content: &quot;&quot;; }

.ni-archived:before { content: &quot;&quot;; }

.ni-archive:before { content: &quot;&quot;; }

.ni-unarchive:before { content: &quot;&quot;; }

.ni-archived-fill:before { content: &quot;&quot;; }

.ni-archive-fill:before { content: &quot;&quot;; }

.ni-unarchive-fill:before { content: &quot;&quot;; }

.ni-bag:before { content: &quot;&quot;; }

.ni-bag-fill:before { content: &quot;&quot;; }

.ni-bell:before { content: &quot;&quot;; }

.ni-bell-off:before { content: &quot;&quot;; }

.ni-bell-fill:before { content: &quot;&quot;; }

.ni-bell-off-fill:before { content: &quot;&quot;; }

.ni-wifi:before { content: &quot;&quot;; }

.ni-wifi-off:before { content: &quot;&quot;; }

.ni-live:before { content: &quot;&quot;; }

.ni-signal:before { content: &quot;&quot;; }

.ni-bluetooth:before { content: &quot;&quot;; }

.ni-blank-alt:before { content: &quot;&quot;; }

.ni-blank:before { content: &quot;&quot;; }

.ni-blank-fill:before { content: &quot;&quot;; }

.ni-blankf-fill:before { content: &quot;&quot;; }

.ni-block-over:before { content: &quot;&quot;; }

.ni-book-read:before { content: &quot;&quot;; }

.ni-book:before { content: &quot;&quot;; }

.ni-book-fill:before { content: &quot;&quot;; }

.ni-bulb-fill:before { content: &quot;&quot;; }

.ni-bulb:before { content: &quot;&quot;; }

.ni-calendar-alt-fill:before { content: &quot;&quot;; }

.ni-calendar-alt:before { content: &quot;&quot;; }

.ni-calendar-booking-fill:before { content: &quot;&quot;; }

.ni-calendar-booking:before { content: &quot;&quot;; }

.ni-calendar-check-fill:before { content: &quot;&quot;; }

.ni-calendar-check:before { content: &quot;&quot;; }

.ni-calendar-fill:before { content: &quot;&quot;; }

.ni-calendar:before { content: &quot;&quot;; }

.ni-calender-date-fill:before { content: &quot;&quot;; }

.ni-calender-date:before { content: &quot;&quot;; }

.ni-call:before { content: &quot;&quot;; }

.ni-call-alt:before { content: &quot;&quot;; }

.ni-call-alt-fill:before { content: &quot;&quot;; }

.ni-call-fill:before { content: &quot;&quot;; }

.ni-camera-fill:before { content: &quot;&quot;; }

.ni-camera:before { content: &quot;&quot;; }

.ni-capsule:before { content: &quot;&quot;; }

.ni-capsule-fill:before { content: &quot;&quot;; }

.ni-cards:before { content: &quot;&quot;; }

.ni-cards-fill:before { content: &quot;&quot;; }

.ni-cart:before { content: &quot;&quot;; }

.ni-cart-fill:before { content: &quot;&quot;; }

.ni-cc:before { content: &quot;&quot;; }

.ni-cc-alt:before { content: &quot;&quot;; }

.ni-cc-alt2:before { content: &quot;&quot;; }

.ni-cc-secure:before { content: &quot;&quot;; }

.ni-cc-new:before { content: &quot;&quot;; }

.ni-cc-off:before { content: &quot;&quot;; }

.ni-cc-fill:before { content: &quot;&quot;; }

.ni-cc-alt-fill:before { content: &quot;&quot;; }

.ni-cc-alt2-fill:before { content: &quot;&quot;; }

.ni-cc-secure-fill:before { content: &quot;&quot;; }

.ni-msg-circle:before { content: &quot;&quot;; }

.ni-chat-circle:before { content: &quot;&quot;; }

.ni-msg:before { content: &quot;&quot;; }

.ni-chat:before { content: &quot;&quot;; }

.ni-question-alt:before { content: &quot;&quot;; }

.ni-question:before { content: &quot;&quot;; }

.ni-msg-circle-fill:before { content: &quot;&quot;; }

.ni-chat-circle-fill:before { content: &quot;&quot;; }

.ni-msg-fill:before { content: &quot;&quot;; }

.ni-chat-fill:before { content: &quot;&quot;; }

.ni-clip-h:before { content: &quot;&quot;; }

.ni-clip-v:before { content: &quot;&quot;; }

.ni-clip:before { content: &quot;&quot;; }

.ni-link-alt:before { content: &quot;&quot;; }

.ni-unlink:before { content: &quot;&quot;; }

.ni-unlink-alt:before { content: &quot;&quot;; }

.ni-link-h:before { content: &quot;&quot;; }

.ni-link-v:before { content: &quot;&quot;; }

.ni-link:before { content: &quot;&quot;; }

.ni-clipboard:before { content: &quot;&quot;; }

.ni-clipboad-check:before { content: &quot;&quot;; }

.ni-clipboard-fill:before { content: &quot;&quot;; }

.ni-clipboad-check-fill:before { content: &quot;&quot;; }

.ni-clock:before { content: &quot;&quot;; }

.ni-clock-fill:before { content: &quot;&quot;; }

.ni-cloud:before { content: &quot;&quot;; }

.ni-upload-cloud:before { content: &quot;&quot;; }

.ni-download-cloud:before { content: &quot;&quot;; }

.ni-cloud-fill:before { content: &quot;&quot;; }

.ni-contact:before { content: &quot;&quot;; }

.ni-contact-fill:before { content: &quot;&quot;; }

.ni-coffee:before { content: &quot;&quot;; }

.ni-coffee-fill:before { content: &quot;&quot;; }

.ni-box-view:before { content: &quot;&quot;; }

.ni-col-view:before { content: &quot;&quot;; }

.ni-sidebar:before { content: &quot;&quot;; }

.ni-layout:before { content: &quot;&quot;; }

.ni-table-view:before { content: &quot;&quot;; }

.ni-layout2:before { content: &quot;&quot;; }

.ni-row-view:before { content: &quot;&quot;; }

.ni-dot-box:before { content: &quot;&quot;; }

.ni-layout-fill:before { content: &quot;&quot;; }

.ni-box-view-fill:before { content: &quot;&quot;; }

.ni-sidebar-fill:before { content: &quot;&quot;; }

.ni-table-view-fill:before { content: &quot;&quot;; }

.ni-dot-box-fill:before { content: &quot;&quot;; }

.ni-template:before { content: &quot;&quot;; }

.ni-browser:before { content: &quot;&quot;; }

.ni-toolbar:before { content: &quot;&quot;; }

.ni-browser-fill:before { content: &quot;&quot;; }

.ni-toolbar-fill:before { content: &quot;&quot;; }

.ni-template-fill:before { content: &quot;&quot;; }

.ni-box:before { content: &quot;&quot;; }

.ni-package:before { content: &quot;&quot;; }

.ni-layer:before { content: &quot;&quot;; }

.ni-layers:before { content: &quot;&quot;; }

.ni-panel:before { content: &quot;&quot;; }

.ni-server:before { content: &quot;&quot;; }

.ni-layer-fill:before { content: &quot;&quot;; }

.ni-layers-fill:before { content: &quot;&quot;; }

.ni-package-fill:before { content: &quot;&quot;; }

.ni-panel-fill:before { content: &quot;&quot;; }

.ni-server-fill:before { content: &quot;&quot;; }

.ni-color-palette:before { content: &quot;&quot;; }

.ni-color-palette-fill:before { content: &quot;&quot;; }

.ni-copy:before { content: &quot;&quot;; }

.ni-copy-fill:before { content: &quot;&quot;; }

.ni-crop-alt:before { content: &quot;&quot;; }

.ni-crop:before { content: &quot;&quot;; }

.ni-target:before { content: &quot;&quot;; }

.ni-crosshair:before { content: &quot;&quot;; }

.ni-crosshair-fill:before { content: &quot;&quot;; }

.ni-db-fill:before { content: &quot;&quot;; }

.ni-db:before { content: &quot;&quot;; }

.ni-hard-drive:before { content: &quot;&quot;; }

.ni-cpu:before { content: &quot;&quot;; }

.ni-disk:before { content: &quot;&quot;; }

.ni-pen:before { content: &quot;&quot;; }

.ni-edit-alt:before { content: &quot;&quot;; }

.ni-pen-fill:before { content: &quot;&quot;; }

.ni-edit-alt-fill:before { content: &quot;&quot;; }

.ni-pen-alt-fill:before { content: &quot;&quot;; }

.ni-edit-fill:before { content: &quot;&quot;; }

.ni-edit:before { content: &quot;&quot;; }

.ni-external-alt:before { content: &quot;&quot;; }

.ni-external:before { content: &quot;&quot;; }

.ni-eye-alt:before { content: &quot;&quot;; }

.ni-eye-alt-fill:before { content: &quot;&quot;; }

.ni-eye:before { content: &quot;&quot;; }

.ni-eye-fill:before { content: &quot;&quot;; }

.ni-eye-off:before { content: &quot;&quot;; }

.ni-eye-off-fill:before { content: &quot;&quot;; }

.ni-file:before { content: &quot;&quot;; }

.ni-file-minus:before { content: &quot;&quot;; }

.ni-file-plus:before { content: &quot;&quot;; }

.ni-file-remove:before { content: &quot;&quot;; }

.ni-file-check:before { content: &quot;&quot;; }

.ni-file-code:before { content: &quot;&quot;; }

.ni-file-docs:before { content: &quot;&quot;; }

.ni-file-img:before { content: &quot;&quot;; }

.ni-file-doc:before { content: &quot;&quot;; }

.ni-file-pdf:before { content: &quot;&quot;; }

.ni-file-xls:before { content: &quot;&quot;; }

.ni-file-zip:before { content: &quot;&quot;; }

.ni-file-download:before { content: &quot;&quot;; }

.ni-file-text:before { content: &quot;&quot;; }

.ni-files:before { content: &quot;&quot;; }

.ni-file-fill:before { content: &quot;&quot;; }

.ni-file-minus-fill:before { content: &quot;&quot;; }

.ni-file-plus-fill:before { content: &quot;&quot;; }

.ni-file-remove-fill:before { content: &quot;&quot;; }

.ni-file-check-fill:before { content: &quot;&quot;; }

.ni-file-text-fill:before { content: &quot;&quot;; }

.ni-files-fill:before { content: &quot;&quot;; }

.ni-folder:before { content: &quot;&quot;; }

.ni-folder-minus:before { content: &quot;&quot;; }

.ni-folder-plus:before { content: &quot;&quot;; }

.ni-folder-remove:before { content: &quot;&quot;; }

.ni-folder-check:before { content: &quot;&quot;; }

.ni-folder-list:before { content: &quot;&quot;; }

.ni-folders:before { content: &quot;&quot;; }

.ni-folder-fill:before { content: &quot;&quot;; }

.ni-folders-fill:before { content: &quot;&quot;; }

.ni-filter-alt:before { content: &quot;&quot;; }

.ni-sort-line:before { content: &quot;&quot;; }

.ni-filter-fill:before { content: &quot;&quot;; }

.ni-filter:before { content: &quot;&quot;; }

.ni-flag:before { content: &quot;&quot;; }

.ni-flag-fill:before { content: &quot;&quot;; }

.ni-notify:before { content: &quot;&quot;; }

.ni-dashboard:before { content: &quot;&quot;; }

.ni-dashboard-fill:before { content: &quot;&quot;; }

.ni-grid-sq:before { content: &quot;&quot;; }

.ni-grid:before { content: &quot;&quot;; }

.ni-grid-c:before { content: &quot;&quot;; }

.ni-grid-alt:before { content: &quot;&quot;; }

.ni-grid-plus:before { content: &quot;&quot;; }

.ni-grid-add-c:before { content: &quot;&quot;; }

.ni-grid-fill:before { content: &quot;&quot;; }

.ni-grid-fill-c:before { content: &quot;&quot;; }

.ni-grid-alt-fill:before { content: &quot;&quot;; }

.ni-grid-plus-fill:before { content: &quot;&quot;; }

.ni-grid-add-fill-c:before { content: &quot;&quot;; }

.ni-grid-box-alt-fill:before { content: &quot;&quot;; }

.ni-grid-box-alt:before { content: &quot;&quot;; }

.ni-grid-box:before { content: &quot;&quot;; }

.ni-grid-box-fill:before { content: &quot;&quot;; }

.ni-grid-line:before { content: &quot;&quot;; }

.ni-menu-alt-left:before { content: &quot;&quot;; }

.ni-menu-alt-r:before { content: &quot;&quot;; }

.ni-menu-alt:before { content: &quot;&quot;; }

.ni-menu-center:before { content: &quot;&quot;; }

.ni-menu-left:before { content: &quot;&quot;; }

.ni-menu-right:before { content: &quot;&quot;; }

.ni-menu:before { content: &quot;&quot;; }

.ni-trend-up:before { content: &quot;&quot;; }

.ni-trend-down:before { content: &quot;&quot;; }

.ni-line-chart-down:before { content: &quot;&quot;; }

.ni-line-chart-up:before { content: &quot;&quot;; }

.ni-line-chart:before { content: &quot;&quot;; }

.ni-bar-chart:before { content: &quot;&quot;; }

.ni-bar-chart-alt:before { content: &quot;&quot;; }

.ni-chart-up:before { content: &quot;&quot;; }

.ni-chart-down:before { content: &quot;&quot;; }

.ni-growth:before { content: &quot;&quot;; }

.ni-growth-fill:before { content: &quot;&quot;; }

.ni-bar-chart-fill:before { content: &quot;&quot;; }

.ni-bar-c:before { content: &quot;&quot;; }

.ni-bar-fill-c:before { content: &quot;&quot;; }

.ni-pie:before { content: &quot;&quot;; }

.ni-pie-alt:before { content: &quot;&quot;; }

.ni-pie-fill:before { content: &quot;&quot;; }

.ni-activity:before { content: &quot;&quot;; }

.ni-activity-alt:before { content: &quot;&quot;; }

.ni-activity-round:before { content: &quot;&quot;; }

.ni-activity-round-fill:before { content: &quot;&quot;; }

.ni-meter:before { content: &quot;&quot;; }

.ni-speed:before { content: &quot;&quot;; }

.ni-happy:before { content: &quot;&quot;; }

.ni-sad:before { content: &quot;&quot;; }

.ni-meh:before { content: &quot;&quot;; }

.ni-happy-fill:before { content: &quot;&quot;; }

.ni-happyf-fill:before { content: &quot;&quot;; }

.ni-sad-fill:before { content: &quot;&quot;; }

.ni-meh-fill:before { content: &quot;&quot;; }

.ni-home:before { content: &quot;&quot;; }

.ni-home-alt:before { content: &quot;&quot;; }

.ni-home-fill:before { content: &quot;&quot;; }

.ni-img:before { content: &quot;&quot;; }

.ni-img-fill:before { content: &quot;&quot;; }

.ni-inbox:before { content: &quot;&quot;; }

.ni-inbox-in:before { content: &quot;&quot;; }

.ni-inbox-out:before { content: &quot;&quot;; }

.ni-inbox-fill:before { content: &quot;&quot;; }

.ni-inbox-in-fill:before { content: &quot;&quot;; }

.ni-inbox-out-fill:before { content: &quot;&quot;; }

.ni-link-group:before { content: &quot;&quot;; }

.ni-lock:before { content: &quot;&quot;; }

.ni-lock-alt:before { content: &quot;&quot;; }

.ni-lock-fill:before { content: &quot;&quot;; }

.ni-lock-alt-fill:before { content: &quot;&quot;; }

.ni-unlock:before { content: &quot;&quot;; }

.ni-unlock-fill:before { content: &quot;&quot;; }

.ni-mail:before { content: &quot;&quot;; }

.ni-emails:before { content: &quot;&quot;; }

.ni-mail-fill:before { content: &quot;&quot;; }

.ni-emails-fill:before { content: &quot;&quot;; }

.ni-map-pin:before { content: &quot;&quot;; }

.ni-location:before { content: &quot;&quot;; }

.ni-map:before { content: &quot;&quot;; }

.ni-map-pin-fill:before { content: &quot;&quot;; }

.ni-list:before { content: &quot;&quot;; }

.ni-list-ol:before { content: &quot;&quot;; }

.ni-align-center:before { content: &quot;&quot;; }

.ni-align-justify:before { content: &quot;&quot;; }

.ni-align-left:before { content: &quot;&quot;; }

.ni-align-right:before { content: &quot;&quot;; }

.ni-list-check:before { content: &quot;&quot;; }

.ni-list-round:before { content: &quot;&quot;; }

.ni-card-view:before { content: &quot;&quot;; }

.ni-list-fill:before { content: &quot;&quot;; }

.ni-save:before { content: &quot;&quot;; }

.ni-save-fill:before { content: &quot;&quot;; }

.ni-move:before { content: &quot;&quot;; }

.ni-scissor:before { content: &quot;&quot;; }

.ni-text:before { content: &quot;&quot;; }

.ni-text-a:before { content: &quot;&quot;; }

.ni-bold:before { content: &quot;&quot;; }

.ni-italic:before { content: &quot;&quot;; }

.ni-underline:before { content: &quot;&quot;; }

.ni-percent:before { content: &quot;&quot;; }

.ni-at:before { content: &quot;&quot;; }

.ni-hash:before { content: &quot;&quot;; }

.ni-code:before { content: &quot;&quot;; }

.ni-code-download:before { content: &quot;&quot;; }

.ni-terminal:before { content: &quot;&quot;; }

.ni-cmd:before { content: &quot;&quot;; }

.ni-sun:before { content: &quot;&quot;; }

.ni-sun-fill:before { content: &quot;&quot;; }

.ni-moon-fill:before { content: &quot;&quot;; }

.ni-moon:before { content: &quot;&quot;; }

.ni-light:before { content: &quot;&quot;; }

.ni-light-fill:before { content: &quot;&quot;; }

.ni-more-v:before { content: &quot;&quot;; }

.ni-more-h:before { content: &quot;&quot;; }

.ni-more-h-alt:before { content: &quot;&quot;; }

.ni-more-v-alt:before { content: &quot;&quot;; }

.ni-music:before { content: &quot;&quot;; }

.ni-movie:before { content: &quot;&quot;; }

.ni-offer:before { content: &quot;&quot;; }

.ni-offer-fill:before { content: &quot;&quot;; }

.ni-opt-alt:before { content: &quot;&quot;; }

.ni-opt:before { content: &quot;&quot;; }

.ni-opt-dot-alt:before { content: &quot;&quot;; }

.ni-opt-dot:before { content: &quot;&quot;; }

.ni-opt-dot-fill:before { content: &quot;&quot;; }

.ni-opt-alt-fill:before { content: &quot;&quot;; }

.ni-user-alt:before { content: &quot;&quot;; }

.ni-user-alt-fill:before { content: &quot;&quot;; }

.ni-user:before { content: &quot;&quot;; }

.ni-users:before { content: &quot;&quot;; }

.ni-user-add:before { content: &quot;&quot;; }

.ni-user-remove:before { content: &quot;&quot;; }

.ni-user-check:before { content: &quot;&quot;; }

.ni-user-cross:before { content: &quot;&quot;; }

.ni-account-setting:before { content: &quot;&quot;; }

.ni-account-setting-alt:before { content: &quot;&quot;; }

.ni-user-list:before { content: &quot;&quot;; }

.ni-user-fill:before { content: &quot;&quot;; }

.ni-users-fill:before { content: &quot;&quot;; }

.ni-user-add-fill:before { content: &quot;&quot;; }

.ni-user-remove-fill:before { content: &quot;&quot;; }

.ni-user-check-fill:before { content: &quot;&quot;; }

.ni-user-cross-fill:before { content: &quot;&quot;; }

.ni-account-setting-fill:before { content: &quot;&quot;; }

.ni-user-list-fill:before { content: &quot;&quot;; }

.ni-user-circle:before { content: &quot;&quot;; }

.ni-user-circle-fill:before { content: &quot;&quot;; }

.ni-user-c:before { content: &quot;&quot;; }

.ni-user-fill-c:before { content: &quot;&quot;; }

.ni-user-round:before { content: &quot;&quot;; }

.ni-printer:before { content: &quot;&quot;; }

.ni-printer-fill:before { content: &quot;&quot;; }

.ni-laptop:before { content: &quot;&quot;; }

.ni-monitor:before { content: &quot;&quot;; }

.ni-tablet:before { content: &quot;&quot;; }

.ni-mobile:before { content: &quot;&quot;; }

.ni-undo:before { content: &quot;&quot;; }

.ni-redo:before { content: &quot;&quot;; }

.ni-reload-alt:before { content: &quot;&quot;; }

.ni-reload:before { content: &quot;&quot;; }

.ni-regen-alt:before { content: &quot;&quot;; }

.ni-regen:before { content: &quot;&quot;; }

.ni-invest:before { content: &quot;&quot;; }

.ni-history:before { content: &quot;&quot;; }

.ni-histroy:before { content: &quot;&quot;; }

.ni-update:before { content: &quot;&quot;; }

.ni-repeat:before { content: &quot;&quot;; }

.ni-repeat-v:before { content: &quot;&quot;; }

.ni-tranx:before { content: &quot;&quot;; }

.ni-reply-all:before { content: &quot;&quot;; }

.ni-reply:before { content: &quot;&quot;; }

.ni-reply-fill:before { content: &quot;&quot;; }

.ni-reply-all-fill:before { content: &quot;&quot;; }

.ni-notes:before { content: &quot;&quot;; }

.ni-note-add:before { content: &quot;&quot;; }

.ni-notes-alt:before { content: &quot;&quot;; }

.ni-article:before { content: &quot;&quot;; }

.ni-text-rich:before { content: &quot;&quot;; }

.ni-todo:before { content: &quot;&quot;; }

.ni-report-profit:before { content: &quot;&quot;; }

.ni-reports-alt:before { content: &quot;&quot;; }

.ni-reports:before { content: &quot;&quot;; }

.ni-task:before { content: &quot;&quot;; }

.ni-note-add-c:before { content: &quot;&quot;; }

.ni-task-c:before { content: &quot;&quot;; }

.ni-todo-fill:before { content: &quot;&quot;; }

.ni-note-add-fill-c:before { content: &quot;&quot;; }

.ni-task-fill-c:before { content: &quot;&quot;; }

.ni-scan-fill:before { content: &quot;&quot;; }

.ni-scan:before { content: &quot;&quot;; }

.ni-qr:before { content: &quot;&quot;; }

.ni-money:before { content: &quot;&quot;; }

.ni-coins:before { content: &quot;&quot;; }

.ni-coin:before { content: &quot;&quot;; }

.ni-coin-alt:before { content: &quot;&quot;; }

.ni-coin-alt-fill:before { content: &quot;&quot;; }

.ni-setting-alt-fill:before { content: &quot;&quot;; }

.ni-setting-alt:before { content: &quot;&quot;; }

.ni-setting-fill:before { content: &quot;&quot;; }

.ni-setting:before { content: &quot;&quot;; }

.ni-share-alt:before { content: &quot;&quot;; }

.ni-share-fill:before { content: &quot;&quot;; }

.ni-share:before { content: &quot;&quot;; }

.ni-network:before { content: &quot;&quot;; }

.ni-rss:before { content: &quot;&quot;; }

.ni-shield:before { content: &quot;&quot;; }

.ni-shield-star:before { content: &quot;&quot;; }

.ni-shield-check:before { content: &quot;&quot;; }

.ni-shield-alert:before { content: &quot;&quot;; }

.ni-shield-off:before { content: &quot;&quot;; }

.ni-security:before { content: &quot;&quot;; }

.ni-policy:before { content: &quot;&quot;; }

.ni-shield-alert-fill:before { content: &quot;&quot;; }

.ni-shield-check-fill:before { content: &quot;&quot;; }

.ni-shield-fill:before { content: &quot;&quot;; }

.ni-shield-half:before { content: &quot;&quot;; }

.ni-shield-star-fill:before { content: &quot;&quot;; }

.ni-policy-fill:before { content: &quot;&quot;; }

.ni-spark:before { content: &quot;&quot;; }

.ni-spark-off:before { content: &quot;&quot;; }

.ni-spark-fill:before { content: &quot;&quot;; }

.ni-spark-off-fill:before { content: &quot;&quot;; }

.ni-wallet:before { content: &quot;&quot;; }

.ni-wallet-alt:before { content: &quot;&quot;; }

.ni-wallet-in:before { content: &quot;&quot;; }

.ni-wallet-out:before { content: &quot;&quot;; }

.ni-wallet-saving:before { content: &quot;&quot;; }

.ni-wallet-fill:before { content: &quot;&quot;; }

.ni-star:before { content: &quot;&quot;; }

.ni-star-half:before { content: &quot;&quot;; }

.ni-star-half-fill:before { content: &quot;&quot;; }

.ni-star-fill:before { content: &quot;&quot;; }

.ni-star-round:before { content: &quot;&quot;; }

.ni-heart:before { content: &quot;&quot;; }

.ni-heart-fill:before { content: &quot;&quot;; }

.ni-swap-alt-fill:before { content: &quot;&quot;; }

.ni-swap-alt:before { content: &quot;&quot;; }

.ni-thumbs-down:before { content: &quot;&quot;; }

.ni-thumbs-up:before { content: &quot;&quot;; }

.ni-tag:before { content: &quot;&quot;; }

.ni-tag-alt:before { content: &quot;&quot;; }

.ni-tags:before { content: &quot;&quot;; }

.ni-tag-fill:before { content: &quot;&quot;; }

.ni-tag-alt-fill:before { content: &quot;&quot;; }

.ni-tags-fill:before { content: &quot;&quot;; }

.ni-bookmark:before { content: &quot;&quot;; }

.ni-bookmark-fill:before { content: &quot;&quot;; }

.ni-label:before { content: &quot;&quot;; }

.ni-label-fill:before { content: &quot;&quot;; }

.ni-priority:before { content: &quot;&quot;; }

.ni-piority:before { content: &quot;&quot;; }

.ni-priority-fill:before { content: &quot;&quot;; }

.ni-piority-fill:before { content: &quot;&quot;; }

.ni-label-alt:before { content: &quot;&quot;; }

.ni-label-alt-fill:before { content: &quot;&quot;; }

.ni-ticket-alt:before { content: &quot;&quot;; }

.ni-ticket:before { content: &quot;&quot;; }

.ni-ticket-minus:before { content: &quot;&quot;; }

.ni-ticket-plus:before { content: &quot;&quot;; }

.ni-ticket-alt-fill:before { content: &quot;&quot;; }

.ni-ticket-fill:before { content: &quot;&quot;; }

.ni-ticket-minus-fill:before { content: &quot;&quot;; }

.ni-ticket-plus-fill:before { content: &quot;&quot;; }

.ni-toggle-off:before { content: &quot;&quot;; }

.ni-toggle-on:before { content: &quot;&quot;; }

.ni-trash-alt:before { content: &quot;&quot;; }

.ni-trash-empty:before { content: &quot;&quot;; }

.ni-trash:before { content: &quot;&quot;; }

.ni-trash-fill:before { content: &quot;&quot;; }

.ni-trash-empty-fill:before { content: &quot;&quot;; }

.ni-delete-fill:before { content: &quot;&quot;; }

.ni-delete:before { content: &quot;&quot;; }

.ni-alarm-alt:before { content: &quot;&quot;; }

.ni-alarm:before { content: &quot;&quot;; }

.ni-bugs:before { content: &quot;&quot;; }

.ni-building:before { content: &quot;&quot;; }

.ni-building-fill:before { content: &quot;&quot;; }

.ni-headphone:before { content: &quot;&quot;; }

.ni-headphone-fill:before { content: &quot;&quot;; }

.ni-aperture:before { content: &quot;&quot;; }

.ni-help-alt:before { content: &quot;&quot;; }

.ni-award:before { content: &quot;&quot;; }

.ni-briefcase:before { content: &quot;&quot;; }

.ni-gift:before { content: &quot;&quot;; }

.ni-globe:before { content: &quot;&quot;; }

.ni-umbrela:before { content: &quot;&quot;; }

.ni-truck:before { content: &quot;&quot;; }

.ni-sign-usd:before { content: &quot;&quot;; }

.ni-sign-dollar:before { content: &quot;&quot;; }

.ni-sign-mxn:before { content: &quot;&quot;; }

.ni-sign-sgd:before { content: &quot;&quot;; }

.ni-sign-euro:before { content: &quot;&quot;; }

.ni-sign-eur:before { content: &quot;&quot;; }

.ni-sign-gbp:before { content: &quot;&quot;; }

.ni-sign-pound:before { content: &quot;&quot;; }

.ni-sign-thb:before { content: &quot;&quot;; }

.ni-sign-inr:before { content: &quot;&quot;; }

.ni-sign-jpy:before { content: &quot;&quot;; }

.ni-sign-yen:before { content: &quot;&quot;; }

.ni-sign-cny:before { content: &quot;&quot;; }

.ni-sign-kobo:before { content: &quot;&quot;; }

.ni-sign-chf:before { content: &quot;&quot;; }

.ni-sign-vnd:before { content: &quot;&quot;; }

.ni-sign-php:before { content: &quot;&quot;; }

.ni-sign-brl:before { content: &quot;&quot;; }

.ni-sign-idr:before { content: &quot;&quot;; }

.ni-sign-czk:before { content: &quot;&quot;; }

.ni-sign-hkd:before { content: &quot;&quot;; }

.ni-sign-kr:before { content: &quot;&quot;; }

.ni-sign-dkk:before { content: &quot;&quot;; }

.ni-sign-nok:before { content: &quot;&quot;; }

.ni-sign-sek:before { content: &quot;&quot;; }

.ni-sign-rub:before { content: &quot;&quot;; }

.ni-sign-myr:before { content: &quot;&quot;; }

.ni-sign-pln:before { content: &quot;&quot;; }

.ni-sign-try:before { content: &quot;&quot;; }

.ni-sign-waves:before { content: &quot;&quot;; }

.ni-waves:before { content: &quot;&quot;; }

.ni-sign-trx:before { content: &quot;&quot;; }

.ni-tron:before { content: &quot;&quot;; }

.ni-sign-xem:before { content: &quot;&quot;; }

.ni-nem:before { content: &quot;&quot;; }

.ni-sign-mxr:before { content: &quot;&quot;; }

.ni-monero:before { content: &quot;&quot;; }

.ni-sign-usdc:before { content: &quot;&quot;; }

.ni-sign-steller:before { content: &quot;&quot;; }

.ni-sign-steem:before { content: &quot;&quot;; }

.ni-sign-usdt:before { content: &quot;&quot;; }

.ni-tether:before { content: &quot;&quot;; }

.ni-sign-btc:before { content: &quot;&quot;; }

.ni-bitcoin:before { content: &quot;&quot;; }

.ni-sign-bch:before { content: &quot;&quot;; }

.ni-bitcoin-cash:before { content: &quot;&quot;; }

.ni-sign-bnb:before { content: &quot;&quot;; }

.ni-binance:before { content: &quot;&quot;; }

.ni-sign-ada:before { content: &quot;&quot;; }

.ni-sign-zcash:before { content: &quot;&quot;; }

.ni-sign-eth:before { content: &quot;&quot;; }

.ni-ethereum:before { content: &quot;&quot;; }

.ni-sign-dash:before { content: &quot;&quot;; }

.ni-dash:before { content: &quot;&quot;; }

.ni-sign-xrp-old:before { content: &quot;&quot;; }

.ni-ripple-old:before { content: &quot;&quot;; }

.ni-sign-eos:before { content: &quot;&quot;; }

.ni-eos:before { content: &quot;&quot;; }

.ni-sign-xrp:before { content: &quot;&quot;; }

.ni-ripple:before { content: &quot;&quot;; }

.ni-american-express:before { content: &quot;&quot;; }

.ni-jcb:before { content: &quot;&quot;; }

.ni-cc-jcb:before { content: &quot;&quot;; }

.ni-mc:before { content: &quot;&quot;; }

.ni-cc-mc:before { content: &quot;&quot;; }

.ni-discover:before { content: &quot;&quot;; }

.ni-cc-discover:before { content: &quot;&quot;; }

.ni-visa:before { content: &quot;&quot;; }

.ni-cc-visa:before { content: &quot;&quot;; }

.ni-cc-paypal:before { content: &quot;&quot;; }

.ni-cc-stripe:before { content: &quot;&quot;; }

.ni-amazon-pay:before { content: &quot;&quot;; }

.ni-amazon-pay-fill:before { content: &quot;&quot;; }

.ni-google-pay:before { content: &quot;&quot;; }

.ni-google-pay-fill:before { content: &quot;&quot;; }

.ni-apple-pay:before { content: &quot;&quot;; }

.ni-apple-pay-fill:before { content: &quot;&quot;; }

.ni-angular:before { content: &quot;&quot;; }

.ni-react:before { content: &quot;&quot;; }

.ni-laravel:before { content: &quot;&quot;; }

.ni-html5:before { content: &quot;&quot;; }

.ni-css3-fill:before { content: &quot;&quot;; }

.ni-css3:before { content: &quot;&quot;; }

.ni-js:before { content: &quot;&quot;; }

.ni-php:before { content: &quot;&quot;; }

.ni-python:before { content: &quot;&quot;; }

.ni-bootstrap:before { content: &quot;&quot;; }

.ni-ebay:before { content: &quot;&quot;; }

.ni-google-wallet:before { content: &quot;&quot;; }

.ni-google-drive:before { content: &quot;&quot;; }

.ni-google-play-store:before { content: &quot;&quot;; }

.ni-android:before { content: &quot;&quot;; }

.ni-blogger-fill:before { content: &quot;&quot;; }

.ni-blogger:before { content: &quot;&quot;; }

.ni-hangout:before { content: &quot;&quot;; }

.ni-apple-store:before { content: &quot;&quot;; }

.ni-apple-store-ios:before { content: &quot;&quot;; }

.ni-stripe:before { content: &quot;&quot;; }

.ni-apple:before { content: &quot;&quot;; }

.ni-microsoft:before { content: &quot;&quot;; }

.ni-windows:before { content: &quot;&quot;; }

.ni-amazon:before { content: &quot;&quot;; }

.ni-paypal-alt:before { content: &quot;&quot;; }

.ni-airbnb:before { content: &quot;&quot;; }

.ni-adobe:before { content: &quot;&quot;; }

.ni-mailchimp:before { content: &quot;&quot;; }

.ni-dropbox:before { content: &quot;&quot;; }

.ni-digital-ocean:before { content: &quot;&quot;; }

.ni-slack:before { content: &quot;&quot;; }

.ni-slack-hash:before { content: &quot;&quot;; }

.ni-stack-overflow:before { content: &quot;&quot;; }

.ni-soundcloud:before { content: &quot;&quot;; }

.ni-blackberry:before { content: &quot;&quot;; }

.ni-spotify:before { content: &quot;&quot;; }

.ni-kickstarter:before { content: &quot;&quot;; }

.ni-houzz:before { content: &quot;&quot;; }

.ni-vine:before { content: &quot;&quot;; }

.ni-yelp:before { content: &quot;&quot;; }

.ni-yoast:before { content: &quot;&quot;; }

.ni-envato:before { content: &quot;&quot;; }

.ni-wordpress:before { content: &quot;&quot;; }

.ni-wp:before { content: &quot;&quot;; }

.ni-wordpress-fill:before { content: &quot;&quot;; }

.ni-elementor:before { content: &quot;&quot;; }

.ni-joomla:before { content: &quot;&quot;; }

.ni-megento:before { content: &quot;&quot;; }

.ni-git:before { content: &quot;&quot;; }

.ni-github:before { content: &quot;&quot;; }

.ni-github-round:before { content: &quot;&quot;; }

.ni-github-circle:before { content: &quot;&quot;; }

.ni-dribbble:before { content: &quot;&quot;; }

.ni-dribbble-round:before { content: &quot;&quot;; }

.ni-behance:before { content: &quot;&quot;; }

.ni-behance-fill:before { content: &quot;&quot;; }

.ni-flickr:before { content: &quot;&quot;; }

.ni-flickr-round:before { content: &quot;&quot;; }

.ni-medium:before { content: &quot;&quot;; }

.ni-medium-round:before { content: &quot;&quot;; }

.ni-reddit:before { content: &quot;&quot;; }

.ni-reddit-round:before { content: &quot;&quot;; }

.ni-reddit-circle:before { content: &quot;&quot;; }

.ni-google:before { content: &quot;&quot;; }

.ni-facebook-f:before { content: &quot;&quot;; }

.ni-facebook-fill:before { content: &quot;&quot;; }

.ni-facebook-circle:before { content: &quot;&quot;; }

.ni-instagram:before { content: &quot;&quot;; }

.ni-instagram-round:before { content: &quot;&quot;; }

.ni-linkedin:before { content: &quot;&quot;; }

.ni-linkedin-round:before { content: &quot;&quot;; }

.ni-twitter:before { content: &quot;&quot;; }

.ni-twitter-round:before { content: &quot;&quot;; }

.ni-pinterest:before { content: &quot;&quot;; }

.ni-pinterest-round:before { content: &quot;&quot;; }

.ni-pinterest-circle:before { content: &quot;&quot;; }

.ni-tumblr:before { content: &quot;&quot;; }

.ni-tumblr-round:before { content: &quot;&quot;; }

.ni-skype:before { content: &quot;&quot;; }

.ni-viber:before { content: &quot;&quot;; }

.ni-whatsapp:before { content: &quot;&quot;; }

.ni-whatsapp-round:before { content: &quot;&quot;; }

.ni-snapchat:before { content: &quot;&quot;; }

.ni-snapchat-fill:before { content: &quot;&quot;; }

.ni-telegram:before { content: &quot;&quot;; }

.ni-telegram-circle:before { content: &quot;&quot;; }

.ni-youtube-line:before { content: &quot;&quot;; }

.ni-youtube:before { content: &quot;&quot;; }

.ni-youtube-fill:before { content: &quot;&quot;; }

.ni-youtube-round:before { content: &quot;&quot;; }

.ni-vimeo:before { content: &quot;&quot;; }

.ni-vimeo-fill:before { content: &quot;&quot;; }

.com { color: #93a1a1; }

.lit { color: #195f91; }

.pun, .opn, .clo { color: #93a1a1; }

.fun { color: #dc322f; }

.str, .atv { color: #D14; }

.kwd, .linenums .tag { color: #1e347b; }

.typ, .atn, .dec, .var { color: teal; }

.pln { color: #48484c; }

.prettyprint { padding: 8px; background-color: #f7f7f9; border: 1px solid #e1e1e8; }

.prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; }

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin: 0 33px 0 0; }

ol.linenums li { padding-right: 12px; color: #bebec5; line-height: 18px; text-shadow: 0 1px 0 #fff; }

/** Select2 */
.select2 { width: 100% !important; display: inline-block; }

.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; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-right: 8px; padding-left: 20px; overflow: hidden; 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); user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-right: 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 { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown { background-color: #fff; border-radius: 4px; box-shadow: none; border: 1px solid #dbdfea; font-family: Roboto, sans-serif; font-size: 13px; font-weight: 400; display: block; position: absolute; left: -100000px; z-index: 1051; padding: 6px; }

.select2-dropdown--below { margin-top: -1px; border-radius: 0 0 4px 4px; }

.select2-dropdown--above { margin-top: 1px; border-radius: 4px 4px 0 0; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; border-radius: 4px 4px; }

.select2-results__option { padding: 0.375rem 0.75rem; border-radius: 4px; user-select: none; -webkit-user-select: none; }

.select2-results__option:not(:last-child) { margin-bottom: 0.125rem; }

.select2-results__option[aria-selected] { cursor: pointer; }

.select2-lg .select2-results__option { padding: 0.5rem 0.75rem; }

.select2-container--open .select2-dropdown { left: 0; border-color: #b4bdd3; }

.select2-search--dropdown { display: block; padding: 0; }

.select2-search--dropdown .select2-search__field { padding: 0.375rem 0.75rem; width: 100%; border-radius: 4px; margin-bottom: 6px; color: #526484; }

.select2-search--dropdown .select2-search__field:focus { outline: none; border-color: #0971fe; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-lg .select2-search--dropdown .select2-search__field { padding: 0.5rem 0.75rem; }

.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; right: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.select2-container--default .select2-selection--single { height: calc(2.125rem + 2px); font-family: Roboto, sans-serif; font-size: 13px; font-weight: 400; background-color: #fff; border: 1px solid #dbdfea; border-radius: 4px; box-shadow: none; transition: all 0.3s; }

.select2-sm .select2-container--default .select2-selection--single { font-size: 12px; }

.select2-lg .select2-container--default .select2-selection--single { font-size: 15px; }

.select2-xl .select2-container--default .select2-selection--single { font-size: 15px; }

.select2-container--default .select2-selection--single:focus { box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1); border-color: #0971fe; outline: none; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #526484; line-height: 1.25rem; padding: 0.4375rem 1rem 0.4375rem calc(2.125rem + 2px); }

.select2-container--default .select2-selection--single .select2-selection__rendered:focus { outline: none; }

.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: left; font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #8094ae; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: calc(2.125rem + 2px); position: absolute; top: 0; left: 0; width: calc(2.125rem + 2px); display: flex; align-items: center; justify-content: center; }

.select2-container--default .select2-selection--single .select2-selection__arrow:after { font-family: &quot;Nioicon&quot;; content: &quot;&quot;; line-height: 1; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }

.select2-container--default.select2-sm .select2-selection--single { height: calc(1.75rem + 2px); font-size: 12px; }

.select2-container--default.select2-sm .select2-selection--single .select2-selection__rendered { line-height: 1.25rem; padding: 0.25rem 1rem 0.25rem calc(1.75rem + 2px); }

.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 { height: calc(2.625rem + 2px); font-size: 15px; }

.select2-container--default.select2-lg .select2-selection--single .select2-selection__rendered { line-height: 1.25rem; padding: 0.6875rem 1rem 0.6875rem calc(2.625rem + 2px); }

.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 { height: calc(3.25rem + 2px); font-size: 15px; }

.select2-container--default.select2-xl .select2-selection--single .select2-selection__rendered { line-height: 2rem; padding: 0.625rem 1.25rem 0.625rem calc(3.25rem + 2px); }

.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 { border-color: #dbdfea; background-color: rgba(219, 223, 234, 0.3); 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: #b4bdd3 !important; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after { content: &quot;&quot;; }

.select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #dbdfea; border-radius: 4px; font-family: Roboto, sans-serif; font-size: 13px; font-weight: 400; cursor: text; }

.select2-container--default .select2-selection--multiple .select2-search--inline input::placeholder { color: #8094ae; }

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { padding-right: 0.8125rem !important; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: .125rem 0.1875rem; width: 100%; display: inline-flex; flex-wrap: wrap; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; margin-top: 5px; float: left; margin-left: 10px; padding: 1px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #ebeef2; border-radius: 3px; cursor: default; line-height: 1.5rem; margin: 0.1875rem 0.1875rem; padding: 0 .5rem; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #526484; cursor: pointer; display: inline-block; font-weight: bold; margin-left: .5rem; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #526484; }

.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: 0.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 #0971fe; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { border-color: #dbdfea; background-color: rgba(219, 223, 234, 0.3); 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: #b4bdd3; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #dbdfea; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results &gt; .select2-results__options { max-height: 210px; overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] { padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] { color: rgba(128, 148, 174, 0.7); }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ebeef2; }

.select2-container--default .select2-results__option .select2-results__option { padding-right: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-right: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-right: -1em; padding-right: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-right: -2em; padding-right: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-right: -3em; padding-right: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-right: -4em; padding-right: 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-right: -5em; padding-right: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #ebeef2; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

/** SimpleBar.js - v5.1.0 | License MIT License  */
[data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; }

.simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; }

.simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; }

.simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; }

.simplebar-content-wrapper, .simplebar-scroll-content { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; visibility: visible; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ scrollbar-width: none; -ms-overflow-style: none; overflow: hidden scroll; }

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-scroll-content::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; }

.simplebar-content:before, .simplebar-content:after { content: ' '; display: table; }

.simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; }

.simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; }

.simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; }

.simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; }

[data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; user-select: none; -webkit-user-select: none; }

[data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; }

.simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; }

.simplebar-scrollbar .hidden-scrollbar { visibility: hidden; }

.simplebar-scrollbar:before { position: absolute; content: ''; background: #8094ae; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s linear; }

.simplebar-scrollbar.simplebar-visible:before { /* When hovered, remove all transitions from drag handle */ opacity: 0.5; transition: opacity 0s linear; }

.simplebar-track.simplebar-vertical { top: 0; width: 8px !important; transition: width .1s; }

.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 { top: 2px; bottom: 2px; }

.simplebar-track.simplebar-horizontal { left: 0; height: 8px !important; transition: height .1s; }

.simplebar-track.simplebar-horizontal.simplebar-hover { height: 10px !important; }

.nk-sidebar .simplebar-track.simplebar-horizontal, .nk-sidebar-fat .simplebar-track.simplebar-horizontal, .nk-apps-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 { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; }

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; }

.hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; }

.simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; }

/** Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; right: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: &quot;&quot;; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: right; height: 100%; min-height: 1px; display: none; }

.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 { display: block; height: auto; border: 1px solid transparent; }

.slick-slide:focus { outline: none; border: none; }

.slick-arrow.slick-hidden { display: none; }

.slick-dots { display: flex; justify-content: center; padding-top: 1.5rem; }

.slick-dots li { display: inline-flex; padding: 0 6px; }

.slick-dots li button { background-color: #dbdfea; border: none; border-radius: 20px; text-indent: -99999px; height: 8px; width: 8px; padding: 0; overflow: hidden; transition: all .4s linear; }

.slick-dots li button:focus { outline: none; }

.slick-dots li.slick-active button { background-color: #8094ae; }

.slick-next, .slick-prev { position: absolute; top: 50%; transform: translateY(-50%); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; height: 44px; width: 44px; z-index: 9; font-size: 24px; color: #8094ae; background: #fff; transition: all .4s linear; border: 1px solid #e5e9f2; }

.slick-next:hover, .slick-prev:hover { color: #526484; background: #f5f6fa; border-color: #dbdfea; opacity: 1; }

.slick-disabled .slick-next, .slick-disabled .slick-prev { cursor: default; color: #dbdfea; }

.slick-disabled .slick-next:hover, .slick-disabled .slick-prev:hover { color: #dbdfea; background: #fff; border-color: #e5e9f2; }

.slick-next { left: 5px; }

.slick-prev { right: 5px; }

@media (min-width: 576px) { .slick-next { left: -10px; }
  .slick-prev { right: -10px; } }

/** Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)  Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */
.datepicker { padding: 10px; border-radius: 4px; direction: ltr; border: 1px solid #dbdfea; box-shadow: none; min-width: 240px; }

.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 { top: 0; left: 0; }

.datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #999; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; }

.datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; }

.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 { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; }

.datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; }

.datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.datepicker td, .datepicker th { text-align: center; width: 34px; height: 24px; padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; transition: all .3s; }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; }

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #ebeef2; cursor: pointer; }

.datepicker table tr td.old, .datepicker table tr td.new { color: #dbdfea; }

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #dbdfea; cursor: default; }

.datepicker table tr td.highlighted { background: #ebeef2; border-radius: 0; }

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #cee3ff; color: #0971fe; }

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: #3a8dfe; }

.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #0971fe; }

.datepicker table tr td.today:hover:hover { color: #fff; }

.datepicker table tr td.today.active:hover { color: #fff; }

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #dbdfea; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background-color: #6baafe; border-radius: 0; }

.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled: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.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #3a8dfe; }

.datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled: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.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #0971fe \9; }

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #3c4d62; color: #fff; }

.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled: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.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #344357; }

.datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled: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.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #2b3748 \9; }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #3a8dfe; color: #fff; }

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #0971fe; }

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #0971fe; }

.datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transition: all .3s; }

.datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #0971fe; color: #fff; }

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #dbdfea; cursor: default; }

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #3a8dfe; color: #fff; }

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled: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.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #0971fe; }

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled: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.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #0971fe \9; }

.datepicker table tr td span.old, .datepicker table tr td span.new { color: #dbdfea; }

.datepicker .datepicker-switch { width: 145px; }

.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; }

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #ebeef2; }

.datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; }

.datepicker .cw { font-size: 10px; width: 12px; padding: 0 5px 0 2px; vertical-align: middle; }

.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 { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }

.input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }

.input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #ebeef2; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; }

.datepicker.dropdown-menu { z-index: 99999 !important; }

/** jQuery Timepicker | http://timepicker.co | Copyright (c) 2016 Willington Vega; Licensed MIT, GPL */
.ui-timepicker-container { position: absolute; overflow: hidden; box-sizing: border-box; z-index: 1051 !important; }

.ui-timepicker { box-sizing: content-box; display: block; height: 205px; list-style: none outside none; margin: 0; padding: 0 1px; text-align: center; }

.ui-timepicker-viewport { box-sizing: content-box; display: block; height: 205px; margin: 0; padding: 0; overflow: auto; overflow-x: hidden; /* IE */ }

.ui-timepicker-standard { /* overwrites .ui-widget */ font-size: 1.1em; /* overwrites .ui-widget-content */ background-color: #FFF; border: 1px solid #dbdfea; color: #526484; /* overwrites .ui-menu */ margin: 0; padding: 6px; }

.ui-timepicker-standard a { border: none; color: #526484; display: block; padding: .375rem .75rem; text-decoration: none; }

.ui-timepicker-standard .ui-state-hover { background-color: #ebeef2; border: none; font-weight: normal; color: #364a63; cursor: pointer; border-radius: 4px; }

.ui-timepicker-standard .ui-menu-item { margin: 0; padding: 0; }

.ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.ui-timepicker-hidden { display: none; }

.ui-timepicker-no-scrollbar .ui-timepicker { border: none; }

/* The MIT License Copyright (c) 2012 Matias Meno &lt;m@tias.me&gt; */
@-webkit-keyframes passing-through { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% { opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% { opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }

@-moz-keyframes passing-through { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% { opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% { opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }

@keyframes passing-through { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% { opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% { opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }

@-webkit-keyframes slide-in { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% { opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

@-moz-keyframes slide-in { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% { opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes slide-in { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% { opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes pulse { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.dropzone, .dropzone * { box-sizing: border-box; }

.dropzone { min-height: 150px; border: 1px dashed #e5e9f2; border-radius: 4px; background: white; padding: 20px 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: 0.5; }

.dropzone .dz-message { text-align: center; margin: 1em 0; }

.dropzone .dz-message span { display: block; color: rgba(82, 100, 132, 0.6); }

.dropzone .dz-message-text { font-size: 13px; }

.dropzone .dz-message-text span { display: inline-block; color: #0971fe; }

.dropzone .dz-message-or { font-size: 16px; margin-bottom: 4px; text-transform: uppercase; }

.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; }

.dropzone .dz-preview:hover { z-index: 1000; }

.dropzone .dz-preview:hover .dz-details { opacity: 1; }

.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }

.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }

.dropzone .dz-preview.dz-image-preview { background: white; }

.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }

.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }

.dropzone .dz-preview:hover .dz-details { opacity: 1; }

.dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; right: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }

.dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; }

.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; }

.dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }

.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }

.dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; 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(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }

.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }

.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }

.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }

.dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }

.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 { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }

.dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }

/** nouislider - 14.1.1 - 12/15/2019 | These styles are required for noUiSlider to function. */
.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }

.noUi-target { position: relative; }

.noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; }

/* Wrapper for all connect elements. */
.noUi-connects { overflow: hidden; z-index: 0; }

.noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; }

.noUi-connect { height: 100%; width: 100%; }

.noUi-origin { height: 10%; width: 10%; }

/* Offset direction */
/* Give origins 0 height/width so they don't interfere with clicking the connect elements. */
.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 { -webkit-transition: transform 0.3s; transition: transform 0.3s; }

.noUi-state-drag * { cursor: inherit !important; }

/* Slider size and handle placement; */
.noUi-horizontal { height: 8px; }

.noUi-horizontal .noUi-handle { width: 28px; height: 28px; right: -14px; top: 50%; transform: translateY(-50%); }

.noUi-vertical { width: 8px; height: 200px; }

.noUi-vertical .noUi-handle { width: 28px; height: 28px; left: 50%; top: -14px; transform: translateX(-50%); }

/* Styling; Giving the connect element a border radius causes issues with using transform: scale */
.noUi-target { background: #dbdfea; border-radius: 4px; }

.noUi-connects { border-radius: 3px; }

.noUi-connect { background: #0971fe; }

/* Handles and cursors; */
.noUi-draggable { cursor: ew-resize; }

.noUi-vertical .noUi-draggable { cursor: ns-resize; }

.noUi-handle { border: 1px solid #dbdfea; border-radius: 50%; background: #fff; cursor: default; box-shadow: 0 3px 12px 1px rgba(43, 55, 72, 0.15); }

.noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes; */
.noUi-handle:before, .noUi-handle:after { content: &quot;&quot;; display: block; position: absolute; height: 10px; width: 1px; background: #dbdfea; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.noUi-horizontal .noUi-handle:before { margin-left: -2px; }

.noUi-horizontal .noUi-handle:after { margin-left: 2px; }

.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 10px; height: 1px; }

.noUi-vertical .noUi-handle:before { margin-top: -2px; }

.noUi-vertical .noUi-handle:after { margin-top: 2px; }

/* Disabled state; */
[disabled] .noUi-connect { background: #e5e9f2; }

[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; }

/* Base; */
.noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; }

.noUi-pips { position: absolute; color: #999; }

/* Values; */
.noUi-value { position: absolute; white-space: nowrap; text-align: center; }

.noUi-value-sub { color: #ccc; font-size: 10px; }

/* Markings; */
.noUi-marker { position: absolute; background: #CCC; }

.noUi-marker-sub { background: #AAA; }

.noUi-marker-large { background: #AAA; }

/* Horizontal layout; */
.noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; }

.noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }

.noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub { height: 10px; }

.noUi-marker-horizontal.noUi-marker-large { height: 15px; }

/* Vertical layout; */
.noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; }

.noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; }

.noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub { width: 10px; }

.noUi-marker-vertical.noUi-marker-large { width: 15px; }

.noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #1f2b3a; color: #fff; padding: 0.25rem 0.75rem; text-align: center; white-space: nowrap; font-size: 13px; opacity: 0; transition: all .3s ease; }

.noUi-handle:hover .noUi-tooltip { opacity: 0.9; }

.noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; }

.noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; }

#toast-container { position: fixed; z-index: 999999; pointer-events: none; padding: 1.25rem; width: 100%; }

#toast-container[class*=&quot;-center&quot;] .toastr { margin-left: auto; margin-right: auto; }

#toast-container[class*=&quot;-left&quot;] .toastr { margin-left: auto; }

#toast-container[class*=&quot;-right&quot;] .toastr { margin-right: auto; }

#toast-container[class*=&quot;-full&quot;] .toastr { width: 100%; }

#toast-container[class*=&quot;toast-top&quot;] { top: 0; }

#toast-container[class*=&quot;toast-bottom&quot;] { bottom: 0; }

.toastr { position: relative; pointer-events: auto; background: #fff; box-shadow: 0 3px 12px 1px rgba(43, 55, 72, 0.15); border-radius: 4px; opacity: 1; border-right: 4px solid transparent; padding: 1.25rem 1.25rem 1.25rem 4.5rem; width: 430px; max-width: 100%; font-size: 0.875rem; line-height: 1.3rem; }

.is-dark .toastr { background: #101924; color: #fff; }

.toastr:not(:last-child) { margin-bottom: 0.75rem; }

.toastr.toast-success { border-color: #1ee0ac; }

.toastr.toast-success .icon { color: #1ee0ac; }

.toastr.toast-error { border-color: #e85347; }

.toastr.toast-error .icon { color: #e85347; }

.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 { position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); font-size: 24px; line-height: 1; }

.toastr-icon + .toastr-text { padding-right: 2.35rem; }

.toastr h4, .toastr h5, .toastr h6 { margin-bottom: 0.35rem; font-size: 1rem; }

.is-dark .toastr h4, .is-dark .toastr h5, .is-dark .toastr h6 { color: #fff; }

.toast-close-button { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); display: inline-block; height: 32px; width: 32px; text-indent: -9999px; cursor: pointer; }

.toast-close-button:after { position: absolute; top: 0; left: 0; text-indent: 0; color: #8094ae; font-family: &quot;Nioicon&quot;; content: &quot;&quot;; font-size: 18px; line-height: 32px; width: 100%; text-align: center; }

.is-dark .toast-close-button:after { color: #dbdfea; }

.toast-progress { position: absolute; right: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); }

.toast-title { font-weight: bold; }

.toast-message { word-wrap: break-word; }

.toast-message a, .toast-message label { color: #526484; }

.toast-message a:hover { color: #CCCCCC; text-decoration: none; }

/** SweetAlert2 | github.com/sweetalert2/sweetalert2 */
.swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto; padding: 0.625em; overflow-y: hidden; background: #fff; box-shadow: 0 0 0.625em #d9d9d9; }

.swal2-popup.swal2-toast .swal2-header { flex-direction: row; }

.swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0 0.6em; font-size: 1em; }

.swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; }

.swal2-popup.swal2-toast .swal2-close { position: static; width: 0.8em; height: 0.8em; line-height: 0.8; }

.swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; font-size: 1em; }

.swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0; }

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: bold; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { font-size: .25em; } }

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 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'] { right: .3125em; }

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { left: .3125em; }

.swal2-popup.swal2-toast .swal2-actions { flex-basis: auto !important; width: auto; height: auto; margin: 0 .3125em; }

.swal2-popup.swal2-toast .swal2-actions .btn, .swal2-popup.swal2-toast .swal2-actions .dual-listbox .dual-listbox__button, .dual-listbox .swal2-popup.swal2-toast .swal2-actions .dual-listbox__button { margin: 0 .5em; }

.swal2-popup.swal2-toast .swal2-styled { margin: 0 .5em; padding: .3125em .625em; font-size: 1em; }

.swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(9, 113, 254, 0.4); }

.swal2-popup.swal2-toast .swal2-success { border-color: #1ee0ac; }

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] { position: absolute; width: 1.6em; height: 3em; transform: rotate(45deg); border-radius: 50%; }

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] { top: -.8em; right: -.5em; border-radius: 0 4em 4em 0; transform: rotate(-45deg); transform-origin: 2em 2em; }

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] { top: -.25em; right: .9375em; border-radius: 4em 0 0 4em; transform-origin: 0 1.5em; }

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; }

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; right: .4375em; width: .4375em; height: 2.6875em; }

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] { height: .3125em; }

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] { top: 1.125em; right: .1875em; width: .75em; }

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] { top: .9375em; left: .1875em; width: 1.375em; }

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-toast-animate-success-line-tip .75s; }

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-toast-animate-success-line-long .75s; }

.swal2-popup.swal2-toast.swal2-show { animation: swal2-toast-show 0.5s; }

.swal2-popup.swal2-toast.swal2-hide { animation: swal2-toast-hide 0.1s forwards; }

.swal2-container { display: flex; position: fixed; z-index: 1060; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; padding: 0.625em; overflow-x: hidden; transition: background-color 0.1s; -webkit-overflow-scrolling: touch; }

.swal2-container.swal2-backdrop-show { background: rgba(28, 43, 70, 0.4); }

.swal2-container.swal2-backdrop-hide { background: transparent !important; }

.swal2-container.swal2-top { align-items: flex-start; }

.swal2-container.swal2-top-start, .swal2-container.swal2-top-left { 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-start, .swal2-container.swal2-center-left { 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-start, .swal2-container.swal2-bottom-left { 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 &gt; :first-child, .swal2-container.swal2-bottom-start &gt; :first-child, .swal2-container.swal2-bottom-left &gt; :first-child, .swal2-container.swal2-bottom-end &gt; :first-child, .swal2-container.swal2-bottom-right &gt; :first-child { margin-top: auto; }

.swal2-container.swal2-grow-fullscreen &gt; .swal2-modal { display: flex !important; flex: 1; align-self: stretch; justify-content: center; }

.swal2-container.swal2-grow-row &gt; .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; }

.swal2-container.swal2-grow-column { flex: 1; flex-direction: column; }

.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom { align-items: center; }

.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left { align-items: flex-start; }

.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right { align-items: flex-end; }

.swal2-container.swal2-grow-column &gt; .swal2-modal { display: flex !important; flex: 1; align-content: center; 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) &gt; .swal2-modal { margin: auto; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-container .swal2-modal { margin: 0 !important; } }

.swal2-popup { display: none; position: relative; box-sizing: border-box; flex-direction: column; justify-content: center; width: 480px; max-width: 100%; padding: 2.75rem 2.5rem; border: none; border-radius: 4px; background: #fff; font-family: inherit; font-size: 1rem; }

.swal2-popup:focus { outline: none; }

.swal2-popup.swal2-loading { overflow-y: hidden; }

.swal2-header { display: flex; flex-direction: column; align-items: center; }

.swal2-title { position: relative; max-width: 100%; margin: 0 0 0.4em; padding: 0; color: #364a63; font-size: 1.5rem; font-weight: 700; text-align: center; text-transform: none; word-wrap: break-word; }

.swal2-html-container { margin-bottom: 1rem; }

.swal2-actions { display: flex; z-index: 1; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; margin: 1.5rem auto 0; }

.swal2-actions .btn, .swal2-actions .dual-listbox .dual-listbox__button, .dual-listbox .swal2-actions .dual-listbox__button { 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(31, 43, 58, 0.1), rgba(31, 43, 58, 0.1)); }

.swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(31, 43, 58, 0.2), rgba(31, 43, 58, 0.2)); }

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm { box-sizing: border-box; width: 2.5em; height: 2.5em; margin: .46875em; padding: 0; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: .25em solid transparent; border-radius: 100%; border-color: transparent; background-color: transparent !important; color: transparent; cursor: default; user-select: none; }

.swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px; }

.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { content: ''; display: inline-block; width: 15px; height: 15px; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: 3px solid #b4c4d7; border-radius: 50%; margin-right: 5px; border-left-color: transparent; box-shadow: 1px 1px 1px #fff; }

.swal2-styled { margin: 0 .75rem; box-shadow: none; padding: 0.6875rem 1.25rem; font-size: 0.9375rem; line-height: 1.25rem; border-radius: 5px; min-width: 90px; }

.swal2-loading .swal2-styled { min-width: 0; }

.swal2-styled:not([disabled]) { cursor: pointer; }

.swal2-styled.swal2-confirm { border: 0; border-radius: 0.25em; background: initial; background-color: #1ee0ac; color: #fff; }

.swal2-styled.swal2-confirm:focus { outline: none; }

.swal2-styled.swal2-cancel { border: 0; border-radius: 0.25em; background: initial; background-color: #e85347; color: #fff; }

.swal2-styled.swal2-cancel:focus { outline: none; }

.swal2-styled::-moz-focus-inner { border: 0; }

.swal2-footer { justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0; border-top: 1px solid #eee; color: #5a7ca7; font-size: 1em; }

.swal2-timer-progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.25em; background: rgba(31, 43, 58, 0.2); }

.swal2-image { max-width: 100%; margin: 0 auto 1.5rem; }

.swal2-close { position: absolute; z-index: 2; /* 1617 */ top: 0; left: 0; justify-content: center; width: 1.2em; height: 1.2em; padding: 0; overflow: hidden; transition: color 0.1s ease-out; border: none; border-radius: 0; outline: initial; background: transparent; color: #f7f8fa; font-family: serif; font-size: 2.5em; line-height: 1.2; cursor: pointer; }

.swal2-close:hover { transform: none; background: transparent; color: #e85347; }

.swal2-close::-moz-focus-inner { border: 0; }

.swal2-content { z-index: 1; justify-content: center; margin: 0; padding: 0; color: #8094ae; font-size: 0.875rem; font-weight: normal; line-height: normal; text-align: center; word-wrap: break-word; }

.swal2-input, .swal2-file, .swal2-textarea, .swal2-select, .swal2-radio, .swal2-checkbox { margin: 1rem auto; }

.swal2-input, .swal2-file, .swal2-textarea { box-sizing: border-box; width: 100%; transition: border-color 0.3s, box-shadow 0.3s; border: 1px solid #dbdfea; border-radius: 4px; background: inherit; box-shadow: none; color: inherit; font-size: 0.875rem; }

.swal2-input.swal2-inputerror, .swal2-file.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: #e85347 !important; box-shadow: 0 0 2px #e85347 !important; }

.swal2-input:focus, .swal2-file:focus, .swal2-textarea:focus { border: 1px solid #0971fe; outline: none; box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1); }

.swal2-input::placeholder, .swal2-file::placeholder, .swal2-textarea::placeholder { color: #f7f8fa; }

.swal2-range { margin: 1rem auto; background: #fff; }

.swal2-range input { width: 80%; }

.swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; }

.swal2-range input, .swal2-range output { height: 2.75rem; padding: 0; font-size: 0.875rem; line-height: 2.75rem; }

.swal2-input { height: 2.75rem; padding: 0 1rem; }

.swal2-input[type='number'] { max-width: 10em; }

.swal2-file { background: inherit; font-size: 0.875rem; }

.swal2-textarea { height: 6.75em; padding: 0.75em; }

.swal2-select { min-width: 50%; max-width: 100%; padding: .375em .625em; background: inherit; color: inherit; font-size: 0.875rem; }

.swal2-radio, .swal2-checkbox { align-items: center; justify-content: center; background: #fff; color: inherit; }

.swal2-radio label, .swal2-checkbox label { margin: 0 .6em; font-size: 0.875rem; }

.swal2-radio input, .swal2-checkbox input { margin: 0 .4em; }

.swal2-validation-message { display: none; align-items: center; justify-content: center; padding: 0.625em; overflow: hidden; background: white; color: #728fb3; font-size: 1em; font-weight: 300; }

.swal2-validation-message::before { content: '!'; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 .625em; border-radius: 50%; background-color: #e85347; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center; }

.swal2-icon { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: -0.5rem auto 1.5rem; border: .25em solid transparent; border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; user-select: none; transform: scale(0.8); }

.swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em; }

.swal2-icon.swal2-error { border-color: #e85347; color: #e85347; }

.swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1; }

.swal2-icon.swal2-error [class^='swal2-x-mark-line'] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: .3125em; border-radius: .125em; background-color: #e85347; }

.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 { animation: swal2-animate-error-icon .5s; }

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { 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: #8798b5; color: #526484; }

.swal2-icon.swal2-success { border-color: #1ee0ac; color: #1ee0ac; }

.swal2-icon.swal2-success [class^='swal2-success-circular-line'] { position: absolute; width: 3.75em; height: 7.5em; transform: rotate(45deg); border-radius: 50%; }

.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] { top: -.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; }

.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] { top: -.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; }

.swal2-icon.swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -.25em; left: -.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(30, 224, 172, 0.3); border-radius: 50%; }

.swal2-icon.swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: .5em; left: 1.625em; width: .4375em; height: 5.625em; transform: rotate(-45deg); }

.swal2-icon.swal2-success [class^='swal2-success-line'] { display: block; position: absolute; z-index: 2; height: .3125em; border-radius: .125em; background-color: #1ee0ac; }

.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { top: 2.875em; left: .875em; width: 1.5625em; transform: rotate(45deg); }

.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] { top: 2.375em; right: .5em; width: 2.9375em; transform: rotate(-45deg); }

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-animate-success-line-tip .75s; }

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-animate-success-line-long .75s; }

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { animation: swal2-rotate-success-circular-line 4.25s ease-in; }

.swal2-progress-steps { align-items: center; margin: 0 0 1.25em; padding: 0; background: inherit; font-weight: 600; }

.swal2-progress-steps li { display: inline-block; position: relative; }

.swal2-progress-steps .swal2-progress-step { z-index: 20; width: 2em; height: 2em; border-radius: 2em; background: #3085d6; color: #fff; line-height: 2em; text-align: center; }

.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 { z-index: 10; width: 2.5em; height: .4em; margin: 0 -1px; background: #3085d6; }

[class^='swal2'] { -webkit-tap-highlight-color: transparent; }

.swal2-show { animation: swal2-show 0.3s; }

.swal2-hide { animation: swal2-hide 0.15s forwards; }

.swal2-noanimation { transition: none; }

.swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

.swal2-rtl .swal2-close { left: auto; right: 0; }

.swal2-rtl .swal2-timer-progress-bar { left: 0; right: auto; }

@supports (-ms-accelerator: true) { .swal2-range input { width: 100% !important; }
  .swal2-range output { display: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-range input { width: 100% !important; }
  .swal2-range output { display: none; } }

@-moz-document url-prefix() { .swal2-close:focus { outline: 2px solid rgba(9, 113, 254, 0.4); } }

@keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); }
  33% { transform: translateY(0) rotateZ(-2deg); }
  66% { transform: translateY(0.3125em) rotateZ(2deg); }
  100% { transform: translateY(0) rotateZ(0deg); } }

@keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg);
    opacity: 0; } }

@keyframes swal2-toast-animate-success-line-tip { 0% { top: .5625em;
    right: .0625em;
    width: 0; }
  54% { top: .125em;
    right: .125em;
    width: 0; }
  70% { top: .625em;
    right: -.25em;
    width: 1.625em; }
  84% { top: 1.0625em;
    right: .75em;
    width: .5em; }
  100% { top: 1.125em;
    right: .1875em;
    width: .75em; } }

@keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em;
    left: 1.375em;
    width: 0; }
  65% { top: 1.25em;
    left: .9375em;
    width: 0; }
  84% { top: .9375em;
    left: 0;
    width: 1.125em; }
  100% { top: .9375em;
    left: .1875em;
    width: 1.375em; } }

@keyframes swal2-show { 0% { opacity: 0;
    transform: translate(0, 20px); }
  40% { opacity: 1; }
  100% { transform: translate(0, 0); } }

@keyframes swal2-hide { 0% { transform: scale(1);
    opacity: 1; }
  100% { transform: scale(0.7);
    opacity: 0; } }

@keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em;
    left: .0625em;
    width: 0; }
  54% { top: 1.0625em;
    left: .125em;
    width: 0; }
  70% { top: 2.1875em;
    left: -.375em;
    width: 3.125em; }
  84% { top: 3em;
    left: 1.3125em;
    width: 1.0625em; }
  100% { top: 2.8125em;
    left: .875em;
    width: 1.5625em; } }

@keyframes swal2-animate-success-line-long { 0% { top: 3.375em;
    right: 2.875em;
    width: 0; }
  65% { top: 3.375em;
    right: 2.875em;
    width: 0; }
  84% { top: 2.1875em;
    right: 0;
    width: 3.4375em; }
  100% { top: 2.375em;
    right: .5em;
    width: 2.9375em; } }

@keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); }
  5% { transform: rotate(-45deg); }
  12% { transform: rotate(-405deg); }
  100% { transform: rotate(-405deg); } }

@keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0; }
  50% { margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0; }
  80% { margin-top: -.375em;
    transform: scale(1.15); }
  100% { margin-top: 0;
    transform: scale(1);
    opacity: 1; } }

@keyframes swal2-animate-error-icon { 0% { transform: scale(0.8) rotateX(100deg);
    opacity: 0; }
  100% { transform: scale(0.8) rotateX(0deg);
    opacity: 1; } }

@keyframes swal2-rotate-loading { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

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 { top: auto; right: auto; bottom: auto; left: auto; max-width: calc(100% - 0.625em * 2); background-color: transparent !important; }

body.swal2-no-backdrop .swal2-container &gt; .swal2-modal { box-shadow: 0 0 10px rgba(28, 43, 70, 0.4); }

body.swal2-no-backdrop .swal2-container.swal2-top { top: 0; left: 50%; transform: translateX(-50%); }

body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left { top: 0; right: 0; }

body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right { top: 0; left: 0; }

body.swal2-no-backdrop .swal2-container.swal2-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }

body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left { top: 50%; right: 0; transform: translateY(-50%); }

body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right { top: 50%; left: 0; 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-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left { bottom: 0; right: 0; }

body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right { left: 0; bottom: 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) &gt; [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 { top: 0; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); }

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; bottom: auto; left: 0; right: auto; }

body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { top: 0; bottom: auto; right: 0; left: auto; }

body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { top: 50%; bottom: auto; left: auto; right: 0; transform: translateY(-50%); }

body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); }

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; bottom: auto; left: 0; right: auto; transform: translateY(-50%); }

body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { top: auto; bottom: 0; left: auto; right: 0; }

body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; transform: translateX(-50%); }

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; bottom: 0; left: 0; right: auto; }

body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch; }

body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; 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 { height: 2em; margin: .3125em auto; font-size: 1em; }

body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em; }

table.dataTable { clear: both; max-width: none !important; border-collapse: separate !important; border-spacing: 0; }

table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; }

table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; }

div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: right; white-space: nowrap; }

div.dataTables_wrapper div.dataTables_length select { width: auto; display: inline-block; }

div.dataTables_wrapper div.dataTables_length label { display: inline-flex; align-items: center; }

div.dataTables_wrapper div.dataTables_length span { margin-left: .5rem; margin-right: .5rem; }

div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; }

div.dataTables_wrapper div.dataTables_filter input { display: inline-block; }

div.dataTables_wrapper div.dataTables_info { padding: .5rem 0; white-space: nowrap; font-size: .75rem; }

div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; }

div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; justify-content: center; }

div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; margin-left: -100px; width: 200px; margin-top: -26px; text-align: center; padding: 1em 0; }

div.dataTables_wrapper label { margin-bottom: 0; }

table.dataTable thead &gt; tr &gt; th.sorting_asc, table.dataTable thead &gt; tr &gt; th.sorting_desc, table.dataTable thead &gt; tr &gt; th.sorting, table.dataTable thead &gt; tr &gt; td.sorting_asc, table.dataTable thead &gt; tr &gt; td.sorting_desc, table.dataTable thead &gt; tr &gt; td.sorting { padding-left: 30px; }

table.dataTable thead &gt; tr &gt; th:active, table.dataTable thead &gt; tr &gt; td:active { outline: none; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; }

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { position: absolute; top: 50%; transform: translateY(-50%); display: block; opacity: 0.3; }

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { left: 1em; content: &quot;\2191&quot;; }

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { left: 0.5em; content: &quot;\2193&quot;; }

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-top: 0 !important; margin-bottom: 0 !important; }

div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:before, div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; }

div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; }

div.dataTables_scrollFoot &gt; .dataTables_scrollFootInner { box-sizing: content-box; }

div.dataTables_scrollFoot &gt; .dataTables_scrollFootInner &gt; table { margin-top: 0 !important; border-top: none; }

@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 &gt; thead &gt; tr &gt; th { padding-left: 20px; }

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before { top: 5px; left: 0.85em; }

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after { top: 5px; }

table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-right-width: 0; }

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-left-width: 0; }

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width: 0; }

div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; }

div.table-responsive &gt; div.dataTables_wrapper &gt; div.row { margin: 0; }

div.table-responsive &gt; div.dataTables_wrapper &gt; div.row &gt; div[class^=&quot;col-&quot;]:first-child { padding-right: 0; }

div.table-responsive &gt; div.dataTables_wrapper &gt; div.row &gt; div[class^=&quot;col-&quot;]:last-child { padding-left: 0; }

@media (min-width: 768px) { div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: flex-start; } }

table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr:not(.child) &gt; td:first-child, table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr:not(.child) &gt; th:first-child { cursor: pointer; }

table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr:not(.child) &gt; td:first-child:before, table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr:not(.child) &gt; th:first-child:before { content: &quot;&quot;; font-family: &quot;Nioicon&quot;; margin-left: 0.4rem; }

table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr.parent &gt; td:first-child:before, table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr.parent &gt; th:first-child:before { content: &quot;&quot;; }

@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: left !important; } }

.dataTable td:focus { outline: none; }

.datatable-wrap { border: 1px solid #e5e9f2; border-radius: 4px; }

.dtr-details { padding-right: 0.25rem; }

.dtr-details .dtr-title { font-weight: 700; margin-left: 0.25rem; }

.nk-tb-col-check, .nk-tb-col-tools { pointer-events: none; }

.nk-tb-col-check &gt; *, .nk-tb-col-tools &gt; * { pointer-events: auto; }

.nk-tb-col-check:before, .nk-tb-col-check:after, .nk-tb-col-tools:before, .nk-tb-col-tools:after { display: none !important; }

.nk-tb-col-check { padding-left: .5rem !important; }

@keyframes dtb-spinner { 100% { transform: rotate(360deg); } }

@-o-keyframes dtb-spinner { 100% { -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes dtb-spinner { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes dtb-spinner { 100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes dtb-spinner { 100% { -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: #f5f6fa; box-shadow: 0 0 0 200vh rgba(31, 43, 58, 0.3); border-radius: 4px; text-align: center; z-index: 2020; overflow: hidden; border: 1px solid #e5e9f2; }

div.dt-button-info h2 { padding: 2rem; margin: 0; font-weight: normal; border-bottom: 1px solid #e5e9f2; background-color: #fff; font-size: 1.75rem; }

div.dt-button-info &gt; div { padding: 1.25rem; }

div.dt-button-collection-title { text-align: center; padding: 0.3em 0 0.5em; font-size: 0.9em; }

div.dt-button-collection-title:empty { display: none; }

div.dt-button-collection { position: absolute; z-index: 1000; width: 100%; }

div.dt-button-collection div.dropdown-menu { display: block; z-index: 1001; min-width: 100px; top: 10px; }

.dropdown-position-right div.dt-button-collection div.dropdown-menu { right: 0; left: auto; }

div.dt-button-collection div.dt-button-collection-title { background-color: white; border: 1px solid rgba(0, 0, 0, 0.15); }

div.dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; }

div.dt-button-collection.fixed.two-column { margin-left: -200px; }

div.dt-button-collection.fixed.three-column { margin-left: -225px; }

div.dt-button-collection.fixed.four-column { margin-left: -300px; }

div.dt-button-collection &gt; :last-child { display: block !important; -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; }

div.dt-button-collection &gt; :last-child &gt; * { -webkit-column-break-inside: avoid; break-inside: avoid; }

div.dt-button-collection.two-column { width: 400px; }

div.dt-button-collection.two-column &gt; :last-child { padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; }

div.dt-button-collection.three-column { width: 450px; }

div.dt-button-collection.three-column &gt; :last-child { padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; }

div.dt-button-collection.four-column { width: 600px; }

div.dt-button-collection.four-column &gt; :last-child { padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; }

div.dt-button-collection .dt-button { border-radius: 0; }

div.dt-button-collection.fixed { max-width: none; }

div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after { display: none; }

div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(31, 43, 58, 0.3); display: none !important; }

@media screen and (max-width: 767px) { div.dt-buttons { float: none; width: 100%; text-align: center; margin-bottom: 0.5em; }
  div.dt-buttons a.btn, div.dt-buttons .dual-listbox a.dual-listbox__button, .dual-listbox div.dt-buttons a.dual-listbox__button { float: none; } }

div.dt-buttons button.btn.processing, div.dt-buttons .dual-listbox button.processing.dual-listbox__button, .dual-listbox div.dt-buttons button.processing.dual-listbox__button, div.dt-buttons div.btn.processing, div.dt-buttons .dual-listbox div.processing.dual-listbox__button, .dual-listbox div.dt-buttons div.processing.dual-listbox__button, div.dt-buttons a.btn.processing, div.dt-buttons .dual-listbox a.processing.dual-listbox__button, .dual-listbox div.dt-buttons a.processing.dual-listbox__button { color: rgba(0, 0, 0, 0.2); }

div.dt-buttons button.btn.processing:after, div.dt-buttons .dual-listbox button.processing.dual-listbox__button:after, .dual-listbox div.dt-buttons button.processing.dual-listbox__button:after, div.dt-buttons div.btn.processing:after, div.dt-buttons .dual-listbox div.processing.dual-listbox__button:after, .dual-listbox div.dt-buttons div.processing.dual-listbox__button:after, div.dt-buttons a.btn.processing:after, div.dt-buttons .dual-listbox a.processing.dual-listbox__button:after, .dual-listbox div.dt-buttons a.processing.dual-listbox__button:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; display: block; content: &quot; &quot;; border: 2px solid #282828; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1500ms infinite linear; -o-animation: dtb-spinner 1500ms infinite linear; -ms-animation: dtb-spinner 1500ms infinite linear; -webkit-animation: dtb-spinner 1500ms infinite linear; -moz-animation: dtb-spinner 1500ms infinite linear; }

.dt-buttons .btn-secondary span { display: none; }

.dt-buttons .btn-secondary:before { font-size: 1.125rem; font-weight: normal; font-style: normal; width: 2.125rem; font-family: &quot;Nioicon&quot;; }

.dt-export-title { margin-left: 0.5rem; margin-right: 0.5rem; }

.buttons-copy:before { content: &quot;&quot;; }

.buttons-pdf:before { content: &quot;&quot;; }

.buttons-excel:before { content: &quot;&quot;; }

.buttons-csv:before { content: &quot;&quot;; }

.buttons-print:before { content: &quot;&quot;; }

.buttons-colvis:before { content: &quot;&quot;; }

.buttons-columnVisibility { position: relative; padding-right: 42px; font-size: 12px; font-weight: 500; color: #526484; transition: all .4s; }

.buttons-columnVisibility.active:not(:hover) { color: #526484; background-color: transparent; }

.buttons-columnVisibility.active:after { content: &quot;&quot;; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; font-family: &quot;Nioicon&quot;; }

@media (max-width: 600px) { .with-export &gt; .col-5, .with-export &gt; .col-7, .with-export &gt; .col-sm-4, .with-export &gt; .col-sm-8 { width: 100% !important; flex: 0 0 100%; max-width: 100%; }
  .with-export .datatable-filter .justify-content-end, .with-export .datatable-filter .justify-end { justify-content: space-between !important; }
  .with-export .dataTables_filter label { display: block; }
  .with-export .dataTables_filter .form-control, .with-export div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper .with-export div.dataTables_filter input, .with-export .dataTables_filter .dual-listbox .dual-listbox__search, .dual-listbox .with-export .dataTables_filter .dual-listbox__search { width: 100% !important; } }

.jqvmap-label { position: absolute; display: none; border-radius: 4px; background: rgba(31, 43, 58, 0.9); color: #fff; padding: .25rem .75rem; pointer-events: none; font-size: 12px; }

.jqvmap-pin { pointer-events: none; }

.jqvmap-zoomin, .jqvmap-zoomout { position: absolute; right: 10px; border-radius: 3px; background: rgba(31, 43, 58, 0.9); padding: .125rem; color: #fff; width: 1rem; height: 1rem; cursor: pointer; line-height: .75rem; text-align: center; }

.jqvmap-zoomin { top: 10px; }

.jqvmap-zoomout { top: 30px; }

.jqvmap-region { cursor: pointer; }

.jqvmap-ajax_response { width: 100%; height: 500px; }

.tagify { display: flex; align-items: flex-start; flex-wrap: wrap; border: 1px solid #e5e9f2; padding: 3px; line-height: 1.1; cursor: text; outline: none; position: relative; transition: .1s; font-size: 14px; }

@keyframes tags--bump { 30% { transform: scale(1.2); } }

@keyframes rotateLoader { to { transform: rotate(1turn); } }

@media (max-width: 576px) { .tagify { padding: 4px; font-size: 12px; } }

.tagify:hover { border-color: #dbdfea; }

.tagify.tagify--focus { transition: 0s; border-color: #0971fe; }

.tagify[readonly] { cursor: default; }

.tagify[readonly] &gt; .tagify__input { visibility: hidden; width: 0; margin: 5px 0; }

.tagify[readonly] .tagify__tag__removeBtn { display: none; }

.tagify[readonly] .tagify__tag &gt; div { padding: 0.25rem 0.5rem 0.25rem 0.675rem; }

.tagify[readonly] .tagify__tag &gt; div::before { background: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent) 0/5px 5px; box-shadow: none; filter: brightness(0.95); }

.tagify--loading .tagify__input::before { content: none; }

.tagify--loading .tagify__input::after { content: ''; vertical-align: middle; margin: -2px 0 -2px .5em; opacity: 1; width: .7em; height: .7em; border: 3px solid; border-color: #EEE #BBB #888 transparent; border-radius: 50%; animation: rotateLoader .4s infinite linear; }

.tagify--loading .tagify__input:empty::after { margin-left: 0; }

.tagify + input, .tagify + textarea { display: none !important; }

.tagify__tag { display: inline-flex; align-items: center; margin: 2px; position: relative; z-index: 1; outline: none; cursor: default; transition: .13s ease-out; }

.tagify__tag &gt; div { vertical-align: top; box-sizing: border-box; max-width: 100%; padding: 0.25rem 0.5rem 0.25rem 0.675rem; color: #526484; line-height: inherit; border-radius: 15px; user-select: none; transition: .13s ease-out; }

.tagify__tag &gt; div &gt; * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: top; min-width: var(--tag--min-width); max-width: var(--tag--max-width); transition: .8s ease, .1s color; }

.tagify__tag &gt; div &gt; *[contenteditable] { outline: none; user-select: text; cursor: text; margin: -2px; padding: 2px; max-width: 350px; }

.tagify__tag &gt; div::before { content: ''; position: absolute; border-radius: inherit; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; transition: 120ms ease; box-shadow: 0 0 0 1.1em #fff inset; border: 1px solid #e5e9f2; }

.tagify__tag:hover:not([readonly]) div::before { top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 0 0 1.1em #f5f6fa inset; }

.tagify__tag.tagify--noAnim &gt; div::before { animation: none; }

.tagify__tag.tagify--hide { width: 0 !important; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; opacity: 0; transform: scale(0); transition: .3s; pointer-events: none; }

.tagify__tag.tagify--mark div::before { animation: none; }

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div &gt; span { opacity: .5; }

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before { box-shadow: 0 0 0 1.1em rgba(114, 128, 146, 0.5) inset !important; transition: .2s; }

.tagify__tag[readonly] .tagify__tag__removeBtn { display: none; }

.tagify__tag[readonly] &gt; div::before { background: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent) 0/5px 5px; box-shadow: none; filter: brightness(0.95); border-color: none; }

.tagify__tag--editable &gt; div { color: #526484; }

.tagify__tag--editable &gt; div::before { box-shadow: 0 0 0 2px #f5f6fa inset !important; }

.tagify__tag--editable.tagify--invalid &gt; div::before { box-shadow: 0 0 0 2px #728092 inset !important; }

.tagify__tag__removeBtn { order: 5; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; cursor: pointer; font: 14px Serif; background: none; color: #364a63; width: 14px; height: 14px; margin-right: 4.66667px; margin-left: -4.66667px; transition: .2s ease-out; }

.tagify__tag__removeBtn::after { position: relative; content: &quot;\00D7&quot;; top: 1px; }

.tagify__tag__removeBtn:hover { color: white; background: #606c7c; }

.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; min-width: 60px; margin: 2px; padding: 0.25rem 0.5rem 0.25rem 0.675rem; line-height: inherit; position: relative; white-space: pre-line; /* in &quot;mix mode&quot; the tags are inside the &quot;input&quot; element */ }

.tagify__input::before { display: inline-block; width: 0; }

.tagify__input:empty { display: flex; }

.tagify__input:empty::before { transition: .2s ease-out; opacity: 0.7; transform: none; width: auto; }

.tagify__input:focus { outline: none; }

.tagify__input:focus::before { transition: .2s ease-out; opacity: 0; transform: translatex(6px); }

@supports (-moz-appearance: none) { .tagify__input:focus::before { display: none; } }

.tagify__input:focus:empty::before { transition: .2s ease-out; opacity: 0.5; transform: none; }

@supports (-moz-appearance: none) { .tagify__input:focus:empty::before { display: inline-block; } }

.tagify__input::before { content: attr(data-placeholder); line-height: 1.8; position: absolute; top: 0; z-index: 1; color: #526484; white-space: nowrap; pointer-events: none; opacity: 0; }

.tagify--mix .tagify__input::before { position: static; line-height: inherit; }

@supports (-moz-appearance: none) { .tagify__input::before { line-height: inherit; position: relative; } }

.tagify__input::after { content: attr(data-suggest); display: inline-block; white-space: pre; /* allows spaces at the beginning */ color: #526484; opacity: .3; pointer-events: none; max-width: 100px; }

.tagify__input .tagify__tag { margin: 0; }

.tagify__input .tagify__tag &gt; div { padding-top: 0; padding-bottom: 0; }

.tagify--mix { line-height: 1.7; }

.tagify--mix .tagify__input { padding: 5px; margin: 0; width: 100%; height: 100%; line-height: inherit; }

.tagify--mix .tagify__input::after { content: none; }

.tagify--select::after { content: '&gt;'; opacity: .5; position: absolute; top: 50%; right: 0; bottom: 0; font: 16px monospace; line-height: 8px; height: 8px; pointer-events: none; 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 { position: absolute; top: 0; right: 1.8em; bottom: 0; }

.tagify--select .tagify__tag div { display: none; }

.tagify--select .tagify__input { width: 100%; }

.tagify--invalid { border-color: #728092; }

.tagify__dropdown { position: absolute; z-index: 9999; transform: translateY(4px); overflow: hidden; box-shadow: 0 1px 4px rgba(54, 74, 99, 0.1); border-radius: 4px; }

.tagify__dropdown[placement=&quot;top&quot;] { margin-top: 0; transform: translateY(-4px); box-shadow: 0 -1px 4px rgba(54, 74, 99, 0.1); }

.tagify__dropdown--text { box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1); font-size: .9em; }

.tagify__dropdown--text .tagify__dropdown__wrapper { border-width: 1px; }

.tagify__dropdown__wrapper { max-height: 300px; overflow: hidden; background: white; border: 1px solid #e5e9f2; padding: .25rem; border-radius: 4px; transition: 0.25s cubic-bezier(0, 1, 0.5, 1); }

.tagify__dropdown__wrapper:hover { overflow: auto; }

.tagify__dropdown--initial .tagify__dropdown__wrapper { max-height: 20px; transform: translateY(-1em); }

.tagify__dropdown--initial[placement=&quot;top&quot;] .tagify__dropdown__wrapper { transform: translateY(2em); }

.tagify__dropdown__item { box-sizing: inherit; padding: 0.25rem 0.5rem 0.25rem 0.675rem; margin: 1px; cursor: pointer; border-radius: 2px; position: relative; outline: none; }

.tagify__dropdown__item--active { background: #0971fe; color: white; }

.tagify__dropdown__item:active { filter: brightness(105%); }

.tagify__dropdown__createTagBtn { width: 100%; background: #0971fe; color: white; border: none; }

/* classes attached to &lt;body&gt; */
.fc-not-allowed, .fc-not-allowed .fc-event { /* override events' custom cursors */ cursor: not-allowed; }

.fc-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.fc { /* layout of immediate children */ display: flex; flex-direction: column; font-size: 1em; }

.fc, .fc *, .fc *:before, .fc *:after { box-sizing: border-box; }

.fc table { border-collapse: collapse; border-spacing: 0; font-size: 1em; /* normalize cross-browser */ }

.fc th { text-align: center; }

.fc th, .fc td { vertical-align: top; padding: 0; }

.fc .table-bordered { border-radius: 4px; }

.fc .table-bordered thead th, .fc .table-bordered thead td { border-bottom-width: 0; }

.fc .table-bordered thead &gt; tr &gt; th, .fc .table-bordered thead &gt; tr &gt; td { 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); }

/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td, .fc-liquid-hack th { position: relative; }

@font-face { font-family: 'fcicons'; src: url(&quot;data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=&quot;) format(&quot;truetype&quot;); font-weight: normal; font-style: normal; }

.fc-icon, .fa { /* added for fc */ display: inline-block; width: 1em; height: 1em; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'fcicons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.fc-icon-chevron-left:before, .fa-chevron-left:before { content: &quot;\e900&quot;; }

.fc-icon-chevron-right:before, .fa-chevron-right:before { content: &quot;\e901&quot;; }

.fc-icon-chevrons-left:before, .fa-chevrons-left:before { content: &quot;\e902&quot;; }

.fc-icon-chevrons-right:before, .fa-chevrons-right:before { content: &quot;\e903&quot;; }

.fc-icon-minus-square:before, .fa-minus-square:before { content: &quot;\e904&quot;; }

.fc-icon-plus-square:before, .fa-plus-square:before { content: &quot;\e905&quot;; }

.fc-icon-x:before, .fa-times:before { content: &quot;\e906&quot;; }

/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc { /* reset */ }

.fc .fc-button { border-radius: 0; overflow: visible; text-transform: none; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

.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 { padding: 0; border-style: none; }

.fc { /* theme */ }

.fc .fc-button { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4em 0.65em; font-size: 1em; line-height: 1.5; border-radius: 0.25em; }

.fc .fc-button:hover { text-decoration: none; }

.fc .fc-button:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); }

.fc .fc-button:disabled { opacity: 0.65; }

.fc { /* &quot;primary&quot; coloring */ }

.fc .fc-button-primary { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2C3E50; background-color: var(--fc-button-bg-color, #2C3E50); border-color: #2C3E50; border-color: var(--fc-button-border-color, #2C3E50); }

.fc .fc-button-primary:hover { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1e2b37; background-color: var(--fc-button-hover-bg-color, #1e2b37); border-color: #1a252f; border-color: var(--fc-button-hover-border-color, #1a252f); }

.fc .fc-button-primary:disabled { /* not DRY */ color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2C3E50; background-color: var(--fc-button-bg-color, #2C3E50); border-color: #2C3E50; border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */ }

.fc .fc-button-primary:focus { box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }

.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1a252f; background-color: var(--fc-button-active-bg-color, #1a252f); border-color: #151e27; border-color: var(--fc-button-active-border-color, #151e27); }

.fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus { box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }

.fc { /* icons within buttons */ }

.fc .fc-button .fc-icon { vertical-align: middle; font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */ }

.fc .fc-button-group { position: relative; display: inline-flex; vertical-align: middle; }

.fc .fc-button-group &gt; .fc-button { position: relative; flex: 1 1 auto; }

.fc .fc-button-group &gt; .fc-button:hover { z-index: 1; }

.fc .fc-button-group &gt; .fc-button:focus, .fc .fc-button-group &gt; .fc-button:active, .fc .fc-button-group &gt; .fc-button.fc-button-active { z-index: 1; }

.fc-direction-ltr .fc-button-group &gt; .fc-button:not(:first-child) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.fc-direction-ltr .fc-button-group &gt; .fc-button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.fc-direction-rtl .fc-button-group &gt; .fc-button:not(:first-child) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.fc-direction-rtl .fc-button-group &gt; .fc-button:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.fc .fc-toolbar { display: flex; justify-content: space-between; align-items: center; }

@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 { display: flex; align-items: center; 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, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .dual-listbox__button, .dual-listbox .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox__button { position: relative; font-family: Roboto, sans-serif; font-weight: 700; font-size: 12px; background: transparent; color: #8094ae; border: 1px solid #dbdfea; text-transform: capitalize; }

.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:disabled, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .dual-listbox__button:disabled, .dual-listbox .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox__button:disabled { background: transparent; color: #8094ae; border: 1px solid #dbdfea; }

.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:hover, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .dual-listbox__button:hover, .dual-listbox .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox__button:hover, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:focus, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .dual-listbox__button:focus, .dual-listbox .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox__button:focus { color: #526484; background: #f5f6fa; border: 1px solid #dbdfea; }

.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:focus, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .dual-listbox__button:focus, .dual-listbox .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox__button:focus { box-shadow: 0 0 0 0.2rem rgba(219, 223, 234, 0.5); }

.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn.active, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .active.dual-listbox__button, .dual-listbox .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .active.dual-listbox__button { color: #364a63; border: 1px solid #dbdfea; background: #f5f6fa; box-shadow: inset 0 0 4px -1px rgba(128, 148, 174, 0.25); }

.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-prev-button, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-next-button { border: none !important; }

.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-prev-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-next-button:hover, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-next-button:focus { 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-timeGridWeek-button, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-timeGridDay-button, .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-listWeek-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-timeGridWeek-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-listWeek-button:before { color: #8094ae; position: absolute; top: 50%; left: 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: -0.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 &gt; * &gt; :not(:first-child) { margin-left: .75em; /* space between */ }

.fc-direction-rtl .fc-toolbar &gt; * &gt; :not(:first-child) { margin-right: .75em; /* space between */ }

.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */ flex-direction: row-reverse; }

.fc .fc-scroller { -webkit-overflow-scrolling: touch; position: relative; /* for abs-positioned elements within */ }

.fc .fc-scroller-liquid { height: 100%; }

.fc .fc-scroller-liquid-absolute { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }

.fc .fc-scroller-harness { position: relative; overflow: hidden; direction: ltr; /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */ /* TODO: demonstrate in codepen */ }

.fc .fc-scroller-harness-liquid { height: 100%; }

.fc-direction-rtl .fc-scroller-harness &gt; .fc-scroller { /* undo above hack */ direction: rtl; }

.fc-theme-standard .fc-scrollgrid { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */ }

.fc .fc-scrollgrid, .fc .fc-scrollgrid table { /* all tables (self included) */ width: 100%; /* because tables don't normally do this */ table-layout: fixed; }

.fc .fc-scrollgrid table { /* inner tables */ border-top-style: hidden; border-left-style: hidden; border-right-style: hidden; }

.fc .fc-scrollgrid { border-collapse: separate; border-right-width: 0; border-bottom-width: 0; }

.fc .fc-scrollgrid-liquid { height: 100%; }

.fc .fc-scrollgrid-section { /* a &lt;tr&gt; */ height: 1px; }

.fc .fc-scrollgrid-section &gt; td { height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */ }

.fc .fc-scrollgrid-section table { height: 1px; /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */ /* serves as a min-height. harmless */ }

.fc .fc-scrollgrid-section-liquid { height: auto; }

.fc .fc-scrollgrid-section-liquid &gt; td { height: 100%; /* better than `auto`, for firefox */ }

.fc .fc-scrollgrid-section &gt; * { border-top-width: 0; border-left-width: 0; }

.fc .fc-scrollgrid-section-header &gt; *, .fc .fc-scrollgrid-section-footer &gt; * { border-bottom-width: 0; }

.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table { border-bottom-style: hidden; /* head keeps its bottom border tho */ }

.fc { /* stickiness */ }

.fc .fc-scrollgrid-section-sticky &gt; * { background: #fff; background: var(--fc-page-bg-color, #fff); position: -webkit-sticky; position: sticky; z-index: 2; /* TODO: var */ /* TODO: box-shadow when sticking */ }

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky &gt; * { top: 0; /* because border-sharing causes a gap at the top */ /* TODO: give safari -1. has bug */ }

.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky &gt; * { bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */ }

.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */ height: 1px; /* needs height to create scrollbars */ margin-bottom: -1px; }

.fc-sticky { /* no .fc wrap because used as child of body */ position: -webkit-sticky; position: sticky; }

.fc .fc-view-harness { flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */ position: relative; }

.fc { /* when the harness controls the height, make the view liquid */ }

.fc .fc-view-harness-active &gt; .fc-view { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.fc .fc-col-header-cell-cushion { display: inline-block; /* x-browser for when sticky (when multi-tier header) */ padding: 2px 4px; }

.fc .fc-bg-event, .fc .fc-non-business, .fc .fc-highlight { /* will always have a harness with position:relative/absolute, so absolutely expand */ position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.fc .fc-non-business { background: rgba(215, 215, 215, 0.3); background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3)); }

.fc .fc-bg-event { background: #8fdf82; background: var(--fc-bg-event-color, #8fdf82); opacity: 0.3; opacity: var(--fc-bg-event-opacity, 0.3); }

.fc .fc-bg-event .fc-event-title { margin: .5em; font-size: .85em; font-size: var(--fc-small-font-size, 0.85em); font-style: italic; }

.fc .fc-highlight { background: rgba(188, 232, 241, 0.3); background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3)); }

.fc .fc-cell-shaded, .fc .fc-day-disabled { background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); }

/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
.fc .fc-event { padding: .125rem .375rem; margin: .5rem .375rem; }

a.fc-event, a.fc-event:hover { text-decoration: none; }

/* cursor */
.fc-event[href], .fc-event.fc-event-draggable { cursor: pointer; }

/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main { position: relative; z-index: 2; }

/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */ opacity: 0.75; }

.fc-event-dragging.fc-event-selected { /* TOUCH */ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer { display: none; position: absolute; z-index: 4; }

.fc-event:hover, .fc-event-selected { /* TOUCH */ }

.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer { display: block; }

.fc-event-selected .fc-event-resizer { border-radius: 4px; border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2); border-width: 1px; border-width: var(--fc-event-resizer-dot-border-width, 1px); width: 8px; width: var(--fc-event-resizer-dot-total-width, 8px); height: 8px; height: var(--fc-event-resizer-dot-total-width, 8px); border-style: solid; border-color: inherit; background: #fff; background: var(--fc-page-bg-color, #fff); }

.fc-event-selected .fc-event-resizer:before { content: ''; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; }

/* selecting (always TOUCH) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event-selected:before { content: &quot;&quot;; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; }

.fc-event-selected { /* dimmer effect */ }

.fc-event-selected:after { content: &quot;&quot;; background: rgba(0, 0, 0, 0.25); background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25)); position: absolute; z-index: 1; /* assume there's a border on all sides. overcome it. */ /* sometimes there's NOT a border, in which case the dimmer will go over */ /* an adjacent border, which looks fine. */ top: -1px; left: -1px; right: -1px; bottom: -1px; }

/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */ display: block; border: 1px solid #0971fe; background-color: #0971fe; }

.fc-h-event .fc-event-main-frame { display: flex; /* for make fc-event-title-container expand */ }

.fc-h-event .fc-event-time { max-width: 100%; /* clip overflow on this element */ overflow: hidden; }

.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */ flex-grow: 1; flex-shrink: 1; min-width: 0; /* important for allowing to shrink all the way */ }

.fc-h-event .fc-event-title { display: inline-block; /* need this to be sticky cross-browser */ vertical-align: top; /* for not messing up line-height */ left: 0; /* for sticky */ right: 0; /* for sticky */ max-width: 100%; /* clip overflow on this element */ overflow: hidden; }

.fc-h-event.fc-event-selected:before { /* expand hit area */ top: -10px; bottom: -10px; }

/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; }

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; }

/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer { top: 0; bottom: 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); }

/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer { top: 50%; margin-top: -4px; margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); }

.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 { position: fixed; top: 0; /* for when not positioned yet */ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc .fc-popover-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 3px 4px; }

.fc .fc-popover-title { margin: 0 2px; }

.fc .fc-popover-close { cursor: pointer; opacity: 0.65; font-size: 1.1em; }

.fc-theme-standard .fc-popover { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); background: #fff; background: var(--fc-page-bg-color, #fff); }

.fc-theme-standard .fc-popover-header { background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); }

/* help things clear margins of inner content */
.fc-daygrid-day-frame, .fc-daygrid-day-events, .fc-daygrid-event-harness { /* for event top/bottom margins */ }

.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before { content: &quot;&quot;; clear: both; display: table; }

.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after { content: &quot;&quot;; clear: both; display: table; }

.fc .fc-daygrid-body { /* a &lt;div&gt; that wraps the table */ position: relative; z-index: 1; /* container inner z-index's because &lt;tr&gt;s can't do it */ }

.fc .fc-daygrid-day.fc-day-today { background-color: rgba(9, 113, 254, 0.07); }

.fc .fc-daygrid-day-frame { position: relative; min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */ }

.fc { /* cell top */ }

.fc .fc-daygrid-day-top { display: flex; flex-direction: row-reverse; }

.fc .fc-day-other .fc-daygrid-day-top { opacity: 0.5; }

.fc { /* day number (within cell top) */ }

.fc .fc-daygrid-day-number { position: relative; z-index: 4; padding: 4px; }

.fc { /* event container */ }

.fc .fc-daygrid-day-events { margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */ }

.fc { /* positioning for balanced vs natural */ }

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events { position: absolute; left: 0; right: 0; }

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { position: relative; /* for containing abs positioned event harnesses */ min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */ }

.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */ }

.fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 1em; }

.fc { /* event harness */ }

.fc .fc-daygrid-event-harness { position: relative; }

.fc .fc-daygrid-event-harness-abs { position: absolute; top: 0; /* fallback coords for when cannot yet be computed */ left: 0; /* */ right: 0; /* */ }

.fc .fc-daygrid-bg-harness { position: absolute; top: 0; bottom: 0; }

.fc { /* bg content */ }

.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 { /* events */ }

.fc .fc-daygrid-event { z-index: 6; margin: .375rem .5rem !important; }

.fc .fc-daygrid-event.fc-event-mirror { z-index: 7; }

.fc { /* cell bottom (within day-events) */ }

.fc .fc-daygrid-day-bottom { font-size: .85em; margin: 2px 3px 0; }

.fc .fc-daygrid-more-link { position: relative; z-index: 4; cursor: pointer; }

.fc { /* week number (within frame) */ }

.fc .fc-daygrid-week-number { position: absolute; z-index: 5; top: 0; padding: 2px; min-width: 1.5em; text-align: center; background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); color: #808080; color: var(--fc-neutral-text-color, #808080); }

.fc { /* popover */ }

.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 { left: 0; border-radius: 0 0 3px 0; }

.fc-direction-rtl .fc-daygrid-week-number { right: 0; border-radius: 0 0 0 3px; }

.fc-liquid-hack .fc-daygrid-day-frame { position: static; /* will cause inner absolute stuff to expand to &lt;td&gt; */ }

.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */ position: relative; /* for z-indexes assigned later */ white-space: nowrap; border-radius: 3px; /* dot event needs this to when selected */ font-size: .85em; font-size: var(--fc-small-font-size, 0.85em); }

/* --- the rectangle (&quot;block&quot;) style of event --- */
.fc-daygrid-block-event .fc-event-time { font-weight: bold; }

.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { padding: 1px; }

/* --- the dot style of event --- */
.fc-daygrid-dot-event { display: flex; align-items: center; padding: .25rem .25rem; }

.fc-daygrid-dot-event .fc-event-title { flex-grow: 1; flex-shrink: 1; min-width: 0; /* important for allowing to shrink all the way */ overflow: hidden; font-weight: bold; }

.fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror { background: rgba(0, 0, 0, 0.1); }

.fc-daygrid-dot-event.fc-event-selected:before { /* expand hit area */ top: -10px; bottom: -10px; }

.fc-daygrid-event-dot { /* the actual dot */ margin: -2px 4px 0; box-sizing: content-box; width: 0; height: 0; border: 3px solid #0971fe; border-radius: 4px; }

/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time { margin-right: 3px; }

.fc-direction-rtl .fc-daygrid-event .fc-event-time { margin-left: 3px; }

/*
A VERTICAL event
*/
.fc-v-event { /* allowed to be top-level */ display: block; border: 1px solid #0971fe; background-color: #0971fe; }

.fc-v-event .fc-event-main { height: 100%; }

.fc-v-event .fc-event-main-frame { height: 100%; display: flex; flex-direction: column; }

.fc-v-event .fc-event-time { flex-grow: 0; flex-shrink: 0; max-height: 100%; overflow: hidden; }

.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */ flex-grow: 1; flex-shrink: 1; min-height: 0; /* important for allowing to shrink all the way */ }

.fc-v-event .fc-event-title { /* will have fc-sticky on it */ top: 0; bottom: 0; max-height: 100%; /* clip overflow */ overflow: hidden; }

.fc-v-event:not(.fc-event-start) { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.fc-v-event:not(.fc-event-end) { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.fc-v-event.fc-event-selected:before { /* expand hit area */ left: -10px; right: -10px; }

.fc-v-event { /* resizer (mouse AND touch) */ }

.fc-v-event .fc-event-resizer-start { cursor: n-resize; }

.fc-v-event .fc-event-resizer-end { cursor: s-resize; }

.fc-v-event { /* resizer for MOUSE */ }

.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 { /* resizer for TOUCH (when event is &quot;selected&quot;) */ }

.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 { /* the all-day daygrid within the timegrid view */ z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */ }

.fc .fc-timegrid-divider { padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */ }

.fc .fc-timegrid-body { position: relative; z-index: 1; /* scope the z-indexes of slots and cols */ min-height: 100%; /* fill height always, even when slat table doesn't grow */ }

.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */ position: relative; }

.fc .fc-timegrid-axis-chunk &gt; table { position: relative; z-index: 1; /* above the now-indicator-container */ }

.fc .fc-timegrid-slots { position: relative; z-index: 1; }

.fc .fc-timegrid-slot { /* a &lt;td&gt; */ height: 1.5em; border-bottom: 0; /* each cell owns its top border */ padding: .25rem; }

.fc .fc-timegrid-slot:empty:before { content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */ }

.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; /* vertical align the slots */ }

.fc { /* slots AND axis cells (top-left corner of view including the &quot;all-day&quot; text) */ }

.fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion { padding: 0 4px; }

.fc { /* axis cells (top-left corner of view including the &quot;all-day&quot; text) */ /* vertical align is more complicated, uses flexbox */ }

.fc .fc-timegrid-axis-frame-liquid { height: 100%; /* will need liquid-hack in FF */ }

.fc .fc-timegrid-axis-frame { overflow: hidden; display: flex; align-items: center; /* vertical align */ justify-content: flex-end; /* horizontal align. matches text-align below */ }

.fc .fc-timegrid-axis-cushion { max-width: 60px; /* limits the width of the &quot;all-day&quot; text */ flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */ }

.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 { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.fc .fc-timegrid-col.fc-day-today { background-color: rgba(9, 113, 254, 0.07); }

.fc .fc-timegrid-col-frame { min-height: 100%; /* liquid-hack is below */ position: relative; }

.fc-liquid-hack .fc-timegrid-col-frame { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.fc-media-screen .fc-timegrid-cols { position: absolute; /* no z-index. children will decide and go above slots */ top: 0; left: 0; right: 0; bottom: 0; }

.fc-media-screen .fc-timegrid-cols &gt; 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 { position: absolute; top: 0; left: 0; right: 0; }

.fc-media-screen .fc-timegrid-event-harness { position: absolute; /* top/left/right/bottom will all be set by JS */ }

.fc { /* bg */ }

.fc .fc-timegrid-col-bg { z-index: 2; /* TODO: kill */ }

.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 { position: absolute; /* top/bottom will be set by JS */ left: 0; right: 0; }

.fc { /* fg events */ /* (the mirror segs are put into a separate container with same classname, */ /* and they must be after the normal seg container to appear at a higher z-index) */ }

.fc .fc-timegrid-col-events { z-index: 3; /* child event segs have z-indexes that are scoped within this div */ }

.fc { /* now indicator */ }

.fc .fc-timegrid-now-indicator-container { bottom: 0; overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */ /* z-index is set on the individual elements */ }

.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: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); }

.fc-timegrid-event { /* events need to be root */ font-size: .85em; font-size: var(--fc-small-font-size, 0.85em); border-radius: 3px; }

.fc-timegrid-event .fc-event-main { padding: 1px 1px 0; }

.fc-timegrid-event .fc-event-time { white-space: nowrap; font-size: .85em; font-size: var(--fc-small-font-size, 0.85em); margin-bottom: 1px; }

.fc-timegrid-event-condensed .fc-event-main-frame { flex-direction: row; overflow: hidden; }

.fc-timegrid-event-condensed .fc-event-time:after { content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */ }

.fc-timegrid-event-condensed .fc-event-title { font-size: .85em; font-size: var(--fc-small-font-size, 0.85em); }

.fc-media-screen .fc-timegrid-event { position: absolute; /* absolute WITHIN the harness */ top: 0; bottom: 1px; /* stay away from bottom slot line */ left: 0; right: 0; }

.fc { /* line */ }

.fc .fc-timegrid-now-indicator-line { position: absolute; z-index: 4; left: 0; right: 0; border-style: solid; border-color: #e85347; border-width: 1px 0 0; }

.fc { /* arrow */ }

.fc .fc-timegrid-now-indicator-arrow { position: absolute; z-index: 4; margin-top: -5px; /* vertically center on top coordinate */ border-style: solid; border-color: #e85347; }

.fc-direction-ltr .fc-timegrid-now-indicator-arrow { left: 0; /* triangle pointing right. TODO: mixin */ border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; }

.fc-direction-rtl .fc-timegrid-now-indicator-arrow { right: 0; /* triangle pointing left. TODO: mixin */ border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; }

:root { --fc-list-event-dot-width: 10px; --fc-list-event-hover-bg-color: #f5f5f5; }

.fc-theme-standard .fc-list { border: 1px solid #ddd; }

.fc { /* message when no events */ }

.fc .fc-list-empty { background-color: #f5f6fa; height: 100%; display: flex; justify-content: center; align-items: center; /* vertically aligns fc-list-empty-inner */ }

.fc .fc-list-empty-cushion { margin: 5em 0; }

.fc { /* table within the scroller */ /* ---------------------------------------------------------------------------------------------------- */ }

.fc .fc-list-table { width: 100%; border-style: hidden; /* kill outer border on theme */ }

.fc .fc-list-table tr &gt; * { border-left: 0; border-right: 0; }

.fc .fc-list-sticky .fc-list-day &gt; * { /* the cells */ position: -webkit-sticky; position: sticky; top: 0; background: #fff; background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */ }

.fc .fc-list-table th { padding: 0; /* uses an inner-wrapper instead... */ }

.fc .fc-list-table td, .fc .fc-list-day-cushion { padding: .75rem 1rem; }

.fc .fc-list-table th .fc-list-day-cushion { padding: .5rem 1rem; }

.fc { /* date heading rows */ /* ---------------------------------------------------------------------------------------------------- */ }

.fc .fc-list-day-cushion:after { content: &quot;&quot;; clear: both; display: table; /* clear floating */ }

.fc-theme-standard .fc-list-day-cushion { background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.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; }

/* make the dot closer to the event title */
.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; /* whole row will seem clickable */ }

.fc { /* shrink certain cols */ }

.fc .fc-list-event-graphic, .fc .fc-list-event-time { white-space: nowrap; width: 1px; }

.fc .fc-list-event-dot { display: inline-block; width: 10px; height: 10px; background-color: #0971fe; border: 2px solid #0971fe; border-radius: 5px; }

.fc { /* reset &lt;a&gt; styling */ }

.fc .fc-list-event-title a { color: inherit; text-decoration: none; }

.fc { /* underline link when hovering over any part of row */ }

.fc .fc-list-event.fc-event-forced-url:hover a { text-decoration: underline; }

.fc-theme-bootstrap a:not([href]) { color: inherit; /* natural color for navlinks */ }

.fc a.fc-event:not([href]) { color: #fff; background: #0971fe; }

.fc a.fc-event:not([href]) .fc-daygrid-event-dot { border-color: #fff; }

.fc-prev-button, .fc-next-button { padding-left: 0.5rem; padding-right: 0.5rem; }

.fc-prev-button &gt; .fa, .fc-next-button &gt; .fa { font-size: 1.25rem; }

span[class*=&quot;fc-event&quot;] .dot { display: inline-block; border: 1px solid #0971fe; margin-left: 0.5rem; }

a.fc-event-primary { background-color: #0971fe !important; border-color: #0971fe !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: #0971fe !important; border-color: #0971fe !important; }

.modal-header.fc-event-primary .close, .modal-header.fc-event-primary .modal-title { color: #fff !important; }

span.fc-event-primary .dot { background-color: #0971fe !important; border-color: #0971fe !important; }

.fc-event-primary:not(a) .fc-list-event-dot { background-color: #0971fe !important; border-color: #0971fe !important; }

a.fc-event-success { background-color: #1ee0ac !important; border-color: #1ee0ac !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: #1ee0ac !important; border-color: #1ee0ac !important; }

.modal-header.fc-event-success .close, .modal-header.fc-event-success .modal-title { color: #fff !important; }

span.fc-event-success .dot { background-color: #1ee0ac !important; border-color: #1ee0ac !important; }

.fc-event-success:not(a) .fc-list-event-dot { background-color: #1ee0ac !important; border-color: #1ee0ac !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; }

span.fc-event-info .dot { background-color: #09c2de !important; border-color: #09c2de !important; }

.fc-event-info:not(a) .fc-list-event-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; }

span.fc-event-warning .dot { background-color: #f4bd0e !important; border-color: #f4bd0e !important; }

.fc-event-warning:not(a) .fc-list-event-dot { background-color: #f4bd0e !important; border-color: #f4bd0e !important; }

a.fc-event-danger { background-color: #e85347 !important; border-color: #e85347 !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: #e85347 !important; border-color: #e85347 !important; }

.modal-header.fc-event-danger .close, .modal-header.fc-event-danger .modal-title { color: #fff !important; }

span.fc-event-danger .dot { background-color: #e85347 !important; border-color: #e85347 !important; }

.fc-event-danger:not(a) .fc-list-event-dot { background-color: #e85347 !important; border-color: #e85347 !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; }

span.fc-event-secondary .dot { background-color: #364a63 !important; border-color: #364a63 !important; }

.fc-event-secondary:not(a) .fc-list-event-dot { background-color: #364a63 !important; border-color: #364a63 !important; }

a.fc-event-dark { background-color: #1f2b3a !important; border-color: #1f2b3a !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: #1f2b3a !important; border-color: #1f2b3a !important; }

.modal-header.fc-event-dark .close, .modal-header.fc-event-dark .modal-title { color: #fff !important; }

span.fc-event-dark .dot { background-color: #1f2b3a !important; border-color: #1f2b3a !important; }

.fc-event-dark:not(a) .fc-list-event-dot { background-color: #1f2b3a !important; border-color: #1f2b3a !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; }

span.fc-event-blue .dot { background-color: #559bfb !important; border-color: #559bfb !important; }

.fc-event-blue:not(a) .fc-list-event-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; }

span.fc-event-azure .dot { background-color: #1676fb !important; border-color: #1676fb !important; }

.fc-event-azure:not(a) .fc-list-event-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; }

span.fc-event-indigo .dot { background-color: #2c3782 !important; border-color: #2c3782 !important; }

.fc-event-indigo:not(a) .fc-list-event-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; }

span.fc-event-purple .dot { background-color: #816bff !important; border-color: #816bff !important; }

.fc-event-purple:not(a) .fc-list-event-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; }

span.fc-event-pink .dot { background-color: #ff63a5 !important; border-color: #ff63a5 !important; }

.fc-event-pink:not(a) .fc-list-event-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; }

span.fc-event-orange .dot { background-color: #ffa353 !important; border-color: #ffa353 !important; }

.fc-event-orange:not(a) .fc-list-event-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; }

span.fc-event-teal .dot { background-color: #20c997 !important; border-color: #20c997 !important; }

.fc-event-teal:not(a) .fc-list-event-dot { background-color: #20c997 !important; border-color: #20c997 !important; }

a.fc-event-primary-dim { background-color: #dfedff !important; border-color: #dfedff !important; color: #0971fe !important; }

a.fc-event-primary-dim .fc-daygrid-event-dot, a.fc-event-primary-dim .fc-list-event-dot { border-color: #0971fe !important; }

.modal-header.fc-event-primary-dim { background-color: #dfedff !important; color: #0971fe !important; border-color: #c6dfff !important; }

.modal-header.fc-event-primary-dim .close, .modal-header.fc-event-primary-dim .modal-title { color: #0971fe !important; }

span.fc-event-primary-dim .dot { background-color: #dfedff !important; border-color: #0971fe !important; }

.fc-event-primary-dim:not(a) .fc-list-event-dot { background-color: #dfedff !important; border-color: #3c8efe !important; }

a.fc-event-success-dim { background-color: #e2fbf4 !important; border-color: #e2fbf4 !important; color: #1ee0ac !important; }

a.fc-event-success-dim .fc-daygrid-event-dot, a.fc-event-success-dim .fc-list-event-dot { border-color: #1ee0ac !important; }

.modal-header.fc-event-success-dim { background-color: #e2fbf4 !important; color: #1ee0ac !important; border-color: #ccf8ec !important; }

.modal-header.fc-event-success-dim .close, .modal-header.fc-event-success-dim .modal-title { color: #1ee0ac !important; }

span.fc-event-success-dim .dot { background-color: #e2fbf4 !important; border-color: #1ee0ac !important; }

.fc-event-success-dim:not(a) .fc-list-event-dot { background-color: #e2fbf4 !important; border-color: #4ae7bd !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; color: #09c2de !important; border-color: #c8f1f8 !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; color: #f4bd0e !important; border-color: #fdefc7 !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: #fce9e7 !important; border-color: #fce9e7 !important; color: #e85347 !important; }

a.fc-event-danger-dim .fc-daygrid-event-dot, a.fc-event-danger-dim .fc-list-event-dot { border-color: #e85347 !important; }

.modal-header.fc-event-danger-dim { background-color: #fce9e7 !important; color: #e85347 !important; border-color: #f9d4d0 !important; }

.modal-header.fc-event-danger-dim .close, .modal-header.fc-event-danger-dim .modal-title { color: #e85347 !important; }

span.fc-event-danger-dim .dot { background-color: #fce9e7 !important; border-color: #e85347 !important; }

.fc-event-danger-dim:not(a) .fc-list-event-dot { background-color: #fce9e7 !important; border-color: #ee7d74 !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; color: #364a63 !important; border-color: #d3dfee !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: #1f2b3a !important; }

a.fc-event-dark-dim .fc-daygrid-event-dot, a.fc-event-dark-dim .fc-list-event-dot { border-color: #1f2b3a !important; }

.modal-header.fc-event-dark-dim { background-color: #d9e1ef !important; color: #1f2b3a !important; border-color: #c7d3e7 !important; }

.modal-header.fc-event-dark-dim .close, .modal-header.fc-event-dark-dim .modal-title { color: #1f2b3a !important; }

span.fc-event-dark-dim .dot { background-color: #d9e1ef !important; border-color: #1f2b3a !important; }

.fc-event-dark-dim:not(a) .fc-list-event-dot { background-color: #d9e1ef !important; border-color: #31445b !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; color: #559bfb !important; border-color: #d1e4fd !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; color: #1676fb !important; border-color: #c8defd !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; color: #2c3782 !important; border-color: #d4d6e6 !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; color: #816bff !important; border-color: #dad3ff !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; color: #ff63a5 !important; border-color: #ffd2e4 !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; color: #ffa353 !important; border-color: #ffe5d0 !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; color: #20c997 !important; border-color: #cdf3e7 !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: #0971fe; border-radius: 4px; margin: .75rem 0; padding: .25rem .5rem; font-size: 13px; color: #fff; list-style: none; display: inline-block; }

.fc-day { color: #364a63; }

.fc-day-other { color: #526484; }

.fc-col-header-cell { color: #526484; }

.nk-kanban { overflow: auto; padding-bottom: 1rem; }

.kanban-container { position: relative; box-sizing: border-box; width: auto; display: flex; margin-left: -14px; margin-right: -14px; overflow: auto; }

.kanban-container * { box-sizing: border-box; }

.kanban-board { padding: 14px; position: relative; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); flex-shrink: 0; }

.kanban-board.disabled-board { opacity: 0.3; }

.kanban-board.is-moving.gu-mirror { transform: rotate(3deg); }

.kanban-board.is-moving.gu-mirror .kanban-drag { overflow: hidden; padding-left: 50px; }

.kanban-board-header { background: #fff; border: 1px solid #e5e9f2; border-top: 3px solid #dbdfea; border-radius: 4px; padding: .5rem 1.25rem; margin-bottom: 1rem; }

.kanban-primary { border-top-color: #0971fe; }

.kanban-success { border-top-color: #1ee0ac; }

.kanban-info { border-top-color: #09c2de; }

.kanban-warning { border-top-color: #f4bd0e; }

.kanban-danger { border-top-color: #e85347; }

.kanban-title-content { display: flex; align-items: center; }

.kanban-title-content .title { font-size: 0.9375rem; margin-bottom: 0; margin-left: 0.75rem; color: #526484; }

.kanban-title-board { display: flex; align-items: center; justify-content: space-between; }

.kanban-board header .kanban-title-button { float: left; }

.kanban-board .kanban-drag { min-height: 100px; margin-bottom: 1rem; }

.kanban-board .kanban-drag:empty { border-radius: 4px; border: 1px dashed #e5e9f2; }

.kanban-board:after { clear: both; display: block; content: &quot;&quot;; }

.kanban-item { border-radius: 4px; border: 1px solid #e5e9f2; padding: 1rem 1.25rem; margin-bottom: 0.75rem; background: #fff; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }

.kanban-item-title { display: flex; align-items: center; justify-content: space-between; }

.kanban-item-title + .kanban-item-text { margin-top: .5rem; }

.kanban-item-title .title { font-size: 0.9375rem; margin-bottom: 0; margin-left: 0.75rem; }

.kanban-item-tags { display: flex; padding-top: 0.5rem; margin: -.125rem; }

.kanban-item-tags li { padding: .125rem; }

.kanban-item-meta { display: flex; align-items: flex-end; justify-content: space-between; padding-top: 0.5rem; }

.kanban-item-meta-list { display: flex; align-items: center; 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 { font-size: 0.8125rem; padding: 0 .25rem; color: #8094ae; }

.kanban-item-meta-list li span { white-space: nowrap; }

.kanban-item-meta-list li .icon + span { margin-right: 0.25rem; }

.kanban-item:hover { cursor: move; }

.kanban-item:last-child { margin: 0; }

.kanban-item.is-moving.gu-mirror { transform: rotate(3deg); height: auto !important; }

/* Dragula CSS  */
.gu-mirror { position: fixed !important; margin: 0 !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: 0.2 !important; transform: rotate(0deg) !important; }

.drag_handler { background: #fff; border-radius: 50%; width: 24px; height: 24px; position: relative; top: -3px; float: right; margin-left: 4px; }

.drag_handler:hover { cursor: move; }

.drag_handler_icon { position: relative; display: block; background: #000; width: 24px; height: 2px; top: 12px; transition: .5s ease-in-out; }

.drag_handler_icon:before, .drag_handler_icon:after { background: #000; content: ''; display: block; width: 100%; height: 100%; position: absolute; transition: .5s ease-in-out; }

.drag_handler_icon:before { top: 6px; }

.drag_handler_icon:after { bottom: 6px; }

.kanban-add-task { color: #0971fe; background: #fff; border: 1px dashed #e5e9f2; padding-top: 0.675rem; padding-bottom: 0.675rem; }

.kanban-add-task:hover { color: #fff; background: #0971fe; border: 1px solid #0971fe; }

.kanban-add-task:focus { outline: none; box-shadow: none; }

.dual-listbox { display: flex; flex-direction: column; }

.dual-listbox .dual-listbox__container { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; }

.dual-listbox .dual-listbox__search { max-width: 300px; }

.dual-listbox .dual-listbox__search--hidden { display: none; }

.dual-listbox .dual-listbox__available, .dual-listbox .dual-listbox__selected { border: 1px solid #e5e9f2; height: 300px; overflow-y: auto; padding: 0; width: 300px; margin-top: 0; border-radius: 0 0 4px 4px; }

.dual-listbox .dual-listbox__buttons { display: flex; flex-direction: column; margin: 0 10px; }

.dual-listbox .dual-listbox__button { margin-bottom: 5px; justify-content: center; text-transform: capitalize; }

.dual-listbox .dual-listbox__title { font-size: 1rem; font-weight: 500; padding: .5rem 1rem; border-left: 1px solid #e5e9f2; border-right: 1px solid #e5e9f2; border-top: 1px solid #e5e9f2; margin-top: 1rem; -webkit-margin-before: 1rem; border-radius: 4px 4px 0 0; }

.dual-listbox .dual-listbox__item { display: block; padding: .5rem 1rem; cursor: pointer; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; border-bottom: 1px solid #e5e9f2; transition: background-color 0.2s ease; }

.gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=80)&quot;; filter: alpha(opacity=80); cursor: grabbing; }

.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: 0.2; -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=20)&quot;; filter: alpha(opacity=20); }

.dragula-container &gt; *:not(:last-child) { margin-bottom: 0.75rem; }

.dragula-container &gt; * { cursor: move; cursor: grab; }

.dragula-container.has-handle &gt; * { cursor: initial; }

.dragula-handle { display: flex; }

.dragula-handle .handle { position: relative; font-size: 1.125rem; cursor: move; height: 1.25rem; width: 1.25rem; margin-left: .5rem; }

.dragula-handle .handle:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-family: &quot;Nioicon&quot;; content: &quot;&quot;; font-size: 1rem; }

.google-map { height: 400px; width: 100%; }

/** 03. LAYOUTS */
body { min-width: 320px; }

body.nav-shown { overflow: hidden; }

.nk-body { outline: none; }

.nk-app-root { outline: none; }

.nk-main { position: relative; }

.nk-wrap { display: flex; flex-direction: column; min-height: 100vh; }

.nk-content { padding: 24px 4px; }

.nk-content-fs { min-height: calc(100vh - (65px + 65px)); display: flex; align-items: center; }

@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-top: 36px; padding-bottom: 36px; }
  .nk-content-fluid { padding-left: 24px; padding-right: 24px; } }

@media (min-width: 1660px) { .nk-content-lg { padding-top: 54px; padding-bottom: 54px; }
  .nk-content-fluid { padding-left: 44px; padding-right: 44px; } }

.nk-content-body { flex-grow: 1; }

.nk-wrap-nosidebar .nk-content { padding: 0 !important; min-height: 100vh; display: flex; flex-direction: column; }

.logo-link { position: relative; display: inline-block; align-items: center; }

.logo-dark { opacity: 1; }

.tc-light .logo-dark, .is-dark .logo-dark, .is-theme .logo-dark { opacity: 0; }

.logo-light { opacity: 0; }

.tc-light .logo-light, .is-dark .logo-light, .is-theme .logo-light { opacity: 1; }

.logo-img { max-height: 36px; }

.logo-img-lg { max-height: 60px; }

.logo-img-sm { max-height: 28px; }

.logo-img-icon { max-height: 33px; }

.logo-img:not(:first-child) { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.nk-header { background: #f5f6fa; border-bottom: 1px solid #e5e9f2; padding: 0 6px; z-index: 1010; }

.nk-header.is-dark:not([class*=bg-]) { background: #101924; border-color: #203247; }

.nk-header.is-light:not([class*=bg-]) { background: #fff; }

.nk-header.is-theme:not([class*=bg-]) { background: #0a2d6c; border-color: #0f419a; }

.nk-header-fixed { position: fixed; top: 0; left: 0; right: 0; min-width: 320px; }

.nk-header-fixed + .nk-content { margin-top: 65px; position: relative; }

.nk-header-wrap { position: relative; display: flex; align-items: center; margin: 0 -.25rem; }

.nk-header-wrap &gt; * { padding: 0 .25rem; }

.nk-header-right { align-items: center; justify-content: flex-end; }

.nk-header-center { justify-content: center; }

.nk-header-tools { margin-right: auto; padding-top: 14px; padding-bottom: 14px; }

.nk-header-brand { flex-shrink: 0; padding-top: 14px; padding-bottom: 14px; }

.nk-header .dropdown-menu .lead-text { color: #364a63; }

.nk-header .dropdown-menu .sub-text, .nk-header .dropdown-menu .overline-title, .nk-header .dropdown-menu .overline-title-alt { color: #8094ae; }

.nk-quick-nav { display: flex; align-items: center; margin: 0 -6px; }

.nk-quick-nav &gt; li { padding: 0 6px; }

.nk-quick-nav &gt; li.user-dropdown &gt; a { padding: 0 2px; }

.nk-quick-nav-icon { display: inline-flex; position: relative; font-size: 1.5rem; z-index: 1; color: #526484; padding: .375rem; }

.is-dark .nk-quick-nav-icon { color: #9faec2; }

.is-theme .nk-quick-nav-icon { color: #a9cdff; }

.is-theme .nk-quick-nav-icon.nk-nav-toggle { color: #fff; }

.nk-quick-nav-icon:focus { box-shadow: none; }

.nk-quick-nav-icon:before { position: absolute; z-index: -1; height: 20px; width: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%; content: ''; background-color: #e5e9f2; border-radius: 50%; opacity: 0; transition: all .3s; }

.is-dark .nk-quick-nav-icon:before { background-color: #0b1219; }

.is-theme .nk-quick-nav-icon:before { background-color: #071d46; }

.show &gt; .nk-quick-nav-icon:before { opacity: 1; height: 116%; width: 116%; }

.nk-quick-nav-icon:hover:before, .nk-quick-nav-icon.active:before { opacity: 1; height: 116%; width: 116%; }

@media (max-width: 359px) { .nk-quick-nav { margin: 0 -3px; }
  .nk-quick-nav &gt; 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 &gt; 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; } }

.quick-icon { display: inline-flex; height: 24px; width: 24px; border-radius: 50%; }

.quick-icon img.icon { border-radius: 50%; }

.nk-sidebar { position: absolute; background: #f5f6fa; height: 100%; min-height: 100vh; top: 0; right: 0; border-left: 1px solid #e5e9f2; transform: translateX(100%); z-index: 999; width: 290px; transition: transform 450ms ease, width 450ms ease; }

.nk-sidebar + .nk-wrap { transition: padding 450ms ease; }

.nk-sidebar + .nk-wrap &gt; .nk-header-fixed { transition: right 450ms ease; }

.nk-sidebar.is-light { background: #fff; border-left-color: #ebeef2; }

.nk-sidebar.is-dark { background: #101924; border-left-color: #203247; }

.nk-sidebar.is-theme { background: #0a2d6c; border-left-color: #0f419a; }

.nk-sidebar-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(16, 25, 36, 0.4); z-index: 900; animation: overlay-fade-in .4s ease 1; }

.nk-sidebar-element { overflow: hidden; width: 100%; max-height: 100%; }

.nk-sidebar.nk-sidebar-active { transform: translateX(0); }

.nk-sidebar-fixed { position: fixed; max-height: 100vh; }

.nk-sidebar-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 24px; min-width: 100%; width: 290px; height: 65px; border-bottom: 1px solid #e5e9f2; }

.is-dark .nk-sidebar-head { border-color: #203247; }

.is-theme .nk-sidebar-head { border-color: #0f419a; }

.nk-sidebar-brand { position: relative; flex-shrink: 0; }

.nk-sidebar-logo { transition: opacity .3s ease; }

.nk-sidebar-logo .logo-img:not(:first-child) { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.nk-sidebar-widget { padding-left: 24px; padding-right: 24px; padding-top: 2.5rem; }

.nk-sidebar-widget-full { padding-left: 0; padding-right: 0; }

.nk-sidebar-widget-full &gt; * { padding-left: 24px; padding-right: 24px; }

.nk-sidebar-widget-full .toggle-expand-content { padding-left: 0; padding-right: 0; }

.nk-sidebar-widget-full .toggle-expand-content &gt; * { padding-left: 24px; padding-right: 24px; }

.nk-sidebar-widget-sap { border-bottom: 1px solid #e5e9f2; }

.nk-sidebar-footer { background-color: #f5f6fa; margin-top: auto; padding: 1.75rem 24px 1.75rem; }

.is-light .nk-sidebar-footer { background: #fff; }

.is-dark .nk-sidebar-footer { background-color: #101924; }

.is-theme .nk-sidebar-footer { background-color: #0a2d6c; }

.nk-sidebar-body { position: relative; }

.nk-sidebar-body .simplebar-content { padding-bottom: .25rem !important; min-height: 100%; display: flex; flex-direction: column; }

.nk-sidebar-body .simplebar-scroll-content { min-height: 100%; width: 100%; }

.nk-sidebar-content { display: flex; flex-direction: column; height: calc(100vh - 65px); }

.nk-sidebar-content .nk-sidebar-menu { padding-top: 1.5rem; }

.nk-sidebar-content .nk-sidebar-menu[data-simplebar] { height: 100%; }

.nk-sidebar-content[data-simplebar] &gt; div { width: 100%; }

.nk-sidebar-profile-fixed { position: fixed; bottom: 0; width: 100%; background: #f5f6fa; }

.is-dark .nk-sidebar-profile-fixed { background: #101924; }

.is-theme .nk-sidebar-profile-fixed { background: #0a2d6c; }

.nk-sidebar.is-theme .user-balance-alt, .nk-sidebar.is-dark .user-balance-alt { color: #a9cdff; }

.nk-profile-fixed { position: fixed; bottom: 0; }

.nk-profile-toggle { display: block; border-bottom: 1px solid #e5e9f2; }

.nk-profile-content { background: #fff; border-bottom: 1px solid #e5e9f2; }

.nk-profile-menu .nk-profile-content { background: #f5f6fa; }

.nk-profile-menu &gt; * { padding-left: 24px; padding-right: 24px; }

.nk-profile-menu .toggle-expand-content { padding-left: 0; padding-right: 0; }

.nk-profile-menu .toggle-expand-content &gt; * { padding-left: 24px; padding-right: 24px; }

@keyframes overlay-fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

@media (max-width: 991.98px) { .nk-sidebar-mobile { width: 290px !important; } }

@media (min-width: 1200px) { .nk-sidebar-content .nk-sidebar-menu { padding-top: 1rem; padding-bottom: 1.5rem; }
  .nk-sidebar { transform: translateX(0); width: 290px; }
  .nk-sidebar + .nk-wrap { padding-right: 290px; }
  .nk-sidebar + .nk-wrap &gt; .nk-header-fixed { right: 290px; }
  .nk-sidebar-overlay { display: none; } }

@media (min-width: 1200px) { .nk-sidebar { transform: translateX(0); } }

@media (min-width: 1200px) { .nk-sidebar { transform: translateX(0); width: 340px; }
  .nk-sidebar .nk-sidebar-content .nk-sidebar-menu { padding-top: 2.5rem; }
  .nk-sidebar + .nk-wrap { padding-right: 340px; }
  .nk-sidebar + .nk-wrap &gt; .nk-header-fixed { right: 340px; }
  .nk-sidebar .nk-sidebar-head { width: 340px; padding: 14px 40px; border-bottom: 0; background: transparent; }
  .nk-sidebar .nk-sidebar-widget { padding-left: 40px; padding-right: 40px; }
  .nk-sidebar .nk-sidebar-widget-full { padding-left: 0; padding-right: 0; }
  .nk-sidebar .nk-sidebar-widget-full &gt; * { padding-left: 40px; padding-right: 40px; }
  .nk-sidebar .nk-sidebar-widget-full .toggle-expand-content { padding-left: 0; padding-right: 0; }
  .nk-sidebar .nk-sidebar-widget-full .toggle-expand-content &gt; * { padding-left: 40px; padding-right: 40px; }
  .nk-sidebar .nk-sidebar-footer { padding-left: 40px; padding-right: 40px; }
  .nk-sidebar .nk-sidebar-footer .nk-menu { margin-left: -16px; margin-right: -16px; }
  .nk-sidebar-widget:first-child { padding-top: 0.5rem; } }

@media (min-width: 1540px) { .nk-sidebar { width: 400px; }
  .nk-sidebar + .nk-wrap { padding-right: 400px; }
  .nk-sidebar + .nk-wrap &gt; .nk-header-fluid, .nk-sidebar + .nk-wrap &gt; .nk-footer-fluid { padding-left: 24px; padding-right: 24px; }
  .nk-sidebar + .nk-wrap &gt; .nk-header-fixed { right: 400px; }
  .nk-sidebar .nk-sidebar-head { width: 400px; padding: 14px 56px; }
  .nk-sidebar .nk-sidebar-widget { padding-left: 56px; padding-right: 56px; }
  .nk-sidebar .nk-sidebar-widget-full { padding-left: 0; padding-right: 0; }
  .nk-sidebar .nk-sidebar-widget-full &gt; * { padding-left: 56px; padding-right: 56px; }
  .nk-sidebar .nk-sidebar-widget-full .toggle-expand-content { padding-left: 0; padding-right: 0; }
  .nk-sidebar .nk-sidebar-widget-full .toggle-expand-content &gt; * { padding-left: 56px; padding-right: 56px; }
  .nk-sidebar .nk-sidebar-footer { padding-left: 56px; padding-right: 56px; }
  .nk-sidebar .nk-sidebar-footer .nk-menu { margin-left: -32px; margin-right: -32px; }
  .nk-content-body { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .nk-sidebar-widget:first-child { padding-top: 2.25rem; } }

.nk-menu li a { vertical-align: middle; display: flex; position: relative; align-items: center; transition: color .3s, background-color .3s; }

.nk-menu-item { padding: 2px 0; }

.nk-menu-sub .nk-menu-item { padding: 1px 0; }

.nk-menu-item.has-sub { position: relative; }

.nk-menu &gt; .nk-menu-item.menu-without-icon &gt; .nk-menu-sub .nk-menu-link { padding-right: 0; }

.nk-menu-link { padding: 0.625rem 24px 0.625rem 40px; color: #6e82a5; font-family: Nunito, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.01em; text-transform: none; line-height: 1.25rem; }

.nk-menu-link:hover, .active &gt; .nk-menu-link { color: #2280fe; }

.nk-menu-link:hover .count, .active &gt; .nk-menu-link .count { color: #2280fe; }

.nk-menu-sub .nk-menu-link { padding: 0.375rem 36px 0.375rem 40px; font-family: Roboto, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: normal; text-transform: none; line-height: 1.25rem; color: #6e82a5; }

.nk-menu-link.is-disable { cursor: default; }

.nk-menu-link.is-disable:hover, .active &gt; .nk-menu-link.is-disable { color: #6e82a5; }

.nk-menu-link.is-disable:hover .count, .active &gt; .nk-menu-link.is-disable .count { color: #6e82a5; }

.is-light .nk-menu-link { color: #526484; }

.is-theme .nk-menu-link { color: #80b5ff; }

.is-light .nk-menu-link:hover, .is-light .active &gt; .nk-menu-link { color: #2280fe; }

.is-theme .nk-menu-link:hover, .is-theme .active &gt; .nk-menu-link { color: #fff; }

.nk-menu-link span.small { color: #8094ae; margin-right: .5rem; }

.nk-menu-icon { font-weight: normal; letter-spacing: normal; width: 36px; line-height: 1; flex-grow: 0; color: #8094ae; }

.is-theme .nk-menu-icon { color: #80b5ff; }

.nk-menu-icon svg, .nk-menu-icon img { width: 36px; }

.nk-menu-icon .icon { font-size: 24px; letter-spacing: normal; vertical-align: middle; color: currentColor; transition: color .4s, background-color .4s; }

.nk-menu-link:hover .nk-menu-icon, .nk-menu-item.active &gt; .nk-menu-link .nk-menu-icon, .nk-menu-item.current-menu &gt; .nk-menu-link .nk-menu-icon { color: #2280fe; }

.is-theme .nk-menu-link:hover .nk-menu-icon, .is-theme .nk-menu-item.active &gt; .nk-menu-link .nk-menu-icon, .is-theme .nk-menu-item.current-menu &gt; .nk-menu-link .nk-menu-icon { color: #fff; }

.nk-menu-link.is-disable:hover .nk-menu-icon { color: #8094ae; }

.is-theme .nk-menu-link.is-disable:hover .nk-menu-icon { color: #a9cdff; }

.nk-menu-text { flex-grow: 1; display: inline-block; }

.nk-menu-badge { border-radius: 3px; padding: 0 .4rem; font-size: 11px; color: #3a8dfe; background: #e1eeff; position: absolute; top: 50%; left: 24px; transform: translateY(-50%); }

.has-sub .nk-menu-badge { left: 48px; }

.is-dark .nk-menu-badge { color: #6baafe; background: #203247; }

.is-theme .nk-menu-badge { color: #a9cdff; background: #0f45a4; }

.nk-menu-main .nk-menu-sub .nk-menu-badge { color: #3a8dfe; background: #e1eeff; }

.nk-menu-heading { padding: 0.25rem 24px 0.5rem; color: #8094ae; }

.is-theme .nk-menu-heading { color: #5da1ff; }

.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 { margin: 1.25rem 0; border-bottom: 1px solid #dbdfea; }

.is-dark .nk-menu-hr { border-color: rgba(255, 255, 255, 0.12); }

.is-theme .nk-menu-hr { border-color: rgba(255, 255, 255, 0.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 &gt; .nk-menu-sub { display: block; }

.nk-menu-sub .nk-menu-link:hover { color: #0971fe; }

.is-theme .nk-menu-sub .nk-menu-link:hover { color: #fff; }

.nk-menu-sub .active &gt; .nk-menu-link { color: #0971fe; }

.is-theme .nk-menu-sub .active &gt; .nk-menu-link { color: #fff; }

.nk-menu-sub .nk-menu-icon { width: 24px; margin-top: -1px; }

.nk-menu-sub .nk-menu-icon .icon { margin-top: -1px; font-size: 1.2em; }

.nk-menu-toggle { position: relative; }

.nk-menu-toggle:after { position: absolute; font-family: &quot;Nioicon&quot;; content: &quot;&quot;; left: 1.25rem; top: 50%; transform: translateY(-50%); font-size: 1rem; color: #8094ae; transition: transform .3s, color .1s; }

.is-dark .nk-menu-toggle:after, .is-theme .nk-menu-toggle:after { color: rgba(255, 255, 255, 0.4); }

.has-sub.active &gt; .nk-menu-toggle:after { transform: translateY(-50%) rotate(90deg); }

.nk-menu .count { display: inline-block; font-size: 0.85em; margin-right: 0.25rem; color: #8094ae; line-height: 1; }

.nk-menu-icon-colored .nk-menu-icon { color: #0971fe; }

.nk-menu-tooltip { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.nk-menu-footer { display: flex; }

.nk-menu-footer .nk-menu-link { padding-left: 0; padding-right: 0; padding-top: .25rem; padding-bottom: .25rem; color: #8094ae; font-family: Roboto, sans-serif; font-weight: 500; }

.nk-menu-footer .nk-menu-link:hover { color: #2280fe; }

.is-theme .nk-menu-footer .nk-menu-link { color: #a9cdff; }

.nk-menu-footer .nk-menu-icon { width: 1.375rem; color: #0971fe; }

.nk-menu-footer .nk-menu-icon .icon { font-size: 1rem; }

.nk-menu-footer .nk-menu-text { font-size: 12px; line-height: 1.125rem; }

.nk-sidebar .nk-menu &gt; li .nk-menu-sub .nk-menu-link { padding-right: 60px; }

.nk-sidebar .nk-menu &gt; li .nk-menu-sub .nk-menu-sub { margin-top: .5rem; margin-bottom: .5rem; margin-right: 60px; border-right: 1px solid #dbdfea; padding-bottom: 0; }

.nk-sidebar .nk-menu &gt; li .nk-menu-sub .nk-menu-sub .nk-menu-link { padding-right: 1rem; }

.nk-sidebar.is-dark .nk-menu &gt; li .nk-menu-sub .nk-menu-sub, .nk-sidebar.is-theme .nk-menu &gt; li .nk-menu-sub .nk-menu-sub { border-color: rgba(255, 255, 255, 0.12); }

.nk-sidebar .nk-menu-toggle:after { left: 22px; }

.nk-sidebar .nk-menu &gt; li .nk-menu-sub .nk-menu-link { padding-right: 60px; }

@media (min-width: 1200px) { .nk-sidebar .nk-menu { padding-left: 16px; padding-right: 16px; }
  .nk-sidebar .nk-menu &gt; li .nk-menu-sub { padding-top: .25rem; }
  .nk-sidebar .nk-menu &gt; li .nk-menu-sub .nk-menu-link { padding-right: 60px; }
  .nk-sidebar .nk-menu &gt; li &gt; a { border-radius: 40px; }
  .nk-sidebar .nk-menu &gt; li &gt; a:hover { background: #fff; }
  .nk-sidebar .nk-menu &gt; li:hover &gt; a, .nk-sidebar .nk-menu &gt; li.active &gt; a, .nk-sidebar .nk-menu &gt; li.current-menu &gt; a { background: #fff; }
  .nk-sidebar .nk-menu-sm &gt; li:hover a, .nk-sidebar .nk-menu-sm &gt; li.active a, .nk-sidebar .nk-menu-sm &gt; li.current-menu a, .nk-sidebar .nk-menu-sm &gt; li &gt; a:hover, .nk-sidebar .nk-menu-footer &gt; li:hover a, .nk-sidebar .nk-menu-footer &gt; li.active a, .nk-sidebar .nk-menu-footer &gt; li.current-menu a, .nk-sidebar .nk-menu-footer &gt; li &gt; a:hover { background: transparent !important; }
  .nk-sidebar.is-dark .nk-menu &gt; li:hover &gt; a, .nk-sidebar.is-dark .nk-menu &gt; li.active &gt; a, .nk-sidebar.is-dark .nk-menu &gt; li.current-menu &gt; a, .nk-sidebar.is-dark .nk-menu &gt; li &gt; a:hover { background: #192839; }
  .nk-sidebar.is-theme .nk-menu &gt; li:hover &gt; a, .nk-sidebar.is-theme .nk-menu &gt; li.active &gt; a, .nk-sidebar.is-theme .nk-menu &gt; li.current-menu &gt; a, .nk-sidebar.is-theme .nk-menu &gt; li &gt; a:hover { background: #0e3d91; }
  .nk-sidebar.is-light .nk-menu &gt; li:hover &gt; a, .nk-sidebar.is-light .nk-menu &gt; li.active &gt; a, .nk-sidebar.is-light .nk-menu &gt; li.current-menu &gt; a, .nk-sidebar.is-light .nk-menu &gt; li &gt; a:hover { background: #eef0f7; } }

@media (min-width: 1560px) { .nk-sidebar .nk-menu { padding-left: 32px; padding-right: 32px; }
  .nk-sidebar .nk-menu-heading { padding-left: 24px; padding-right: 24px; } }

.nk-footer { margin-top: auto; background: #fff; border-top: 1px solid #e5e9f2; padding: 20px 6px; }

.nk-footer.is-dark:not([class*=bg-]) { background: #0b2f70; }

.nk-footer-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.nk-footer-copyright { color: #8094ae; }

.nk-footer-copyright a { color: inherit; }

.nk-footer-copyright a:hover { color: #0971fe; }

@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 { position: relative; display: flex; }

.nk-split-page { min-height: 100vh; }

.nk-split-content { position: relative; flex-shrink: 0; width: 100%; min-height: 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; } }

/** 04. UTILITES */
canvas { width: 100%; max-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; }

li { list-style: none; }

.g-0 { margin: 0 !important; }

.g-0 &gt; li, .g-0 &gt; div { padding: 0 !important; }

.gx-0 { margin-left: 0 !important; margin-right: 0 !important; }

.gx-0 &gt; li, .gx-0 &gt; div { padding-left: 0 !important; padding-right: 0 !important; }

.gy-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.gy-0 &gt; li, .gy-0 &gt; div { padding-top: 0 !important; padding-bottom: 0 !important; }

.g-1 { margin: -0.1875rem !important; }

.g-1 &gt; li, .g-1 &gt; div { padding: 0.1875rem !important; }

.gx-1 { margin-left: -0.1875rem !important; margin-right: -0.1875rem !important; }

.gx-1 &gt; li, .gx-1 &gt; div { padding-left: 0.1875rem !important; padding-right: 0.1875rem !important; }

.gy-1 { margin-top: -0.1875rem !important; margin-bottom: -0.1875rem !important; }

.gy-1 &gt; li, .gy-1 &gt; div { padding-top: 0.1875rem !important; padding-bottom: 0.1875rem !important; }

.g-2 { margin: -0.375rem !important; }

.g-2 &gt; li, .g-2 &gt; div { padding: 0.375rem !important; }

.gx-2 { margin-left: -0.375rem !important; margin-right: -0.375rem !important; }

.gx-2 &gt; li, .gx-2 &gt; div { padding-left: 0.375rem !important; padding-right: 0.375rem !important; }

.gy-2 { margin-top: -0.375rem !important; margin-bottom: -0.375rem !important; }

.gy-2 &gt; li, .gy-2 &gt; div { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; }

.g-3 { margin: -0.5rem !important; }

.g-3 &gt; li, .g-3 &gt; div { padding: 0.5rem !important; }

.gx-3 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; }

.gx-3 &gt; li, .gx-3 &gt; div { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }

.gy-3 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }

.gy-3 &gt; li, .gy-3 &gt; div { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

.g-4 { margin: -0.75rem !important; }

.g-4 &gt; li, .g-4 &gt; div { padding: 0.75rem !important; }

.gx-4 { margin-left: -0.75rem !important; margin-right: -0.75rem !important; }

.gx-4 &gt; li, .gx-4 &gt; div { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }

.gy-4 { margin-top: -0.75rem !important; margin-bottom: -0.75rem !important; }

.gy-4 &gt; li, .gy-4 &gt; div { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }

.g-5 { margin: -1.375rem !important; }

.g-5 &gt; li, .g-5 &gt; div { padding: 1.375rem !important; }

.gx-5 { margin-left: -1.375rem !important; margin-right: -1.375rem !important; }

.gx-5 &gt; li, .gx-5 &gt; div { padding-left: 1.375rem !important; padding-right: 1.375rem !important; }

.gy-5 { margin-top: -1.375rem !important; margin-bottom: -1.375rem !important; }

.gy-5 &gt; li, .gy-5 &gt; div { padding-top: 1.375rem !important; padding-bottom: 1.375rem !important; }

.g-gs { margin: -14px !important; }

.g-gs &gt; li, .g-gs &gt; div { padding: 14px !important; }

.gx-gs { margin-left: -14px !important; margin-right: -14px !important; }

.gx-gs &gt; li, .gx-gs &gt; div { padding-left: 14px !important; padding-right: 14px !important; }

.gy-gs { margin-top: -14px !important; margin-bottom: -14px !important; }

.gy-gs &gt; li, .gy-gs &gt; div { padding-top: 14px !important; padding-bottom: 14px !important; }

.gap { width: 100%; display: block; height: 28px; }

.gap-0 { height: 0; }

.gap-1 { height: 0.375rem; }

.gap-2 { height: 0.75rem; }

.gap-3 { height: 1rem; }

.gap-4 { height: 1.5rem; }

.gap-5 { height: 2.75rem; }

.gap-gs { height: 28px; }

.gap-sm { height: 0.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 &gt; li { width: 50%; float: right; }

.li-col3x &gt; li { width: 33.33333%; float: right; }

.li-col4x &gt; li { width: 25%; float: right; }

/** 05. COMPONENTS */
.alert-cta { display: flex; justify-content: space-between; align-items: center; }

.alert-actions { display: inline-flex; align-items: center; }

.alert-actions a + a { margin-right: 1rem; }

.accordion { border-radius: 4px; border: 1px solid #dbdfea; background: #fff; }

.accordion-heading { padding-bottom: 1.5rem; }

.accordion-body { border-radius: 4px; }

.accordion-item:not(:last-child) .accordion-head { border-bottom: 1px solid #dbdfea; }

.accordion-item:not(:last-child) .accordion-inner { border-bottom: 1px solid #dbdfea; }

.accordion-item:last-child .accordion-inner { border-top: 1px solid #dbdfea; }

.accordion-head { padding: 1rem 1.25rem 1rem 2.25rem; display: block; position: relative; }

.accordion-head .title { margin-bottom: 0; font-size: 1rem; color: #364a63; line-height: 1.3; }

.accordion-head.collapsed .title { color: #526484; }

.accordion-inner { padding: 1rem 1.25rem 1.25rem; }

.accordion-icon { position: absolute; left: 1rem; top: 50%; font-size: 1rem; color: #364a63; transform: translateY(-50%); transition: rotate 0.4s; width: 20px; height: 20px; text-align: center; line-height: 20px; }

.accordion-icon:before { content: &quot;&quot;; font-family: &quot;Nioicon&quot;; transition: 0.4s; }

.accordion-head.collapsed .accordion-icon:before { content: &quot;&quot;; }

@media (min-width: 768px) { .accordion-head { padding: 1rem 1.5rem; }
  .accordion-inner { padding: 1rem 1.5rem 1.25rem; }
  .accordion-icon { left: 1.5rem; } }

.accordion-s2 { border: none; }

.accordion-s2 .accordion-icon { left: 0; }

.accordion-s2 .accordion-icon:before { content: &quot;&quot;; }

.accordion-s2 .accordion-head { padding: 0.5rem 0 0.5rem 2.25rem; border: none !important; }

.accordion-s2 .accordion-head .title { font-size: 1.1rem; color: #0971fe; }

.accordion-s2 .accordion-head.collapsed .title { color: #526484; }

.accordion-s2 .accordion-head.collapsed .accordion-icon:before { content: &quot;&quot;; }

.accordion-s2 .accordion-inner { padding: 0.5rem 0 0.625rem; border: none !important; }

@media (min-width: 768px) { .accordion-s2 .accordion-head { padding: 0.5rem 0 0.5rem 2.25rem; }
  .accordion-s2 .accordion-inner { padding: 0.5rem 0 0.625rem; } }

.accordion-s3 { border: none; }

.accordion-s3 .accordion-icon { right: 0; left: auto; }

.accordion-s3 .accordion-icon:before { content: &quot;&quot;; }

.accordion-s3 .accordion-head { padding: 0.5rem 2.25rem 0.5rem 0; border: none !important; }

.accordion-s3 .accordion-head .title { font-size: 1.1rem; color: #0971fe; }

.accordion-s3 .accordion-head.collapsed .title { color: #526484; }

.accordion-s3 .accordion-head.collapsed .accordion-icon:before { content: &quot;&quot;; }

.accordion-s3 .accordion-inner { padding: 0.5rem 0 0.625rem; border: none !important; }

@media (min-width: 768px) { .accordion-s3 .accordion-head { padding: 0.5rem 2.25rem 0.5rem 0; }
  .accordion-s3 .accordion-inner { padding: 0.5rem 2.25rem 0.625rem; } }

.dot { position: relative; display: inline-block; border-radius: 50%; height: 8px; width: 8px; }

.dot-label:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background: #fff; content: ''; transform: scale(0.65); }

.dot.sq { border-radius: 3px; }

.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: #0971fe; }

.dot-secondary { background: #364a63; }

.dot-success { background: #1ee0ac; }

.dot-info { background: #09c2de; }

.dot-warning { background: #f4bd0e; }

.dot-danger { background: #e85347; }

.dot-dark { background: #1c2b46; }

.dot-gray { background: #8091a7; }

.dot-light { background: #e5e9f2; }

.dot-lighter { background: #f5f6fa; }

.list:not(:last-child) { margin-bottom: 1rem; }

.list li { position: relative; padding-right: 1.5rem; line-height: 1.5rem; }

.list li:not(:last-child) { padding-bottom: .5rem; }

.list li:before { position: absolute; right: 0; font-size: 14px; line-height: 1.5rem; font-family: &quot;Nioicon&quot;; content: &quot;&quot;; }

.list li span { color: #8094ae; }

.list li ul { margin-top: .5rem; }

.list-checked li:before { color: #0971fe; content: &quot;&quot;; }

.list-checked-circle li:before { color: #0971fe; content: &quot;&quot;; }

.list-cross li:before { color: rgba(232, 83, 71, 0.8); content: &quot;&quot;; }

.list-status { list-style: none; line-height: 1.3; }

.list-status li { display: inline-flex; align-items: center; padding-left: 1rem; vertical-align: middle; }

.list-status .icon { margin-left: .375rem; line-height: 1.3; }

.list-lg li { padding-right: 2rem; }

.list-lg li:not(:last-child) { padding-bottom: .75rem; }

.list-lg li:before { font-size: 1.35rem; }

.list-sm li { padding-right: 1.2rem; }

.list-sm li:not(:last-child) { padding-bottom: .35rem; }

.list-sm li:before { font-size: 12px; }

.list-step li { color: #8094ae; font-weight: 500; }

.list-step li:before { content: &quot;&quot;; }

.list-step li.list-step-current { color: #364a63; }

.list-step li.list-step-current:before { content: &quot;&quot;; color: #0971fe; }

.list-step li.list-step-done { color: #526484; }

.list-step li.list-step-done:before { content: &quot;&quot;; color: #1ee0ac; }

.list-plain a { color: #526484; display: block; line-height: 1.3; padding: 0.5rem 0; }

.list-plain a:hover { color: #0971fe; }

.list-category a { font-weight: 500; }

.list-download li &gt; a { display: inline-block; padding: .25rem; }

.list-download li &gt; a &gt; .icon { margin: 0 .25rem; font-size: 1.25rem; }

.list-primary li:before { color: #0971fe; }

.list-secondary li:before { color: #364a63; }

.list-success li:before { color: #1ee0ac; }

.list-info li:before { color: #09c2de; }

.list-warning li:before { color: #f4bd0e; }

.list-danger li:before { color: #e85347; }

.list-dark li:before { color: #1c2b46; }

.list-gray li:before { color: #8091a7; }

.list-light li:before { color: #e5e9f2; }

.list-lighter li:before { color: #f5f6fa; }

.link-bdr-t, .link-check + .link-check, .link-tidy li + li, .link-list + .link-list, .link-list-opt li + li, .link-list-plain li + li { border-top: 1px solid #e5e9f2; }

.link-bdr-b { border-bottom: 1px solid #e5e9f2; }

.link-pd-sm, .link-tidy.sm li, .link-list-plain.sm a { padding: 6px 1rem; }

.link-act-check:after, .link-check li.active &gt; a:after, .link-check li a.active:after, .link-list-opt li.active &gt; a:after, .link-list-opt a.active:after { content: &quot;&quot;; position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; font-family: &quot;Nioicon&quot;; }

.link-check { padding: .5rem 0; }

.link-check .divider { margin: .5rem 0; }

.link-check li { display: block; }

.link-check li &gt; span, .link-check li a { display: block; line-height: 1.25rem; padding: .35rem 1rem; }

.link-check li &gt; span { text-transform: uppercase; color: #364a63; font-weight: 700; font-size: 12px; letter-spacing: 1px; }

.link-check li a { display: flex; align-items: center; color: #526484; font-size: 13px; position: relative; }

.link-check li a:hover { color: #0971fe; background: #f5f6fa; }

.link-check li .icon { width: 1.75rem; font-size: 1.125rem; }

.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 { position: relative; padding: .625rem 1.1rem; line-height: 1.3rem; }

.link-list { padding: .75rem 0; }

.link-list .divider { margin: .5rem 0; }

.link-list a { display: flex; align-items: center; color: #526484; font-size: 13px; line-height: 1.4rem; font-weight: 500; padding: .575rem 0; position: relative; }

.link-list a:hover { color: #0971fe; }

.link-list a .icon { font-size: 1.125rem; width: 1.5rem; line-height: 1; }

.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 { display: flex; align-items: center; padding: .625rem 1.25rem; font-size: 12px; font-weight: 500; color: #526484; transition: all .4s; line-height: 1.3rem; position: relative; }

.link-list-opt a:hover { color: #0971fe; background: #f5f6fa; }

.link-list-opt a .icon { font-size: 1.125rem; width: 1.75rem; opacity: .8; }

.link-list-opt li.disabled &gt; a, .link-list-opt a.disabled { pointer-events: none; color: #8094ae; opacity: 0.7; }

.link-list-opt .opt-head { padding: .25rem 1.25rem; color: #8094ae; }

.link-list-opt.ui-v2 a { font-weight: 400; }

.link-list-opt.no-bdr + .link-check { margin-top: -0.75rem; }

.link-list-opt.ui-colored li.active &gt; a, .link-list-opt.ui-colored a.active { color: #0971fe; }

.link-list-menu { padding: .75rem 0; }

.link-list-menu .divider { margin: .5rem 0; }

.link-list-menu a { position: relative; display: flex; align-items: center; padding: .75rem 1.25rem; font-weight: 500; color: #526484; transition: all .4s; line-height: 1.3rem; }

.link-list-menu a:after { position: absolute; font-size: 1rem; font-family: &quot;Nioicon&quot;; content: &quot;&quot;; left: 1.25rem; color: #8094ae; transition: .3s ease; }

.link-list-menu a .icon { font-size: 1.125rem; width: 1.75rem; opacity: .8; color: #8094ae; margin-top: -2px; }

.link-list-menu li.active &gt; a, .link-list-menu a.active, .link-list-menu a:hover, .link-list-menu li.active &gt; a .icon, .link-list-menu a.active .icon, .link-list-menu a:hover .icon, .link-list-menu li.active &gt; a:after, .link-list-menu a.active:after, .link-list-menu a:hover:after { color: #0971fe; }

@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 .divider { margin: .5rem 0; }

.link-list-plain a { display: flex; align-items: center; padding: .5rem 1.25rem; color: #526484; transition: all .4s; line-height: 1.4rem; position: relative; }

.link-list-plain a:hover { color: #0971fe; background: #f5f6fa; }

.link-list-plain a .icon { font-size: 1.125rem; width: 1.75rem; opacity: .8; color: #0971fe; }

.link-list-plain li.active &gt; a, .link-list-plain a.active { color: #0971fe; background: #f5f6fa; }

.link-list-plain.text-center a { justify-content: center; padding-left: 0.25rem; padding-right: 0.25rem; }

.link-list-plain.li-col2x &gt; li { border-left: 1px solid #e5e9f2; border-bottom: 1px solid #e5e9f2; border-top: 0; }

.link-list-plain.li-col2x &gt; li:nth-child(2n) { border-left: none; }

.link-list-plain.li-col3x &gt; li { border-left: 1px solid #e5e9f2; border-bottom: 1px solid #e5e9f2; border-top: 0; }

.link-list-plain.li-col3x &gt; li:nth-child(3n) { border-left: none; }

.link-list-plain.li-col4x &gt; li { border-left: 1px solid #e5e9f2; border-bottom: 1px solid #e5e9f2; border-top: 0; }

.link-list-plain.li-col4x &gt; li:nth-child(4n) { border-left: 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 { display: block; }

.is-shown .passcode-icon.icon-hide { display: block; }

.is-hidden .passcode-icon.icon-hide { display: none; }

.form-dropdown { position: absolute; left: 0; top: 0; bottom: 0; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; color: #8094ae; }

.form-dropdown &gt; div &gt; span { margin: 0 0.5rem; }

.form-dropdown .dropdown &gt; a { display: inline-flex; }

.form-clip, .form-text-hint { position: absolute; left: 2px; top: 2px; height: calc(2.125rem - 2px); display: flex; align-items: center; color: #0971fe; padding-right: 1rem; padding-left: .75rem; background: #fff; border-radius: 4px; }

.form-clip.sm, .form-text-hint.sm { height: calc(1.75rem + 2px); }

.form-clip.lg, .form-text-hint.lg { height: calc(2.625rem + 2px); }

.form-clip.xl, .form-text-hint.xl { height: calc(3.25rem + 2px); }

.form-clip .icon + span, .form-clip span + .icon, .form-text-hint .icon + span, .form-text-hint span + .icon { margin-right: 0.25rem; }

.nk-upload-input { position: relative; z-index: 2; width: 100%; height: calc(2.125rem + 2px); margin: 0; opacity: 0; }

.nk-upload-label { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 1.5rem; width: 100%; min-height: 150px; border-radius: 4px; border: 1px dashed #e5e9f2; padding-bottom: 0; }

.nk-upload-init { display: block; text-align: center; }

.nk-upload-files { padding-top: 2rem; display: flex; justify-content: center; margin: -0.5rem; padding-bottom: 2rem; }

.nk-upload-files li { position: relative; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; text-align: center; padding: 0.5rem; }

.nk-upload-files li img { width: 60px; flex-shrink: 0; border-radius: 4px; }

.is-multiple .nk-upload-files li img { width: 40px; }

.is-multiple .nk-upload-files li .nk-upload-name { display: none; }

.nk-upload-name { margin: .5rem 0 0; color: #526484; font-size: .8125rem; font-weight: 500; width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.nk-upload-response { margin-right: auto; display: inline-flex; align-items: center; }

.nk-upload-response .message { font-size: 12px; color: #8094ae; }

.nk-upload-response .message + .icon { margin-right: 0.5rem; }

.nk-upload-response .icon:after { font-family: &quot;Nioicon&quot;; }

.nk-upload-response .icon + .message { margin-right: 0.5rem; }

.nk-upload-response.invalid .icon { color: #f4bd0e; }

.nk-upload-response.invalid .icon:after { content: &quot;&quot;; }

.nk-upload-response.valid .icon { color: #1ee0ac; }

.nk-upload-response.valid .icon:after { content: &quot;&quot;; }

.nk-upload-response.error .icon { color: #e85347; }

.nk-upload-response.error .icon:after { content: &quot;&quot;; }

.nk-upload-foot { display: flex; justify-content: space-between; border-top: 1px dashed #e5e9f2; padding: 1rem 1.25rem; margin: 0 -1.5rem; }

.nk-upload-foot &gt; span, .nk-upload-foot &gt; button { margin: .25rem; }

.form-editor-custom textarea { border-radius: 4px 4px 0 0; }

.form-editor-action { border: 1px solid #dbdfea; border-top: 0; border-radius: 0 0 4px 4px; padding: .25rem .5rem; }

.form-editor-action &gt; .link { padding: .5rem; }

.form-editor-action &gt; .link.collapsed { color: #8094ae; }

.form-editor-action &gt; .link .icon { margin-left: .25rem; }

.form-editor-btn-group, .form-btn-group { display: flex; align-items: center; margin: -0.25rem; flex-wrap: wrap; }

.form-editor-btn-group li, .form-btn-group li { padding: .25rem; line-height: 0.5rem; }

.form-btn-group li:first-child { margin-left: .5rem; }

.form-btn-secondary { margin-right: auto; }

input[type=&quot;number&quot;] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }

.number-spinner { padding-left: 3.125rem; padding-right: 3.125rem; text-align: center; }

.number-spinner:focus { border-color: #dbdfea; }

.number-spinner-btn { position: absolute; top: 0; }

.number-plus { left: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.number-minus { right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group-addon { display: flex; align-items: center; padding: .25rem .75rem; background-color: #f5f6fa; border: 1px solid #dbdfea; font-size: 0.75rem; border-radius: 4px; }

.input-group-addon:not(:last-child) { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group-addon:not(:first-child) { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.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 { font-size: 11px; line-height: 1.2; letter-spacing: 0.2em; color: #8094ae; text-transform: uppercase; font-weight: 700; font-family: Roboto, sans-serif, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif; }

.text-light .overline-title { color: #8094ae; }

.is-dark .overline-title { color: #b7c2d0; }

.is-theme .overline-title { color: #a9cdff; }

.overline-title-alt { font-family: Roboto, sans-serif, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0.15em; font-size: 11px; color: #8094ae; text-transform: uppercase; }

.is-dark .overline-title-alt { color: #8094ae; }

.is-theme .overline-title-alt { color: #a9cdff; }

.overline-title-sap { position: relative; display: inline-block; margin-bottom: 0; padding-right: .35rem; padding-left: .25rem; color: #b6c6e3; }

.overline-title-sap:before, .overline-title-sap:after { position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 1px; content: ''; background: #b6c6e3; }

.overline-title-sap:before { right: 100%; }

.overline-title-sap:after { left: 100%; }

.caption-text { font-size: 16px; font-weight: 400; line-height: 1.3; letter-spacing: -0.01em; }

.caption-text + .sub-text, .caption-text + .sub-text-sm { margin-top: 0.5rem; display: block; }

.lead-text { font-size: 0.875rem; font-weight: 700; color: #364a63; display: block; }

.lead-text + .sub-text { font-size: 12px; }

.lead-text span { color: #526484; font-weight: 400; }

.lead-text-lg { font-size: 1.125rem; font-weight: 500; color: #364a63; display: block; }

.is-theme .lead-text-lg { color: #fff; }

.is-theme .is-light .lead-text-lg { color: #364a63; }

.is-dark .lead-text { color: #b7c2d0; }

.is-dark .lead-text span { color: #8091a7; }

.is-theme .lead-text { color: #fff; }

.is-theme .lead-text span { color: #a9cdff; }

.is-theme .is-light .lead-text, .is-dark .is-light .lead-text { color: #364a63; }

.is-theme .is-light .lead-text span, .is-dark .is-light .lead-text span { color: #526484; }

.sub-text { display: block; font-size: 13px; color: #8094ae; }

.sub-text span + .dot, .sub-text .dot + span { margin-right: 0.25rem; }

.sub-text-sm, .sub-text + .sub-text { font-size: 12px; }

.sub-text-sm { color: #8094ae; }

.is-theme .sub-text-sm { color: #a9cdff; }

.is-theme .is-light .sub-text-sm { color: #8094ae; }

.text-ellipsis .sub-text { display: inline; }

.sub-text strong { color: #526484; font-weight: 700; }

.is-theme .sub-text strong { color: #a9cdff; }

.is-theme .is-light .sub-text strong { color: #526484; }

.sub-text span { white-space: nowrap; }

.is-theme .sub-text { color: #a9cdff; }

.is-theme .is-light .sub-text { color: #8094ae; }

.text-date span { color: #526484; }

h6 .badge { margin-right: 0.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 { font-size: 12px; font-style: italic; color: #8094ae; }

.card .table { margin-bottom: 0; }

.card .table tr:first-child th, .card .table tr:first-child td { 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 #dbdfea; }

@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-left: 1px solid #dbdfea; }
  .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 { width: 300px; background-color: #fff; min-height: 100vh; flex-shrink: 0; }

.card-aside-left { order: -1; border-left: 1px solid #e5e9f2; }

.card-aside-right { order: 100; border-right: 1px solid #e5e9f2; }

.card-aside-wrap { display: flex; }

.card-aside-wrap .card-inner, .card-aside-wrap .card-content { flex-grow: 1; }

@media (max-width: 767.98px) { .toggle-break-md.card-aside .card-inner-group { max-height: calc(100vh - 65px); margin-top: 65px; } }

@media (max-width: 991.98px) { .toggle-break-lg.card-aside .card-inner-group { max-height: calc(100vh - 65px); margin-top: 65px; } }

@media (max-width: 1199.98px) { .toggle-break-xl.card-aside .card-inner-group { max-height: calc(100vh - 65px); margin-top: 65px; } }

@media (max-width: 1539.98px) { .toggle-break-xxl.card-aside .card-inner-group { max-height: calc(100vh - 65px); margin-top: 65px; } }

@media (min-width: 992px) { .card-aside { position: static; display: block; } }

@media (min-width: 1540px) { .card-aside { width: 380px; } }

.user-avatar, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]) { border-radius: 50%; height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; color: #fff; background: #3a8dfe; font-size: 14px; font-weight: 500; letter-spacing: 0.06em; flex-shrink: 0; position: relative; }

.user-avatar + .user-info, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]) + .user-info { margin-right: 1rem; }

.user-avatar + .user-name, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]) + .user-name { margin-right: 0.75rem; }

.user-avatar img, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]) img { border-radius: 50%; }

.user-avatar.md + .user-info, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]).md + .user-info { margin-right: 1.5rem; }

.user-avatar.md + .user-name, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]).md + .user-name { margin-right: 1.25rem; }

.user-avatar .edit, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]) .edit { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background-color: rgba(31, 43, 58, 0.5); display: flex; justify-content: center; align-items: center; color: #fff; opacity: 0; transition: opacity .3s; }

.user-avatar:hover .edit, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]):hover .edit { opacity: 1; }

.user-avatar .status, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]) .status { border: 2px solid #fff; position: absolute; bottom: 0; left: 0; }

.user-avatar.sq, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]).sq { border-radius: 4px; }

.user-avatar.sq img, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]).sq img { border-radius: 4px; }

.user-avatar.sq .status, [class^=&quot;user-avatar&quot;]:not([class*=&quot;-group&quot;]).sq .status { bottom: -6px; left: -6px; }

.user-avatar-multiple { background-color: transparent !important; }

.user-avatar-multiple .user-avatar { position: absolute; height: 70%; width: 70%; font-size: 80%; border: 2px solid #fff; }

.user-avatar-multiple .user-avatar:nth-child(1) { top: 0; left: 0; }

.user-avatar-multiple .user-avatar:nth-child(2) { bottom: 0; right: 0; }

.user-card .user-avatar.d-none { margin-left: 1rem; }

.user-card .user-avatar.d-none + .user-info, .user-card .user-avatar.d-none + .user-name { margin-right: 0; }

.user-avatar-xl, .user-avatar.xl { height: 110px; width: 110px; font-size: 40px; font-weight: 400; }

.user-avatar-xl .status, .user-avatar.xl .status { bottom: 9px; left: 9px; }

.user-avatar-lg, .user-avatar.lg { height: 80px; width: 80px; font-size: 28px; font-weight: 400; }

.user-avatar-lg .status, .user-avatar.lg .status { bottom: 5px; left: 5px; }

.user-avatar-md, .user-avatar.md { height: 60px; width: 60px; font-size: 18px; }

.user-avatar-md .status, .user-avatar.md .status { bottom: 2px; left: 2px; }

.user-avatar-sm, .user-avatar.sm { height: 32px; width: 32px; font-size: 12px; }

.user-avatar-sm .status, .user-avatar.sm .status { bottom: -2px; left: -2px; }

.user-avatar-xs, .user-avatar.xs { height: 26px; width: 26px; font-size: 9px; font-weight: 700; }

.user-avatar-xs .status, .user-avatar.xs .status { bottom: -2px; left: -2px; }

.user-avatar[class*=&quot;-blue-dim&quot;] { color: #559bfb; }

.user-avatar[class*=&quot;-azure-dim&quot;] { color: #1676fb; }

.user-avatar[class*=&quot;-indigo-dim&quot;] { color: #2c3782; }

.user-avatar[class*=&quot;-purple-dim&quot;] { color: #816bff; }

.user-avatar[class*=&quot;-pink-dim&quot;] { color: #ff63a5; }

.user-avatar[class*=&quot;-orange-dim&quot;] { color: #ffa353; }

.user-avatar[class*=&quot;-teal-dim&quot;] { color: #20c997; }

.user-avatar[class*=&quot;-primary-dim&quot;] { color: #0971fe; }

.user-avatar[class*=&quot;-secondary-dim&quot;] { color: #364a63; }

.user-avatar[class*=&quot;-success-dim&quot;] { color: #1ee0ac; }

.user-avatar[class*=&quot;-info-dim&quot;] { color: #09c2de; }

.user-avatar[class*=&quot;-warning-dim&quot;] { color: #f4bd0e; }

.user-avatar[class*=&quot;-danger-dim&quot;] { color: #e85347; }

.user-avatar[class*=&quot;-dark-dim&quot;] { color: #1f2b3a; }

.user-avatar[class*=&quot;-gray-dim&quot;] { color: #8091a7; }

.user-avatar[class*=&quot;-lighter&quot;] { color: #8094ae; }

.user-avatar[class*=&quot;-light&quot;] { color: #526484; }

.user-card { display: flex; align-items: center; }

.user-card-wrap { padding-top: 1.125rem; padding-bottom: 1.125rem; }

.user-card .user-info { color: #8094ae; }

.user-card-menu { position: absolute; left: 1rem; top: 1rem; }

.user-toggle { display: flex; align-items: center; padding: 0 1px 1px; }

.user-status { font-size: 11px; font-weight: 500; line-height: 1; padding-top: .125rem; padding-bottom: .375rem; }

.user-status-unverified { color: #e85347; }

.user-status-verified { color: #1ee0ac; }

.user-name { color: #526484; font-size: 12px; line-height: 16px; font-weight: 700; }

.is-dark .user-name { color: #90a1b8; }

.is-theme .user-name { color: #a9cdff; }

.user-action { margin-right: auto; font-size: 20px; color: #8094ae; }

.user-account-info { padding-top: 1.5rem; padding-bottom: 1rem; }

.user-account-info:first-child { padding-top: 0.5rem; }

.nk-profile-content .user-account-info:first-child { 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, .user-account-actions .dual-listbox .dual-listbox__button, .dual-listbox .user-account-actions .dual-listbox__button { width: 100%; font-size: 12px; letter-spacing: 0.04em; padding-left: 0.5rem; padding-right: 0.5rem; text-transform: uppercase; }

.user-account-links { padding: 1rem 0; border-bottom: 1px solid #e5e9f2; }

.user-account-info .user-account-links:last-child { border-bottom: 0; padding-bottom: 0; }

.user-account-info + .user-account-links { padding-top: 0; margin-top: -0.5rem; }

.user-account-links a:link { padding: 0.5rem 0; display: flex; }

.user-account-value { display: inline-flex; }

.user-balance { font-size: 1.5rem; line-height: 1; padding: .125rem 0 .375rem; color: #0971fe; }

.user-balance small { font-size: 1rem; }

.user-balance-alt { font-size: 15px; color: #526484; font-weight: 700; }

.user-balance-alt span { font-weight: 400; }

.user-balance-sub { font-size: 13px; color: #8094ae; }

.user-balance-sub span { color: #526484; }

.user-balance-sub + a { margin-top: 1rem; }

.user-card-s2 { display: flex; flex-direction: column; text-align: center; padding: .5rem; }

.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: 0.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 { width: 2.25rem; font-size: 1.5rem; color: #8094ae; }

.user-activity .info span { display: block; }

.user-activity .amount { font-size: 1.125rem; line-height: 1.3; font-weight: 500; color: #526484; }

.user-activity .title { font-size: 12px; color: #8094ae; }

.user-activity .gfx { align-self: flex-end; width: 50px; margin-right: 1rem; margin-bottom: 0.25rem; }

.user-contacts li { color: #526484; display: flex; font-size: .875rem; line-height: 1.4rem; padding: .375rem 0; }

.user-contacts li .icon { color: #8094ae; font-size: 1rem; width: 1.75rem; line-height: inherit; display: inline-block; }

.user-avatar-group { display: flex; }

.user-avatar-group .user-avatar { border: 2px solid #fff; }

.user-avatar-group .user-avatar:not(:first-child) { margin-right: -20%; }

.user-avatar-group .user-avatar.sm:not(:first-child) { margin-right: -1rem; }

.user-avatar-group .user-avatar.xs:not(:first-child) { margin-right: -0.5rem; }

.user-info .lead-text, .user-info .sub-text { display: flex; align-items: center; }

.user-info .edit { font-size: 1.25rem; color: #8094ae; margin-right: 0.5rem; display: inline-flex; }

.user-info .edit:hover { color: #0971fe; }

.user-plan { display: flex; flex-wrap: wrap; justify-content: space-between; padding: .75rem 0; }

.user-plan-title { display: flex; align-items: center; color: #364a63; font-weight: 700; font-size: 1rem; }

.user-plan-title .icon { font-size: 1.5rem; margin-left: 0.75rem; color: #0971fe; }

.user-plan-info, .user-plan-actions { padding: 0.5rem 0; }

.user-plan-status { font-size: 13px; font-weight: 500; color: #8094ae; text-transform: uppercase; margin-top: 0.5rem; }

.user-plan-progress { width: 100%; margin-top: 1rem; }

.data-list:not(:first-child) { margin-top: 1.5rem; }

.data-item { position: relative; padding: 1rem 1.25rem; display: flex; align-items: center; }

.data-item .icon { color: #8094ae; text-align: center; height: 32px; vertical-align: middle; line-height: 32px; display: inline-block; }

.data-item:not(:last-child) { border-bottom: 1px solid #e5e9f2; }

.data-item[data-toggle] { cursor: pointer; }

.data-item:hover .data-label { color: #526484; }

.data-item:hover .data-value, .data-item:hover .icon { color: #364a63; }

.data-head { padding: 0.5rem 1.25rem; margin-bottom: 0.25rem; background-color: #ebeef2; border-radius: 4px; }

.data-head.is-plain { margin-bottom: 0; background-color: transparent; }

.data-head.is-plain:first-child { margin-top: 1rem; }

.data-head .title { color: #526484; }

.data-col { flex-grow: 1; }

.data-col span:not(.data-more) { display: inline-block; transition: color .3s; }

.data-col-end { flex-grow: 0; margin-right: auto; }

.data-label { color: #8094ae; width: 100%; flex-shrink: 0; }

.data-value { color: #526484; font-size: 0.9375rem; }

.data-more { position: relative; z-index: 4; text-align: center; line-height: 28px; height: 28px; width: 28px; display: inline-grid; align-content: center; }

.data-more:before { position: absolute; z-index: -1; height: 20px; width: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%; content: ''; background-color: #e5e9f2; border-radius: 50%; opacity: 0; transition: all .3s; }

.data-item:hover .data-more:before { opacity: 1; height: 40px; width: 40px; }

.data-more.disable:before { display: none; }

.data-list-s2:not(:first-child) { margin-top: 1rem; }

.data-list-s2 .data-item, .data-list-s2 .data-head { padding-left: 0; padding-right: 0; background: transparent; }

.data-list-s2 .data-head { border-bottom: 1px solid #dbdfea; }

.data-list-s2 .data-item:not(:last-child) { border-bottom-color: #dbdfea; }

.data-list-s2 .data-label { color: #526484; }

.data-list-s2 .data-placeholder { color: #8094ae; }

@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 { display: flex; align-items: center; }
  .data-col-end { width: 200px; text-align: left; justify-content: flex-end; }
  .data-label:not([class^=&quot;w-&quot;]) { 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-top: .75rem; padding-bottom: .75rem; }

.is-medium .data-item { padding-top: 1.125rem; padding-bottom: 1.125rem; }

.dropdown-menu .nk-notification { max-height: 239px; overflow: auto; }

.nk-notification-item { display: flex; align-items: center; padding: 1.25rem 1.75rem; }

.nk-notification-icon { flex-shrink: 0; margin-left: .75rem; }

.nk-notification-text { font-size: 13px; color: #526484; }

.nk-notification-text span { color: #364a63; }

.nk-notification-time { font-size: 11px; color: #8094ae; }

.dropdown-menu .nk-chat-list, .dropdown-menu .chat-list { max-height: 274px; overflow: auto; }

.icon-light { color: #fff; }

.icon-dark { color: #364a63; }

.icon-text { display: flex; align-items: center; 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 { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; background: #0971fe; color: #fff; font-size: 18px; height: 36px; width: 36px; }

.icon-circle-sm, .icon-circle.sm { height: 20px; width: 20px; font-size: 12px; }

.icon-circle-md, .icon-circle.md { height: 28px; width: 28px; font-size: 14px; }

.icon-circle-lg, .icon-circle.lg { height: 44px; width: 44px; font-size: 24px; }

.icon-circle-xxl, .icon-circle.xxl { height: 80px; width: 80px; font-size: 40px; }

.icon-status { position: relative; display: inline-flex; }

.icon-status:after { position: absolute; border-radius: 50%; left: 0; top: 1px; height: 10px; width: 10px; border: 2px solid #fff; content: ''; }

.icon-status-info:after { background: #09c2de; }

.icon-status-danger:after { background: #e85347; }

.icon-status-success:after { background: #1ee0ac; }

.icon-status-warning:after { background: #f4bd0e; }

.icon-status-on:after { background: #1ee0ac; }

.icon-status-off:after { background: #8094ae; }

.icon-status-na:after { display: none; }

.icon-overlap { display: inline-flex; align-items: center; flex-direction: row-reverse; flex-shrink: 0; }

.icon-overlap li { border-radius: 50%; border: 2px solid #fff; }

.icon-overlap li + li { margin-left: -14px; }

.icon-overlap-alt { display: inline-flex; align-items: flex-end; flex-shrink: 0; }

.icon-overlap-alt li { border-radius: 50%; }

.icon-overlap-alt li + li { margin-right: -16px; margin-bottom: -10px; }

.icon-circle[class*=&quot;btc&quot;] { background: #f9841e; }

.icon-circle[class*=&quot;facebook&quot;] { background: #3b5998; }

.icon-circle[class*=&quot;google&quot;] { background: #de5246; }

.icon-circle[class*=&quot;btc-dim&quot;] { background: #feefe2; }

.icon-circle[class*=&quot;eth-dim&quot;] { background: #eaedf6; }

.icon-circle[class*=&quot;white&quot;] { background: #fff; }

.icon[class*=&quot;bg-blue-dim&quot;] { color: #559bfb; }

.icon[class*=&quot;bg-azure-dim&quot;] { color: #1676fb; }

.icon[class*=&quot;bg-indigo-dim&quot;] { color: #2c3782; }

.icon[class*=&quot;bg-purple-dim&quot;] { color: #816bff; }

.icon[class*=&quot;bg-pink-dim&quot;] { color: #ff63a5; }

.icon[class*=&quot;bg-orange-dim&quot;] { color: #ffa353; }

.icon[class*=&quot;bg-teal-dim&quot;] { color: #20c997; }

.icon[class*=&quot;bg-primary-dim&quot;] { color: #0971fe; }

.icon[class*=&quot;bg-secondary-dim&quot;] { color: #364a63; }

.icon[class*=&quot;bg-success-dim&quot;] { color: #1ee0ac; }

.icon[class*=&quot;bg-info-dim&quot;] { color: #09c2de; }

.icon[class*=&quot;bg-warning-dim&quot;] { color: #f4bd0e; }

.icon[class*=&quot;bg-danger-dim&quot;] { color: #e85347; }

.icon[class*=&quot;bg-light&quot;] { color: #526484; }

.icon[class*=&quot;bg-lighter&quot;] { color: #8094ae; }

.icon[class*=&quot;bg-dark-dim&quot;] { color: #dde2ea; }

.icon[class*=&quot;bg-gray-dim&quot;] { color: #e9f0f9; }

.icon[class*=&quot;bg-facebook-dim&quot;] { color: #3b5998; }

.icon[class*=&quot;bg-google-dim&quot;] { color: #de5246; }

.icon[class*=&quot;bg-btc-dim&quot;] { color: #f9841e; }

.icon[class*=&quot;bg-eth-dim&quot;] { color: #6174b9; }

.icon[class*=&quot;bg-white&quot;] { color: #526484; }

.icon-avatar { width: 1.5rem; height: 1.5rem; display: inline-block; text-align: center; line-height: 1.5rem; border-radius: 50%; background: #cee3ff; color: #3a8dfe; margin-left: 0.5rem; font-size: 12px; }

.icon-avatar-md { width: 2rem; height: 2rem; line-height: 2rem; font-size: 14px; }

.tb-col-hide, .tb-col-sm, .tb-col-md, .tb-col-lg, .tb-col-xl, .tb-col-xxl, .tb-col-xs, .tb-col-mb { 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-end, .tb-col-action { text-align: left; }

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

.tb-col-action .link-cross, .tb-col-action .link-done { font-size: 1rem; text-align: center; line-height: 28px; height: 24px; width: 24px; display: inline-block; color: #8094ae; vertical-align: middle; border-radius: 12px; }

.tb-col-action .link-cross .icon, .tb-col-action .link-done .icon { padding-right: 1px; }

.tb-col-action .link-cross:hover { color: #e85347; background: #fce7e5; }

.tb-col-action .link-done:hover { color: #1ee0ac; background: #e0fbf3; }

@media (max-width: 575.98px) { .table-ulogs th.tb-col-ip { display: none; }
  .table-ulogs tr { display: flex; flex-wrap: wrap; width: 100%; position: relative; padding: 0.5rem 1.25rem; }
  .table-ulogs tr:not(:first-child) { border-top: 1px solid #dbdfea; }
  .table-ulogs tr td { padding: 0; border: 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 { width: 40%; min-width: 142px; flex-grow: 0; }
  .table-ulogs tr td.tb-col-ip { width: 40%; min-width: 130px; flex-grow: 0; }
  .table-ulogs tr .tb-col-action { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); padding: 0; }
  .table-ulogs thead tr { padding: 0; } }

.toggle-content { opacity: 0; visibility: hidden; position: absolute; top: calc(100% + 10px); z-index: 9; background: #fff; border-radius: 4px; box-shadow: 0 3px 12px 1px rgba(43, 55, 72, 0.15); transform: translateY(10px); }

.toggle-content-right { right: auto; left: 0; }

.toggle-content-bottom { top: auto; bottom: 0; }

.toggle-content.content-active { transition: all .2s ease; opacity: 1; visibility: visible; transform: translateY(0); }

.toggle-slide { position: fixed; top: 0; z-index: 999; min-width: 260px; max-width: calc(100% - 40px); transition: transform 650ms ease; }

.toggle-slide-left { right: 0; transform: translateX(100%); }

.toggle-slide-right { left: 0; transform: translateX(-100%); }

.toggle-slide.content-active { transform: translate(0) !important; }

.toggle-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(31, 43, 58, 0.2); z-index: 900; animation: overlay-fade-in .4s ease 1; }

.toggle-expand-content { display: none; }

.toggle-expand-content.expanded { display: block; }

.toggle-expand .inactive-text, .toggle-opt .inactive-text { display: block; }

.toggle-expand.active &gt; .inactive-text, .toggle-opt.active &gt; .inactive-text { display: none; }

.toggle-expand .active-text, .toggle-opt .active-text { display: none; }

.toggle-expand.active &gt; .active-text, .toggle-opt.active &gt; .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 { position: absolute; left: 0; right: 0; top: 100%; z-index: 99; width: 100vw; padding: 0 18px !important; background: #fff; margin-left: -18px; margin-right: -18px; box-shadow: 0 20px 35px rgba(0, 0, 0, 0.2); }
  .nk-block-tools-toggle .nk-block-tools { padding-top: 20px; padding-bottom: 20px; }
  .nk-block-tools-toggle .nk-block-tools-opt { margin-right: auto; } }

@media (max-width: 575.98px) { .card-tools-toggle .card-title-group { position: static; }
  .card-tools-toggle .toggle-wrap .toggle-content { padding: 1.25rem 1rem; transform: translate(0); top: 0; left: 0; right: 0; bottom: 0; }
  .card-tools-toggle .toggle-wrap .toggle-close { margin-left: 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 { z-index: 9; opacity: 1; visibility: visible; position: static; background: transparent; box-shadow: none; transform: translate(0); }
  .card-tools-toggle .toggle-wrap .toggle-close { display: none; } }

@media (min-width: 576px) { .toggle-break-sm { transition: none; opacity: 1; visibility: visible; transform: translateY(0) !important; position: static; background: transparent; box-shadow: none; z-index: 1 !important; }
  .toggle-break-sm.collapse { display: block; } }

@media (min-width: 768px) { .toggle-break-md { transition: none; opacity: 1; visibility: visible; transform: translateY(0) !important; position: static; background: transparent; box-shadow: none; z-index: 1 !important; }
  .toggle-break-md.collapse { display: block; } }

@media (min-width: 992px) { .toggle-break-lg { transition: none; opacity: 1; visibility: visible; transform: translateY(0) !important; position: static; background: transparent; box-shadow: none; z-index: 1 !important; }
  .toggle-break-lg.collapse { display: block; } }

@media (min-width: 1200px) { .toggle-break-xl { transition: none; opacity: 1; visibility: visible; transform: translateY(0) !important; position: static; background: transparent; box-shadow: none; z-index: 1 !important; }
  .toggle-break-xl.collapse { display: block; } }

@media (min-width: 1540px) { .toggle-break-xxl { transition: none; opacity: 1; visibility: visible; transform: translateY(0) !important; position: static; background: transparent; box-shadow: none; z-index: 1 !important; }
  .toggle-break-xxl.collapse { display: block; } }

.nav-switch { display: inline-flex; margin-bottom: 1.5rem; border: 1px solid #dbdfea; border-radius: 30px; padding: 5px; }

.nav-switch .nav-link { padding: 5px 16px; line-height: 20px; border-radius: 20px; position: static; text-transform: uppercase; font-family: Roboto, sans-serif; font-weight: 700; font-size: 12px; color: #8094ae; }

.nav-switch .nav-link.active { background: #0971fe; color: #fff; }

.nav-switch .nav-link:after { display: none; }

.nav-switch .nav-item { padding: 0; margin: 0 1px; }

.nav-switch .nav-item:last-child { margin-left: 0; }

.nav-switch .nav-item:first-child { margin-right: 0; }

@media (min-width: 576px) { .nav-switch { margin-bottom: 2.5rem; } }

.nav-switch-s2 { display: inline-flex; border-radius: 4px; border: none; }

.nav-switch-s2 .nav-link { padding: .25rem .7rem; line-height: 20px; border-radius: 0; position: static; text-transform: uppercase; font-family: Roboto, sans-serif; font-weight: 700; font-size: 12px; color: #8094ae; border: 1px solid #dbdfea; }

.nav-switch-s2 .nav-link:hover, .nav-switch-s2 .nav-link:focus { color: #526484; background: #f5f6fa; border: 1px solid #dbdfea; }

.nav-switch-s2 .nav-link.active { color: #364a63; border: 1px solid #dbdfea; background: #f5f6fa; box-shadow: inset 0 0 4px -1px rgba(128, 148, 174, 0.25); }

.nav-switch-s2 .nav-link:after { display: none; }

.nav-switch-s2 .nav-item { padding: 0; margin: 0; }

.nav-switch-s2 .nav-item:last-child { margin-left: 0; }

.nav-switch-s2 .nav-item:last-child .nav-link { border-radius: 4px 0 0 4px; }

.nav-switch-s2 .nav-item:first-child { margin-right: 0; }

.nav-switch-s2 .nav-item:first-child .nav-link { border-radius: 0 4px 4px 0; }

.nav-switch-s2 .nav-item:not(:first-child) { margin-right: -1px; }

.widget-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; }

.widget-title &gt; * { 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: 0.75rem; }

.side-wg .back-to { font-size: 0.875rem; line-height: 1.1; font-weight: 400; position: relative; color: #8094ae; display: inline-flex; align-items: center; }

.side-wg .back-to .icon { font-size: 1.25rem; width: 1.75rem; margin-top: -3px; display: inline-block; }

.nk-ck { height: 260px; }

.nk-ck-sm { height: 180px; }

.nk-ck1 { height: 120px; }

.nk-ck2 { height: 240px; }

.nk-ck3 { height: 160px; }

.nk-cktv { height: 300px; overflow: hidden; border: 1px solid #dbdfea; border-radius: 4px; }

.nk-cktv .tradingview-widget-container { overflow: hidden; position: relative; top: 8px; }

.nk-cktv .tradingview-widget-container &gt; 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-title:not(:last-child) { margin-bottom: 1.5rem; }

.nk-wg6-text: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=&quot;modal&quot;] { cursor: pointer; }

.search-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #fff; transition: opacity .4s; border-radius: 6px; pointer-events: none; display: flex; align-items: center; }

.search-wrap.active { opacity: 1; z-index: 9; pointer-events: auto; }

.search-wrap-extend { margin-top: -1rem; left: -2px; right: -2px; }

.search-toggle { transition: all .4s; opacity: 1; }

.search-toggle.active { opacity: 0; }

.search-content { position: relative; width: 100%; }

.search-content .form-control, .search-content div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .search-content input, .search-content .dual-listbox .dual-listbox__search, .dual-listbox .search-content .dual-listbox__search { 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 { right: 0; transform: translate(0.25rem, -50%); }

.search-submit { left: 0; transform: translate(-0.5rem, -50%); }

.search-submit:hover { color: #0971fe; }

.nk-search-box { margin-top: 1.5rem; margin-bottom: 1.25rem; }

.nk-search-box .form-icon { height: 100%; border: none; background: transparent; width: 3.5rem; }

.nk-search-box .form-control, .nk-search-box div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .nk-search-box input, .nk-search-box .dual-listbox .dual-listbox__search, .dual-listbox .nk-search-box .dual-listbox__search { border-radius: 1.5rem; padding-right: 1.25rem; padding-left: 1.5rem; }

.nk-block + .nk-block, .nk-block + .nk-block-head { padding-top: 28px; }

.nk-block + .nk-block-lg, .nk-block + .nk-block-head-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 { display: flex; justify-content: space-between; align-items: center; }

.nk-block-between &gt; .title:first-child { margin-bottom: 0; }

.nk-block-middle { margin-top: auto; margin-bottom: auto; }

.nk-block-head { position: relative; padding-bottom: 1.25rem; }

.nk-block-head:only-child { padding-bottom: 0; }

.nk-block-head h2:not(:last-child) { margin-bottom: 1rem; }

.nk-block-head-sub { font-size: 1rem; line-height: 1.5rem; margin-bottom: .5rem; color: #8094ae; font-weight: 400; position: relative; }

.nk-block-head-sub .back-to { color: inherit; display: inline-flex; align-items: center; }

.nk-block-head-sub .back-to .icon { font-size: 1.5rem; width: 2rem; margin-top: -3px; display: inline-block; }

.nk-block-head-sub .dropdown { position: absolute; left: -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 &gt; .nk-block-head:first-child { padding-bottom: 1.75rem; }

.nk-block-head .nk-block-text { margin-top: 1.5rem; }

.nk-block-head .nk-block-text + .btn, .nk-block-head .dual-listbox .nk-block-text + .dual-listbox__button, .dual-listbox .nk-block-head .nk-block-text + .dual-listbox__button { margin-top: 1.5rem; }

.nk-block-tools { display: flex; align-items: center; }

.nk-block-tools &gt; * { display: inline-flex; }

.nk-block-des { color: #526484; }

.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 { display: flex; justify-content: space-between; align-items: center; }

.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-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 &gt; .nk-block-head:first-child { padding-bottom: 2.5rem; }
  .nk-content-body &gt; .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 { order: 100; margin-right: auto; } }

@media (min-width: 768px) { .nk-block-between-md { display: flex; justify-content: space-between; align-items: center; } }

.nk-block-subhead { padding-bottom: .5rem; border-bottom: 1px solid #dbdfea; }

.nk-feature-center { text-align: center; }

.filter-wg label.overline-title { margin-bottom: .5rem; }

.change { line-height: 1; }

.change .sign { font-family: &quot;Nioicon&quot;; }

.change .sign:before { content: &quot;&quot;; }

.change.up { color: #1ee0ac !important; }

.change.up .sign:before { content: &quot;&quot;; }

.change.down { color: #e85347 !important; }

.change.down .sign:before { content: &quot;&quot;; }

.nk-knob &gt; div { position: relative; display: inline-block !important; }

.knob { height: 100% !important; margin-top: 0 !important; font-size: 1.5rem !important; }

.knob-half { height: 50% !important; font-size: 1.25rem !important; }

[class*=&quot;knob&quot;] { text-align: center; pointer-events: none; width: 100% !important; font-weight: 400 !important; font-family: Roboto, sans-serif !important; color: #364a63 !important; margin-right: 0 !important; right: 0; border: none; }

[class*=&quot;knob&quot;]: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; }

.collapsed .collapse-shown { display: none !important; }

.collapse-hidden { display: none !important; }

.collapsed .collapse-hidden { display: inline-block !important; }

.clipboard-init { cursor: pointer; }

.clipboard-success .clipboard-init { color: #1bca9b; }

.clipboard-text { font-size: 12px; }

.clipboard-success .form-control:focus, .clipboard-success div.dataTables_wrapper div.dataTables_filter input:focus, div.dataTables_wrapper div.dataTables_filter .clipboard-success input:focus, .clipboard-success .dual-listbox .dual-listbox__search:focus, .dual-listbox .clipboard-success .dual-listbox__search:focus { border-color: #dbdfea; box-shadow: inset 0 1px 1px rgba(16, 25, 36, 0.075); }

.nk-news-item { display: flex; align-items: center; }

.nk-news-icon { width: 2rem; display: inline-flex; flex-shrink: 0; }

.nk-news-icon .icon { font-size: 24px; color: #0971fe; }

.is-theme .nk-news-icon .icon { color: #2280fe; }

.nk-news-icon img { width: 24px; }

.nk-news-text { display: flex; align-items: center; max-width: calc(100% - 1.5rem); }

.nk-news-text p { font-size: 13px; margin-bottom: 0; color: #526484; font-weight: 500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: calc(100% - 2rem); }

.nk-news-text p span { color: #8094ae; font-weight: 400; }

.is-dark .nk-news-text p { color: #90a1b8; }

.is-dark .nk-news-text p span { color: rgba(128, 148, 174, 0.9); }

.is-theme .nk-news-text p { color: #c3dcff; }

.is-theme .nk-news-text p span { color: rgba(169, 205, 255, 0.8); }

.nk-news-text .icon { color: #8094ae; margin-right: .25rem; }

.is-dark .nk-news-text .icon { color: #8094ae; }

.is-theme .nk-news-text .icon { color: #a9cdff; }

.nk-news-item:hover .nk-news-text .icon { color: #0971fe; }

.language-list li:not(:last-child) .language-item { border-bottom: 1px solid #ecf2ff; }

.language-item { display: flex; align-items: center; padding: 12px 20px; color: #344357; transition: all .4s; }

.language-item:hover { color: #3c4d62; background: #ebeef2; }

.language-name { font-size: 12px; }

.language-flag { width: 24px; margin-left: 12px; }

.entry img, .entry .video, .entry .image-group { border-radius: 4px; }

.entry img + p, .entry img + h2, .entry img + h3, .entry img + h4, .entry img + h5, .entry img + h6, .entry img + ul, .entry img + ol, .entry .video + p, .entry .video + h2, .entry .video + h3, .entry .video + h4, .entry .video + h5, .entry .video + h6, .entry .video + ul, .entry .video + ol, .entry .image-group + p, .entry .image-group + h2, .entry .image-group + h3, .entry .image-group + h4, .entry .image-group + h5, .entry .image-group + h6, .entry .image-group + ul, .entry .image-group + ol { margin-top: 2rem; }

.entry p + img { margin-top: 1rem; }

.entry p + h2, .entry p + h3, .entry p + h4, .entry p + h5, .entry p + h6, .entry p + .video, .entry p + .image-group { padding-top: 0.75rem; }

p &gt; span &gt; .icon.ni { vertical-align: middle; }

.btn-trigger + .dropdown-menu-right, .btn-trigger + .dropdown-menu-left { margin: -.75rem 0; }

.btn-trigger + .dropdown-menu-right { margin-left: 16px; }

.btn-trigger + .dropdown-menu-left { margin-right: 16px; }

@media (max-width: 420px) { .btn-trigger + .dropdown-menu-xl, .btn-trigger + .dropdown-menu-lg, .btn-trigger + .dropdown-menu-md { margin-right: 16px; margin-top: .25rem; } }

.bq-note-item:not(:first-child) { margin-top: 1.75rem; }

.bq-note-text { padding: 1rem 1.25rem; background: #f5f6fa; border-radius: 4px; }

.bq-note-meta { font-size: 12px; color: #8094ae; margin-top: .75rem; }

.bq-note-meta span &gt; span { color: #526484; }

.bq-note-meta .link { margin-right: .75rem; }

.bq-note-sep { height: .25rem; display: block; visibility: hidden; padding: 0 0.25rem; }

.bq-note-by { display: inline-block; }

@media (min-width: 576px) { .bq-note-text { padding: 1.25rem 1.5rem; }
  .bq-note-sep { height: auto; display: inline-block; 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; }

.video { position: relative; overflow: hidden; border-radius: 4px; }

.video:before { position: absolute; content: ''; bottom: 0; right: 0; left: 0; height: 120px; background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); }

.video-play { display: flex; align-items: center; position: absolute; right: 2rem; bottom: 2rem; color: #fff; font-size: 1.25rem; }

.video-play:hover { color: #fff; }

.video-play .icon { font-size: 2rem; }

.nk-slider { position: relative; }

.nk-slider-s1 { width: 290px; max-width: 100%; }

.nk-slider-s1 .slick-dots { position: absolute; left: 1.25rem; top: 1.5rem; padding-top: 0; }

.nk-slider-s2 .slider-arrows &gt; div { padding: .5rem 0; }

.project-head { display: flex; justify-content: space-between; margin-bottom: 1.25rem; align-items: start; }

.project-title { display: flex; align-items: center; margin-left: 0.75rem; }

.project-title .user-avatar { margin-left: 1rem; }

.project-title .title { font-size: 0.975rem; }

.project-title .title:not(:last-child) { margin-bottom: 0.125rem; }

.project-details { margin-bottom: 1rem; }

.project-progress { margin-bottom: 1rem; }

.project-progress-details { display: flex; justify-content: space-between; margin-bottom: 0.5rem; }

.project-progress-task { display: flex; align-items: center; color: #8094ae; }

.project-progress-task .icon { font-size: 1rem; line-height: 1.5rem; margin-left: 0.25rem; }

.project-progress-percent { color: #526484; font-weight: 500; }

.project-meta { display: flex; align-items: center; justify-content: space-between; }

.project-users { display: flex; align-items: center; }

.project-list-progress { display: flex; align-items: center; }

.project-list-progress .progress { width: 100px; margin-left: 0.5rem; }

@media (min-width: 1540px) { .project-list-progress .progress { width: 140px; margin-left: 1rem; } }

.team { position: relative; }

.team-info { padding: 1rem 0 1.25rem; }

.team-info li { display: flex; align-items: center; justify-content: space-between; font-size: .9375rem; line-height: 1.75rem; }

.team-info li span:first-child { color: #8094ae; }

.team-info li span:last-child { color: #526484; }

.team-status { position: absolute; right: 0; display: flex; align-items: center; justify-content: center; height: 20px; width: 20px; border-radius: 50%; }

.team-options { position: absolute; top: -.25rem; left: -.25rem; }

.team-details { padding-top: .5rem; text-align: center; max-width: 200px; margin: 0 auto; }

.team-statistics { display: flex; justify-content: space-around; text-align: center; padding: 1rem 0 1.5rem; }

.team-statistics li span { display: block; }

.team-statistics li span:first-child { font-size: 1.125rem; color: #1c2b46; }

.team-statistics li span:last-child { font-size: .875rem; color: #8094ae; }

.team-view { display: flex; justify-content: center; padding-bottom: 0.25rem; }

.rating { display: flex; align-items: center; margin: 0 -.125rem; color: #f4bd0e; }

.rating &gt; * { padding: 0 .125rem; display: inline-flex; }

.rating .icon { font-size: 1rem; }

.rating-wrap { display: inline-flex; align-items: flex-start; }

.rating-wrap .amount { line-height: 1.25rem; }

.rating-wrap .rating + span, .rating-wrap span + .rating { margin-left: .75rem; }

.rating-pill { padding: .35rem .875rem; border-radius: 3rem; }

.rating-card-description .icon { color: #0971fe; }

.rating-card-description li { color: #8094ae; }

.rating-progress { display: flex; align-items: center; }

.icon + span, span + .icon { margin-left: 0.25rem; }

/** 06. PAGES */
.nk-auth-body { padding: 1.25rem; }

.nk-auth-footer { padding-bottom: 40px; }

.nk-auth-body, .nk-auth-footer { width: 100%; max-width: 420px; margin-left: auto; margin-right: auto; }

.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-left: 90px; } }

.nk-error-ld { padding: 2rem 1rem; }

.nk-error-gfx { padding-bottom: 30px; max-width: 90%; }

.nk-error-head { font-size: 160px; font-weight: 700; background: -webkit-linear-gradient(#0971fe, #0b3175); -webkit-background-clip: text; -webkit-text-fill-color: transparent; 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 { padding-bottom: 60px; max-width: 520px; } }

.clipboard-success-message { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; color: #1ee0ac; background: rgba(255, 255, 255, 0.9); border-radius: 4px; opacity: 0; pointer-events: none; transition: opacity .3s; }

.clipboard-success .clipboard-success-message { opacity: 1; }

/** 07. MISC */
.has-shadow.bg-lighter .card, .dual-listbox .has-shadow.dual-listbox__item:hover .card, .has-shadow.bg-lighter .sp-pdl-item, .dual-listbox .has-shadow.dual-listbox__item:hover .sp-pdl-item, .has-shadow.bg-lighter .invoice-wrap, .dual-listbox .has-shadow.dual-listbox__item:hover .invoice-wrap, .has-shadow.bg-lighter .accordion, .dual-listbox .has-shadow.dual-listbox__item:hover .accordion { box-shadow: 0 0 8px -3px rgba(60, 77, 98, 0.15); }

.has-shadow .card, .has-shadow .sp-pdl-item, .has-shadow .invoice-wrap, .has-shadow .accordion { box-shadow: 0 0 6px -2px rgba(60, 77, 98, 0.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: 0.75rem; margin-right: 0.75rem; padding-right: 0.75rem; }

.has-shadow .nav-tabs { box-shadow: 0 2px 0 -1px rgba(60, 77, 98, 0.06); }

.has-shadow .nk-header { box-shadow: 0 3px 0 -1px rgba(60, 77, 98, 0.04); }

.nio-version { text-transform: uppercase; font-size: 9px; font-weight: 700; letter-spacing: 0.02em; position: absolute; right: -1px; bottom: -3px; }

.code-tag { color: #816bff; }

.code-class { color: #ff63a5; }

.code-fnc { color: #09c2de; }

.nk-switch-icon { color: #90a1b8; height: 1.5rem; width: 1.5rem; display: flex; align-items: center; justify-content: center; }

.nk-switch-icon .icon { font-size: 1.5rem; }

.nk-switch-icon .icon-sm { font-size: 1.25rem; }

.nk-switch-icon:hover { color: #526484; }

.nk-switch-icon.active { color: #0971fe; }

.dark-switch { position: relative; }

.dark-switch:before, .dark-switch:after { position: absolute; content: &quot;&quot;; transform: translateY(-50%); border-radius: 1.5rem; display: block; top: 50%; }

.dark-switch:before { left: 0; width: 3rem; height: 1.5rem; background-color: #fff; border: #dbdfea solid 2px; }

.dark-switch:after { height: 1rem; width: 1rem; left: calc(2rem - 2px - .125rem); background-color: #dbdfea; }

.dark-switch.active:before { background-color: #0971fe; border-color: #0971fe; }

.dark-switch.active:after { left: calc(2px + .125rem); background-color: #fff; }

.is-scrollable { overflow: auto; }

.ni[class*=&quot;left&quot;], .ni[class*=&quot;right&quot;], .ni[class*=&quot;back-ios&quot;], .ni[class*=&quot;forward-ios&quot;] { transform: scale(-1); }

.btn &gt; span + .ni[class*=&quot;left&quot;], .dual-listbox .dual-listbox__button &gt; span + .ni[class*=&quot;left&quot;], .btn &gt; span + .ni[class*=&quot;right&quot;], .dual-listbox .dual-listbox__button &gt; span + .ni[class*=&quot;right&quot;], .btn &gt; span + .ni[class*=&quot;back-ios&quot;], .dual-listbox .dual-listbox__button &gt; span + .ni[class*=&quot;back-ios&quot;], .btn &gt; span + .ni[class*=&quot;forward-ios&quot;], .dual-listbox .dual-listbox__button &gt; span + .ni[class*=&quot;forward-ios&quot;] { padding-right: 0; padding-left: 8px; }

.country-list { display: flex; flex-wrap: wrap; }

.country-list li { width: 100%; }

.country-item { display: flex; align-items: center; }

.country-flag { width: 1.25rem; margin-right: .75rem; }

.country-name { font-size: 1rem; color: #526484; }

@media (min-width: 576px) { .country-list li { width: 50%; } }

@media (min-width: 992px) { .country-list li { width: 33.33%; } }

.collapsed .switch-text-normal { display: none; }

.switch-text-collapsed { display: none; }

.collapsed .switch-text-collapsed { display: inline-flex; }

.profile-ud-label { display: block; color: #8094ae; }

.plain .profile-ud-label { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; }

.wider .profile-ud-label { display: inline-flex; letter-spacing: -0.01em; width: 120px; flex-shrink: 0; }

.profile-ud-value { color: #526484; }

.wider .profile-ud-value { text-align: left; font-weight: 500; 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: -0.25rem -3.25rem; max-width: 960px; }
  .profile-ud-item { width: 50%; padding: 0 3.25rem; }
  .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 { display: flex; align-items: flex-end; }

.profile-balance-ck { position: relative; height: 70px; margin-top: .5rem; }

.profile-balance-sub { font-size: .875rem; color: #8094ae; }

.profile-balance-subtitle { font-size: 0.75rem; margin-top: 0.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-right: 24px; }

.profile-balance-amount .number { font-size: 1.25rem; font-weight: 700; color: #364a63; line-height: 1.5rem; white-space: nowrap; }

.profile-balance-amount .number small { font-weight: 400; }

.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 { display: inline-block; position: relative; color: #fff; font-weight: 500; transition: all .4s ease; border-color: #0971fe; background: #0971fe; padding: 0.4375rem 1.125rem; font-size: 0.8125rem; line-height: 1.25rem; border-radius: 4px; }

.actions ul li.disabled { display: none; }

.nk-wizard-head { display: none; }

.nk-wizard-simple .steps { margin-bottom: 20px; }

.nk-wizard-simple .steps ul li { position: relative; padding-bottom: 5px; padding-right: 1rem; margin-bottom: 0.5rem; }

.nk-wizard-simple .steps ul li h5 { border: none; padding: 0 0 6px 0; letter-spacing: 0.02em; font-size: 13px; text-transform: uppercase; font-weight: 500; color: #8094ae; }

.nk-wizard-simple .steps ul li .number { font-size: 13px; color: #8094ae; font-weight: 700; }

.nk-wizard-simple .steps ul li:after { position: absolute; height: 1px; width: 100%; right: 0; bottom: 0; content: ''; transition: all .4s; background: #e5e9f2; }

.nk-wizard-simple .steps ul li.done:after, .nk-wizard-simple .steps ul li.current:after { height: 2px; background: #0971fe; width: 100%; }

.nk-wizard-simple .steps ul li.done h5, .nk-wizard-simple .steps ul li.done .number, .nk-wizard-simple .steps ul li.current h5, .nk-wizard-simple .steps ul li.current .number { color: #0971fe; }

.nk-wizard-simple .steps ul li.current ~ .done:after { height: 1px; background: #e5e9f2; }

.nk-wizard-simple .steps ul li.current ~ .done h5, .nk-wizard-simple .steps ul li.current ~ .done .number { color: #8094ae; }

.nk-wizard-simple .steps .current-info { display: none; }

.nk-wizard.is-vertical .steps ul { flex-wrap: wrap; }

.nk-wizard.is-vertical .steps ul li h5 { text-transform: none; }

@media (min-width: 768px) { .nk-wizard.is-vertical { display: flex; flex-wrap: wrap; }
  .nk-wizard.is-vertical .steps { width: 33%; padding-right: 2rem; }
  .nk-wizard.is-vertical .steps ul li { width: 100%; }
  .nk-wizard.is-vertical .steps ul li:not(:last-child) { margin-bottom: 1rem; }
  .nk-wizard.is-vertical .content { width: 66%; }
  .nk-wizard.is-vertical .actions { margin-left: 33%; } }

.tb-tnx-head { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; background: #f5f6fa; }

.tb-tnx-head td, .tb-tnx-head th { color: #8094ae; padding: 0.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-top: .4rem; padding-bottom: .4rem; }

.tb-tnx-id a { display: block; }

.tb-tnx-id span { font-weight: 500; }

.tb-tnx-item .tb-tnx-total { font-weight: 500; color: #526484; }

.tb-tnx-desc { padding-left: .5rem; }

.tb-tnx-item .tb-tnx-date { color: #8094ae; }

.tb-tnx-item .tb-tnx-date .date { font-size: 13px; }

.tb-tnx-action { width: 60px; text-align: left; }

.tb-tnx-action .dropdown { margin-top: -0.25rem; margin-bottom: -0.25rem; }

.tb-tnx-btns .btn + .btn, .tb-tnx-btns .dual-listbox .dual-listbox__button + .btn, .dual-listbox .tb-tnx-btns .dual-listbox__button + .btn, .tb-tnx-btns .dual-listbox .btn + .dual-listbox__button, .dual-listbox .tb-tnx-btns .btn + .dual-listbox__button, .tb-tnx-btns .dual-listbox .dual-listbox__button + .dual-listbox__button, .dual-listbox .tb-tnx-btns .dual-listbox__button + .dual-listbox__button { margin-right: .5rem; }

.tb-tnx-btns + .dropdown { margin-right: 1rem; }

@media (max-width: 767px) { .tb-tnx-item, .tb-tnx-head { display: flex; width: 100%; }
  .tb-tnx-item th, .tb-tnx-head th { flex-grow: 1; padding-top: .5rem; padding-bottom: .5rem; }
  .tb-tnx-item td, .tb-tnx-head td { flex-grow: 1; border: none; padding-top: 0; padding-bottom: 0; }
  .tb-tnx-item { flex-wrap: wrap; padding-top: 1rem; padding-bottom: 1rem; }
  .tb-tnx-item:not(:last-child) { border-bottom: 1px solid #e5e9f2; }
  .tb-tnx-amount { width: 110px; text-align: left; }
  .tb-tnx-id, .tb-tnx-head th:first-child { min-width: 85px; padding-left: .25rem !important; flex-grow: 0 !important; }
  .tb-tnx-info { width: 45%; }
  .tb-tnx-date .date { font-size: 12px; }
  .tb-tnx-date .date + .date { padding-right: .5rem; }
  .tb-tnx-action:last-child { flex-grow: 0; padding-right: .5rem; display: inline-flex; align-items: center; } }

@media (max-width: 575px) { .tb-tnx-item { font-size: 13px; }
  .tb-tnx-id { width: 100%; }
  .tb-tnx-id + td { padding-right: 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 { position: absolute; display: inline-flex; left: 1.25rem; width: auto; }
  .tb-tnx-amount.is-alt .tb-tnx-total { order: 5; padding-right: 1.25rem; } }

@media (min-width: 768px) { .tb-tnx-desc, .tb-tnx-date, .tb-tnx-total, .tb-tnx-status { display: inline-block; vertical-align: middle; }
  .tb-tnx-desc, .tb-tnx-date { 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 &gt; span &gt; span { width: calc(50% - 4px); display: inline-block; }
  .tb-tnx-date .date + .date, .tb-tnx-date &gt; span &gt; span + span { padding-right: 0.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: #8094ae; }

.tb-odr-head .tb-odr-item .tb-odr-date { color: inherit; }

.tb-odr-action &gt; div, .tb-odr-action &gt; .btn, .dual-listbox .tb-odr-action &gt; .dual-listbox__button { vertical-align: middle; }

.tb-odr-action:last-child { padding-right: 1.25rem; text-align: left; }

.tb-odr-btns .btn + .btn, .tb-odr-btns .dual-listbox .dual-listbox__button + .btn, .dual-listbox .tb-odr-btns .dual-listbox__button + .btn, .tb-odr-btns .dual-listbox .btn + .dual-listbox__button, .dual-listbox .tb-odr-btns .btn + .dual-listbox__button, .tb-odr-btns .dual-listbox .dual-listbox__button + .dual-listbox__button, .dual-listbox .tb-odr-btns .dual-listbox__button + .dual-listbox__button { margin-right: .5rem; }

.tb-odr-id { min-width: 90px; }

.tb-odr-head { background: #f5f6fa; }

.tb-odr-head th { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: #8094ae; padding: 0.625rem .25rem; }

@media (max-width: 767px) { .tb-odr-item th, .tb-odr-item td { flex-grow: 1; }
  .tb-odr-amount { text-align: left; } }

@media (max-width: 575px) { .tb-odr-item { font-size: 13px; }
  .tb-odr-amount { width: 24%; }
  .tb-odr-info { width: 44%; }
  .tb-odr-action { width: 2rem; min-width: auto; }
  .tb-odr-item .tb-odr-action { padding-right: .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-right: 1rem; }
  .tb-odr-btns + .dropdown, .tb-odr-btns + .btn, .dual-listbox .tb-odr-btns + .dual-listbox__button { margin-right: .75rem; } }

@media (min-width: 992px) { .tb-odr-id { min-width: 120px; }
  .tb-odr-total { min-width: 50%; } }

.is-compact .tb-tnx-item td, .is-compact .tb-odr-item td { padding-top: .4rem; padding-bottom: .4rem; }

@media (max-width: 767px) { .is-compact .tb-tnx-item, .is-compact .tb-odr-item { padding-top: .5rem; padding-bottom: .5rem; }
  .is-compact .tb-tnx-item td, .is-compact .tb-odr-item td { padding-top: 0; padding-bottom: 0; } }

.nk-tb-list { display: table; width: 100%; font-size: 13px; color: #8094ae; }

.nk-tb-list.is-alt { color: #526484; }

.nk-tb-list .list-status, .nk-tb-list .tb-status { font-size: 12px; font-weight: 500; }

.nk-tb-list .tb-lead, .nk-tb-list .tb-amount { font-weight: 500; color: #364a63; display: block; line-height: 1.4; }

.nk-tb-list .tb-lead-sub, .nk-tb-list .tb-amount-sub { color: #526484; display: block; line-height: 1.4; }

.nk-tb-list .tb-sub, .nk-tb-list .tb-amount-sm { font-size: .9em; }

.nk-tb-list .tb-amount span, .nk-tb-list .tb-amount .currency { color: #526484; font-weight: 400; }

.nk-tb-list .user-info .tb-lead + span, .nk-tb-list .tb-lead + .tb-date { font-size: 11px; }

.nk-tb-list .tb-country { display: flex; align-items: center; }

.nk-tb-list .tb-country .name { color: #364a63; }

.nk-tb-list .tb-country .flag { height: 16px; border-radius: 3px; }

.nk-tb-list .tb-country .flag + .name { margin-right: 0.6875rem; }

.nk-tb-list .tb-product { display: flex; align-items: center; }

.nk-tb-list .tb-product .thumb { width: 48px; border-radius: 4px; margin-left: 1rem; }

.nk-tb-list .tb-product .title { font-weight: 700; font-size: .875rem; color: #364a63; }

.nk-tb-list .tb-asterisk { font-size: 1.125rem; line-height: 1; vertical-align: middle; }

.nk-tb-list .tb-asterisk a { color: #0971fe; }

.nk-tb-item { transition: background-color .3s, box-shadow .3s; display: table-row; }

.nk-tb-item:not(.nk-tb-head):hover, .nk-tb-item:not(.nk-tb-head).seleted { background: #f8f9fc; box-shadow: 0 0 10px -4px rgba(54, 74, 99, 0.2); }

.nk-tb-col { position: relative; display: table-cell; vertical-align: middle; padding: 1rem .5rem; }

.nk-tb-col:first-child { padding-right: 1.25rem; }

.nk-tb-col:last-child { padding-left: 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-item:not(:last-child) .nk-tb-col { border-bottom: 1px solid #dbdfea; }

.nk-tb-head .nk-tb-col { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #8094ae; font-size: .9em; border-bottom: 1px solid #dbdfea; }

.nk-tb-col-action { text-align: left; }

.nk-tb-col-action &gt; .dropdown:last-child { left: -.5rem; }

.nk-tb-col-nosort:before, .nk-tb-col-nosort:after { display: none !important; }

.nk-tb-actions { display: flex; align-items: center; justify-content: flex-end; position: relative; }

.nk-tb-ulist .nk-tb-actions, .nk-tb-actions-adj .nk-tb-actions { left: -0.5rem; }

.nk-tb-actions.visible1 { width: 1rem; }

.nk-tb-action-hidden { opacity: 0; transition: .3s ease; }

.nk-tb-item:hover .nk-tb-action-hidden { opacity: 1; background: #f8f9fc; }

.nk-tb-list .nk-tb-head .btn-trigger .icon { font-size: 1.5em; }

.nk-tb-list.is-separate { margin-top: -8px; border-collapse: separate; border-spacing: 0 8px; }

.nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col { background: #fff; border: none; box-shadow: 0px 1px 3px 0px rgba(54, 74, 99, 0.05); }

.nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col:first-child { border-radius: 0 4px 4px 0; }

.nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col:last-child { border-radius: 4px 0 0 4px; }

.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-top: 0.75rem; padding-bottom: 0.75rem; }

@media (min-width: 576px) { .nk-tb-col-check { width: 3.25rem; }
  .nk-tb-item .nk-tb-col:first-child { padding-right: 1.5rem; }
  .nk-tb-item .nk-tb-col:last-child { padding-left: 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 .user-info .tb-lead + span, .nk-tb-list .tb-lead + .tb-date { font-size: 12px; } }

.is-loose .nk-tb-item:not(.nk-tb-head) .nk-tb-col { padding-top: 1.125rem; padding-bottom: 1.125rem; }

.is-medium .nk-tb-item:not(.nk-tb-head) .nk-tb-col { padding-top: .75rem; padding-bottom: .75rem; }

.is-compact .nk-tb-item:not(.nk-tb-head) .nk-tb-col { padding-top: .5rem; padding-bottom: .5rem; }

.nk-tnx-type { display: flex; align-items: center; }

.nk-tnx-type-icon { font-size: 1.125rem; flex-shrink: 0; height: 2.5rem; width: 2.5rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #ebeef2; margin-left: 1rem; }

@media (max-width: 991.98px) { .nk-tb-tnx { font-size: 12px; letter-spacing: -0.01em; }
  .nk-tnx-type-icon { font-size: 0.875rem; height: 1.75rem; width: 1.75rem; margin-left: .75rem; } }

@media (max-width: 575.98px) { .nk-tb-tnx .nk-tb-head .nk-tb-col-tools { opacity: 0; }
  .nk-tb-tnx .nk-tb-col-status { text-align: left; padding-left: 1.25rem !important; }
  .nk-tb-tnx .nk-tb-col-tools { position: absolute; left: 0; opacity: 0; transition: .3s ease; }
  .nk-tb-tnx .nk-tb-item:hover .nk-tb-col-tools { opacity: 1; }
  .nk-tnx-type-icon { margin-left: .5rem; } }

@media (min-width: 768px) { .nk-tb-tnx .nk-tb-col-status { padding-right: 2.5rem; } }

@media (min-width: 1800px) { .nk-tb-tnx .nk-tb-col-status { padding-right: 6rem; } }

.card-full .nk-wg1 { height: 100%; display: flex; flex-direction: column; }

.nk-wg1-block { display: flex; padding: 1.25rem; align-items: flex-start; flex-direction: column; }

.nk-wg1-img { width: 84px; margin-left: 0; margin-bottom: 1.5rem; flex-shrink: 0; text-align: center; padding: .125rem; }

.nk-wg1-text { color: #8094ae; }

.nk-wg1-action { margin-top: auto; border-top: 1px solid #e5e9f2; }

.nk-wg1-action .link { position: relative; display: block; line-height: 1.3; padding: 1.25rem; padding-left: 2.5rem; white-space: inherit; }

.nk-wg1-action .link:hover { background-color: #f5f6fa; }

.nk-wg1-action .link .icon { position: absolute; left: 1.25rem; margin-left: -.25rem; margin-top: -1px; }

.nk-wg1-action .link-inline { display: inline-block; padding-left: .25rem; }

.nk-wg1-action .link-inline .icon { position: static; padding-right: .25rem; margin-left: 0; }

@media (min-width: 576px) { .nk-wg1-block { padding: 1.5rem; }
  .nk-wg1-action .link { padding: 1.5rem; padding-left: 2.75rem; }
  .nk-wg1-action .link-inline { padding-left: .25rem; } }

@media (min-width: 1200px) { .nk-wg1-img { margin-left: 1.5rem; margin-bottom: 0; }
  .nk-wg1-block { flex-direction: row; align-items: center; padding-top: 2rem; padding-bottom: 2rem; } }

.nk-kyc-app-icon { margin-bottom: 2rem; }

.nk-kyc-app-icon .icon { display: inline-flex; align-items: center; justify-content: center; height: 80px; width: 80px; font-size: 36px; border-radius: 50%; color: #8094ae; border: 2px solid #dbdfea; }

.nk-kyc-app-text:not(:last-child) { margin-bottom: 2rem; }

.nk-kycfm-head { display: flex; align-items: center; }

.nk-kycfm-head, .nk-kycfm-content, .nk-kycfm-footer { padding: 1.5rem; }

.nk-kycfm-head:not(:last-child), .nk-kycfm-content:not(:last-child), .nk-kycfm-footer:not(:last-child) { border-bottom: 1px solid #e5e9f2; }

.nk-kycfm-count { display: inline-flex; align-items: center; justify-content: center; height: 44px; width: 44px; font-size: 16px; border-radius: 50%; color: #526484; border: 2px solid #dbdfea; margin-left: 1rem; flex-shrink: 0; }

.nk-kycfm-title .title { margin: .25rem 0; }

.nk-kycfm-content .title { margin-bottom: .75rem; }

.nk-kycfm-note { color: #8094ae; display: flex; }

.nk-kycfm-note:not(:last-child) { margin-bottom: 1rem; }

.nk-kycfm-note .icon { margin-left: 0.5rem; font-size: 0.875rem; line-height: 1.65; }

.nk-kycfm-label { display: flex; align-items: center; border: 2px solid #e5e9f2; border-radius: 4px; padding: .5rem 1rem .5rem 2.875rem; font-size: 13px; line-height: 1.3; letter-spacing: -0.01rem; font-weight: 500; cursor: pointer; transition: all .3s; margin-bottom: 0; }

.nk-kycfm-label::after { position: absolute; left: 1.375rem; top: 50%; height: 20px; width: 20px; line-height: 20px; font-size: 12px; border-radius: 50%; transform: translateY(-50%); font-family: &quot;Nioicon&quot;; content: &quot;&quot;; color: #fff; background: #0971fe; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .3s; }

.nk-kycfm-label-icon { position: relative; width: 34px; display: flex; align-items: center; flex-shrink: 0; margin-left: 12px; }

.nk-kycfm-label-icon .label-icon { transition: all .3s; color: #8094ae; width: 100%; height: 28px; }

.nk-kycfm-control { position: absolute; height: 1px; width: 1px; opacity: 0; }

.nk-kycfm-control-list { display: flex; flex-wrap: wrap; }

.nk-kycfm-control-list + * { margin-top: 1.25rem; }

.nk-kycfm-control-item { position: relative; flex-grow: 1; }

.nk-kycfm-control:checked ~ .nk-kycfm-label { border-color: #0971fe; }

.nk-kycfm-control:checked ~ .nk-kycfm-label:after { opacity: 1; }

.nk-kycfm-control:checked ~ .nk-kycfm-label .label-icon { color: #0971fe; }

.nk-kycfm-upload:not(:first-child) { margin-top: 1.5rem; }

@media (min-width: 576px) { .nk-kycfm-head, .nk-kycfm-content, .nk-kycfm-footer { padding: 1.5rem 2.25rem; }
  .nk-kycfm-content { padding-bottom: 1.75rem; }
  .nk-kycfm-footer { padding: 2.25rem; } }

.nk-refwg { display: flex; flex-wrap: wrap; }

.nk-refwg-invite, .nk-refwg-stats { width: 100%; }

.nk-refwg-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.5rem; }

.nk-refwg-group { position: relative; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding-left: 30px; }

.nk-refwg-name .title { font-size: 13px; color: #0971fe; }

.nk-refwg-name .title .icon { color: #8094ae; font-size: 0.75rem; margin-right: 0.125rem; }

.nk-refwg-info { flex-grow: 1; text-align: center; display: flex; justify-content: space-around; }

.nk-refwg-info .title { font-size: 1.125rem; font-weight: 500; }

.nk-refwg-more { position: absolute; left: -4px; top: -2px; }

.nk-refwg .nk-refwg-invite { border-bottom: 1px solid #dbdfea; }

.nk-refwg-ck { height: 50px; margin-top: 0.75rem; }

@media (min-width: 768px) { .nk-refwg .nk-refwg-invite { width: 55%; border-bottom: none; border-left: 1px solid #dbdfea; }
  .nk-refwg .nk-refwg-stats { width: 45%; } }

.timeline { color: #8094ae; line-height: 1.3; }

.timeline + .timeline, .timeline-list + .timeline-head { margin-top: 1.75rem; }

.timeline-head { font-size: 14px; color: #8094ae; margin-bottom: 1rem; }

.timeline-item { position: relative; display: flex; align-items: flex-start; }

.timeline-item:not(:last-child) { padding-bottom: 1.5rem; }

.timeline-item:not(:last-child):before { position: absolute; height: calc(100% - 11px); width: 1px; background: #dbdfea; content: ''; top: 13px; right: 5px; }

.timeline-status { position: relative; height: 11px; width: 11px; border-radius: 50%; flex-shrink: 0; margin-top: 2px; }

.timeline-status.is-outline:after { position: absolute; height: 7px; width: 7px; border-radius: 50%; background: #fff; content: ''; top: 2px; right: 2px; }

.timeline-date { position: relative; color: #8094ae; width: 90px; margin-right: .75rem; flex-shrink: 0; line-height: 1rem; }

.timeline-date .icon { vertical-align: middle; color: #8094ae; display: inline-block; position: absolute; margin-left: 0.25rem; left: 0; top: 2px; }

.timeline-data { padding-right: 8px; }

.timeline-title { font-size: 15px; color: #364a63; margin-bottom: .75rem; }

.timeline-des { color: #8094ae; }

.timeline-des p { margin-bottom: .25rem; }

.timeline .time { display: block; font-size: 12px; color: #8094ae; }

@media (min-width: 576px) { .timeline + .timeline, .timeline-list + .timeline-head { margin-top: 2.5rem; } }

@media (max-width: 413px) { .timeline-item { flex-wrap: wrap; }
  .timeline-date { width: 80px; }
  .timeline-data { padding: .75rem 24px 0 0; } }

.coin-item { display: flex; align-items: center; padding: 16px 20px; }

.coin-icon { display: inline-flex; flex-shrink: 0; }

.coin-icon .icon { font-size: 31px; height: 32px; width: 32px; color: #8094ae; }

.coin-btc .coin-icon .icon { color: #f9841e; }

.coin-icon + .coin-info { margin-right: 12px; }

.coin-name { font-size: 14px; color: #364a63; display: block; }

.coin-text { font-size: 12px; color: #8094ae; display: block; }

.invoice { position: relative; }

.invoice-wrap { padding: 1.25rem; border: 1px solid #dbdfea; border-radius: 4px; background: #fff; }

.invoice-action { position: absolute; left: 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 { color: #0971fe; font-size: 12px; text-transform: uppercase; border-top: 0; }

.invoice-bills .table th:last-child, .invoice-bills .table td:last-child { text-align: left; }

.invoice-bills .table tfoot { border-top: 1px solid #dbdfea; }

.invoice-bills .table tfoot td { border-top: 0; white-space: nowrap; padding-top: .25rem; padding-bottom: .25rem; }

.invoice-bills .table tfoot tr:last-child td:not(:first-child), .invoice-bills .table tfoot tr:first-child td:not(:first-child) { font-weight: 500; padding-top: 1.25rem; padding-bottom: .25rem; }

.invoice-bills .table tfoot tr:last-child td:not(:first-child) { border-top: 1px solid #dbdfea; padding-top: .25rem; padding-bottom: .25rem; }

.invoice-head { padding-bottom: 1.5rem; display: flex; justify-content: space-between; flex-direction: column; }

.invoice-desc { width: 210px; padding-top: 1.5rem; }

.invoice-desc .title { text-transform: uppercase; color: #0971fe; }

.invoice-desc ul li { padding: .25rem 0; }

.invoice-desc ul span { font-size: 13px; font-weight: 500; color: #526484; }

.invoice-desc ul span:first-child { min-width: 90px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; color: #8094ae; }

.invoice-desc ul span:last-child { padding-right: 0.75rem; }

.invoice-contact .title { margin-bottom: 1rem; }

.invoice-contact ul li { padding: .5rem 0; line-height: 1.3; }

.invoice-contact ul li:first-child { padding-top: 0; }

.invoice-contact ul li:last-child { padding-bottom: 0; }

.invoice-contact ul .icon { line-height: 1.3; font-size: 1.1em; display: inline-block; vertical-align: top; margin-top: -2px; color: #0971fe; margin-left: .5rem; }

.invoice-contact ul .icon + span { display: inline-block; vertical-align: top; color: #8094ae; }

.invoice-print { max-width: 940px; margin: 2rem auto; }

.invoice-print .invoice-wrap { padding: 0; border: none !important; }

@media (min-width: 768px) { .invoice-wrap { padding: 3rem; }
  .invoice-head { flex-direction: row; }
  .invoice-desc { padding-top: 0; }
  .invoice-bills { font-size: 0.875rem; } }

.pricing { position: relative; height: 100%; }

.pricing-badge { position: absolute; left: .5rem; top: .5rem; }

.pricing-head { text-align: center; padding: 1.75rem 1.5rem; border-bottom: 1px solid #e5e9f2; }

.pricing-title .title { margin-bottom: 0.25rem; }

.pricing-title:not(:last-child) { padding-bottom: 1.25rem; }

.pricing-body { padding: 1.75rem 1.75rem 2rem; }

.pricing-features li { display: flex; padding: .25rem 0; }

.pricing-action { margin-top: 1.5rem; text-align: center; }

.pricing-media { padding: 0.25rem 0; margin-bottom: 1.5rem; }

.pricing-media img { max-width: 90px; }

.pricing-amount { font-size: 0.875rem; color: #8094ae; }

.pricing-amount .amount { font-size: 1.5rem; font-weight: 700; color: #526484; }

.nk-add-product { top: 65px; background-color: #fff; width: 400px; height: calc(100vh - 65px); padding: 1.5rem; }

.nk-add-product + .toggle-overlay { z-index: 700; }

.rating { display: flex; align-items: center; margin: 0 -.125rem; color: #f4bd0e; }

.rating &gt; * { padding: 0 .125rem; }

.rating .icon { font-size: 1rem; }

.product-card { overflow: hidden; height: 100%; }

.product-thumb { position: relative; }

.product-badges { position: absolute; top: 1rem; right: 1rem; display: flex; flex-wrap: wrap; margin: -0.25rem; }

.product-badges &gt; li { padding: 0.25rem; }

.product-tags { display: flex; flex-wrap: wrap; justify-content: center; }

.product-tags &gt; li { padding: 0.25rem; }

.product-tags a { color: #8094ae; }

.product-tags a:hover { color: #0971fe; }

.product-tags + .product-title { margin-top: 0.5rem; }

.product-title a { color: #364a63; }

.product-title + .product-price { margin-top: 1rem; }

.product-actions { position: absolute; bottom: .25rem; left: 50%; transform: translateX(-50%); border-radius: 4px 4px 0 0; overflow: hidden; transition: .2s linear; display: flex; opacity: 0; }

.product-card:hover .product-actions { opacity: 1; }

.product-actions li { padding: 0 .125rem; }

.product-actions li a { display: inline-flex; align-items: center; justify-content: center; color: #526484; font-size: 15.6px; height: 2.125rem; width: 2.125rem; transition: .3s ease; }

.product-actions li a:hover { color: #0971fe; }

.product-gallery { position: relative; height: auto; margin: 0 0 30px 0; border-radius: 4px; border: 1px solid #e5e9f2; }

.product-gallery .slick-list { padding-left: 0 !important; padding-right: 0 !important; }

.product-gallery .slider-nav { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 282px; }

.product-gallery .slider-nav .slider-item { padding: 0 8px; }

.product-gallery .slider-nav .slider-item .thumb { width: 78px; padding: 1px; border: 2px solid #e5e9f2; box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff, inset 1px -1px 0 #fff, inset -1px 1px 0 #fff; border-radius: 4px; transition: all .3s ease; cursor: pointer; }

.product-gallery .slider-nav .slider-item.slick-current .thumb { border-color: #0971fe; cursor: default; }

.product-rating { display: flex; align-items: center; }

.product-rating .amount { margin-right: 0.5rem; color: #8094ae; }

.product-excrept { margin-top: 1.5rem; }

.product-meta { margin-top: 2rem; }

.product-meta + .product-meta { margin-top: 1.25rem; }

@media (max-width: 420px) { .product-gallery .slider-nav { width: 188px; } }

@media (min-width: 768px) { .product-gallery .slider-nav { width: 384px; } }

@media (min-width: 1540px) { .product-gallery .slider-nav { width: 470px; } }

.gallery-image { position: relative; z-index: 1; }

.nk-order-ovwg-ck { height: 180px; }

.nk-order-ovwg-data { padding: 0.75rem 1.25rem 1.25rem; border: 2px solid transparent; border-radius: 4px; }

.nk-order-ovwg-data .amount { font-size: 1.5rem; font-weight: 700; }

.nk-order-ovwg-data .amount small { font-weight: 400; }

.nk-order-ovwg-data .info { font-size: 12px; color: #8094ae; margin-bottom: .25rem; }

.nk-order-ovwg-data .info strong { color: #364a63; }

.nk-order-ovwg-data .title { font-size: 14px; line-height: 1.3; color: #8094ae; font-weight: 500; }

.nk-order-ovwg-data .title .icon { font-size: 1rem; height: 28px; width: 28px; border-radius: 50%; background: #f5f6fa; display: inline-flex; align-items: center; justify-content: center; margin-left: 0.5rem; }

.nk-order-ovwg-data.buy { border-color: #8ff0d6; }

.nk-order-ovwg-data.buy .amount, .nk-order-ovwg-data.buy .title .icon { color: #1ee0ac; }

.nk-order-ovwg-data.sell { border-color: #84b8ff; }

.nk-order-ovwg-data.sell .amount, .nk-order-ovwg-data.sell .title .icon { color: #0971fe; }

@media (min-width: 1540px) { .nk-order-ovwg-ck { height: 260px; } }

.nk-wg-action { display: flex; align-items: center; justify-content: space-between; }

.nk-wg-action-content { position: relative; padding-right: 2rem; padding-left: .5rem; }

.nk-wg-action-content .icon { font-size: 1.5rem; right: 0; position: absolute; color: #8094ae; }

.nk-wg-action-content .title { font-size: 14px; font-weight: 500; padding-bottom: 0.25rem; }

.nk-wg-action-content p { color: #8094ae; font-size: 13px; line-height: 1.25rem; }

.nk-wg-action-content p strong { color: #0971fe; }

.nk-coin-ovwg { display: flex; }

.nk-coin-ovwg-ck { flex-grow: 1; height: 165px; }

.nk-coin-ovwg-legends { width: 100px; flex-shrink: 0; }

.nk-coin-ovwg-legends li { display: flex; align-items: center; line-height: 1.25rem; font-size: 12px; padding: .25rem 0; color: #8094ae; }

.nk-coin-ovwg-legends li .dot { margin-left: 0.5rem; }

.nk-tb-orders-type { width: 66px; }

.nk-sale-data { flex-shrink: 0; }

.nk-sale-data-group { display: flex; flex-wrap: wrap; }

.nk-sale-data .amount { display: block; font-size: 1.75rem; color: #364a63; }

.nk-sale-data .amount .change { font-size: .875rem; }

.nk-sale-data .amount.sm { font-size: 1.125rem; color: #8094ae; }

.nk-sale-data .sub-title { color: #8094ae; font-size: 12px; }

.nk-sale-data .sub-title .change { margin-left: 0.5rem; }

.nk-sales-ck { height: 80px; flex-grow: 1; }

.nk-sales-ck.large { height: 200px; }

@media (min-width: 992px) and (max-width: 1539.98px) { .nk-sales-ck.sales-revenue { height: 164px; } }

.nk-activity-item { display: flex; align-items: center; padding: 1.25rem; }

.nk-activity-item:not(:last-child) { border-bottom: 1px solid #e5e9f2; }

.nk-activity-data { margin-right: 1rem; }

.nk-activity-data .time { display: block; font-size: 12px; color: #8094ae; 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 #e5e9f2; }

.nk-support-content { flex-grow: 1; margin-right: 1rem; }

.nk-support-content .title { font-size: 0.875rem; font-weight: 700; color: #364a63; display: flex; justify-content: space-between; align-items: center; }

.nk-support-content p { margin-bottom: 0; margin-top: 0.25rem; }

.nk-support-content .time { display: block; font-size: 12px; color: #8094ae; }

@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: 160px; margin: auto 0; }

.device-status-group { display: flex; justify-content: space-between; padding-top: 1.75rem; margin: auto; width: 280px; max-width: 100%; }

.device-status-data &gt; .icon { font-size: 1.5rem; }

.device-status-data .title { font-size: 12px; color: #8094ae; margin-bottom: 0.5rem; }

.device-status-data .amount { font-size: 1.125rem; color: #364a63; font-weight: 500; }

.device-status-data .change { margin-right: -.125rem; }

.traffic-channel { margin-top: 1rem; }

.traffic-channel-ck { height: 44px; width: 130px; margin-top: -4px; margin-bottom: -4px; }

.traffic-channel-doughnut-ck { height: 160px; }

.traffic-channel-group { display: flex; flex-wrap: wrap; padding-top: 1.75rem; margin-left: auto !important; margin-right: auto !important; width: 320px; max-width: 100%; }

.traffic-channel-data { width: 50%; }

.traffic-channel-data .title { display: flex; align-items: center; color: #8094ae; font-size: 12px; }

.traffic-channel-data .title .dot { margin-left: 0.5rem; }

.traffic-channel-data .amount { font-size: 1.125rem; color: #364a63; margin-right: 1.25rem; }

.traffic-channel-data .amount small { font-size: 12px; color: #8094ae; }

@media (max-width: 575.98px) { .traffic-channel-ck { width: 100%; }
  .traffic-channel-table .nk-tb-item { display: flex; flex-wrap: wrap; border-bottom: 1px solid #e5e9f2; padding: 1.125rem 0; }
  .traffic-channel-table .nk-tb-col { border-bottom: none !important; padding-top: 0 !important; padding-bottom: 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 { width: 100%; padding-right: 1.25rem; } }

@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 { font-size: 12px; font-weight: 500; color: #8094ae; margin-bottom: 0.375rem; }

.analytic-data .title span { font-weight: 400; }

.analytic-data .amount { color: #364a63; font-size: 1.5rem; line-height: 1.2; margin-bottom: 0.25rem; }

.analytic-data .amount-sm { font-size: 1.125rem; }

.analytic-data .change { font-size: 13px; margin-right: -0.125rem; }

.analytic-data .subtitle { font-size: 12px; color: #8094ae; }

@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 { display: flex; justify-content: space-between; align-items: flex-end; }

.analytic-wp-ck { height: 36px; }

.analytic-wp-graph { width: 150px; margin-top: 0.125rem; margin-bottom: 0.125rem; }

.analytic-wp-graph .title { margin-bottom: 0; }

.analytic-wp-text { text-align: left; margin-right: .5rem; }

@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 { font-size: 12px; color: #8094ae; }

.chart-label-group { margin-top: 0.5rem; display: flex; justify-content: space-between; }

.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: #8094ae; }

.analytics-map-data .amount { color: #364a63; text-align: left; }

.analytics-map-data .percent { text-align: left; color: #8094ae; }

.analytics-map-data-list { width: 100%; margin-bottom: -0.25rem; }

.card-title .subtitle { color: #8094ae; font-size: 13px; font-weight: 500; }

.card-amount { display: flex; align-items: baseline; }

.card-amount .change { margin-right: .5rem; }

.card-amount .amount { font-size: 1.5rem; color: #364a63; }

.card-amount .amount span { color: #526484; }

@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 { padding: .75rem 0; font-size: 13px; font-weight: 500; }

@media (min-width: 768px) { .nav-tabs-xs .nav-item { padding-left: 1.25rem; } }

@media (min-width: 992px) { .nav-tabs-sm .nav-item { padding-left: 1.25rem; } }

@media (min-width: 1200px) { .nav-tabs-sm .nav-item { padding-left: 1.25rem; } }

.invest-data { display: flex; align-items: flex-end; justify-content: space-between; }

.invest-data-history { margin-left: 20px; flex-grow: 1; }

.invest-data-history .title { font-size: 11px; color: #8094ae; text-transform: uppercase; margin-bottom: 0.125rem; letter-spacing: 0.1em; }

.invest-data-history .amount { font-size: .9375rem; line-height: 1.1; color: #364a63; }

.invest-data-history .amount span { color: #526484; }

.invest-data-amount { display: flex; flex-shrink: 0; flex-grow: 1; }

.invest-data-ck { flex-grow: 1; height: 48px; width: 80px; margin-bottom: 0.125rem; }

@media (min-width: 768px) and (max-width: 1540px), (max-width: 359px) { .invest-data { margin-top: 0.75rem; }
  .invest-data-amount { flex-wrap: wrap; flex-shrink: 1; }
  .invest-data-ck { height: 68px; width: 140px; } }

@media (min-width: 768px) and (max-width: 991.98px) { .invest-data-history .amount { font-size: .75rem; font-weight: 700; }
  .invest-data-history .amount span { font-weight: 400; } }

.invest-ov { padding: 1.25rem 0 1rem; }

.invest-ov:last-child { padding-bottom: 0; }

.invest-ov:not(:last-child) { border-bottom: 1px solid #e5e9f2; }

.invest-ov .subtitle { color: #8094ae; font-size: 13px; font-weight: 500; margin-bottom: 0.25rem; }

.invest-ov .title { font-size: 11px; color: #8094ae; text-transform: uppercase; margin-top: 0.25rem; letter-spacing: 0.1em; }

.invest-ov .amount { font-size: 1.25rem; line-height: 1.1; color: #364a63; }

.invest-ov .amount span { color: #526484; }

.invest-ov-details { display: flex; }

.invest-ov-info { width: 60%; }

.invest-ov-stats { width: 40%; }

.invest-ov-stats &gt; div { display: flex; align-items: baseline; }

.invest-ov-stats .change { margin-right: 0.25rem; }

.invest-top-ck { padding-top: 20px; height: 70px; }

/** Project: Crypto | Package: DashLite | Version : 1.0.0 **/
.buysell-title { margin-bottom: 1.5rem; }

.buysell-title .title { font-weight: 400; }

.buysell-nav { margin-bottom: 2rem; }

.buysell-cc-dropdown { width: 100%; }

.buysell-cc-dropdown .dropdown-indicator:after { position: absolute; top: 0; left: 0; bottom: 0; width: 56px; font-size: 24px; display: inline-flex; align-items: center; justify-content: center; color: #8094ae; opacity: 0.5; }

.buysell-cc-dropdown .dropdown-menu { top: -78px !important; }

.buysell-cc-item:not(:last-child) { border-bottom: 1px solid #e5e9f2; }

.buysell-cc-choosen, .buysell-cc-chosen { display: block; width: 100%; border: 1px solid #dbdfea; border-radius: 4px; background: #fff; }

.buysell-cc-opt { display: block; }

.buysell-pm-list { border: 1px solid #dbdfea; background: #fff; border-radius: 4px; }

.buysell-pm-item { position: relative; }

.buysell-pm-item:not(:last-child) { border-bottom: 1px solid #e5e9f2; }

.buysell-pm-label { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; padding: 16px 60px 16px 20px; cursor: pointer; }

.buysell-pm-label:before, .buysell-pm-label:after { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); height: 24px; width: 24px; border-radius: 50%; }

.buysell-pm-label:before { content: ''; border: 2px solid #dbdfea; }

.buysell-pm-label:after { font-family: &quot;Nioicon&quot;; content: &quot;&quot;; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #0971fe; transition: opacity .3s; opacity: 0; }

.buysell-pm-label .pm-name { font-size: 14px; color: #364a63; }

.buysell-pm-label .pm-icon { display: inline-flex; font-size: 24px; color: #8094ae; }

.buysell-pm-control { position: absolute; top: 0; height: 1px; width: 1px; opacity: 0; }

.buysell-pm-control:checked ~ .buysell-pm-label { cursor: default; }

.buysell-pm-control:checked ~ .buysell-pm-label:after { opacity: 1; }

.buysell-overview { padding: 1rem 0 1.5rem; }

.buysell-overview-list { border: 1px solid #dbdfea; border-radius: 4px; }

.buysell-overview-list + .sub-text-sm { margin-top: 0.5rem; }

.buysell-overview-item { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 16px; }

.buysell-overview-item:not(:last-of-type) { border-bottom: 1px solid #e5e9f2; }

.buysell-overview-item .pm-currency { align-items: center; display: flex; }

.buysell-overview-item .pm-currency .icon { font-size: 24px; margin-left: 0.5rem; color: #8094ae; }

.buysell-field:not(:last-child) { margin-bottom: 1.75rem; }

.buysell-field.form-action { padding-top: .5rem; }

.wallet-item a { position: relative; display: flex; align-items: center; padding: 0.75rem 0; z-index: 1; }

.wallet-item a:before, .wallet-item a:after { position: absolute; opacity: 0; transition: opacity .3s; }

.wallet-item a:after { font-family: &quot;Nioicon&quot;; transform: translateY(-50%); content: &quot;&quot;; left: -0.25rem; top: 50%; color: #dbdfea; font-size: 1.25rem; }

.wallet-item a:before { content: ''; top: 0; bottom: 0; left: -24px; right: -24px; background-color: #fff; border-radius: 100px; z-index: -1; }

.is-dark .wallet-item a:before { background-color: #0b1219; }

.is-theme .wallet-item a:before { background-color: #071d46; }

.wallet-item a:hover:before, .wallet-item a:hover:after { opacity: 1; }

.wallet-item-add a:after { display: none; }

.wallet-item-add a:hover .wallet-icon, .wallet-item-add a:hover .wallet-name { color: #0971fe; }

.is-dark .wallet-item-add a:hover .wallet-icon, .is-theme .wallet-item-add a:hover .wallet-icon, .is-dark .wallet-item-add a:hover .wallet-name, .is-theme .wallet-item-add a:hover .wallet-name { color: #fff; }

.wallet-icon { width: 40px; color: #8094ae; flex-shrink: 0; display: inline-flex; }

.wallet-icon .icon { font-size: 24px; }

.wallet-icon img { width: 24px; }

.is-theme .wallet-icon { color: #a9cdff; }

.wallet-text { display: inline-flex; flex-direction: column; }

.wallet-name { font-size: 14px; font-weight: 700; color: #526484; margin-bottom: .25rem; }

.is-dark .wallet-name { color: #8094ae; }

.is-theme .wallet-name { color: #a9cdff; }

.wallet-balance { font-size: 13px; color: #364a63; line-height: 1; margin-top: 0.25rem; }

.wallet-balance span { color: #8094ae; }

.is-dark .wallet-balance { color: #fff; }

.is-dark .wallet-balance span { color: #8094ae; }

.is-theme .wallet-balance { color: #fff; }

.is-theme .wallet-balance span { color: #a9cdff; }

@media (max-width: 1199.98px) { .nk-sidebar .wallet-item a:before { display: none; } }

.tranx-list { font-size: 0.8125rem; }

.tranx-item { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem; }

.tranx-item:not(:last-child) { border-bottom: 1px solid #dbdfea; }

.tranx-col { display: inline-flex; flex-direction: column; }

.tranx-info { display: inline-flex; align-items: center; }

.tranx-badge { flex-shrink: 0; }

.tranx-badge + .tranx-data { margin-right: 10px; }

.tranx-icon { display: flex; justify-content: center; align-items: center; height: 36px; width: 36px; font-size: 20px; border-radius: 50%; }

.tranx-icon.sm { height: 20px; width: 20px; font-size: 14px; }

.tranx-icon[class*=&quot;btc&quot;] { color: #f9841e; background: rgba(249, 132, 30, 0.2); }

.tranx-icon[class*=&quot;eth&quot;] { color: #6174b9; background: rgba(97, 116, 185, 0.2); }

.status-success .tranx-icon { color: #1ee0ac; background-color: rgba(30, 224, 172, 0.15); }

.tranx-data { flex-grow: 1; }

.tranx-label { font-size: 0.9375em; font-weight: 500; color: #364a63; margin-bottom: 0.25rem; display: inline-flex; align-items: center; }

.tranx-label .tranx-icon { margin-right: 0.5rem; }

.tranx-date { font-size: 11px; color: #8094ae; }

.tranx-amount { text-align: left; }

.tranx-amount .number { font-size: 1.125em; color: #364a63; font-weight: 500; }

.tranx-amount .number span { color: #526484; font-weight: 400; }

.tranx-amount .number-sm { font-size: 11px; color: #526484; }

.tranx-amount .number-sm span { color: #8094ae; }

@media (max-width: 575.98px) { .tranx-list.is-stretch { margin-left: -18px; margin-right: -18px; border-left: 0; border-right: 0; border-radius: 0; } }

@media (min-width: 576px) { .tranx-item { padding: 1.25rem 1.5rem; }
  .tranx-list { font-size: 1rem; }
  .tranx-badge + .tranx-data { margin-right: 16px; }
  .tranx-icon { height: 44px; width: 44px; font-size: 24px; }
  .tranx-icon.sm { height: 24px; width: 24px; font-size: 16px; }
  .tranx-date { font-size: 12px; }
  .tranx-amount .number-sm { font-size: 12px; } }

.is-compact .tranx-item { padding-top: .75rem; padding-bottom: .75rem; }

.is-compact .tranx-label { margin-bottom: 0; }

.is-compact .tranx-badge + .tranx-data { margin-right: 16px; }

.is-compact .tranx-icon { height: 36px; width: 36px; font-size: 20px; }

.is-compact .tranx-amount .number { font-size: 1rem; }

.nk-wg1-item { min-width: 300px; max-width: 100%; }

.nk-wg1-title { font-size: 1.125rem; color: #526484; margin-bottom: 0.25rem; }

.nk-wg1-title .dropdown &gt; a { font-size: 78%; color: #8094ae; }

.nk-wg1-amount .amount { font-size: 1.75rem; line-height: 1.4; color: #0971fe; font-weight: 700; letter-spacing: -0.025em; }

.nk-wg1-amount .amount small { font-size: 66.66%; font-weight: 400; }

.nk-wg1-amount .amount-sm { font-size: 12px; color: #8094ae; }

.nk-wg1-amount .amount-sm span { color: #364a63; font-weight: 700; }

.nk-wg1-sub { min-width: 140px; }

.nk-wg1-group { display: flex; flex-wrap: wrap; }

@media (min-width: 420px) { .nk-wg1-amount .amount { font-size: 2.25rem; } }

@media (max-width: 419px) { .nk-wg1 { overflow: hidden; } }

.nk-wg4:not(:first-child) { margin-top: 1.75rem; }

.nk-wg4:not(:last-child) { margin-bottom: 1.75rem; }

.nk-wg4-sub { width: 185px; }

.nk-wg4-group { display: flex; flex-wrap: wrap; }

.nk-wg4-switcher { display: flex; margin: 0 -0.25rem .5rem; }

.nk-wg4-switcher &gt; li { padding: 0 .25rem; }

.nk-wg4-switcher &gt; li &gt; .dropdown &gt; a { font-size: 0.875rem; border: 1px solid #dbdfea; padding: .25rem .75rem; border-radius: 3px; }

.nk-wg4-note { font-size: 11px; font-style: italic; font-weight: 400; color: #8094ae; }

.nk-wg4-note span { color: #0971fe; font-weight: 700; }

@media (max-width: 575.98px) { .card-head.ui-v2 + .nk-wg4:not(:first-child) { margin-top: 0.75rem; } }

.nk-wg5-title { margin-bottom: 0.5rem; }

.nk-wg5-text:not(:last-child) { padding-bottom: 1.75rem; }

.nk-wg5-amount { line-height: 1.3; }

.nk-wg5-amount .amount { font-size: 1.5rem; font-weight: 500; color: #364a63; margin-bottom: 0.25rem; }

.nk-wg5-amount .amount-sm { font-size: 13px; font-weight: 700; color: #526484; }

.nk-wg5-amount .currency { font-weight: 400; }

.nk-wg5-foot { font-size: 12px; }

.nk-wg7 { display: flex; flex-wrap: wrap; }

.nk-wg7 &gt; * { flex-grow: 1; width: 100%; }

.nk-wg7-stats { line-height: 1.3; }

.nk-wg7-stats-group { display: flex; align-items: flex-start; margin-top: 1.5rem; }

.nk-wg7-stats .number { font-size: 1rem; font-weight: 700; }

.nk-wg7-stats .number-lg { font-size: 2.25rem; letter-spacing: -0.03em; font-weight: 400; }

.nk-wg7-stats .number-lg:first-child { margin-top: -.125rem; }

.nk-wg7-title, .nk-wg7-note { font-size: 13px; font-weight: 500; color: #526484; }

.is-dark .nk-wg7-title, .is-dark .nk-wg7-note { color: #6baafe; }

.number + .nk-wg7-title, .number + .nk-wg7-note { margin-top: 0.625rem; }

.nk-wg7-title + .number, .nk-wg7-note + .number { margin-top: 0.4375rem; }

.number-lg + .nk-wg7-title, .number-lg + .nk-wg7-note { margin-top: 0.25rem; }

.nk-wg7-title + .number-lg, .nk-wg7-note + .number-lg { margin-top: 0.25rem; }

.nk-wg7-foot { width: 100%; margin-top: 0.75rem; }

.nk-wg7-note { font-weight: 400; font-style: italic; }

@media (min-width: 992px) { .nk-wg7 &gt; * { width: 100%; }
  .nk-wg7-foot { margin-top: .75rem; } }

.nk-wgw { position: relative; }

.nk-wgw-inner { padding: 1.25rem; display: block; }

.sm.nk-wgw .nk-wgw-inner { padding: 1.25rem; }

.nk-wgw-name { display: flex; align-items: center; }

.nk-wgw-icon { position: relative; height: 32px; width: 32px; font-size: 20px; border-radius: 50%; background: #8094ae; color: #fff; margin-left: 0.75rem; display: inline-flex; align-items: center; justify-content: center; }

.is-dark .nk-wgw-icon { background: #6baafe; }

.nk-wgw-icon.is-default:after { position: absolute; bottom: -8px; left: -8px; font-family: &quot;Nioicon&quot;; content: &quot;&quot;; height: 20px; width: 20px; font-size: 13px; border-radius: 50%; background: #fff; color: #ffa353; display: inline-flex; align-items: center; justify-content: center; }

.is-dark .nk-wgw-icon.is-default:after { background: #0b3175; }

.nk-wgw-title { font-family: Roboto, sans-serif; font-weight: 500; font-size: 1rem; margin-bottom: 0; color: #526484; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.is-dark .nk-wgw-title { color: #fff; }

.nk-wgw-more { position: absolute; top: 1.25rem; left: 1.25rem; }

.is-dark .nk-wgw-more .btn-trigger { color: #a9cdff; }

.is-dark .nk-wgw-more .btn-trigger:before { background-color: #071d46; }

.nk-wgw-balance { line-height: 1.3; padding-top: 1.25rem; }

.nk-wgw-balance .amount { font-size: 1.5rem; font-weight: 500; color: #364a63; }

.is-dark .nk-wgw-balance .amount { color: #fff; }

.nk-wgw-balance .amount span { font-weight: 400; opacity: 0.6; }

.nk-wgw-balance .amount-sm { font-size: 13px; color: #526484; font-weight: 700; padding-top: .125rem; }

.is-dark .nk-wgw-balance .amount-sm { color: #6baafe; }

.nk-wgw-balance .amount-sm span { font-weight: 400; }

.nk-wgw-balance .currency { padding-right: 0.25rem; }

.nk-wgw-actions { padding: .75rem 1.25rem; border-top: 1px solid #e5e9f2; }

.is-dark .nk-wgw-actions { border-color: rgba(9, 113, 254, 0.4); }

.nk-wgw-actions ul { display: flex; align-items: center; flex-wrap: wrap; }

.nk-wgw-actions ul li:not(:last-child) { padding-left: 1.5rem; }

.nk-wgw-actions a { display: inline-flex; align-items: center; font-size: 12px; padding: .5rem 0; color: #526484; }

.nk-wgw-actions a .icon { font-size: 1.25em; margin-left: 0.5rem; color: #8094ae; margin-top: -1px; }

.nk-wgw-actions a .icon, .nk-wgw-actions a span { transition: color .3s; }

.is-dark .nk-wgw-actions a { color: #a9cdff; }

.is-dark .nk-wgw-actions a .icon { color: #6baafe; }

.is-dark .nk-wgw-actions a:hover span, .is-dark .nk-wgw-actions a:hover .icon { color: #fff; }

.nk-wgw-actions a:hover span, .nk-wgw-actions a:hover .icon { color: #0971fe; }

.nk-wgw-add { display: flex; flex-direction: column; justify-content: center; height: 100%; text-align: center; }

.nk-wgw-add a { display: block; }

.nk-wgw-add a .add-icon { display: inline-flex; position: relative; z-index: 1; font-size: 24px; height: 36px; width: 36px; align-items: center; justify-content: center; }

.nk-wgw-add a .add-icon:before { position: absolute; z-index: -1; height: 20px; width: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%; content: ''; background-color: #ebeef2; border-radius: 50%; opacity: 0; transition: all .3s; }

.is-dark .nk-wgw-add a .add-icon:before { background-color: #071d46; }

.is-dark .nk-wgw-add a .add-icon .icon { color: #fff; }

.nk-wgw-add a:hover .add-icon:before { opacity: 1; height: 120%; width: 120%; }

.nk-wgw-add a .title { color: #0971fe; font-size: 1rem; margin-top: 1.25rem; margin-bottom: 0.75rem; }

.is-dark .nk-wgw-add a .title { color: #fff; }

.nk-wgw-add .sub-text { padding: 0 1.5rem; }

@media (min-width: 576px) { .nk-wgw { position: relative; }
  .nk-wgw-inner { padding: 1.5rem; }
  .sm.nk-wgw .nk-wgw-inner { padding: 1rem 1.25rem; }
  .nk-wgw-actions { padding-left: 1.5em; padding-right: 1.5rem; }
  .nk-wgw-actions a { font-size: 13px; } }

.nk-wgw.sm .nk-wgw-icon { height: 24px; width: 24px; font-size: 14px; margin-left: 0.5rem; }

.nk-wgw.sm .nk-wgw-icon.is-default:after { bottom: -8px; left: -8px; height: 20px; width: 20px; font-size: 13px; }

.nk-wgw.sm .nk-wgw-title { font-weight: 700; font-size: 13px; }

.nk-wgw.sm .nk-wgw-balance { padding-top: 0.75rem; }

.nk-wgw.sm .nk-wgw-balance .amount { font-size: 1rem; }

.nk-wgwh { display: flex; align-items: center; }

.nk-block-head-sub + .nk-wgwh { padding-top: .5rem; }

.nk-wgwh &gt; .icon { margin-left: 1rem; }

.nk-wgwh-title { font-size: 1.5rem; color: #364a63; font-weight: 700; }

.nk-wgwh-title .title { margin-bottom: 0; font-size: inherit; }

.nk-wgwh-title small { font-size: 70%; color: #8094ae; }

.nk-wgwh-title small a { color: inherit; }

.asterisk a { position: relative; color: #8094ae; display: inline-flex; }

.asterisk a:hover, .asterisk a.active { color: #ffa353; }

.asterisk a:hover .asterisk-on, .asterisk a.active .asterisk-on { opacity: 1; }

.asterisk a.active:hover .asterisk-on { opacity: 0; }

.asterisk-on { opacity: 0; position: absolute; right: 0; color: #ffa353; z-index: 1; transition: opacity .2s; }

.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 &gt; div:not(.nk-reply-header) { margin-right: 48px; }

.nk-reply-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; }

.nk-reply-header .user-name { margin-right: 1rem; font-size: .875rem; }

.nk-reply-header .user-name span { color: #8094ae; font-weight: 400; }

.nk-reply-header .date-time { color: #8094ae; font-size: 12px; }

.nk-reply-entry.note { background: #f5f6fa; padding: 1.25rem; border-radius: 4px; }

.nk-reply-from { margin-top: 1.25rem; padding: .375rem .75rem; background: #f5f6fa; border-radius: 4px; display: inline-block; font-size: 13px; }

.nk-reply-meta { overflow: hidden; text-align: center; margin: 0 1.25rem; padding: 0 2rem; }

.nk-reply-meta-info { position: relative; display: inline-block; padding: 0 .75rem; color: #8094ae; font-size: 13px; line-height: 1.4; }

.nk-reply-meta-info span, .nk-reply-meta-info strong, .nk-reply-meta-info .who { color: #526484; }

.nk-reply-meta-info .whom { color: #0971fe; }

.nk-reply-meta-info:before, .nk-reply-meta-info:after { position: absolute; height: 1px; background: #e5e9f2; content: ''; width: 100vw; top: 50%; }

.nk-reply-meta-info:before { right: 100%; }

.nk-reply-meta-info:after { left: 100%; }

.nk-reply-form { border-top: 1px solid #e5e9f2; }

.nk-reply-form-dropdown { margin-right: -0.5rem; margin-left: 0.75rem; }

.nk-reply-form-header { display: flex; align-items: center; justify-content: space-between; padding: 0 1.25rem; border-bottom: 1px solid #e5e9f2; }

.nk-reply-form-title { display: flex; align-items: center; }

.nk-reply-form-title .title { color: #8094ae; margin-left: .75rem; }

.nk-reply-form-field { padding: .5rem 1.25rem; }

.nk-reply-form-field:not(:last-child) { border-bottom: 1px solid #e5e9f2; }

.nk-reply-form-field .form-control, .nk-reply-form-field div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .nk-reply-form-field input, .nk-reply-form-field .dual-listbox .dual-listbox__search, .dual-listbox .nk-reply-form-field .dual-listbox__search { font-size: 0.875rem; }

.nk-reply-form-field textarea.form-control, .nk-reply-form-field .dual-listbox textarea.dual-listbox__search, .dual-listbox .nk-reply-form-field textarea.dual-listbox__search { min-height: 78px; }

.nk-reply-form-field textarea.form-control.ex-large, .nk-reply-form-field .dual-listbox textarea.ex-large.dual-listbox__search, .dual-listbox .nk-reply-form-field textarea.ex-large.dual-listbox__search { min-height: 160px; }

.nk-reply-form-field + .nk-reply-form-tools { border-top: 0; }

.nk-reply-form-tools { padding: 1.25rem; border-top: 1px solid #e5e9f2; display: flex; justify-content: space-between; }

.nk-reply-form-actions { display: inline-flex; align-items: center; }

.nk-reply-form-options { display: inline-flex; }

.nk-reply-form-input { display: flex; }

.nk-reply-form-input .label { margin: .3rem 0 .3rem .5rem; width: 1.25rem; color: #8094ae; }

.nk-reply-form-input-group { width: 100%; }

.nk-reply-form-input-cc, .nk-reply-form-input-bcc { display: none; }

.nk-reply-form-input-cc.expanded, .nk-reply-form-input-bcc.expanded { display: flex; }

.nk-reply-form-input .toggle-opt { display: inline-flex; align-items: center; color: #364a63; }

.nk-reply-form-input .toggle-opt:hover { color: #0971fe; }

.nk-reply-form-group { position: relative; padding: 1rem 0; flex-grow: 1; display: flex; align-items: flex-start; }

.nk-reply-form-nav { position: absolute; display: flex; align-items: center; align-self: flex-start; padding: 1.0625rem 0 0; left: 0; top: 0; margin: 0 -.375rem; }

.nk-reply-form-nav li a { font-size: 12px; color: #8094ae; display: block; line-height: 1.5rem; padding: .25rem .375rem; }

.nk-reply-form-nav li a:hover { color: #0971fe; }

.is-collapsed .nk-reply-msg-info { display: none; }

.nk-reply-msg-excerpt { color: #526484; display: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.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 { width: 75px; color: #8094ae; font-size: 12px; text-align: left; margin-left: 0.75rem; }

.nk-reply-msg-meta li .info { font-size: 13px; }

.nk-reply-msg-meta li .info a { color: #526484; }

.nk-reply-tools { display: flex; align-items: center; flex-shrink: 0; cursor: default; }

.nk-reply-tools .date { margin-left: 1rem; line-height: 2.25rem; color: #526484; }

.nk-reply-tools .attach-msg { font-size: 1.25rem; margin-left: 0.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-right: 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 { display: flex; align-items: center; }

.is-collapsed .prev-msg, .is-collapsed .next-msg, .is-collapsed .more-actions, .is-collapsed .replyto-msg, .is-collapsed .forwardto-msg { display: none; }

.input-mail { width: 100%; border: none; }

@media (max-width: 767.98px) { .nk-reply-tools { flex-wrap: wrap; }
  .nk-reply-tools .date { margin-left: .5rem; font-size: 13px; }
  .nk-reply-tools .attach-msg { font-size: 1.25rem; margin-left: 0.375rem; } }

@media (max-width: 575.98px) { .nk-reply-info { margin-right: 0.75rem; max-width: calc(100% - 2.5rem); }
  .is-collapsed .nk-reply-info { max-width: calc(100% - 4.5rem); }
  .nk-reply-info .date { font-size: 11px; color: #8094ae; margin-right: .375rem; }
  .nk-reply-info .lead-text { font-size: 13px; }
  .nk-reply-form-dropdown { margin-left: 0.5rem; }
  .nk-reply-form-group { flex-wrap: wrap; align-items: center; }
  .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: 0.25rem; }
  .nk-reply-msg-info .sub-text { font-size: 12px; }
  .nk-reply-msg-info .dropdown-menu { margin-left: 16px !important; } }

@media (min-width: 576px) { .nk-reply-form { margin: 0.5rem 2.25rem 2.25rem; border: 1px solid #e5e9f2; border-radius: 4px; }
  .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, .nk-reply-form-field .dual-listbox textarea.ex-large.dual-listbox__search, .dual-listbox .nk-reply-form-field textarea.ex-large.dual-listbox__search { 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: 0.5rem 2.25rem 2.25rem; } }

@media (min-width: 992px) { .nk-reply-form { margin: 0.5rem 2.5rem 2.5rem; }
  .nk-reply-item { padding: 2rem 2.5rem; }
  .nk-reply-meta { margin: 0 2.5rem; }
  .nk-reply-quick-btns { margin: 0.5rem 2.5rem 2.5rem; } }

.attach-files { margin-top: 1.75rem; border: 1px solid #e5e9f2; border-radius: 4px; }

.attach-list { padding: 1rem 1.25rem; margin-bottom: -.5rem; display: flex; flex-wrap: wrap; }

.attach-item { width: 180px; padding-left: 2rem; padding-bottom: 0.5rem; }

.attach-item a { display: flex; align-items: center; width: 100%; color: #526484; }

.attach-item .icon { font-size: 1.5rem; color: #0971fe; margin-left: 0.75rem; }

.attach-foot { border-top: 1px solid #e5e9f2; background: #f5f6fa; padding: .75rem 1.25rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.attach-info { font-weight: 500; color: #364a63; }

.attach-download span { color: #8094ae; transition: all .3s; }

.attach-download:hover span { color: #0971fe; }

@media (max-width: 359px) { .attach-info { font-size: 12px; }
  .attach-download { font-size: 12px; } }

.nk-msg-nav { position: relative; border-bottom: 1px solid #e5e9f2; padding: 0 1.25rem; background: #fff; z-index: 2; border-top-right-radius: 3px; }

.nk-msg-nav .search-wrap { padding: 0 1rem; bottom: -1px; border-bottom: 1px solid #e5e9f2; border-radius: 0; }

.nk-msg-nav .search-submit { transform: translate(-0.25rem, -50%); }

.nk-msg-menu { display: flex; margin: 0 -0.75rem; }

.nk-msg-menu-item { padding: 0 0.75rem; }

.nk-msg-menu-item a { display: inline-flex; position: relative; color: #8094ae; font-weight: 500; font-size: .875rem; line-height: 1.5rem; padding: 1rem 0; }

.nk-msg-menu-item a:after { position: absolute; content: ''; height: 2px; background: #0971fe; bottom: -1px; left: 0; right: 0; opacity: 0; transition: .3s ease; }

.nk-msg-menu-item a .icon { font-size: 1.125rem; line-height: 1.5rem; }

.nk-msg-menu-item a:hover { color: #0971fe; }

.nk-msg-menu-item.active a { color: #0971fe; }

.nk-msg-menu-item.active a:after { opacity: 1; }

.nk-msg { position: relative; display: flex; overflow: hidden; background: #fff; min-height: calc(100vh - (65px + 64px + 64px)); max-height: calc(100vh - (65px + 64px + 64px)); }

.nk-msg-aside { width: 100%; overflow: hidden; max-height: 100%; position: relative; display: flex; flex-direction: column; flex-shrink: 0; background: #fff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.nk-msg-list { max-height: 100%; height: 100%; overflow: auto; }

.nk-msg-item { display: flex; padding: 1.25rem 1.25rem; cursor: pointer; }

.nk-msg-item:not(:last-child) { border-bottom: 1px solid #e5e9f2; }

.nk-msg-item.active, .nk-msg-item.current { background: rgba(245, 246, 250, 0.7); position: relative; cursor: default; }

.nk-msg-item.active:after, .nk-msg-item.current:after { position: absolute; content: &quot;&quot;; right: 0; top: 0; height: 100%; width: 3px; background: #0971fe; }

.nk-msg-info { max-width: calc(100% - 52px); margin-right: 0.75rem; flex-grow: 1; }

.nk-msg-from { display: flex; justify-content: space-between; align-items: center; }

.nk-msg-context { display: flex; justify-content: space-between; margin-top: 0.25rem; }

.nk-msg-context .asterisk { margin-top: auto; }

.nk-msg-sender { display: inline-flex; align-items: center; color: #8094ae; font-size: 12px; }

.nk-msg-sender .name { margin-left: 0.5rem; }

.is-unread .nk-msg-sender .name { font-weight: 500; color: #364a63; }

.nk-msg-meta { display: inline-flex; align-items: center; color: #8094ae; font-size: 12px; }

.nk-msg-meta .attchment .icon { font-size: 1.125rem; }

.nk-msg-meta .date { margin-right: 0.75rem; }

.nk-msg-text { max-width: calc(100% - 35px); flex-grow: 0; padding-left: 0.5rem; }

.nk-msg-text .title { font-size: 15px; margin-bottom: 0.25rem; }

.nk-msg-text p { font-size: 13px; color: #8094ae; max-height: 42px; overflow: hidden; }

.is-unread .nk-msg-text p { color: #526484; font-weight: 500; }

.nk-msg-lables { text-align: center; margin: -.125rem; display: inline-flex; flex-direction: column; }

.nk-msg-lables &gt; div { padding: .125rem; }

.nk-msg-lables .icon { font-size: 1.125rem; }

.nk-msg-lables .badge { line-height: 14px; font-size: 10px; padding: 0 .25rem; }

.nk-msg-body { position: absolute; top: 0; left: 0; right: 0; bottom: 0; flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; transition: padding .3s ease-in-out; opacity: 0; pointer-events: none; z-index: 5; }

.nk-msg-body.show-message { opacity: 1; pointer-events: auto; }

.nk-msg-profile { position: absolute; top: 0; left: 0; transform: translateX(-100%); width: 280px; height: 100%; max-height: 100%; transition: transform .3s  ease-in-out; background: #fff; z-index: 100; }

.nk-msg-profile-toggle { position: absolute; height: 36px; width: 36px; display: none; align-items: center; justify-content: center; bottom: -18px; left: -18px; margin-left: 40px; transition: left .3s ease-in-out, margin .3s ease-in-out .2s; border: 1px solid #e5e9f2; background-color: #fff; border-radius: 50%; font-size: 1.125rem; z-index: 2; color: #8094ae; z-index: 110; }

.nk-msg-profile-toggle.active { margin-left: 0; transform: rotate(-180deg); }

.nk-msg-profile-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(16, 25, 36, 0.4); z-index: 600; z-index: 90; animation: overlay-fade-in .4s ease 1; }

.nk-msg-profile.visible { transform: none; }

.nk-msg-head { position: relative; padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e9f2; }

.nk-msg-head .title { margin-bottom: .5rem; }

.nk-msg-head-meta { display: flex; justify-content: space-between; align-items: center; }

.nk-msg-hide { font-size: 1rem; }

.nk-msg-tags { margin: 0 -.75rem; }

.nk-msg-tags li { padding: 0 .75rem; color: #8094ae; }

.nk-msg-tags li &gt; span { display: inline-flex; align-items: center; }

.nk-msg-tags li &gt; span .icon { color: #0971fe; margin-left: 0.25rem; }

.nk-msg-actions { display: flex; margin: 0 -.25rem; }

.nk-msg-actions li { padding: 0 .25rem; }

@media (max-width: 575.98px) { .nk-msg { border: none; border-radius: 4px; min-height: calc(100vh - (65px + 64px)); max-height: calc(100vh - (65px + 64px)); } }

@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-top: 0.125rem; margin-bottom: 0.375rem; } }

@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 { width: 320px; border-left: 1px solid #e5e9f2; }
  .nk-msg-body { position: static; opacity: 1; pointer-events: auto; }
  .nk-msg-profile { border-right: 1px solid #e5e9f2; }
  .nk-msg-profile-toggle { margin-left: 55px; display: flex; } }

@media (min-width: 1540px) { .nk-msg-aside { width: 380px; } }

@media (max-width: 1539.98px) { .profile-shown .nk-msg-profile-toggle { left: 262px; } }

@media (min-width: 1540px) { .nk-msg-body.profile-shown { padding-left: 280px; } }

.ibx-count { position: relative; padding: 0.3125rem 0.75rem; font-size: 0.75rem; color: #8094ae; background: #fff; border: 1px solid #e5e9f2; display: inline-block; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; }

.ibx-count:before, .ibx-count:after { position: absolute; height: 0; width: 0; top: 50%; transform: translateY(-50%); content: ''; border-style: solid; }

.ibx-count:before { left: -8px; border-width: 4px 7px 4px 0; border-color: transparent #e5e9f2 transparent transparent; }

.ibx-count:after { left: -6px; border-width: 3px 6px 3px 0; border-color: transparent #fff transparent transparent; }

.nk-ibx-context { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.nk-ibx-context-group { display: flex; align-items: center; }

.nk-ibx-context-badges { margin-left: 0.75rem; }

.nk-ibx-context-text { display: inline; color: #8094ae; }

.is-unread .nk-ibx-context-text { color: #526484; }

.nk-ibx-context-text .heading { color: #364a63; }

.is-unread .nk-ibx-context-text .heading { font-weight: 500; }

.ibx-actions { position: relative; display: inline-block; transition: background-color .3s; }

.ibx-actions-hidden { position: absolute; display: flex; left: calc(100% + 8px); opacity: 0; transition: background-color .3s; }

.nk-ibx-item:hover .ibx-actions-hidden { opacity: 1; background-color: #f5f6fa; }

.nk-ibx-item:hover .ibx-actions { background-color: #f5f6fa; }

.nk-ibx { position: relative; display: flex; overflow: hidden; min-height: calc(100vh - (65px + 64px)); max-height: calc(100vh - (65px + 64px)); background: #fff; }

.nk-ibx-aside { position: absolute; background: #fff; width: 260px; overflow: hidden; height: 100%; max-height: 100%; display: flex; flex-direction: column; align-items: stretch; flex-shrink: 0; border-left: 1px solid #e5e9f2; transform: translateX(100%); z-index: 99; transition: transform .4s linear; }

.nk-ibx-aside + .toggle-overlay { z-index: 90; position: absolute; }

.nk-ibx-aside.content-active { transform: none; }

.nk-ibx-nav { overflow: auto; flex-grow: 1; height: 100%; max-width: 100%; }

.nk-ibx-nav .simplebar-content { height: 100%; display: flex; flex-direction: column; }

.nk-ibx-nav-head { display: flex; align-items: center; 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 &gt; a, .nk-ibx-nav-head &gt; .link { color: #8094ae; font-size: 0.875rem; }

.nk-ibx-head { position: relative; display: flex; align-items: center; justify-content: space-between; padding: .75rem 1.25rem; border-bottom: 1px solid #e5e9f2; min-height: 61px; }

.nk-ibx-head .title { font-size: 1rem; margin-bottom: 0; }

.nk-ibx-head-actions, .nk-ibx-head-tools { display: flex; align-items: center; }

.nk-ibx-head-tools .btn-icon.btn-trigger .icon, .nk-ibx-head-tools .dt-buttons .btn-trigger.btn-secondary .icon, .dt-buttons .nk-ibx-head-tools .btn-trigger.btn-secondary .icon { font-size: 1.25rem; }

.nk-ibx-head .search-wrap { padding: 0 1rem 0 1.365rem; }

.nk-ibx-head .search-wrap .icon { font-size: 1.25rem; }

.nk-ibx-head .search-back { transform: translate(0.5rem, -50%); }

.nk-ibx-head-check { display: flex; margin-left: .325rem; }

.nk-ibx-action { position: relative; padding: 1rem 1.5rem; border-bottom: 1px solid #e5e9f2; }

.nk-ibx-action-list { display: flex; justify-content: space-between; align-items: center; }

.nk-ibx-action-item a { display: flex; align-items: center; }

.nk-ibx-action-item .icon { font-size: 1.5rem; }

.nk-ibx-action-item .icon + span { margin-right: 0.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: #e1eeff; border-radius: 3px; }

.nk-ibx-menu-item { position: relative; display: flex; align-items: center; padding: .5rem .75rem; border-radius: 4px; }

.nk-ibx-menu-item .icon { font-size: 1.25rem; line-height: 1.5rem; width: 2rem; color: #8094ae; }

.nk-ibx-menu-item .badge { margin-right: auto; min-width: 2.25rem; justify-content: center; }

.active .nk-ibx-menu-item .icon { color: #0971fe; }

.nk-ibx-menu-text { font-size: .875rem; color: #526484; font-weight: 500; line-height: 1.5rem; }

.active .nk-ibx-menu-text { color: #0971fe; }

.nk-ibx-label &gt; li, .nk-ibx-contact &gt; li { position: relative; display: flex; align-items: center; border-radius: 4px; margin: 2px 0; transition: background-color .3s; }

.nk-ibx-label &gt; li &gt; a, .nk-ibx-contact &gt; li &gt; a { display: flex; padding: .5rem .75rem; flex-grow: 1; }

.nk-ibx-label &gt; li .dropdown, .nk-ibx-contact &gt; li .dropdown { opacity: 0; }

.nk-ibx-label &gt; li .dropdown &gt; a, .nk-ibx-contact &gt; li .dropdown &gt; a { color: #526484; padding: .6875rem; }

.nk-ibx-label &gt; li:hover, .nk-ibx-contact &gt; li:hover { background: #f5f6fa; }

.nk-ibx-label &gt; li:hover .dropdown, .nk-ibx-contact &gt; li:hover .dropdown { opacity: 1; }

.nk-ibx-label &gt; li.active, .nk-ibx-contact &gt; li.active { background: #a9cdff; }

.nk-ibx-label-text { line-height: 1; margin-right: 1rem; font-size: .875rem; color: #526484; font-weight: 500; }

.nk-ibx-menu, .nk-ibx-label, .nk-ibx-contact { padding-left: .75rem; padding-right: .75rem; }

.nk-ibx-menu { padding-top: .75rem; }

.nk-ibx-contact { padding-bottom: 1.75rem; }

.nk-ibx-status { margin-top: auto; background: #f5f6fa; padding: 1.5rem 1.5rem; }

.nk-ibx-status-info { margin-bottom: 0.5rem; }

.nk-ibx-status-info .icon { width: 1.25rem; display: inline-block; }

.nk-ibx-body { position: relative; display: flex; flex-direction: column; overflow: hidden; flex-grow: 1; flex-shrink: 1; }

.nk-ibx-list { display: flex; flex-direction: column; max-height: 100%; height: 100%; overflow: auto; }

.nk-ibx-item { position: relative; display: flex; align-items: center; background: #fff; padding: 1rem 1.25rem; transition: background-color .3s; cursor: pointer; }

.nk-ibx-item:not(:last-child) { border-bottom: 1px solid #e5e9f2; }

.nk-ibx-item:not(.no-hover):hover, .nk-ibx-item.active { background: #f5f6fa; }

.nk-ibx-item.is-unread { background: rgba(245, 246, 250, 0.6); }

.nk-ibx-item-elem { padding: 0 8px; flex-shrink: 0; }

.nk-ibx-item-elem:first-child { padding-right: 0; }

.nk-ibx-item-check { width: 28px; display: inline-flex; }

.nk-ibx-item-fluid { flex-grow: 1; flex-shrink: 1; width: 100%; max-width: 100%; overflow: hidden; }

.nk-ibx-item-user .user-name { max-width: calc(100% - 50px); }

.nk-ibx-item-user .user-name .lead-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; }

.is-unread .nk-ibx-item-user .user-name .lead-text { font-weight: 500; }

.nk-ibx-item-count { width: 3.25rem; }

.nk-ibx-item-time { width: 80px; text-align: left; }

.nk-ibx-item-attach { width: 2.25rem; text-align: center; }

.nk-ibx-item-star .asterisk { padding: 0 .25rem; }

.nk-ibx-item-star .asterisk a { display: flex; }

.nk-ibx-item-star .asterisk .icon { line-height: 1; font-size: 1.125rem; }

.nk-ibx-item-tools { padding-left: 0; margin-right: auto; text-align: left; }

.nk-ibx-item-check, .nk-ibx-item-star, .nk-ibx-item-attach { position: relative; z-index: 2; }

.nk-ibx-item-tools { position: relative; z-index: 3; }

.nk-ibx-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }

.nk-ibx-link + .nk-ibx-item-elem { padding-right: 0; }

.nk-ibx-view { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: 2; opacity: 0; visibility: hidden; pointer-events: none; display: flex; flex-direction: column; overflow: hidden; }

.nk-ibx-view.show-ibx { opacity: 1; visibility: visible; pointer-events: all; }

.nk-ibx-reply-head { padding: 1.5rem 1.25rem 0; display: flex; align-items: flex-start; justify-content: space-between; }

.nk-ibx-reply-head .title { margin-bottom: .75rem; }

.nk-ibx-reply-header { margin-left: -.5rem; }

.nk-ibx-reply-item { position: relative; }

.nk-ibx-reply-item &gt; div:not(.nk-reply-header) { margin-right: 0; margin-top: 1.25rem; margin-bottom: 0.75rem; }

.nk-ibx-reply-item:not(:last-child):after { position: absolute; left: 1.25rem; right: 1.25rem; height: 1px; bottom: 1rem; content: ''; background: #e5e9f2; }

@media (min-width: 576px) { .nk-ibx-item, .nk-ibx-head { padding-left: 2.25rem; padding-right: 2.25rem; }
  .nk-ibx-head .search-wrap { padding: 0 2rem 0 2.375rem; }
  .nk-ibx-reply-head { padding: 2em 2.25rem 0; }
  .nk-ibx-reply-item { padding-bottom: 2.75rem; }
  .nk-ibx-reply-item &gt; div:not(.nk-reply-header) { margin-right: 56px; }
  .nk-ibx-reply-item:not(:last-child):after { bottom: 1.375rem; left: 2.25rem; right: 2.25rem; }
  .nk-ibx-reply-quick-btns, .nk-ibx-reply-form { margin-right: 5.75rem; } }

@media (min-width: 768px) { .nk-ibx-item-user { width: 180px; } }

@media (min-width: 992px) { .nk-ibx-aside { position: static; transform: none; transition: none; height: calc(100vh - 128px); }
  .nk-ibx-menu, .nk-ibx-label, .nk-ibx-contact { padding-left: 1rem; padding-right: 1rem; }
  .nk-ibx-menu { padding-top: 1rem; }
  .nk-ibx-contact { padding-bottom: 1rem; }
  .nk-ibx-nav-head { padding-left: 1.75rem; padding-right: 1.75rem; }
  .nk-ibx-item, .nk-ibx-head { padding-left: 1.75rem; padding-right: 1.75rem; }
  .nk-ibx-head .search-wrap { padding: 0 1.5rem 0 2.25rem; }
  .nk-ibx-body { max-width: calc(100% - 260px); }
  .nk-ibx-reply-quick-btns, .nk-ibx-reply-form { margin-right: 5.25rem; }
  .nk-ibx-reply-item, .nk-ibx-reply-head { 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-left: 5rem; } }

@media (min-width: 1540px) { .nk-ibx-item-user { width: 260px; }
  .nk-ibx-item-tools { margin-right: 5rem; } }

@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 { padding-right: 32px; padding-left: 48px; margin-top: 6px; width: calc(100% - 2.5rem); }
  .nk-ibx-item-fluid .heading { display: block; }
  .nk-ibx-item-count, .nk-ibx-item-attach { display: none; }
  .nk-ibx-item-user { flex-grow: 1; }
  .nk-ibx-item-user .user-avatar { height: 28px; width: 28px; font-size: 12px; }
  .nk-ibx-item-time { position: absolute; left: 32px; top: 19px; }
  .nk-ibx-item-tools { position: absolute; text-align: left; left: 28px; bottom: 18px; }
  .nk-ibx-item-star { position: absolute; right: 28px; top: 50px; }
  .nk-ibx-context-badges { display: none; }
  .ibx-actions-hidden { display: none; } }

@media (max-width: 575.98px) { .nk-ibx-item-star { right: 12px; }
  .nk-ibx-item-time { left: 12px; }
  .nk-ibx-item-tools { left: 8px; }
  .nk-ibx-reply-head .title { font-size: 1.125rem; }
  .nk-ibx-reply .btn-icon.btn-trigger, .nk-ibx-reply .dt-buttons .btn-trigger.btn-secondary, .dt-buttons .nk-ibx-reply .btn-trigger.btn-secondary { padding-top: 0.3125rem; padding-bottom: 0.3125rem; }
  .nk-ibx-reply .btn-icon.btn-trigger .icon, .nk-ibx-reply .dt-buttons .btn-trigger.btn-secondary .icon, .dt-buttons .nk-ibx-reply .btn-trigger.btn-secondary .icon { width: 1.875rem; } }

@media (max-width: 359px) { .nk-ibx-head .btn-icon.btn-trigger, .nk-ibx-head .dt-buttons .btn-trigger.btn-secondary, .dt-buttons .nk-ibx-head .btn-trigger.btn-secondary { padding-top: 0.3125rem; padding-bottom: 0.3125rem; }
  .nk-ibx-head .btn-icon.btn-trigger .icon, .nk-ibx-head .dt-buttons .btn-trigger.btn-secondary .icon, .dt-buttons .nk-ibx-head .btn-trigger.btn-secondary .icon { width: 1.875rem; } }

@media (min-width: 576px) and (max-width: 991.98px) { .nk-ibx-aside { width: 320px; }
  .nk-ibx-menu, .nk-ibx-label, .nk-ibx-contact { 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 { position: relative; background-color: #fff; min-height: calc(100vh - (65px + 64px)); background-color: rgba(245, 246, 250, 0.6); }

.nk-fmg-aside { position: fixed; width: 260px; overflow: hidden; height: 100%; max-height: 100%; background: #fff; flex-shrink: 0; z-index: 99; right: 0; transform: translateX(100%); border-left: 1px solid #e5e9f2; top: 65px; transition: transform .4s linear; min-height: calc(100vh - 65px); max-height: calc(100vh - 65px); overflow-y: auto; }

.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 { height: 100%; display: flex; flex-direction: column; }

.nk-fmg-aside-top { margin-bottom: auto; margin-bottom: 30px; }

.nk-fmg-menu { padding: 1rem; }

.nk-fmg-menu li { margin: 2px 0; }

.nk-fmg-menu-item { position: relative; display: flex; align-items: center; padding: .5rem .75rem; border-radius: 4px; }

.nk-fmg-menu-item:hover { background: #f5f6fa; border-radius: 3px; }

.active &gt; .nk-fmg-menu-item { background: #e1eeff; border-radius: 3px; }

.nk-fmg-menu-item .icon { font-size: 1.25rem; line-height: 1.25rem; margin-top: -2px; width: 2rem; color: #8094ae; }

.nk-fmg-menu-item .badge { margin-right: auto; min-width: 2.25rem; }

.active &gt; .nk-fmg-menu-item .icon { color: #0971fe; }

.nk-fmg-menu-text { font-size: .875rem; color: #526484; font-weight: 500; line-height: 1.5rem; }

.active &gt; .nk-fmg-menu-item &gt; .nk-fmg-menu-text { color: #0971fe; }

.nk-fmg-menu li ul { margin-top: -0.125rem; margin-bottom: 0.5rem; padding-right: 2.75rem; }

.nk-fmg-menu li ul ul { padding-right: .75rem; border-right: 1px solid #e5e9f2; }

.nk-fmg-menu li ul .nk-fmg-menu-item { padding: .125rem 0; }

.nk-fmg-menu li ul .nk-fmg-menu-item:hover, .nk-fmg-menu li ul .nk-fmg-menu-item.active { background: transparent; }

.nk-fmg-menu li ul .nk-fmg-menu-item:hover span, .nk-fmg-menu li ul .nk-fmg-menu-item.active span { color: #0971fe; }

.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 { font-size: .875rem; display: flex; align-items: center; color: #526484; margin-bottom: 1rem; }

.nk-fmg-status-title .icon { font-size: 1.25rem; margin-left: .75rem; }

.nk-fmg-status-info { font-size: 12px; font-weight: 500; color: #8094ae; margin-top: 1rem; }

.nk-fmg-body { display: flex; flex-direction: column; max-height: 100%; flex-grow: 1; flex-shrink: 0; }

.nk-fmg-body-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: .75rem 1.25rem; border-bottom: 1px solid #dbdfea; background-color: #fff; z-index: 9; position: relative; top: 0; border-top-left-radius: 4px; }

.nk-fmg-body-content { padding: 1.125rem 1.25rem; height: 100%; max-height: 100%; overflow: auto; }

.nk-fmg-body .simplebar-content { min-height: 470px; }

.nk-fmg-search { display: flex; align-items: center; flex-grow: 1; }

.nk-fmg-filter { margin-bottom: 1.25rem; }

.nk-fmg-filter .form-label { font-weight: 500; font-size: 13px; color: #8094ae; }

.nk-fmg-filter .form-group { margin-bottom: 1rem; }

.nk-fmg-switch { background-color: transparent; border-top: 1px solid #e5e9f2; }

.nk-fmg-switch &gt; div { width: 100%; }

.nk-fmg-switch .dropdown-toggle { padding: 1.25rem 1.75rem; width: 100%; flex-direction: column; align-items: flex-start; }

.nk-fmg-switch .dropdown-toggle:after { position: absolute; left: 1.5rem; top: 50%; transform: translateY(-50%); font-size: 1rem; color: #526484; }

.nk-fmg-listing { min-height: 380px; }

.nk-fmg-listing.is-scrollable { min-height: auto; max-height: 298px; }

@media (min-width: 576px) { .nk-fmg-body-content { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .nk-fmg-aside-top { margin-bottom: 100px; } }

@media (min-width: 992px) { .nk-fmg { padding-right: 260px; }
  .nk-fmg-aside { transform: none; transition: none; width: 260px; position: absolute; top: 0; right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; min-height: 100%; max-height: 100%; }
  .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-right: 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-right: 220px; }
  .nk-fmg-aside { width: 220px; } }

@media (min-width: 576px) and (max-width: 991.98px) { .nk-fmg-aside { width: 320px; }
  .nk-fmg-body-head, .nk-fmg-body-content, .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 { font-size: 12px; color: #8094ae; }

.nk-file .tb-head { font-weight: 500; font-size: 13px; color: #8094ae; }

.nk-file-info:hover .nk-file-name .asterisk a, .nk-file-info .nk-file-name .asterisk a.active { opacity: 1; }

.nk-file-icon { margin-left: 8px; flex-shrink: 0; }

.nk-file-icon-link { display: block; text-decoration: none; color: inherit; }

.nk-file-icon-type { width: 32px; display: inline-block; text-decoration: none; color: inherit; margin: auto; }

.nk-file-title { display: flex; align-items: center; }

.nk-file-title .breadcrumb { padding-top: 0.25rem; padding-bottom: 0; }

.nk-file-name { font-weight: 500; color: #364a63; position: relative; line-height: 1.4; }

.nk-file-name-text { padding-left: 1.5rem; display: inline-block; }

.nk-file-name-text .title { transition: color .3s; display: inline-block; text-decoration: none; word-break: break-word; }

.nk-file-name-text a.title { color: #364a63; }

.nk-file-name-text a.title:hover { color: #0971fe; }

.nk-file-name-sub { font-size: 12px; color: #8094ae; }

.nk-file-name .asterisk { position: absolute; display: inline-flex; margin-right: .5rem; transition: .3s opacity; margin-top: -1px; top: 50%; transform: translateY(-50%); }

.nk-file-name .asterisk a { opacity: 0; }

.nk-file-name .asterisk .icon { font-size: 1.125rem; color: #0971fe; }

.nk-file-desc { display: flex; align-items: center; margin: 0 -.375rem; }

.nk-file-desc li { position: relative; padding: 0 .375rem; font-size: 12px; color: #8094ae; }

.nk-file-desc li:not(:first-child):before { content: &quot;&quot;; font-family: &quot;Nioicon&quot;; position: absolute; top: 50%; right: 0; transform: translate(50%, -50%); font-size: 11px; line-height: 10px; opacity: .8; }

.nk-file-link { text-decoration: none; color: inherit; display: block; }

.nk-file-link:hover .title { color: #0971fe; }

.nk-file-info &gt; .nk-file-link { padding: .75rem 0; }

.is-compact .nk-file-info &gt; .nk-file-link { padding: .375rem 0; }

.nk-file-share-header { display: flex; align-items: center; justify-content: space-between; padding: 0 1.25rem; border-bottom: 1px solid #e5e9f2; }

.nk-file-share-field { padding: .5rem 1.25rem; }

.nk-file-share-field:not(:last-child) { border-bottom: 1px solid #e5e9f2; }

.nk-file-share-field .form-control, .nk-file-share-field div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .nk-file-share-field input, .nk-file-share-field .dual-listbox .dual-listbox__search, .dual-listbox .nk-file-share-field .dual-listbox__search { font-size: 0.875rem; }

.nk-file-share-field textarea.form-control, .nk-file-share-field .dual-listbox textarea.dual-listbox__search, .dual-listbox .nk-file-share-field textarea.dual-listbox__search { min-height: 78px; }

.nk-file-share-field textarea.form-control.ex-large, .nk-file-share-field .dual-listbox textarea.ex-large.dual-listbox__search, .dual-listbox .nk-file-share-field textarea.ex-large.dual-listbox__search { min-height: 160px; }

.nk-file-share-input { display: flex; }

.nk-file-share-input .label { margin: .3rem 0 .3rem .5rem; width: 1.25rem; color: #8094ae; }

.nk-file-share-input-group { width: 100%; }

.nk-file-share-group { position: relative; padding: 1rem 0; flex-grow: 1; display: flex; align-items: center; }

.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: #8094ae; width: 100%; }

.nk-file-details-col:last-child { color: #526484; }

.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 { width: 100px; flex-shrink: 0; } }

@media (min-width: 576px) { .nk-file-share-field textarea.form-control.ex-large, .nk-file-share-field .dual-listbox textarea.ex-large.dual-listbox__search, .dual-listbox .nk-file-share-field textarea.ex-large.dual-listbox__search { 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 &gt; div { position: relative; display: table-cell; padding: .5rem; vertical-align: middle; }

.nk-files .nk-file-actions { width: 60px; text-align: center; }

.nk-files-head { display: table-header-group; }

.nk-files-head .nk-file-item &gt; div { font-weight: 500; font-size: 0.8125rem; padding: 0.25rem; }

.nk-files-head .nk-file-item &gt; div:first-child { padding-right: 0; }

.nk-files-head .nk-file-item &gt; div:last-child { padding-left: .5rem; }

.nk-files-head .dropdown-menu-xs { min-width: 140px; max-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: #cee3ff; }

.nk-files-view-list .nk-file.selected &gt; div { background: transparent; }

.nk-files-view-list .nk-file &gt; div { padding: .5rem .375rem; border-bottom: 1px solid #dbdfea; height: 4rem; background-color: #fff; }

.nk-files-view-list .nk-file &gt; div:first-child { border-right: 1px solid #dbdfea; padding-right: 1.25rem; }

.nk-files-view-list .nk-file &gt; div:last-child { border-left: 1px solid #dbdfea; }

.nk-files-view-list .nk-file &gt; div.nk-file-info { padding-top: 0.125rem; padding-bottom: 0.125rem; }

.nk-files-view-list .nk-file:first-child &gt; div { border-top: 1px solid #dbdfea; }

.nk-files-view-list .nk-file:first-child &gt; div:first-child { border-top-right-radius: 4px; }

.nk-files-view-list .nk-file:first-child &gt; div:last-child { border-top-left-radius: 4px; }

.nk-files-view-list .nk-file:last-child &gt; div:first-child { border-bottom-right-radius: 4px; }

.nk-files-view-list .nk-file:last-child &gt; div:last-child { border-bottom-left-radius: 4px; }

.nk-files-view-list .nk-file:not(:last-child) &gt; div { border-bottom: 1px solid #dbdfea; }

.nk-files-view-list .nk-file .custom-checkbox { margin-left: 1rem; }

.nk-files-view-list .nk-file-members .tb-shared { position: absolute; right: -1rem; top: 50%; transform: translateY(-50%); font-size: 1rem; }

.nk-files-view-list .nk-file-name-text a.title { padding: 1rem 0 0.875rem; }

.nk-files-view-list .nk-file-icon + .nk-file-name a.title { padding-right: 40px; margin-right: -40px; }

.nk-files-view-list.is-compact .nk-file &gt; div { height: 3rem; }

.nk-files-view-grid .nk-files-head, .nk-files-view-group .nk-files-head { margin-bottom: 0.25rem; width: 100%; display: flex; }

.nk-files-view-grid .nk-files-head .nk-file-item, .nk-files-view-group .nk-files-head .nk-file-item { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0; }

.nk-files-view-grid .nk-files-head .nk-file-item &gt; div:not(.nk-file-info):not(.nk-file-actions), .nk-files-view-group .nk-files-head .nk-file-item &gt; 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 { width: 30px; padding: 0 !important; margin-left: -4px; }

.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 { position: absolute; border: 0 none; background: transparent; width: 46px; left: 4px; top: 10px; }

.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 { display: flex; position: relative; margin: 8px; background: #fff; border-radius: 4px; border: 1px solid #dbdfea; }

.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; position: relative; width: calc(50% - 16px); text-align: center; padding: .5rem 0.25rem; }

.nk-files-view-grid .nk-file &gt; 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 { width: 72px; padding: .5rem 0; }

.nk-files-view-grid .nk-file-name .title { padding: .5rem 0.125rem .5rem; }

.nk-files-view-grid .nk-file-name-text { padding-left: 1.5rem; padding-right: 1.5rem; }

.nk-files-view-grid .nk-file-desc { padding: 0 .25rem .75rem; margin-top: -0.125rem; justify-content: center; }

.nk-files-view-grid .nk-file-desc .members { display: none; }

.nk-files-view-grid .nk-file-info &gt; .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 { top: .75rem; right: 1rem; }

.nk-files-view-group .nk-file { position: relative; padding: .5rem .5rem; width: 100%; }

.nk-files-view-group .nk-file &gt; div { display: block; width: 100%; padding-left: 2.5rem; }

.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 { padding-right: 40px; margin-right: -40px; }

.nk-files-view-group .nk-file .nk-file-actions { left: 2px; top: 4px; }

.nk-files-view-group .nk-file .custom-control { left: .5rem; bottom: .5rem; }

.nk-files-view-group .nk-file .nk-file-meta { display: none; }

.nk-files-group &gt; .title { border-top: 1px solid #e5e9f2; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; padding: 1rem 0; margin: 0; }

.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, .nk-fmg-body .nk-block-tools .dt-buttons .btn-trigger.btn-secondary .icon, .dt-buttons .nk-fmg-body .nk-block-tools .btn-trigger.btn-secondary .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 (min-width: 1540px) { .nk-files-view-grid .nk-file { width: calc(20% - 16px); }
  .nk-files-view-group .nk-file { width: calc(33.33% - 16px); } }

@media (min-width: 1800px) { .nk-files-view-grid .nk-file { width: calc(16.66% - 16px); }
  .nk-files-view-group .nk-file { width: calc(25% - 16px); } }

@media (max-width: 1199px) and (min-width: 992px), (max-width: 767px) { .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-meta, .nk-files-view-list .nk-file-date, .nk-files-view-list .nk-file-size { display: none !important; }
  .nk-files-view-list .nk-file .custom-checkbox { margin-left: 0.75rem; } }

@media (max-width: 359px) { .nk-files-view-grid .nk-file { width: 100%; } }

.nk-upload-form { margin-bottom: 2.25rem; }

.nk-upload-list &gt; .title { font-size: .875rem; padding-bottom: 1rem; }

.nk-upload-item { display: flex; align-items: center; padding: .5rem; border-radius: 4px; border: 1px solid #e5e9f2; margin: .5rem 0; }

.nk-upload-icon { width: 48px; margin-left: .25rem; flex-shrink: 0; }

.nk-upload-info { font-weight: 500; color: #364a63; flex-grow: 1; padding-left: .75rem; }

.nk-upload-title { display: flex; align-items: flex-end; }

.nk-upload-title .title { font-size: .875rem; }

.nk-upload-title .meta { font-size: 12px; margin-right: auto; color: #8094ae; font-weight: 400; }

.nk-upload-size { font-size: 12px; color: #8094ae; font-weight: 400; }

.nk-upload-progress { margin: .375rem 0 .25rem; }

.nk-upload-action { margin-right: auto; }

.add-opt:hover .sub-text, .add-opt:hover .icon { color: #0971fe; }

.add-opt-icon .icon-circle, .chat-option-link .icon-circle, .chat-members-link .icon-circle, .contacts-add-link .icon-circle { height: 32px; width: 32px; font-size: 1rem; }

.add-opt-icon .icon + span, .chat-option-link .icon + span, .chat-members-link .icon + span, .contacts-add-link .icon + span, .add-opt-icon .icon + div, .chat-option-link .icon + div, .chat-members-link .icon + div, .contacts-add-link .icon + div { margin-right: 0.75rem; }

.chat-item { position: relative; border-radius: 4px; transition: background-color .3s; }

.chat-item:hover { background-color: #ebeef2; }

.chats-dropdown .chat-item:hover { background-color: #f5f6fa; }

.chat-item:hover .chat-actions { opacity: 1; pointer-events: initial; transition: opacity .5s; }

.chat-item.current { background-color: #f5f6fa; }

.chat-item.current:hover { background-color: #ebeef2; }

.chat-link { display: flex; align-items: center; width: 100%; padding: .75rem; cursor: pointer; }

.chat-media { height: 44px; width: 44px; }

.chat-media + .chat-info { margin-right: 1rem; }

.chat-info { width: calc(100% - 3.75rem); }

.chat-from { display: flex; align-items: center; justify-content: space-between; }

.chat-from .name { font-size: 0.9375rem; margin-bottom: 0; font-weight: 500; color: #526484; }

.is-unread .chat-from .name { font-weight: 700; color: #364a63; }

.chat-from .time { font-size: 12px; color: #8094ae; }

.chat-context { display: flex; align-items: center; justify-content: space-between; }

.chat-context .text { width: calc(100% - 2.5rem); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 13px; color: #8094ae; }

.is-unread .chat-context .text { font-weight: 500; color: #526484; }

.chat-context .status { display: flex; color: rgba(128, 148, 174, 0.8); }

.is-unread .chat-context .status { color: #0971fe; }

.chat-context .status.seen { color: #0971fe; }

.chat-actions { background-color: #ebeef2; position: absolute; top: 0; bottom: 0; left: 0.75rem; opacity: 0; pointer-events: none; z-index: 2; display: flex; align-items: center; justify-content: flex-end; width: 3rem; }

.chat-profile-group { border-top: 1px solid #e5e9f2; padding: .25rem 0; }

.chat-profile-head { padding: 1.25rem 1.5rem; display: flex; align-items: center; justify-content: space-between; }

.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: -0.25rem; }

.chat-profile-options li { padding: .25rem; }

.chat-profile-settings { margin: -0.5rem; }

.chat-profile-settings li { padding: .5rem; }

.chat-profile-settings .custom-control-sm .custom-control-label { padding-right: 0.25rem; font-size: 13px; font-weight: 500; color: #526484; }

.chat-profile-media { display: flex; margin: -0.25rem; }

.chat-profile-media li { width: 33.33%; padding: 0.25rem; }

.chat-profile-media li a { display: inline-block; }

.chat-profile-media li img { border-radius: 4px; }

.chat-option-link { display: flex; align-items: center; }

.chat-option-link .lead-text { font-weight: 500; font-size: 13px; transition: color .3s; color: #526484; }

.chat-option-link:hover .lead-text { color: #1c2b46; }

.chat-members { margin: -0.375rem -.5rem; }

.chat-members li { position: relative; }

.chat-members-link { display: flex; align-items: center; padding: 0.375rem .5rem; }

.chat-members .user-card { position: relative; padding: 0.375rem .5rem; border-radius: 3px; transition: background-color .3s; }

.chat-members .user-card &gt; a { width: 100%; display: flex; align-items: center; }

.chat-members .user-card:hover { background-color: #ebeef2; }

.chat-members .user-card:hover .user-actions { opacity: 1; pointer-events: initial; transition: opacity .5s; }

.chat-members .user-role { margin-right: auto; font-size: 12px; color: #8094ae; }

.chat-members .user-actions { position: absolute; top: 0; left: .25rem; bottom: 0; width: 3rem; background-color: #ebeef2; display: flex; align-items: center; justify-content: flex-end; opacity: 0; pointer-events: none; }

.chat { display: flex; align-items: flex-end; margin: -4px; }

.chat &gt; div { padding: 4px; }

.chat + .chat { padding-top: 0.5rem; }

.chat-avatar { margin-bottom: 1.4rem; }

.chat-avatar.no-meta { margin-bottom: 0; }

.chat-bubble { display: flex; align-items: center; 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 { display: flex; align-items: center; margin: 0 0.75rem; opacity: 0; flex-shrink: 0; transition: all .3s; }

.chat-msg-more &gt; li { padding: 0.25rem; }

.chat-msg.is-light { background-color: #ebeef2; color: #526484; }

.chat-msg.is-theme { background-color: #0971fe; color: #fff; }

.chat-meta { display: flex; align-items: center; margin: .25rem -.375rem 0; }

.chat-meta li { position: relative; padding: 0 .375rem; font-size: 12px; color: #8094ae; }

.chat-meta li:not(:first-child):before { content: &quot;&quot;; font-family: &quot;Nioicon&quot;; position: absolute; top: 50%; right: 0; transform: translate(50%, -50%); font-size: 11px; line-height: 10px; opacity: .8; }

.chat-sap { overflow: hidden; text-align: center; padding: 1rem 0; }

.chat-sap-meta { position: relative; display: inline-block; padding: 0 .75rem; color: #8094ae; font-size: 12px; line-height: 1.4; }

.chat-sap-meta:before, .chat-sap-meta:after { position: absolute; height: 1px; background: #dbdfea; content: ''; width: 100vw; top: 50%; }

.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-right-radius: 0; }

.chat.is-you .chat-bubble:not(:first-child) .chat-msg { border-top-right-radius: 4px; }

.chat.is-you .chat-bubble:not(:last-child) .chat-msg { border-bottom-right-radius: 4px; }

.chat.is-me { justify-content: flex-end; }

.chat.is-me .chat-msg { background-color: #0971fe; 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: #a9cdff; 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-left-radius: 0; }

.chat.is-me .chat-bubble:not(:first-child) .chat-msg { border-top-left-radius: 4px; }

.chat.is-me .chat-bubble:not(:last-child) .chat-msg { border-bottom-left-radius: 4px; }

.chat-upload-option { display: none; position: absolute; right: 100%; padding: 0.5rem; background-color: #fff; }

.chat-upload-option.expanded { display: block; }

.chat-upload-option ul { display: flex; align-items: center; }

.chat-upload-option a { color: #0971fe; font-size: 1.25rem; height: 36px; width: 36px; display: inline-flex; align-items: center; justify-content: center; }

.chat-upload-option a:hover { color: #015edd; }

.fav-list { display: flex; margin: -0.375rem; overflow-x: auto; }

.fav-list li { padding: 0.375rem; }

.fav-list a:hover &gt; .user-avatar:after { opacity: 1; }

.fav-list .user-avatar { height: 44px; width: 44px; }

.fav-list .user-avatar:after { content: &quot;&quot;; position: absolute; width: 100%; right: 0; height: 100%; background: #e5e9f2; transform: scale(1.15); opacity: 0; border-radius: 50%; z-index: -1; transition: opacity .3s; }

@media (min-width: 768px) { .fav-list { flex-wrap: wrap; } }

@media (max-width: 859px) { .fav-list { margin: -0.375rem 0; }
  .fav-list li:first-child { padding-right: 0; }
  .fav-list li:last-child { padding-left: 0; } }

.channel-list li { margin: 0.125rem -0.5rem; }

.channel-list a { padding: 0.375rem .5rem; display: block; transition: all .3s; font-weight: 500; color: #526484; border-radius: 3px; }

.channel-list a:hover, .channel-list a.active { color: #0971fe; background: #e1eeff; }

.contacts-list { margin: -0.375rem -.5rem; }

.contacts-list + .contacts-list { margin-top: 1.75rem; }

.contacts-list li { position: relative; }

.contacts-list li &gt; .title { padding-right: 1.25rem; margin-bottom: .25rem; }

.contacts-list .user-card { position: relative; padding: 0.375rem .5rem; border-radius: 3px; transition: background-color .3s; }

.contacts-list .user-card &gt; a { width: 100%; display: flex; align-items: center; }

.contacts-list .user-card:hover { background-color: #ebeef2; }

.contacts-list .user-card:hover .user-actions { opacity: 1; pointer-events: initial; transition: opacity .4s; }

.contacts-list .user-meta { margin-right: auto; font-size: 12px; color: #8094ae; }

.contacts-list .user-actions { font-size: 12px; position: absolute; top: 0; left: .25rem; bottom: 0; width: 4.5rem; background-color: #ebeef2; display: flex; align-items: center; justify-content: flex-end; opacity: 0; pointer-events: none; }

.contacts-list .user-actions &gt; a { padding: 0 .375rem; }

.contacts-add-link { padding: 0.375rem .5rem; display: flex; align-items: center; }

.contacts-add-link .lead-text { font-weight: 500; font-size: 13px; }

.nk-chat { position: relative; display: flex; overflow: hidden; min-height: calc(100vh - (65px + 64px)); max-height: calc(100vh - (65px + 64px)); background: #fff; }

.nk-chat-blank { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; background-color: #ebeef2; }

.nk-chat-blank-icon { margin-bottom: 1.5rem; }

.nk-chat-boxed { border: 1px solid #dbdfea; border-radius: 4px; min-height: calc(100vh - (65px + 64px + 64px)); max-height: calc(100vh - (65px + 64px + 64px)); }

.nk-chat-aside { background: #fff; width: 100%; overflow: hidden; max-height: 100%; position: relative; display: flex; flex-direction: column; flex-shrink: 0; }

.nk-chat-aside-head { display: flex; align-items: center; justify-content: space-between; padding: 1.125rem 1.25rem 0.875rem; }

.nk-chat-aside-user .title { font-size: 1.375rem; color: #364a63; }

.nk-chat-aside-user .user-avatar { height: 36px; width: 36px; }

.nk-chat-aside-user .user-avatar + .title { margin-right: 1rem; }

.nk-chat-aside-user .dropdown-toggle:after { font-size: 1.125rem; color: #8094ae; margin-right: 1rem; }

.nk-chat-aside-tools { display: flex; align-items: center; }

.nk-chat-aside-body { max-height: 100%; height: 100%; overflow: auto; }

.nk-chat-aside-search { padding: 0 1.25rem; margin-bottom: 1.75rem; margin-top: 0.25rem; }

.nk-chat-aside-search .form-control, .nk-chat-aside-search div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .nk-chat-aside-search input, .nk-chat-aside-search .dual-listbox .dual-listbox__search, .dual-listbox .nk-chat-aside-search .dual-listbox__search { background-color: #f5f6fa; border-color: #f5f6fa; }

.nk-chat-aside-search .form-control::placeholder, .nk-chat-aside-search div.dataTables_wrapper div.dataTables_filter input::placeholder, div.dataTables_wrapper div.dataTables_filter .nk-chat-aside-search input::placeholder, .nk-chat-aside-search .dual-listbox .dual-listbox__search::placeholder, .dual-listbox .nk-chat-aside-search .dual-listbox__search::placeholder { color: #8094ae; }

.nk-chat-aside-panel { padding: 0 1.25rem 1.75rem; }

.nk-chat-aside-panel .title { margin-bottom: .75rem; }

.nk-chat-list { padding: 0 0.5rem; }

.nk-chat-list .title { margin-right: .75rem; }

.nk-chat-body { background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; transition: padding .3s ease-in-out; opacity: 0; pointer-events: none; z-index: 5; }

.nk-chat-body.show-chat { opacity: 1; pointer-events: auto; }

.nk-chat-head { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.75rem; border-bottom: 1px solid #e5e9f2; background-color: #fff; }

.nk-chat-head-info { width: 60%; }

.nk-chat-head-info .user-avatar + .user-info { margin-right: 0.75rem; }

.nk-chat-head-info .user-info .lead-text { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.nk-chat-head-info, .nk-chat-head-tools { display: flex; align-items: center; margin: -0.125rem; }

.nk-chat-head-info &gt; li, .nk-chat-head-tools &gt; li { padding: .125rem; }

.nk-chat-head-info .btn-icon .icon, .nk-chat-head-info .dt-buttons .btn-secondary .icon, .dt-buttons .nk-chat-head-info .btn-secondary .icon, .nk-chat-head-tools .btn-icon .icon, .nk-chat-head-tools .dt-buttons .btn-secondary .icon, .dt-buttons .nk-chat-head-tools .btn-secondary .icon { font-size: 1.25rem; }

.nk-chat-head-search { position: absolute; top: calc(100% + 1rem); right: 0; z-index: 9; width: 100%; padding: 0 1.75rem; opacity: 0; pointer-events: none; transform: translateY(-10px); transition: all .5s; }

.nk-chat-head-search.show-search { opacity: 1; pointer-events: auto; transform: none; }

.nk-chat-panel { background-color: rgba(235, 238, 242, 0.7); height: 100%; max-height: 100%; overflow: auto; padding: 1.25rem; }

.nk-chat-editor { display: flex; align-items: center; padding: 1rem 1.25rem; background-color: #fff; }

.nk-chat-editor-form { padding: 0 .5rem; flex-grow: 1; }

.nk-chat-editor-form .form-control, .nk-chat-editor-form div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .nk-chat-editor-form input, .nk-chat-editor-form .dual-listbox .dual-listbox__search, .dual-listbox .nk-chat-editor-form .dual-listbox__search { min-height: 36px; padding-top: 0.5rem; }

.nk-chat-editor-upload, .nk-chat-editor-tools { display: flex; align-items: center; }

.nk-chat-editor-upload .btn-icon .icon, .nk-chat-editor-upload .dt-buttons .btn-secondary .icon, .dt-buttons .nk-chat-editor-upload .btn-secondary .icon, .nk-chat-editor-tools .btn-icon .icon, .nk-chat-editor-tools .dt-buttons .btn-secondary .icon, .dt-buttons .nk-chat-editor-tools .btn-secondary .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: 0.7; transform: rotate(-45deg); }

.nk-chat-profile { position: absolute; top: 0; left: 0; transform: translateX(-100%); width: 325px; height: 100%; max-height: 100%; transition: transform .3s  ease-in-out; background: #fff; z-index: 100; }

.nk-chat-profile-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(16, 25, 36, 0.4); z-index: 600; z-index: 90; animation: overlay-fade-in .4s ease 1; }

.nk-chat-profile.visible { transform: none; }

@media (max-width: 767.98px) { .nk-chat { border: none; border-radius: 0; min-height: calc(100vh - (65px + 85px)); max-height: calc(100vh - (65px + 85px)); }
  .nk-chat-boxed { border: 1px solid #dbdfea; border-radius: 4px; }
  .nk-chat-head { padding: 0.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: -0.375rem; }
  .nk-chat-head-info &gt; li, .nk-chat-head-tools &gt; 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-head, .nk-chat-panel, .nk-chat-editor { padding-left: 2.25rem; padding-right: 2.25rem; }
  .nk-chat-head-search { padding: 0 2.25rem; } }

@media (min-width: 860px) { .nk-chat-aside { width: 320px; border-left: 1px solid #e5e9f2; }
  .nk-chat-body { position: static; opacity: 1; pointer-events: auto; }
  .nk-chat-body-close { display: none; } }

@media (max-width: 859px) { .nk-chat-body.show-chat { position: fixed; z-index: 2999; }
  .nk-chat-head { padding-top: 0.75rem; padding-bottom: 0.75rem; } }

@media (min-width: 860px) and (max-width: 991px) { .nk-chat-aside { width: 345px; border-left: 1px solid #e5e9f2; } }

@media (min-width: 992px) { .nk-chat-aside-panel, .nk-chat-aside-head, .nk-chat-aside-search { padding-left: 1.75rem; padding-right: 1.75rem; }
  .nk-chat-list { padding: 0 1rem; }
  .nk-chat-aside { width: 325px; }
  .nk-chat-panel { padding: 1.25rem 1.75rem; }
  .chat-profile-head, .chat-profile-body-inner { padding-right: 1.75rem; padding-left: 1.75rem; } }

@media (min-width: 1540px) { .nk-chat-boxed { min-height: calc(100vh - (65px + 64px + 112px)); max-height: calc(100vh - (65px + 64px + 112px)); }
  .nk-chat-boxed .nk-chat-body.profile-shown { padding-left: 0; }
  .nk-chat-aside { width: 382px; }
  .nk-chat-body.profile-shown { padding-left: 365px; }
  .nk-chat-profile { width: 365px; border-right: 1px solid #e5e9f2; } }

@media (max-width: 1539.98px) { .profile-shown .nk-chat-profile-toggle { left: 262px; }
  .has-apps-sidebar .profile-shown .nk-chat-profile-toggle { left: -18px; } }

@media (max-width: 359px) { .nk-chat-profile { width: 280px; } }

.nk-code-preview-box { display: block; color: #8094ae; padding: .15rem 1.25rem; border-right: 1px solid #e5e9f2; }

.dashboard-preview { height: 200px; justify-content: center; }

.dropdown-preview .dropdown-menu { position: static; display: block; }

.dropdown-preview:after { display: block; clear: both; content: &quot;&quot;; }

@media (max-width: 420px) { .dropdown-preview .dropdown-menu-xl, .dropdown-preview .dropdown-menu-lg, .dropdown-preview .dropdown-menu-md { min-width: 100%; max-width: 100%; } }

.prettyprint { padding: 1.25rem; white-space: pre; box-shadow: none !important; margin-bottom: 0; border-radius: 4px; overflow: auto; }

.code-block { position: relative; border: 1px solid #dbdfea; padding: 1.25rem; background: #fff; border-radius: 4px; }

.code-block .clipboard-init { position: absolute; top: 12px; left: 12px; }

.card-preview + .code-block { margin-top: 28px; }

.code-block + .code-block { margin-top: -3px; border-top-color: #e5e9f2; border-radius: 0 0 4px 4px; }

.code-block + .card-preview, .code-block + .nk-block-head { margin-top: 40px; }

.code-block .prettyprint { background: #f5f6fa; border: none; padding: .75rem; font-size: 11px; line-height: 20px; max-height: 136px; }

.code-block .title { margin-bottom: 1rem; }

.code-block .btn, .code-block .dual-listbox .dual-listbox__button, .dual-listbox .code-block .dual-listbox__button { background-color: #fff; }

.code-block .btn:focus, .code-block .dual-listbox .dual-listbox__button:focus, .dual-listbox .code-block .dual-listbox__button:focus, .code-block .btn:hover, .code-block .dual-listbox .dual-listbox__button:hover, .dual-listbox .code-block .dual-listbox__button:hover { border-color: #dbdfea; box-shadow: none; }

.code-block-clean .title { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #8094ae; font-weight: 500; margin-bottom: 0.45rem; display: block; }

.preview-icon-list { display: flex; flex-wrap: wrap; margin: -15px; }

.preview-icon-item { flex: 1 0 150px; padding: 15px; max-width: 50%; }

.preview-icon-box { position: relative; padding: 25px 20px; text-align: center; border: 1px solid #dbdfea; }

.preview-icon-box .btn-clipboard { position: absolute; top: 0; left: 0; opacity: 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: #8094ae; 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 #dbdfea; margin-top: 2rem; margin-bottom: 2rem; }

.preview-hr + .preview-title { padding-top: .5rem; }

.nk-block-head + .preview-hr { margin-top: .5rem; }

.preview-list { display: flex; flex-wrap: wrap; margin: -0.75rem; }

.preview-item { padding: 0.75rem; }

.preview-btn-list { display: flex; flex-wrap: wrap; margin: -0.75rem; }

.preview-btn-item { width: 50%; padding: 0.75rem; }

.preview-btn-list-fw .preview-btn-item { width: 100%; }

.preview-btn-list-3x .preview-btn-item { width: 33.33%; }

.example-width &gt; div, .example-height &gt; div, .example-border &gt; div, .example-spacing &gt; div { font-size: 11px; padding: .5rem; text-align: center; background-color: #f5f6fa; }

.example-border { margin: -0.5rem; }

.example-border &gt; div { height: 4.5rem; width: 4.5rem; margin: .5rem; }

.example-border-all &gt; div { border: 1px solid #dbdfea; }

.example-width &gt; div { height: 2rem; background-color: #ebeef2; margin-bottom: 0.25rem; }

.example-height { height: 8rem; }

.example-height &gt; div { width: 8rem; background-color: #ebeef2; margin-left: .5rem; }

.example-spacing &gt; div { height: 2rem; width: 4.5rem; background-color: #ebeef2; margin-bottom: .5rem; }

.example-spacing-pd &gt; div { margin-left: .5rem; height: auto; width: auto; }

.example-spacing-pd &gt; div &gt; span { display: block; padding: .25rem; line-height: 1; border-radius: 2px; background-color: #fff; }

.example-alerts:not(:last-child) { margin-bottom: 28px; }

.components-preview h4.title, .components-preview h5.title { font-size: 1.25rem; letter-spacing: -0.01rem; font-family: Roboto, sans-serif; font-weight: 500; }

.components-preview .card-preview { border: 1px solid #dbdfea; }

.components-preview .card-preview &gt; .card-inner { padding: 1.25rem; }

@media (min-width: 768px) { .preview-btn-item { width: 25%; }
  .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 tr, .preview-reference th, .preview-reference td { display: block; border: 0; width: 100% !important; }
  .preview-reference tbody tr { padding: .5rem 0; }
  .preview-reference tbody tr:not(:last-child) { border-bottom: 1px solid #e5e9f2; }
  .preview-reference tbody tr:nth-child(2n) { background-color: rgba(245, 246, 250, 0.3); }
  .preview-reference tr td { padding: 0.2rem 1.25rem; }
  .preview-reference tr th:not(:first-child) { display: none; } }

.nk-body.ui-shady { background: #fff !important; }

.ui-shady .table .thead-light th { background: rgba(245, 246, 250, 0.5); box-shadow: 0 -1px 5px -5px rgba(31, 43, 58, 0.7); }

.ui-shady .tb-tnx-head, .ui-shady .sp-plan-action, .ui-shady .tb-ticket-item.is-unread, .ui-shady .support-topic-block:link:hover, .ui-shady .nk-refwg-stats { background: rgba(245, 246, 250, 0.5); }

.ui-shady .nk-refwg-stats { background: rgba(245, 246, 250, 0.5) !important; }

.ui-shady .card .card-inner + .table .tb-tnx-head { border-top: 1px solid #dbdfea; }

.ui-shady .card, .ui-shady .code-block, .ui-shady .nk-iv-wg1, .ui-shady .accordion:not(.accordion-s2):not(.accordion-s3), .ui-shady .nk-reply-form, .ui-shady .nk-files-view-grid .nk-file, .ui-shady .nk-files-view-group .nk-file, .ui-shady .nk-files-view-list .nk-files-list, .ui-shady .chat-msg, .ui-shady .kanban-board-header, .ui-shady .kanban-item, .ui-shady .kanban-add-task { box-shadow: 0 2px 6px -1px rgba(31, 43, 58, 0.08); }

.ui-shady .card .accordion:not(.accordion-s2):not(.accordion-s3) { box-shadow: none; border: 1px solid #dbdfea; }

.ui-shady .nk-header { box-shadow: 0 0 4px -1px rgba(16, 25, 36, 0.15); }

.ui-shady .nk-msg-boxed, .ui-shady .nk-ibx-boxed, .ui-shady .nk-fmg-boxed, .ui-shady .nk-chat-boxed { box-shadow: 0 2px 6px -1px rgba(31, 43, 58, 0.08); }

.ui-shady .nk-msg-aside, .ui-shady .nk-msg-nav { background: #fff; }

.ui-shady .nk-msg-reply, .ui-shady .nk-chat-panel, .ui-shady .nk-ibx-reply { box-shadow: inset 0 0 8px -5px rgba(16, 25, 36, 0.3); }

.ui-shady .nk-ibx-item { box-shadow: 0 0 7px -1px rgba(16, 25, 36, 0.1); }

.ui-rounder .card, .ui-rounder .embed-responsive { border-radius: 12px; }

body.dark-mode { background: #101924 !important; color: #b6c6e3; }

body.dark-mode.bg-lighter, .dual-listbox body.dark-mode.dual-listbox__item:hover, body.dark-mode.bg-light { background: #0d141d !important; }

body.dark-mode.nk-body.ui-softy, body.dark-mode.nk-body.ui-shady { background: #101924 !important; }

.dark-mode .logo-dark { opacity: 0; }

.dark-mode .logo-light { opacity: 1; }

.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .h1, .dark-mode .h2, .dark-mode .h3, .dark-mode .h4, .dark-mode .h5, .dark-mode .h6, .dark-mode .lead-text, .dark-mode .dropdown-title, .dark-mode pre { color: #fff; }

.dark-mode .text-base, .dark-mode .text-body, .dark-mode .link-text { color: #b6c6e3 !important; }

.dark-mode .text-secondary, .dark-mode .icon[class*=&quot;bg-secondary-dim&quot;], .dark-mode .user-avatar[class*=&quot;-light&quot;], .dark-mode .icon[class*=&quot;bg-light&quot;] { color: #8094ae !important; }

.dark-mode .text-dark { color: #fff !important; }

.dark-mode .text-muted { color: #8094ae !important; }

.dark-mode .text-light, .dark-mode .user-avatar[class*=&quot;-dark&quot;] { color: #8091a7 !important; }

.dark-mode .text-lighter { color: #3c4d62 !important; }

.dark-mode .text-indigo { color: #6370ca !important; }

.dark-mode .bg-light { background-color: #0d141d !important; }

.dark-mode .bg-lighter, .dark-mode .dual-listbox .dual-listbox__item:hover, .dual-listbox .dark-mode .dual-listbox__item:hover { background-color: #101924 !important; }

.dark-mode .table-striped tbody tr:nth-of-type(odd) { background-color: #101924 !important; }

.dark-mode .bg-white { background-color: #141c26 !important; }

.dark-mode .bg-transparent.bg-transparent { background-color: transparent !important; }

.dark-mode .bg-dark { background-color: #ebeef2 !important; }

.dark-mode .bg-blue-dim { background-color: #1e2f46 !important; }

.dark-mode .bg-azure-dim { background-color: #152a46 !important; }

.dark-mode .bg-indigo-dim { background-color: #182034 !important; }

.dark-mode .bg-purple-dim { background-color: #252847 !important; }

.dark-mode .bg-pink-dim { background-color: #382739 !important; }

.dark-mode .bg-orange-dim { background-color: #38302d !important; }

.dark-mode .bg-teal-dim { background-color: #163637 !important; }

.dark-mode .bg-primary-dim, .dark-mode .dual-listbox .dual-listbox__item:active, .dual-listbox .dark-mode .dual-listbox__item:active, .dark-mode .dual-listbox .dual-listbox__item.dual-listbox__item--selected, .dual-listbox .dark-mode .dual-listbox__item.dual-listbox__item--selected { background-color: #132946 !important; }

.dark-mode .bg-success-dim { background-color: #163a3a !important; }

.dark-mode .bg-info-dim { background-color: #133542 !important; }

.dark-mode .bg-warning-dim { background-color: #363422 !important; }

.dark-mode .bg-danger-dim { background-color: #34242b !important; }

.dark-mode .bg-secondary-dim { background-color: #1b2532 !important; }

.dark-mode .bg-dark-dim { background-color: #161e29 !important; }

.dark-mode .bg-gray-dim { background-color: #242e39 !important; }

.dark-mode .bg-btc-dim { background-color: #372c25 !important; }

.dark-mode .bg-eth-dim { background-color: #20293c !important; }

.dark-mode .alert-primary { color: #0971fe; background-color: #132946; border-color: #132946; }

.dark-mode .alert-primary hr { border-top-color: #132946; }

.dark-mode .alert-primary .alert-link { color: #015ad3; }

.dark-mode .alert-fill.alert-primary { color: #fff; background: #0971fe; }

.dark-mode .alert-fill.alert-primary .alert-link { color: #fff; }

.dark-mode .alert-pro.alert-primary { border-color: #0971fe; }

.dark-mode .alert-secondary { color: #8ca3c0; background-color: #1b2532; border-color: #1b2532; }

.dark-mode .alert-secondary hr { border-top-color: #1b2532; }

.dark-mode .alert-secondary .alert-link { color: #6b89ae; }

.dark-mode .alert-fill.alert-secondary { color: #fff; background: #8ca3c0; }

.dark-mode .alert-fill.alert-secondary .alert-link { color: #fff; }

.dark-mode .alert-pro.alert-secondary { border-color: #8ca3c0; }

.dark-mode .alert-success { color: #1ee0ac; background-color: #163a3a; border-color: #163a3a; }

.dark-mode .alert-success hr { border-top-color: #163a3a; }

.dark-mode .alert-success .alert-link { color: #18b389; }

.dark-mode .alert-fill.alert-success { color: #fff; background: #1ee0ac; }

.dark-mode .alert-fill.alert-success .alert-link { color: #fff; }

.dark-mode .alert-pro.alert-success { border-color: #1ee0ac; }

.dark-mode .alert-warning { color: #f4bd0e; background-color: #363422; border-color: #363422; }

.dark-mode .alert-warning hr { border-top-color: #363422; }

.dark-mode .alert-warning .alert-link { color: #c69909; }

.dark-mode .alert-fill.alert-warning { color: #fff; background: #f4bd0e; }

.dark-mode .alert-fill.alert-warning .alert-link { color: #fff; }

.dark-mode .alert-pro.alert-warning { border-color: #f4bd0e; }

.dark-mode .alert-info { color: #09c2de; background-color: #133542; border-color: #133542; }

.dark-mode .alert-info hr { border-top-color: #133542; }

.dark-mode .alert-info .alert-link { color: #0797ad; }

.dark-mode .alert-fill.alert-info { color: #fff; background: #09c2de; }

.dark-mode .alert-fill.alert-info .alert-link { color: #fff; }

.dark-mode .alert-pro.alert-info { border-color: #09c2de; }

.dark-mode .alert-danger { color: #e85347; background-color: #34242b; border-color: #34242b; }

.dark-mode .alert-danger hr { border-top-color: #34242b; }

.dark-mode .alert-danger .alert-link { color: #e02b1c; }

.dark-mode .alert-fill.alert-danger { color: #fff; background: #e85347; }

.dark-mode .alert-fill.alert-danger .alert-link { color: #fff; }

.dark-mode .alert-pro.alert-danger { border-color: #e85347; }

.dark-mode .alert-gray { color: #b7c2d0; background-color: #242e39; border-color: #242e39; }

.dark-mode .alert-gray hr { border-top-color: #242e39; }

.dark-mode .alert-gray .alert-link { color: #98a8bc; }

.dark-mode .alert-fill.alert-gray { color: #101924; background: #b7c2d0; }

.dark-mode .alert-fill.alert-gray .alert-link { color: #101924; }

.dark-mode .alert-pro.alert-gray { border-color: #b7c2d0; }

.dark-mode .alert-dark { color: #1f2b3a; background-color: #161e29; border-color: #161e29; }

.dark-mode .alert-dark hr { border-top-color: #161e29; }

.dark-mode .alert-dark .alert-link { color: #0d1219; }

.dark-mode .alert-fill.alert-dark { color: #fff; background: #1f2b3a; }

.dark-mode .alert-fill.alert-dark .alert-link { color: #fff; }

.dark-mode .alert-pro.alert-dark { border-color: #1f2b3a; }

.dark-mode .alert-light { color: #ebeef2; background-color: #242e39; border-color: #242e39; }

.dark-mode .alert-light hr { border-top-color: #242e39; }

.dark-mode .alert-light .alert-link { color: #ccd4de; }

.dark-mode .alert-fill.alert-light { color: #101924; background: #ebeef2; }

.dark-mode .alert-fill.alert-light .alert-link { color: #101924; }

.dark-mode .alert-pro.alert-light { border-color: #ebeef2; }

.dark-mode .badge-dim.badge-primary { color: #0971fe; background-color: #132946; border-color: #132946; }

.dark-mode .badge-dim.badge-outline-primary { color: #0971fe; background-color: #132946; border-color: #103e7c; }

.dark-mode .badge-dim.badge-secondary { color: #8ca3c0; background-color: #26303d; border-color: #26303d; }

.dark-mode .badge-dim.badge-outline-secondary { color: #8ca3c0; background-color: #26303d; border-color: #445264; }

.dark-mode .badge-dim.badge-success { color: #1ee0ac; background-color: #163a3a; border-color: #163a3a; }

.dark-mode .badge-dim.badge-outline-success { color: #1ee0ac; background-color: #163a3a; border-color: #186b5c; }

.dark-mode .badge-dim.badge-info { color: #09c2de; background-color: #133542; border-color: #133542; }

.dark-mode .badge-dim.badge-outline-info { color: #09c2de; background-color: #133542; border-color: #105f70; }

.dark-mode .badge-dim.badge-warning { color: #f4bd0e; background-color: #363422; border-color: #363422; }

.dark-mode .badge-dim.badge-outline-warning { color: #f4bd0e; background-color: #363422; border-color: #6e5d1c; }

.dark-mode .badge-dim.badge-danger { color: #e85347; background-color: #34242b; border-color: #34242b; }

.dark-mode .badge-dim.badge-outline-danger { color: #e85347; background-color: #34242b; border-color: #693233; }

.dark-mode .badge-dim.badge-dark { color: #ebeef2; background-color: #353c45; border-color: #353c45; }

.dark-mode .badge-dim.badge-outline-dark { color: #ebeef2; background-color: #353c45; border-color: #6a7078; }

.dark-mode .badge-dim.badge-gray { color: #8091a7; background-color: #242e39; border-color: #242e39; }

.dark-mode .badge-dim.badge-outline-gray { color: #8091a7; background-color: #242e39; border-color: #3f4b5a; }

.dark-mode .badge-dim.badge-light { color: #b7c2d0; background-color: #2d3540; border-color: #2d3540; }

.dark-mode .badge-dim.badge-outline-light { color: #b7c2d0; background-color: #2d3540; border-color: #555f6a; }

.dark-mode .badge-dim.badge-lighter { color: #8091a7; background-color: #242e39; border-color: #242e39; }

.dark-mode .badge-dim.badge-outline-lighter { color: #8091a7; background-color: #242e39; border-color: #3f4b5a; }

.dark-mode .badge-outline-secondary, .dark-mode .badge-dot.badge-dark, .dark-mode .badge-dot.badge-secondary { color: #b7c2d0; }

.dark-mode .badge-outline-dark { color: #ebeef2; border-color: #ebeef2; }

.dark-mode .badge-outline-light { color: #b7c2d0; border-color: #344357; }

.dark-mode .badge-dot.badge-dark, .dark-mode .badge-dot.badge-light { background-color: transparent; }

.dark-mode .badge-dot.badge-light { color: #8091a7; }

.dark-mode .badge-light, .dark-mode .code-block .btn, .dark-mode .code-block .dual-listbox .dual-listbox__button, .dual-listbox .dark-mode .code-block .dual-listbox__button { color: #ebeef2; background: #344357; border-color: #344357; }

.dark-mode .badge-dark { color: #1f2b3a; background: #e5e9f2; border-color: #e5e9f2; }

.dark-mode .btn-light, .dark-mode .dual-listbox .dual-listbox__button, .dual-listbox .dark-mode .dual-listbox__button { color: #ebeef2; background: #344357; border-color: #344357; }

.dark-mode .btn-light:not(:disabled):not(.disabled):hover, .dark-mode .dual-listbox .dual-listbox__button:not(:disabled):not(.disabled):hover, .dual-listbox .dark-mode .dual-listbox__button:not(:disabled):not(.disabled):hover, .dark-mode .btn-light:not(:disabled):not(.disabled):focus, .dark-mode .dual-listbox .dual-listbox__button:not(:disabled):not(.disabled):focus, .dual-listbox .dark-mode .dual-listbox__button:not(:disabled):not(.disabled):focus, .dark-mode .btn-light:not(:disabled):not(.disabled).focus, .dark-mode .dual-listbox .dual-listbox__button:not(:disabled):not(.disabled).focus, .dual-listbox .dark-mode .dual-listbox__button:not(:disabled):not(.disabled).focus, .dark-mode .btn-light:not(:disabled):not(.disabled):active, .dark-mode .dual-listbox .dual-listbox__button:not(:disabled):not(.disabled):active, .dual-listbox .dark-mode .dual-listbox__button:not(:disabled):not(.disabled):active, .dark-mode .btn-light:not(:disabled):not(.disabled).active, .dark-mode .dual-listbox .dual-listbox__button:not(:disabled):not(.disabled).active, .dual-listbox .dark-mode .dual-listbox__button:not(:disabled):not(.disabled).active { background: #435771; border-color: #435771; color: #ebeef2; }

.dark-mode .btn-dark { color: #1f2b3a; background: #e5e9f2; border-color: #e5e9f2; }

.dark-mode .btn-dark:not(:disabled):not(.disabled):hover, .dark-mode .btn-dark:not(:disabled):not(.disabled):focus, .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).active { background: #fff; border-color: #fff; color: #1f2b3a; }

.dark-mode .btn-outline-dark { border-color: #e5e9f2; color: #e5e9f2; }

.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):hover { background: #e5e9f2; color: #1f2b3a; }

.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, .dark-mode .dt-buttons .btn-secondary, .dt-buttons .dark-mode .btn-secondary { border-color: #3c4d62; color: #b7c2d0; }

.dark-mode .btn-outline-light:not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-secondary:not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-secondary:not(:disabled):not(.disabled):hover { background: #3c4d62; color: #fff; }

.dark-mode .btn-dim.btn-primary { color: #0971fe; background-color: #122b4d; border-color: transparent; }

.dark-mode .btn-dim.btn-primary:not(:disabled):not(.disabled):hover { color: #3c8efe; background-color: #193b6a; border-color: #193b6a; }

.dark-mode .btn-dim.btn-secondary { color: #adbdd2; background-color: #1d2835; border-color: transparent; }

.dark-mode .btn-dim.btn-secondary:not(:disabled):not(.disabled):hover { color: #ced8e4; background-color: #2a394c; border-color: #2a394c; }

.dark-mode .btn-dim.btn-success { color: #1ee0ac; background-color: #163f3e; border-color: transparent; }

.dark-mode .btn-dim.btn-success:not(:disabled):not(.disabled):hover { color: #4ae7bd; background-color: #1f5958; border-color: #1f5958; }

.dark-mode .btn-dim.btn-warning { color: #f4bd0e; background-color: #3d3922; border-color: transparent; }

.dark-mode .btn-dim.btn-warning:not(:disabled):not(.disabled):hover { color: #f6ca3f; background-color: #544e2f; border-color: #544e2f; }

.dark-mode .btn-dim.btn-info { color: #09c2de; background-color: #123a47; border-color: transparent; }

.dark-mode .btn-dim.btn-info:not(:disabled):not(.disabled):hover { color: #24daf6; background-color: #195163; border-color: #195163; }

.dark-mode .btn-dim.btn-danger { color: #e85347; background-color: #3a262c; border-color: transparent; }

.dark-mode .btn-dim.btn-danger:not(:disabled):not(.disabled):hover { color: #ee7d74; background-color: #50343c; border-color: #50343c; }

.dark-mode .btn-dim.btn-gray { color: #b7c2d0; background-color: #28313d; border-color: transparent; }

.dark-mode .btn-dim.btn-gray:not(:disabled):not(.disabled):hover { color: #d6dce4; background-color: #364253; border-color: #364253; }

.dark-mode .btn-dim.btn-dark { color: #e5e9f2; background-color: #323a45; border-color: transparent; }

.dark-mode .btn-dim.btn-dark:not(:disabled):not(.disabled):hover { color: white; background-color: #414b5a; border-color: #414b5a; }

.dark-mode .btn-dim.btn-light, .dark-mode .dual-listbox .btn-dim.dual-listbox__button, .dual-listbox .dark-mode .btn-dim.dual-listbox__button { color: #ebeef2; background-color: #28313d; border-color: transparent; }

.dark-mode .btn-dim.btn-light:not(:disabled):not(.disabled):hover, .dark-mode .dual-listbox .btn-dim.dual-listbox__button:not(:disabled):not(.disabled):hover, .dual-listbox .dark-mode .btn-dim.dual-listbox__button:not(:disabled):not(.disabled):hover { color: white; background-color: #364253; border-color: #364253; }

.dark-mode .btn-dim.btn-lighter { color: #b7c2d0; background-color: #28313d; border-color: transparent; }

.dark-mode .btn-dim.btn-lighter:not(:disabled):not(.disabled):hover { color: #d6dce4; background-color: #364253; border-color: #364253; }

.dark-mode .btn-dim.btn-outline-primary { color: #0971fe; background-color: #122b4d; border-color: #103a72; }

.dark-mode .btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover { color: #fff; background-color: #0971fe; border-color: #0971fe; }

.dark-mode .btn-white.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-outline-primary.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-outline-primary.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-trans.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #0971fe; background: #122b4d; }

.dark-mode .btn-dim.btn-outline-success { color: #1ee0ac; background-color: #163f3e; border-color: #186155; }

.dark-mode .btn-dim.btn-outline-success:not(:disabled):not(.disabled):hover { color: #fff; background-color: #1ee0ac; border-color: #1ee0ac; }

.dark-mode .btn-white.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-outline-success.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-outline-success.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-trans.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #1ee0ac; background: #163f3e; }

.dark-mode .btn-dim.btn-outline-warning { color: #f4bd0e; background-color: #3d3922; border-color: #63541e; }

.dark-mode .btn-dim.btn-outline-warning:not(:disabled):not(.disabled):hover { color: #fff; background-color: #f4bd0e; border-color: #f4bd0e; }

.dark-mode .btn-white.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-outline-warning.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-outline-warning.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-trans.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #f4bd0e; background: #3d3922; }

.dark-mode .btn-dim.btn-outline-info { color: #09c2de; background-color: #123a47; border-color: #105666; }

.dark-mode .btn-dim.btn-outline-info:not(:disabled):not(.disabled):hover { color: #fff; background-color: #09c2de; border-color: #09c2de; }

.dark-mode .btn-white.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-outline-info.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-outline-info.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-trans.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #09c2de; background: #123a47; }

.dark-mode .btn-dim.btn-outline-danger { color: #e85347; background-color: #3a262c; border-color: #5e2f32; }

.dark-mode .btn-dim.btn-outline-danger:not(:disabled):not(.disabled):hover { color: #fff; background-color: #e85347; border-color: #e85347; }

.dark-mode .btn-white.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-outline-danger.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-outline-danger.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-trans.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #e85347; background: #3a262c; }

.dark-mode .btn-dim.btn-outline-secondary { color: #6b89ae; background-color: #1d2835; border-color: #2c3c51; }

.dark-mode .btn-dim.btn-outline-secondary:not(:disabled):not(.disabled):hover { color: #fff; background-color: #6b89ae; border-color: #6b89ae; }

.dark-mode .btn-white.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-outline-secondary.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-outline-secondary.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-trans.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #6b89ae; background: #1d2835; }

.dark-mode .btn-dim.btn-outline-gray { color: #b7c2d0; background-color: #28313d; border-color: #3a4553; }

.dark-mode .btn-dim.btn-outline-gray:not(:disabled):not(.disabled):hover { color: #101924; background-color: #b7c2d0; border-color: #b7c2d0; }

.dark-mode .btn-white.btn-outline-gray:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-outline-gray.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-outline-gray.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-trans.btn-outline-gray:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #b7c2d0; background: #28313d; }

.dark-mode .btn-dim.btn-outline-dark { color: #e5e9f2; background-color: #323a45; border-color: #4d5662; }

.dark-mode .btn-dim.btn-outline-dark:not(:disabled):not(.disabled):hover { color: #101924; background-color: #e5e9f2; border-color: #e5e9f2; }

.dark-mode .btn-white.btn-outline-dark:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-outline-dark.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-outline-dark.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-trans.btn-outline-dark:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #e5e9f2; background: #323a45; }

.dark-mode .btn-dim.btn-outline-light, .dark-mode .dt-buttons .btn-dim.btn-secondary, .dt-buttons .dark-mode .btn-dim.btn-secondary { color: #8091a7; background-color: #1b2531; border-color: #3a4553; }

.dark-mode .btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-dim.btn-secondary:not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-dim.btn-secondary:not(:disabled):not(.disabled):hover { color: #fff; background-color: #8091a7; border-color: #8091a7; }

.dark-mode .btn-white.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .btn-trans.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-trans.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-trans.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #8091a7; background: #1b2531; }

.dark-mode .btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-dim.btn-secondary:not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-dim.btn-secondary:not(:disabled):not(.disabled):hover, .dark-mode .btn-white.btn-outline-light:not(:disabled):not(.disabled):hover, .dark-mode .dt-buttons .btn-secondary:not(:disabled):not(.disabled):hover, .dt-buttons .dark-mode .btn-secondary:not(:disabled):not(.disabled):hover, .dark-mode .btn-dim.btn-outline-light:not(:disabled):not(.disabled):active, .dark-mode .dt-buttons .btn-dim.btn-secondary:not(:disabled):not(.disabled):active, .dt-buttons .dark-mode .btn-dim.btn-secondary:not(:disabled):not(.disabled):active, .dark-mode .btn-white.btn-outline-light:not(:disabled):not(.disabled):active, .dark-mode .dt-buttons .btn-secondary:not(:disabled):not(.disabled):active, .dt-buttons .dark-mode .btn-secondary:not(:disabled):not(.disabled):active, .dark-mode .show &gt; .btn-white.btn-outline-light.dropdown-toggle, .dark-mode .dt-buttons .show &gt; .dropdown-toggle.btn-secondary, .dt-buttons .dark-mode .show &gt; .dropdown-toggle.btn-secondary { background: #3c4d62; border-color: #3c4d62; color: #fff; }

.dark-mode .btn-white, .dark-mode .dt-buttons .btn-secondary, .dt-buttons .dark-mode .btn-secondary, .dark-mode .btn-white.btn-dim, .dark-mode .dt-buttons .btn-dim.btn-secondary, .dt-buttons .dark-mode .btn-dim.btn-secondary, .dark-mode .btn-white.btn-outline-light, .dark-mode .dt-buttons .btn-secondary, .dt-buttons .dark-mode .btn-secondary { background: #141c26; }

.dark-mode .btn-outline-light:focus, .dark-mode .dt-buttons .btn-secondary:focus, .dt-buttons .dark-mode .btn-secondary:focus, .dark-mode .btn-outline-light.focus, .dark-mode .dt-buttons .focus.btn-secondary, .dt-buttons .dark-mode .focus.btn-secondary { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.07) !important; }

.dark-mode .border, .dark-mode .border-bottom, .dark-mode .border-top, .dark-mode .border-left, .dark-mode .border-right, .dark-mode .dropdown-inner + .dropdown-inner, .dark-mode .dropdown-head, .dark-mode .dropdown-foot, .dark-mode .preview-hr, .dark-mode .select2-container--default .select2-selection--single, .dark-mode .ql-picker-options, .dark-mode .dropzone, .dark-mode .select2-container--default .select2-selection--multiple, .dark-mode .select2-dropdown, .dark-mode .select2-container--default .select2-search--dropdown .select2-search__field, .dark-mode .ui-timepicker-standard, .dark-mode .ql-toolbar, .dark-mode .ql-container, .dark-mode .note-editor, .dark-mode .note-toolbar, .dark-mode .tox .tox-menubar, .dark-mode .tox-toolbar-overlord, .dark-mode .tox-tinymce, .dark-mode .tox .tox-toolbar__group:not(:last-of-type), .dark-mode .tox .tox-statusbar, .dark-mode .tox .tox-menu, .dark-mode .tox-toolbar, .dark-mode .tox-editor-header, .dark-mode .tox .tox-toolbar, .dark-mode .tox .tox-toolbar__primary, .dark-mode .tox .tox-toolbar__overflow, .dark-mode .tox .tox-collection--list .tox-collection__group, .dark-mode .note-btn-group .note-btn, .dark-mode .note-statusbar, .dark-mode .nk-code-preview-box, .dark-mode .swal2-footer, .dark-mode .example-border-all &gt; div, .dark-mode .btn-toolbar-sep, .dark-mode .page-link, .dark-mode .table th, .dark-mode .table td, .dark-mode .table-bordered, .dark-mode .table-bordered th, .dark-mode .table-bordered td, .dark-mode .datatable-wrap, .dark-mode .nk-tb-head .nk-tb-col, .dark-mode .list-group-item, .dark-mode .modal-header, .dark-mode .modal-footer, .dark-mode .popover, .dark-mode .popover-header, .dark-mode .tagify__tag &gt; div::before, .dark-mode .tagify__tag:hover:not([readonly]) div::before, .dark-mode .nk-tb-item:not(:last-child) .nk-tb-col, .dark-mode .nk-activity-item:not(:last-child), .dark-mode .nk-support-item:not(:last-child), .dark-mode .card-inner-group .card-inner:not(:last-child), .dark-mode .card-aside, .dark-mode .nav-tabs, .dark-mode .divider, .dark-mode .data-item:not(:last-child), .dark-mode .nk-footer, .dark-mode .nav-switch-s2 .nav-link, .dark-mode .language-list li:not(:last-child) .language-item, .dark-mode .user-avatar-multiple .user-avatar { border-color: #1d2d40 !important; }

.dark-mode .card, .dark-mode .code-block, .dark-mode .alert-pro, .dark-mode .modal-content, .dark-mode .toast, .dark-mode .toastr { box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4); }

.dark-mode .toast-header { color: #8094ae; }

.dark-mode .toast, .dark-mode .toast-header { border-color: #203247; background: #18212d; }

.dark-mode .table-active, .dark-mode .table-active &gt; th, .dark-mode .table-active &gt; td, .dark-mode .table-hover tbody tr:hover, .dark-mode .code-block .prettyprint, .dark-mode .list-group-item, .dark-mode .example-spacing-pd &gt; div &gt; span, .dark-mode .custom-file-label::after, .dark-mode .ql-picker-options, .dark-mode .data-more:before, .dark-mode .search-wrap, .dark-mode .form-control, .dark-mode div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .dark-mode input, .dark-mode .dual-listbox .dual-listbox__search, .dual-listbox .dark-mode .dual-listbox__search, .dark-mode .input-mail, .dark-mode .dropzone, .dark-mode .ui-state-hover, .dark-mode .note-editor.note-frame .note-statusbar, .dark-mode .note-editor.note-airframe .note-statusbar, .dark-mode .swal2-popup, .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-selection--multiple .select2-selection__choice, .dark-mode .select2-container--default .select2-search--dropdown .select2-search__field, .dark-mode .example-width &gt; div, .dark-mode .example-height &gt; div, .dark-mode .example-border &gt; div, .dark-mode .example-spacing &gt; div { background: #101924; }

.dark-mode .tox .tox-tbtn:hover, .dark-mode .tox .tox-collection--list .tox-collection__item--active, .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-collection--list .tox-collection__item--enabled { background: #0a0f16; }

.dark-mode .icon-overlap li { border-color: #141c26; }

.dark-mode .card, .dark-mode .kanban-add-task, .dark-mode .kanban-board-header, .dark-mode .kanban-item { background: #141c26; }

.dark-mode .accordion, .dark-mode .form-clip, .dark-mode .form-text-hint, .dark-mode .card-aside, .dark-mode .code-block, .dark-mode .alert-pro, .dark-mode .modal-content, .dark-mode .toastr, .dark-mode .toggle-content, .dark-mode .nav-switch-s2 .nav-link:hover, .dark-mode .nav-switch-s2 .nav-link:focus, .dark-mode .nav-switch-s2 .nav-link.active, .dark-mode .select2-container--default .select2-selection--single, .dark-mode .select2-container--default .select2-selection--multiple, .dark-mode .select2-dropdown, .dark-mode .custom-file-label, .dark-mode .custom-select, .dark-mode div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_length .dark-mode select, .dark-mode .popover, .dark-mode .search-wrap, .dark-mode .form-control, .dark-mode div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .dark-mode input, .dark-mode .dual-listbox .dual-listbox__search, .dual-listbox .dark-mode .dual-listbox__search, .dark-mode .form-label-outlined, .dark-mode .input-mail, .dark-mode .page-link, .dark-mode .ui-timepicker-standard, .dark-mode .note-editor, .dark-mode .note-toolbar, .dark-mode .tox .tox-edit-area__iframe, .dark-mode .tox .tox-menubar, .dark-mode .tox-toolbar-overlord, .dark-mode .tox .tox-toolbar, .dark-mode .tox .tox-toolbar__primary, .dark-mode .tox .tox-toolbar__overflow, .dark-mode .tox .tox-statusbar, .dark-mode .tox .tox-menu, .dark-mode .datepicker table tr td.today, .dark-mode .datepicker table tr td.today:hover, .dark-mode .datepicker table tr td.today.disabled, .dark-mode .datepicker table tr td.today.disabled:hover, .dark-mode .datepicker table tr td.day:hover, .dark-mode .datepicker table tr td.day.focused, .dark-mode .datepicker .datepicker-switch:hover, .dark-mode .datepicker .prev:hover, .dark-mode .datepicker .next:hover, .dark-mode .datepicker tfoot tr th:hover { background: #141c26 !important; }

.dark-mode .search-wrap.search-wrap-extend, .dark-mode .search-wrap.search-wrap-extend .form-control, .dark-mode .search-wrap.search-wrap-extend div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .dark-mode .search-wrap.search-wrap-extend input, .dark-mode .search-wrap.search-wrap-extend .dual-listbox .dual-listbox__search, .dual-listbox .dark-mode .search-wrap.search-wrap-extend .dual-listbox__search { background: #101924 !important; }

.dark-mode .clipboard-success-message { background: rgba(20, 28, 38, 0.9); }

.dark-mode .tagify__tag &gt; div::before, .dark-mode .tagify__tag:hover:not([readonly]) div::before { box-shadow: 0 0 0 1.1em #101924 inset; }

.dark-mode .popover-header { background-color: #1a2430; }

.dark-mode .popover { box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.6); }

.dark-mode .bs-popover-bottom .popover-header::before, .dark-mode .bs-popover-auto[x-placement^=&quot;bottom&quot;] .popover-header::before, .dark-mode .bs-popover-auto[x-placement^=&quot;bottom&quot;] .popover-header::before { border-color: #1d2d40; }

.dark-mode .bs-popover-top &gt; .arrow::before, .dark-mode .bs-popover-auto[x-placement^=&quot;top&quot;] &gt; .arrow::before, .dark-mode .bs-popover-auto[x-placement^=&quot;top&quot;] &gt; .arrow::before { border-top-color: #1d2d40; }

.dark-mode .bs-popover-top &gt; .arrow::after, .dark-mode .bs-popover-auto[x-placement^=&quot;top&quot;] &gt; .arrow::after, .dark-mode .bs-popover-auto[x-placement^=&quot;top&quot;] &gt; .arrow::after { border-top-color: #141c26; }

.dark-mode .bs-popover-bottom &gt; .arrow::before, .dark-mode .bs-popover-auto[x-placement^=&quot;bottom&quot;] &gt; .arrow::before, .dark-mode .bs-popover-auto[x-placement^=&quot;bottom&quot;] &gt; .arrow::before { border-bottom-color: #1d2d40; }

.dark-mode .bs-popover-bottom &gt; .arrow::after, .dark-mode .bs-popover-auto[x-placement^=&quot;bottom&quot;] &gt; .arrow::after, .dark-mode .bs-popover-auto[x-placement^=&quot;bottom&quot;] &gt; .arrow::after { border-bottom-color: #141c26; }

.dark-mode .bs-popover-right &gt; .arrow::before, .dark-mode .bs-popover-auto[x-placement^=&quot;right&quot;] &gt; .arrow::before, .dark-mode .bs-popover-auto[x-placement^=&quot;right&quot;] &gt; .arrow::before { border-right-color: #1d2d40; }

.dark-mode .bs-popover-right &gt; .arrow::after, .dark-mode .bs-popover-auto[x-placement^=&quot;right&quot;] &gt; .arrow::after, .dark-mode .bs-popover-auto[x-placement^=&quot;right&quot;] &gt; .arrow::after { border-right-color: #141c26; }

.dark-mode .bs-popover-left &gt; .arrow::before, .dark-mode .bs-popover-auto[x-placement^=&quot;left&quot;] &gt; .arrow::before, .dark-mode .bs-popover-auto[x-placement^=&quot;left&quot;] &gt; .arrow::before { border-left-color: #1d2d40; }

.dark-mode .bs-popover-left &gt; .arrow::after, .dark-mode .bs-popover-auto[x-placement^=&quot;left&quot;] &gt; .arrow::after, .dark-mode .bs-popover-auto[x-placement^=&quot;left&quot;] &gt; .arrow::after { border-left-color: #141c26; }

.dark-mode .team-info li span:last-child, .dark-mode .team-statistics li span:first-child, .dark-mode .project-progress-percent, .dark-mode .kanban-title-content .title, .dark-mode .card-tools-nav li a:hover, .dark-mode .card-tools-nav li a.active, .dark-mode .card-tools-nav li.active a, .dark-mode .card-amount .amount, .dark-mode .accordion-head .title, .dark-mode .custom-file-label::after, .dark-mode .input-mail, .dark-mode .form-control, .dark-mode div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .dark-mode input, .dark-mode .dual-listbox .dual-listbox__search, .dual-listbox .dark-mode .dual-listbox__search, .dark-mode .form-control:focus, .dark-mode div.dataTables_wrapper div.dataTables_filter input:focus, div.dataTables_wrapper div.dataTables_filter .dark-mode input:focus, .dark-mode .dual-listbox .dual-listbox__search:focus, .dual-listbox .dark-mode .dual-listbox__search:focus, .dark-mode .form-label, .dark-mode .form-label-outlined, .dark-mode .input-group-text, .dark-mode .table .thead-light th, .dark-mode .table-hover tbody tr:hover, .dark-mode .close, .dark-mode .close:hover, .dark-mode .user-name, .dark-mode .nk-news-text p, .dark-mode .data-item:hover .icon, .dark-mode .accordion-icon { color: #fff !important; }

.dark-mode .close { text-shadow: 0 1px 0 #141c26; }

.dark-mode .close:focus { outline: none !important; }

.dark-mode .nk-block-des, .dark-mode .card-title p, .dark-mode .nk-sale-data .sub-title, .dark-mode .link-check li span, .dark-mode .data-value, .dark-mode .custom-file-label, .dark-mode .custom-select, .dark-mode div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_length .dark-mode select, .dark-mode .form-control-select-multiple .custom-select option, .dark-mode .form-control-select-multiple div.dataTables_wrapper div.dataTables_length select option, div.dataTables_wrapper div.dataTables_length .dark-mode .form-control-select-multiple select option, .dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered, .dark-mode .select2-container--default .select2-selection--multiple .select2-selection__rendered, .dark-mode .ui-timepicker-standard a, .dark-mode .note-placeholder, .dark-mode [class*=&quot;knob&quot;], .dark-mode .tox .tox-tbtn:hover, .dark-mode .tox .tox-statusbar a, .dark-mode .tox .tox-statusbar__path-item, .dark-mode .tox .tox-statusbar__wordcount, .dark-mode .tox-collection__item-label &gt; *, .dark-mode .nk-quick-nav-icon, .dark-mode .dropzone .dz-message span, .dark-mode .datepicker table tr td.today, .dark-mode .datepicker table tr td.today:hover, .dark-mode .datepicker table tr td.today.disabled, .dark-mode .datepicker table tr td.today.disabled:hover, .dark-mode .datepicker table tr td.day:hover, .dark-mode .datepicker table tr td.day.focused, .dark-mode .page-link, .dark-mode .alert-pro, .dark-mode .nk-news-text p span, .dark-mode .language-item, .dark-mode .nk-tb-list .tb-lead-sub, .dark-mode .nk-tb-list .tb-amount-sub { color: #8094ae !important; }

.dark-mode .tox .tox-collection__item-accessory { color: #526484; }

.dark-mode .nk-menu-link, .dark-mode .link-dark, .dark-mode .nk-menu-main .nk-menu-sub .nk-menu-link, .dark-mode .link-list a { color: #8094ae; }

.dark-mode .nk-menu-link:hover, .dark-mode .link-dark:hover, .dark-mode .nk-menu-main .nk-menu-sub .nk-menu-link:hover, .dark-mode .link-list a:hover { color: #0971fe; }

.dark-mode .nk-menu-badge { color: #dbdfea; background: #2a3a4e; }

.dark-mode .is-dark .nk-menu-badge { color: #cee3ff; }

.dark-mode .is-dark .nk-menu-badge { color: #6baafe; }

.dark-mode .ql-picker.ql-expanded .ql-picker-label, .dark-mode .active &gt; .nk-menu-link, .dark-mode .is-theme .nk-menu-link:hover .nk-menu-icon, .dark-mode .is-theme .nk-menu-item.active &gt; .nk-menu-link .nk-menu-icon, .dark-mode .is-theme .nk-menu-item.current-menu &gt; .nk-menu-link .nk-menu-icon, .dark-mode .is-theme .nk-menu-sub .nk-menu-link:hover, .dark-mode .is-theme .nk-menu-sub .active &gt; .nk-menu-link, .dark-mode .page-link:hover { color: #0971fe !important; }

.dark-mode .nk-menu-hr, .dark-mode .nk-menu-main .nk-menu-sub, .dark-mode .nk-sidebar .nk-menu &gt; li .nk-menu-sub .nk-menu-sub, .dark-mode .user-avatar-group .user-avatar { border-color: #1d2d40; }

.dark-mode .table .thead-light th, .dark-mode .page-item.disabled .page-link, .dark-mode .page-link:hover, .dark-mode .tb-odr-head, .dark-mode .tb-tnx-head, .dark-mode .custom-control-input[disabled] ~ .custom-control-label::before, .dark-mode .custom-control-input:disabled ~ .custom-control-label::before { background-color: #28374b !important; }

.dark-mode .progress, .dark-mode .data-head, .dark-mode .custom-control-label::before, .dark-mode .input-group-text, .dark-mode .nk-msg-profile-toggle { background-color: #212d3d !important; }

.dark-mode .nk-msg-profile-toggle, .dark-mode .custom-control-label::before, .dark-mode .form-control, .dark-mode div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .dark-mode input, .dark-mode .dual-listbox .dual-listbox__search, .dual-listbox .dark-mode .dual-listbox__search, .dark-mode .input-mail, .dark-mode .custom-file-label, .dark-mode .input-group-text, .dark-mode .custom-select, .dark-mode div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_length .dark-mode select, .dark-mode .swal2-input, .dark-mode .swal2-file, .dark-mode .swal2-textarea, .dark-mode .select2-container--default .select2-selection--single, .dark-mode .select2-container--default .select2-selection--multiple, .dark-mode .select2-dropdown, .dark-mode .note-popover .popover-content .dropdown-style &gt; li[aria-label=&quot;pre&quot;], .dark-mode .note-editor .note-toolbar .dropdown-style &gt; li[aria-label=&quot;pre&quot;], .dark-mode .link-bdr-t, .dark-mode .link-check + .link-check, .dark-mode .link-tidy li + li, .link-tidy .dark-mode li + li, .dark-mode .link-list + .link-list, .dark-mode .link-list-opt li + li, .link-list-opt .dark-mode li + li, .dark-mode .link-list-plain li + li, .link-list-plain .dark-mode li + li, .dark-mode .link-check + .link-check, .dark-mode .link-tidy li + li, .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 { border-color: #384d69 !important; }

.dark-mode .custom-switch .custom-control-label::after { background-color: #7f99bb !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: #0971fe !important; border-color: #0971fe !important; }

.dark-mode .btn-trigger:before, .dark-mode .btn-trigger.active:hover:before, .dark-mode .nk-quick-nav-icon:before { background-color: #070a0f; }

.dark-mode .dropdown-menu { background-color: #18212d; border-color: #263547; box-shadow: 0 3px 20px 1px rgba(0, 0, 0, 0.4); }

.dark-mode .dropdown-menu-s1 { border-top-color: #0971fe; }

.dark-mode .link-list-plain a, .dark-mode .link-list-opt a, .dark-mode .link-check li a { color: #b6c6e3; }

.dark-mode .link-list-plain a:hover, .dark-mode .link-list-opt a:hover, .dark-mode .link-check li a:hover { background: #2a3a4e; }

.dark-mode .border-transparent { border-color: transparent !important; }

.dark-mode .note-editor .btn, .dark-mode .note-editor .dual-listbox .dual-listbox__button, .dual-listbox .dark-mode .note-editor .dual-listbox__button, .dark-mode .ql-picker, .dark-mode .tox .tox-tbtn__select-label, .dark-mode .tox .tox-mbtn__select-label, .dark-mode .lead-text span, .dark-mode .data-list-s2 .data-label, .dark-mode .btn-trigger, .dark-mode .dropdown .btn.btn-icon:not(.btn-light), .dark-mode .dropdown .dt-buttons .btn.btn-secondary:not(.btn-light), .dt-buttons .dark-mode .dropdown .btn.btn-secondary:not(.btn-light), .dark-mode .dropdown .dt-buttons .dual-listbox .btn-secondary.dual-listbox__button:not(.btn-light), .dt-buttons .dual-listbox .dark-mode .dropdown .btn-secondary.dual-listbox__button:not(.btn-light), .dark-mode .dropdown .dual-listbox .dt-buttons .btn-secondary.dual-listbox__button:not(.btn-light), .dual-listbox .dt-buttons .dark-mode .dropdown .btn-secondary.dual-listbox__button:not(.btn-light), .dark-mode .dropdown .dual-listbox .btn-icon.dual-listbox__button:not(.btn-light), .dual-listbox .dark-mode .dropdown .btn-icon.dual-listbox__button:not(.btn-light), .dark-mode .list-step li.list-step-done { color: #8094ae; }

.dark-mode .ql-fill, .dark-mode .ql-stroke.ql-fill, .dark-mode .tox .tox-tbtn svg { fill: #8094ae; }

.dark-mode .ql-stroke { stroke: #8094ae; }

.dark-mode .team-info li span:first-child, .dark-mode .team-statistics li span:last-child, .dark-mode .project-progress-task, .dark-mode .table, .dark-mode .nk-tb-list, .dark-mode .nk-tb-list .tb-amount span, .dark-mode .nk-tb-list .tb-amount .currency, .dark-mode .tb-tnx-item .tb-tnx-total, .dark-mode .tb-odr-item .tb-odr-total, .dark-mode .user-balance-sub span, .dark-mode .dropdown-menu, .dark-mode .pln, .dark-mode .overline-title, .dark-mode .nk-block-des strong, .dark-mode .data-item:hover .data-value, .dark-mode .data-item:hover .data-label, .dark-mode .nk-notification-text, .dark-mode .profile-ud-value, .dark-mode .bq-note-meta span &gt; span, .dark-mode .tagify__tag &gt; div, .dark-mode .popover-body, .dark-mode .input-mail::placeholder, .dark-mode .list-apps-title { color: #b6c6e3; }

.dark-mode .nk-notification-text span, .dark-mode .is-unread .chat-context .text { color: #dfe9fe; }

.dark-mode .nav-tabs .nav-link { color: #b6c6e3; }

.dark-mode .nav-tabs .nav-link.active { color: #0971fe; }

.dark-mode .nav-tabs .nav-link:hover { color: #fff; }

.dark-mode .link-list-menu a, .dark-mode .list-plain a { color: #8094ae; }

.dark-mode .link-list-menu a:hover, .dark-mode .link-list-menu a.active, .dark-mode .list-plain a:hover, .dark-mode .list-plain a.active { color: #0971fe; }

.dark-mode .nav-switch .nav-link.active, .dark-mode .list-apps a:hover .list-apps-title { color: #fff; }

.dark-mode .nk-tb-item:not(.nk-tb-head):hover, .dark-mode .nk-tb-item:not(.nk-tb-head).seleted { box-shadow: 0 2px 15px -4px rgba(0, 0, 0, 0.7); }

.dark-mode .nk-tb-item:hover .nk-tb-action-hidden, .dark-mode .bq-note-text, .dark-mode .nk-tb-item:not(.nk-tb-head):hover, .dark-mode .nk-tb-item:not(.nk-tb-head).seleted { background: #11171f; }

.dark-mode .nk-apps-sidebar .dropdown-menu .lead-text, .dark-mode .list-step li.list-step-current, .dark-mode .nk-tb-list .tb-lead, .dark-mode .nk-tb-list .tb-amount, .dark-mode .nk-support-content .title, .dark-mode .nk-sale-data .amount { color: #fff; }

.dark-mode .nk-support-content .time, .dark-mode .page-item.disabled .page-link, .dark-mode .card-hint, .dark-mode .list-step li { color: #526484; }

.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: #263547; }

.dark-mode .nk-footer { background-color: #101924; }

.dark-mode .nk-order-ovwg-data .info strong, .dark-mode .user-activity .amount, .dark-mode .invest-data-history .amount, .dark-mode .analytic-data .amount, .dark-mode .traffic-channel-data .amount, .dark-mode .analytics-map-data .amount, .dark-mode .device-status-data .amount, .dark-mode .invest-ov .amount, .dark-mode .profile-balance-amount .number { color: #fff; }

.dark-mode .invest-ov:not(:last-child) { border-color: #384d69; }

.dark-mode .nk-header .dropdown-menu .lead-text, .dark-mode .nk-sidebar-bar .dropdown-menu .lead-text { color: #fff; }

.dark-mode .nk-header, .dark-mode .nk-header.is-light:not([class*=bg-]), .dark-mode .nk-sidebar, .dark-mode .nk-sidebar.is-light, .dark-mode .nk-sidebar-head { border-color: #203247 !important; }

.dark-mode .nk-header, .dark-mode .nk-header.is-light:not([class*=bg-]), .dark-mode .nk-sidebar, .dark-mode .nk-sidebar.is-light, .dark-mode .nk-header.is-theme:not([class*=bg-]) { background: #101924; }

.dark-mode .nk-chat-aside-user .title, .dark-mode .nk-file-name, .dark-mode .nk-file-name-text a.title, .dark-mode .is-unread .nk-ibx-context-text .heading, .dark-mode .chat-profile-settings .custom-control-sm .custom-control-label, .dark-mode .attach-info, .dark-mode .profile-stats .amount, .dark-mode .is-unread .chat-from .name { color: #fff; }

.dark-mode .nk-fmg-menu-item .icon, .dark-mode .nk-ibx-menu-item .icon { color: #8094ae; }

.dark-mode .nk-fmg-menu-text, .dark-mode .nk-ibx-label-text, .dark-mode .nk-ibx-menu-text, .dark-mode .attach-item a, .dark-mode .user-contacts li, .dark-mode .nk-ibx-context-text .heading, .dark-mode .chat-option-link:hover .lead-text, .dark-mode .chat-from .name, .dark-mode .user-plan-title { color: #b6c6e3; }

.dark-mode .nk-file-name-text a.title:hover, .dark-mode .active &gt; .nk-fmg-menu-item .icon, .dark-mode .active .nk-ibx-menu-text, .dark-mode .active .nk-ibx-menu-item .icon { color: #0971fe; }

.dark-mode .nk-chat, .dark-mode .nk-chat-aside, .dark-mode .nk-chat-profile, .dark-mode .nk-chat-head, .dark-mode .chat-profile-group, .dark-mode .nk-fmg, .dark-mode .nk-fmg-aside, .dark-mode .nk-fmg-body-head, .dark-mode .nk-fmg-switch, .dark-mode .nk-files-view-grid .nk-file, .dark-mode .nk-files-view-group .nk-file, .dark-mode .nk-ibx, .dark-mode .nk-ibx-aside, .dark-mode .nk-ibx-head, .dark-mode .nk-ibx-item, .dark-mode .nk-reply-form, .dark-mode .nk-reply-form-header, .dark-mode .nk-reply-form-tools, .dark-mode .nk-reply-form-field:not(:last-child), .dark-mode .nk-msg, .dark-mode .nk-msg-head, .dark-mode .nk-msg-profile, .dark-mode .attach-files, .dark-mode .attach-foot, .dark-mode .nk-msg-item:not(:last-child), .dark-mode .nk-msg-aside, .dark-mode .nk-msg-nav, .dark-mode .nk-msg-nav .search-wrap, .dark-mode .nk-files-group &gt; .title, .dark-mode .nk-file-share-header, .dark-mode .nk-files-view-list .nk-file &gt; div { border-color: #1d2d40 !important; }

.dark-mode .nk-block-subhead, .dark-mode .data-list-s2 .data-head, .dark-mode .nk-profile-toggle, .dark-mode .nk-profile-content, .dark-mode .user-account-links { border-color: #2b3748; }

.dark-mode .nk-upload-item, .dark-mode .dropzone { border-color: #354358 !important; }

.dark-mode .data-list-s2 .data-head { background: transparent !important; }

.dark-mode .chat-sap-meta:before, .dark-mode .chat-sap-meta:after, .dark-mode .active &gt; .nk-fmg-menu-item, .dark-mode .nk-fmg-menu-item:hover, .dark-mode .nk-ibx-status, .dark-mode .nk-ibx-reply-item:not(:last-child):after, .dark-mode .nk-reply-meta-info:before, .dark-mode .nk-reply-meta-info:after { background: #1d2d40; }

.dark-mode .nk-chat, .dark-mode .nk-chat-aside, .dark-mode .nk-chat-profile, .dark-mode .nk-chat-head, .dark-mode .chat-msg, .dark-mode .nk-chat-editor, .dark-mode .nk-chat-blank, .dark-mode .nk-fmg, .dark-mode .nk-fmg-aside, .dark-mode .nk-fmg-body-head, .dark-mode .nk-files-view-grid .nk-file, .dark-mode .nk-files-view-group .nk-file, .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, .dark-mode .nk-fmg-switch { background: #141c26; }

.dark-mode .nk-ibx-status .progress { background: #141c26 !important; }

.dark-mode .nk-chat-panel, .dark-mode .chat-item:hover, .dark-mode .chat-item.current, .dark-mode .chat-item:hover .chat-actions, .dark-mode .chat-members .user-card:hover, .dark-mode .chat-members .user-actions, .dark-mode .nk-profile-content, .dark-mode .nk-msg-item.active, .dark-mode .nk-msg-item.current, .dark-mode .channel-list a:hover, .dark-mode .channel-list a.active { background: #0d141d !important; }

.dark-mode .fav-list .user-avatar:after { background: #415a79; }

.dark-mode .nk-ibx-item:not(.no-hover):hover, .dark-mode .nk-ibx-item.active, .dark-mode .nk-ibx-item:hover .ibx-actions-hidden, .dark-mode .nk-ibx-item:hover .ibx-actions, .dark-mode .nk-ibx-label &gt; li:hover, .dark-mode .nk-ibx-contact &gt; li:hover, .dark-mode .nk-ibx-menu li.active, .dark-mode .nk-ibx-menu li:hover, .dark-mode .dot-label:after, .dark-mode .attach-foot, .dark-mode .nk-reply-from, .dark-mode .nk-reply-entry.note, .dark-mode .nk-msg-aside, .dark-mode .nk-msg-nav, .dark-mode .nk-files-view-list .nk-file &gt; div { background: #101924; }

.dark-mode .is-unread .nk-ibx-context-text, .dark-mode .nk-upload-info { color: #dfe9fe; }

.dark-mode .nk-reply-msg-excerpt, .dark-mode .nk-ibx-context-text, .dark-mode .user-contacts li .icon, .dark-mode .nk-reply-tools .date { color: #8094ae; }

.dark-mode .is-unread .nk-msg-sender .name { color: #fff; }

.dark-mode .nk-reply-meta-info, .dark-mode .nk-reply-from { color: #7a8faa; }

.dark-mode .nk-reply-meta-info span, .dark-mode .nk-reply-meta-info strong, .dark-mode .nk-reply-meta-info .who, .dark-mode .channel-list a { color: #b6c6e3; }

.dark-mode .nk-reply-meta-info .whom { color: #0971fe; }

.dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn, .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .dual-listbox__button, .dual-listbox .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox__button { color: #b6c6e3; border-color: #1d2d40; }

.dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:disabled, .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .dual-listbox__button:disabled, .dual-listbox .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox__button:disabled { color: #b6c6e3; border-color: #1d2d40; }

.dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:hover, .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .dual-listbox__button:hover, .dual-listbox .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox__button:hover, .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:focus, .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .dual-listbox__button:focus, .dual-listbox .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox__button:focus { color: #fff; background: #101924; border-color: #1d2d40; }

.dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn:focus, .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .dual-listbox__button:focus, .dual-listbox .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox__button:focus { box-shadow: 0 0 0 0.2rem rgba(29, 45, 64, 0.5); }

.dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .btn.active, .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .dual-listbox .active.dual-listbox__button, .dual-listbox .dark-mode .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .active.dual-listbox__button { color: #0971fe; border-color: #1d2d40; background: #101924; box-shadow: inset 0 0 4px -1px rgba(29, 45, 64, 0.25); }

.dark-mode .fc-day { color: #b6c6e3; }

.dark-mode .fc-day-other { color: #8094ae; }

.dark-mode .fc-list-day, .dark-mode .fc-col-header-cell { color: #fff; }

.dark-mode .fc .fc-list-empty { background: #101924; }

.dark-mode .fc-timegrid-event-harness-inset .fc-timegrid-event, .dark-mode .fc-timegrid-event.fc-event-mirror { box-shadow: 0px 0px 0px 1px #101924; }

.dark-mode a.fc-event-primary-dim { background-color: #132946 !important; border-color: #132946 !important; }

.dark-mode .modal-header.fc-event-primary-dim { background-color: #132946 !important; border-color: #0e1d32 !important; }

.dark-mode span.fc-event-primary-dim .dot { background-color: #132946 !important; }

.dark-mode .fc-event-primary-dim:not(a) .fc-list-event-dot { background-color: #132946 !important; }

.dark-mode a.fc-event-success-dim { background-color: #163a3a !important; border-color: #163a3a !important; }

.dark-mode .modal-header.fc-event-success-dim { background-color: #163a3a !important; border-color: #0f2828 !important; }

.dark-mode span.fc-event-success-dim .dot { background-color: #163a3a !important; }

.dark-mode .fc-event-success-dim:not(a) .fc-list-event-dot { background-color: #163a3a !important; }

.dark-mode a.fc-event-info-dim { background-color: #133542 !important; border-color: #133542 !important; }

.dark-mode .modal-header.fc-event-info-dim { background-color: #133542 !important; border-color: #0d252e !important; }

.dark-mode span.fc-event-info-dim .dot { background-color: #133542 !important; }

.dark-mode .fc-event-info-dim:not(a) .fc-list-event-dot { background-color: #133542 !important; }

.dark-mode a.fc-event-warning-dim { background-color: #363422 !important; border-color: #363422 !important; }

.dark-mode .modal-header.fc-event-warning-dim { background-color: #363422 !important; border-color: #262518 !important; }

.dark-mode span.fc-event-warning-dim .dot { background-color: #363422 !important; }

.dark-mode .fc-event-warning-dim:not(a) .fc-list-event-dot { background-color: #363422 !important; }

.dark-mode a.fc-event-danger-dim { background-color: #34242b !important; border-color: #34242b !important; }

.dark-mode .modal-header.fc-event-danger-dim { background-color: #34242b !important; border-color: #251a1f !important; }

.dark-mode span.fc-event-danger-dim .dot { background-color: #34242b !important; }

.dark-mode .fc-event-danger-dim:not(a) .fc-list-event-dot { background-color: #34242b !important; }

.dark-mode a.fc-event-secondary-dim { background-color: #1b2532 !important; border-color: #1b2532 !important; }

.dark-mode .modal-header.fc-event-secondary-dim { background-color: #1b2532 !important; border-color: #121921 !important; }

.dark-mode span.fc-event-secondary-dim .dot { background-color: #1b2532 !important; }

.dark-mode .fc-event-secondary-dim:not(a) .fc-list-event-dot { background-color: #1b2532 !important; }

.dark-mode a.fc-event-dark-dim { background-color: #161e29 !important; border-color: #161e29 !important; }

.dark-mode .modal-header.fc-event-dark-dim { background-color: #161e29 !important; border-color: #0d1218 !important; }

.dark-mode span.fc-event-dark-dim .dot { background-color: #161e29 !important; }

.dark-mode .fc-event-dark-dim:not(a) .fc-list-event-dot { background-color: #161e29 !important; }

.dark-mode a.fc-event-blue-dim { background-color: #1e2f46 !important; border-color: #1e2f46 !important; }

.dark-mode .modal-header.fc-event-blue-dim { background-color: #1e2f46 !important; border-color: #162334 !important; }

.dark-mode span.fc-event-blue-dim .dot { background-color: #1e2f46 !important; }

.dark-mode .fc-event-blue-dim:not(a) .fc-list-event-dot { background-color: #1e2f46 !important; }

.dark-mode a.fc-event-azure-dim { background-color: #152a46 !important; border-color: #152a46 !important; }

.dark-mode .modal-header.fc-event-azure-dim { background-color: #152a46 !important; border-color: #0f1e32 !important; }

.dark-mode span.fc-event-azure-dim .dot { background-color: #152a46 !important; }

.dark-mode .fc-event-azure-dim:not(a) .fc-list-event-dot { background-color: #152a46 !important; }

.dark-mode a.fc-event-indigo-dim { background-color: #1a233d !important; border-color: #1a233d !important; }

.dark-mode .modal-header.fc-event-indigo-dim { background-color: #1a233d !important; border-color: #12192b !important; }

.dark-mode span.fc-event-indigo-dim .dot { background-color: #1a233d !important; }

.dark-mode .fc-event-indigo-dim:not(a) .fc-list-event-dot { background-color: #1a233d !important; }

.dark-mode a.fc-event-purple-dim { background-color: #252847 !important; border-color: #252847 !important; }

.dark-mode .modal-header.fc-event-purple-dim { background-color: #252847 !important; border-color: #1c1f36 !important; }

.dark-mode span.fc-event-purple-dim .dot { background-color: #252847 !important; }

.dark-mode .fc-event-purple-dim:not(a) .fc-list-event-dot { background-color: #252847 !important; }

.dark-mode a.fc-event-pink-dim { background-color: #382739 !important; border-color: #382739 !important; }

.dark-mode .modal-header.fc-event-pink-dim { background-color: #382739 !important; border-color: #291d2a !important; }

.dark-mode span.fc-event-pink-dim .dot { background-color: #382739 !important; }

.dark-mode .fc-event-pink-dim:not(a) .fc-list-event-dot { background-color: #382739 !important; }

.dark-mode a.fc-event-orange-dim { background-color: #38302d !important; border-color: #38302d !important; }

.dark-mode .modal-header.fc-event-orange-dim { background-color: #38302d !important; border-color: #2a2422 !important; }

.dark-mode span.fc-event-orange-dim .dot { background-color: #38302d !important; }

.dark-mode .fc-event-orange-dim:not(a) .fc-list-event-dot { background-color: #38302d !important; }

.dark-mode a.fc-event-teal-dim { background-color: #163637 !important; border-color: #163637 !important; }

.dark-mode .modal-header.fc-event-teal-dim { background-color: #163637 !important; border-color: #0f2425 !important; }

.dark-mode span.fc-event-teal-dim .dot { background-color: #163637 !important; }

.dark-mode .fc-event-teal-dim:not(a) .fc-list-event-dot { background-color: #163637 !important; }

.dark-mode .code-block, .dark-mode .card-preview, .dark-mode .card .card-inner + .table .tb-tnx-head, .dark-mode .card-bordered, .dark-mode .kanban-add-task, .dark-mode .kanban-board-header, .dark-mode .kanban-item, .dark-mode .kanban-board .kanban-drag:empty, .dark-mode .accordion-item:not(:last-child) .accordion-head, .dark-mode .accordion-item:not(:last-child) .accordion-inner, .dark-mode .accordion-item:last-child .accordion-inner, .dark-mode .nk-download { border-color: #1d2d40; }

.dark-mode .accordion:not(.accordion-s2):not(.accordion-s3) { border-color: #1d2d40 !important; }

.dark-mode .card.bg-light .card-header, .dark-mode .card.bg-lighter .card-header, .dark-mode .dual-listbox .card.dual-listbox__item:hover .card-header, .dual-listbox .dark-mode .card.dual-listbox__item:hover .card-header { background: rgba(0, 0, 0, 0.2); }

.dark-mode .nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col { border-top-color: #1d2d40; border-bottom-color: #1d2d40; }

.dark-mode .nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col:first-child { border-left-color: #1d2d40; }

.dark-mode .nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col:last-child { border-right-color: #1d2d40; }

.dark-mode .modal-footer.bg-light { background-color: #11171f !important; }

.dark-mode .kanban-primary { border-top-color: #0971fe; }

.dark-mode .kanban-success { border-top-color: #1ee0ac; }

.dark-mode .kanban-info { border-top-color: #09c2de; }

.dark-mode .kanban-warning { border-top-color: #f4bd0e; }

.dark-mode .kanban-danger { border-top-color: #e85347; }

.dark-mode.ui-bordered .card, .dark-mode.ui-bordered .code-block, .dark-mode.ui-bordered .accordion:not(.accordion-s2):not(.accordion-s3), .dark-mode.ui-bordered .card .card-inner + .table .tb-tnx-head, .dark-mode.ui-bordered .card-bordered, .dark-mode.ui-bordered .nk-download { border-color: #1d2d40; }

.dark-mode.ui-bordered .nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col { border-top-color: #1d2d40; border-bottom-color: #1d2d40; }

.dark-mode.ui-bordered .nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col:first-child { border-left-color: #1d2d40; }

.dark-mode.ui-bordered .nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col:last-child { border-right-color: #1d2d40; }

.dark-mode .nk-order-ovwg-data.buy { border-color: #1a9276; }

.dark-mode .nk-order-ovwg-data.sell { border-color: #0e4fa8; }

.dark-mode .nk-sidebar-overlay { background: rgba(0, 0, 0, 0.6); }

.dark-mode .toggle-overlay, .dark-mode .nk-chat-profile-overlay { background: rgba(7, 10, 15, 0.75); }

.dark-mode .swal2-container.swal2-backdrop-show { background: rgba(0, 0, 0, 0.85); }

.dark-mode .modal-backdrop { opacity: .9; background: rgba(0, 0, 0, 0.9); }

.dark-mode .nk-sidebar .nk-menu &gt; li:hover &gt; a, .dark-mode .nk-sidebar .nk-menu &gt; li.active &gt; a, .dark-mode .nk-sidebar .nk-menu &gt; li.current-menu &gt; a, .dark-mode .wallet-item a:before { background: #182536; }

.dark-mode .is-light .nk-sidebar-footer, .dark-mode .is-dark .nk-sidebar-footer, .dark-mode .is-theme .nk-sidebar-footer, .dark-mode .nk-sidebar-footer { background: #101924; }

.dark-mode .buysell-cc-choosen, .dark-mode .buysell-cc-chosen, .dark-mode .buysell-pm-list { background: #141c26; }

.dark-mode .nk-wgw-add a .add-icon:before { background: #101924; }

.dark-mode .card.is-dark { background: #0b3175 !important; border-color: #0b3175; }

.dark-mode .tranx-item:not(:last-child), .dark-mode .nk-refwg .nk-refwg-invite, .dark-mode .nk-wgw-actions, .dark-mode .card-custom-s1 .card-inner-group, .dark-mode .nk-kyc-app-icon .icon, .dark-mode .nk-kycfm-head:not(:last-child), .dark-mode .nk-kycfm-content:not(:last-child), .dark-mode .nk-kycfm-footer:not(:last-child) { border-color: #1d2d40; }

.dark-mode .nk-wg4-switcher &gt; li &gt; .dropdown &gt; a, .dark-mode .buysell-cc-choosen, .dark-mode .buysell-cc-chosen, .dark-mode .nk-kycfm-label, .dark-mode .buysell-cc-item:not(:last-child), .dark-mode .buysell-cc-dropdown .dropdown-menu, .dark-mode .buysell-pm-list, .dark-mode .buysell-pm-item:not(:last-child), .dark-mode .buysell-overview-list, .dark-mode .buysell-overview-item:not(:last-of-type) { border-color: #384d69; }

.dark-mode .buysell-pm-label:before { border-color: #4a668a; }

.dark-mode .nk-kycfm-count { border-color: #7087a4; color: #8094ae; }

.dark-mode .tranx-label, .dark-mode .nk-wg1-title, .dark-mode .lead-text-lg, .dark-mode .is-dark .nk-wgw-balance .amount, .dark-mode .coin-name, .dark-mode .nk-wg7-stats .number-lg, .dark-mode .nk-wg7-stats .number, .dark-mode .buysell-pm-label .pm-name, .dark-mode .nk-kyc-app-icon .icon, .dark-mode .wallet-balance, .dark-mode .nk-wg5-amount .amount { color: #fff !important; }

.dark-mode .nk-wgw-balance .amount, .dark-mode .tranx-amount .number, .dark-mode .user-balance-alt, .dark-mode .tranx-amount .number-sm, .dark-mode .nk-wgw-actions a { color: #b6c6e3; }

.dark-mode .nk-wgw-balance .amount-sm, .dark-mode .tranx-amount .number span { color: #8094ae; }

.dark-mode .is-dark .nk-wgw-balance .amount-sm { color: #6baafe; }

.dark-mode .ui-bordered .nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col:first-child, .dark-mode .ui-bordered .nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col { border-color: #1d2d40 !important; }

.dark-mode .nk-tb-list.is-separate .nk-tb-item &gt; .nk-tb-col, .dark-mode .nk-tb-list.is-separate .nk-tb-item:hover .nk-tb-action-hidden { background-color: #141c26; }

.dark-mode .nk-tb-list .tb-product .title { color: #fff; }

.dark-mode .dual-listbox .dual-listbox__available, .dark-mode .dual-listbox .dual-listbox__selected { border-color: #384d69; }

.dark-mode .dual-listbox .dual-listbox__title { border-left-color: #384d69; border-right-color: #384d69; border-top-color: #384d69; }

.dark-mode .dual-listbox .dual-listbox__item { border-bottom-color: #384d69; }

.dark-mode .input-group-addon { background-color: #1b2633; border-color: #384d69; }

.dark-mode .border-light { border-color: #1d2d40 !important; }

.dark-mode div.dt-button-info { background-color: #141c26; }

.dark-mode div.dt-button-info h2 { background-color: #0f151c; }

.dark-mode div.dt-button-info h2 { border-color: #1d2d40; }

.dark-mode .dropzone { background: #101924; }

.dark-mode .image-control .custom-control-input:checked ~ .custom-control-label:before { border-color: #384d69; }

.dark-mode .image-control .custom-control-label { background-color: #1f2b3a; }

.dark-mode .custom-control-pro .custom-control-label { background-color: #141c26; border-color: #384d69; }

.dark-mode .custom-control.color-control .custom-control-label::before { background: transparent !important; }

.dark-mode .slick-dots li button { background-color: #101924; }

.dark-mode .slick-dots li.slick-active button { background-color: #0971fe; }

.dark-mode .slick-next, .dark-mode .slick-prev { color: #fff; background: #141c26; border-color: #1d2d40; }

.dark-mode .slick-next:hover, .dark-mode .slick-prev:hover { color: #fff; background: #0971fe; border-color: #0971fe; }

.dark-mode .slick-disabled .slick-next, .dark-mode .slick-disabled .slick-prev { color: #dbdfea; }

.dark-mode .slick-disabled .slick-next:hover, .dark-mode .slick-disabled .slick-prev:hover { color: #dbdfea; background: #141c26; border-color: #1d2d40; }

.dark-mode .pricing-head { border-color: #1d2d40; }

.dark-mode .pricing-amount .amount { color: #fff; }

.dark-mode .product-title a { color: #fff; }

.dark-mode .product-gallery { border-color: #1d2d40; }

.dark-mode .product-gallery .slider-nav .slider-item .thumb { border-color: #1d2d40; }

.dark-mode .product-gallery .slider-nav .slider-item.slick-current .thumb { border-color: #0971fe; }

.dark-mode .invoice-wrap { background-color: #141c26; border-color: #1d2d40; }

.dark-mode .invoice-bills .table tfoot { border-color: #1d2d40; }

.dark-mode .nk-add-product { background: #101924; box-shadow: -10px 15px 30px 5px rgba(0, 0, 0, 0.4); }

.dark-mode .noUi-target { background: #2f4158; }

.dark-mode .noUi-handle:before, .dark-mode .noUi-handle:after { background: #5a83b6; }

.dark-mode .noUi-handle { border-color: #5a83b6; background: #080d12; }

.dark-mode .noUi-active { box-shadow: inset 0 0 1px #000, inset 0 1px 7px #000, 0 3px 6px -3px #000; }

@media (max-width: 576px) { .dark-mode .nk-block-tools-toggle .toggle-expand-content { background-color: #212d3d; } }

/*! END @iO */
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fclient.nudhamcapital.co.uk%2Fdash%2Fassets%2Fcss'>Back to Directory</a>