{"version":3,"sources":["_variables-material.scss","structure/_topbar.scss","app-material.css","structure/_footer.scss","structure/_leftbar.scss","structure/_horizontal-nav.scss","components/_reboot.scss","components/_waves.scss","components/_card.scss","components/_badge.scss","components/_buttons.scss","components/_dropdown.scss","components/_tables.scss","components/_progress.scss","components/_alert.scss","components/_forms.scss","components/_modals.scss","components/_switch.scss","components/_form-advanced.scss","components/_form-validation.scss","components/_form-wizard.scss","components/_form-editor.scss","components/_nav.scss","components/_spinners.scss","plugins/_custom-scrollbar.scss","plugins/_charts.scss","plugins/_ui-slider.scss","plugins/_sweet-alert.scss","plugins/_dropzone.scss","plugins/_maps.scss","plugins/_calendar.scss","plugins/_dragula.scss","pages/_general.scss","pages/_background-color.scss","pages/_avatar.scss","pages/_files.scss","pages/_ribbons.scss","pages/_pricing.scss","pages/_timeline.scss","pages/_profile.scss","pages/_chat.scss","pages/_invoice.scss","pages/_print.scss","pages/_email.scss","pages/_crypto.scss","pages/_projects.scss","pages/_account-pages.scss"],"names":[],"mappings":"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","file":"app-material.min.css","sourcesContent":["// Google Fonts\r\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');\r\n\r\n\r\n\r\n// \r\n// Custom Variables\r\n// \r\n\r\n//Background Colors\r\n$brand-light-bg:            #ffffff;\r\n$brand-dark-bg:             #292e40;\r\n$sidebar-light-bg:          #ffffff;\r\n$sidebar-dark-bg:           #292e40;\r\n$header-light-bg:           #ffffff;\r\n$header-dark-bg:            #292e40;\r\n\r\n// Brand\r\n$brand-light:             none;\r\n$brand-dark:     inline-block;\r\n\r\n// Sidebar\r\n$sidebar-width:                                    260px;\r\n$sidebar-inner-width:                              200px;\r\n$sidebar-collapse-width:                           60px;\r\n$sidebar-collapse-bg:                            #0b51b7;\r\n$sidebar-collapse-icon-color:                    #becae6;\r\n$sidebar-collapse-icon-active-color:             #ffffff;\r\n$sidebar-inner-bg:                               #f8f9fb;\r\n$sidebar-inner-dark-bg:                          #132744;\r\n$sidebar-menu-item-color:                        #5a5c61;\r\n$sidebar-menu-item-dark-color:                   #9da2af;\r\n$sidebar-menu-item-active-color:                 #2a76f4;\r\n$sidebar-sub-item-color:             #1f2538;\r\n$sidebar-sub-item-hover-color:       #2f6bf9;\r\n$sidebar-sub-item-active-color:      #303e67;\r\n$sidebar-icon-color:                 #1f2538;\r\n$sidebar-icon-dark-color:            #545d7b;\r\n$sidebar-icon-hover-color:           #2f6bf9;\r\n$sidebar-label-color:                #8491b7;\r\n$sidebar-item-active-color:          #ffffff;\r\n$sidebar-item-active-dark-color:     #ccd1e0;\r\n$sidebar-item-active-icon-color:     #ffffff;\r\n$sidebar-item-active-bg:             linear-gradient(14deg, #2a76f4  0%, rgba(#2a76f4,0.6));\r\n$sidebar-item-active-dark-bg:        #2f3648;\r\n$sidebar-item-active-shadow-color:   0 5px 10px 0 rgba(#2a76f4, 0.5);\r\n$sidebar-shadow:                     0 1px 3px 0 rgba(34, 41, 47,0.1);\r\n\r\n$sidebar-light-tab-bg:                #5592f6;\r\n$sidebar-tab-active-color:            #ffffff;\r\n$sidebar-dark-tab-bg:                 #0f172a;\r\n$sidebar-tab-active-dark-color:       #ccd1e0;\r\n$sidebar-tab-bg:                      #f5f5f9;\r\n\r\n//  Header\r\n$header-height:                                    60px;\r\n$header-shadow-color:                            #d6e4f1;\r\n$header-search-color:                            #696c71;\r\n$header-search-bg   :                            #ffffff; \r\n$header-search-dark-color:                       #c2cbe2;\r\n$header-search-dark-bg   :                       #343c50; \r\n$header-icon-color:                              #384a65;\r\n$header-icon-dark-color:                         #abb4c7;\r\n$header-icon-bg:                                 #f5f5f9;\r\n$header-icon-dark-bg:                            #32384c;\r\n$header-item-color:                              #384a65;\r\n$header-item-dark-color:                         #c2cbe2;\r\n$header-search-icon-color:                       #748aa9;\r\n$header-search-icon-dark-color:                  #748aa9;\r\n$header-search-border-color:                     transparent;\r\n$header-search-border-dark-color:                transparent;\r\n$header-search-placeholder-color:                #98a9d9;\r\n$header-shadow:                                  2px 1px 3px 0 rgba(34, 41, 47,0.1);\r\n\r\n// Horizontal\r\n$navbar-icon-color:             #1f2538;\r\n$navbar-icon-dark-color:        #566587;\r\n$submenu-bg:                    #fdfeff; \r\n$submenu-border-color:          #d8dee6;\r\n$mobile-menu-item-color:        #1f2538;\r\n$header-item-active-color:      #2f6bf9;\r\n$header-item-hover-color:       #2f6bf9;\r\n$header-item-dark-hover-color:  #ffffff;\r\n$header-item-hover-bg:          #fdfeff;\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n// Border\r\n$border:                                         #eceff5;\r\n$border_2:                                       #e8ebf3;\r\n$apex-grid-color:                                #e8ecf1;\r\n$apex-grid-color-2:                              #eaedf3;\r\n$brand-border:                                    $border;\r\n$brand-dark-border:                               $header-dark-bg;\r\n\r\n\r\n// new general\r\n\r\n$dtp:                       #1c2d41;\r\n$editor-layout:             #ffffff;\r\n$tooltip-custom:            #eaf0f7;\r\n$light-alt:                 #fbfbfb;\r\n$card-radius:                 .25rem;\r\n\r\n\r\n  // Form\r\n  $label:                     #656d9a;\r\n\r\n  // Shadow\r\n  $shadow:                        0px 0px 3px rgba(31, 30, 47,0.05);\r\n  $shadow-md:                     1px 0px 20px rgba(96,93,175,0.05);\r\n  $progress-shadow:               0 6px 5px 0 rgba($gray-500,.4);\r\n  $drop-shadow-map:               drop-shadow(0px 8px 4px rgba($gray-400, .7));\r\n  $drop-shadow-color:               #d6e4f1;\r\n  $card-shadow:                     0 1px 3px 0 rgba(34, 41, 47,0.1);\r\n\r\n  \r\n\r\n  \r\n\r\n  \r\n  \r\n  // General\r\n  $header-title:              #303e67;\r\n  $leftbar-box-shadow:        0 8px 8px 0 rgba(31, 30, 47, 0.06); \r\n  $topbar-box-shadow:         6px 0px 6px rgba(31, 30, 47, 0.06); \r\n  $modal-body-bg:                      #ffffff;\r\n  $icon-dual-color:                    #a1acb8;\r\n\r\n  \r\n\r\n  \r\n\r\n\r\n  //Font variables\r\n  $font-primary: 'Roboto', sans-serif;\r\n  $font-secondary: 'Roboto', sans-serif;\r\n\r\n  // Dropdown\r\n  $dropdown-lg-width: 320px;\r\n\r\n  // Vertical-2\r\n\r\n  $sidenav-icon-color:           #a3afd4;\r\n  $main-menu-active-bg:  #f5f5fb;\r\n\r\n  \r\n\r\n\r\n  \r\n\r\n\r\n  \r\n\r\n\r\n// Prittify-code\r\n\r\n  $pln:  #1d2c48;\r\n  $tag:  #a10000;\r\n  $atn:  #ff0000;\r\n  $atv:  #0000ff;\r\n  $com:  #307df3;\r\n\r\n// Variables\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n// Color system\r\n\r\n$white:         #ffffff;\r\n$gray-100:      #fafbfb;\r\n$gray-200:      #f1f5fa;\r\n$gray-300:      #eaf0f9;\r\n$gray-400:      #b6c2e4;\r\n$gray-500:      #8997bd;\r\n$gray-600:      #7081b9;\r\n$gray-700:      #303e67;\r\n$gray-800:      #435177;\r\n$gray-900:      #000444;\r\n$black:         #000000;\r\n\r\n// fusv-disable\r\n$grays: (\r\n  \"100\": $gray-100,\r\n  \"200\": $gray-200,\r\n  \"300\": $gray-300,\r\n  \"400\": $gray-400,\r\n  \"500\": $gray-500,\r\n  \"600\": $gray-600,\r\n  \"700\": $gray-700,\r\n  \"800\": $gray-800,\r\n  \"900\": $gray-900\r\n);\r\n// fusv-enable\r\n\r\n$blue:    #0b51b7;\r\n$indigo:  #557ef8;\r\n$purple:  #6d81f5;\r\n$pink:    #fd3c97;\r\n$red:     #ef4d56;\r\n$orange:  #fd7e14;\r\n$yellow:  #ff9f43;\r\n$green:   #22b783;\r\n$teal:    #2ddab5;\r\n$cyan:    #41cbd8;\r\n\r\n\r\n// scss-docs-start colors-map\r\n$colors: (\r\n  \"blue\":       $blue,\r\n  \"indigo\":     $indigo,\r\n  \"purple\":     $purple,\r\n  \"pink\":       $pink,\r\n  \"red\":        $red,\r\n  \"orange\":     $orange,\r\n  \"yellow\":     $yellow,\r\n  \"green\":      $green,\r\n  \"teal\":       $teal,\r\n  \"cyan\":       $cyan,\r\n  \"white\":      $white,\r\n  \"gray\":       $gray-600,\r\n  \"gray-dark\":  $gray-800,\r\n);\r\n// scss-docs-end colors-map\r\n\r\n$primary:       $indigo;\r\n$secondary:     $gray-600;\r\n$success:       $green;\r\n$info:          $cyan;\r\n$warning:       $yellow;\r\n$danger:        $red;\r\n$light:         $gray-100;\r\n$dark:          $gray-900;\r\n$blue:          $blue;\r\n$pink:          $pink;\r\n$blue:          $blue;\r\n\r\n\r\n// scss-docs-start theme-colors-map\r\n$theme-colors: (\r\n  \"primary\":    $primary,\r\n  \"secondary\":  $secondary,\r\n  \"success\":    $success,\r\n  \"info\":       $info,\r\n  \"warning\":    $warning,\r\n  \"danger\":     $danger,\r\n  \"light\":      $light,\r\n  \"dark\":       $dark,\r\n  \"pink\":       $pink,\r\n  \"purple\":     $purple,\r\n  \"blue\":       $blue,\r\n);\r\n// scss-docs-end theme-colors-map\r\n\r\n// scss-docs-start theme-colors-rgb\r\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\");\r\n// scss-docs-end theme-colors-rgb\r\n\r\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\r\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\r\n$min-contrast-ratio:   1.8;\r\n\r\n// Customize the light and dark text colors for use in our color contrast function.\r\n$color-contrast-dark:      $black;\r\n$color-contrast-light:     $white;\r\n\r\n// fusv-disable\r\n$blue-100: tint-color($blue, 80%);\r\n$blue-200: tint-color($blue, 60%);\r\n$blue-300: tint-color($blue, 40%);\r\n$blue-400: tint-color($blue, 20%);\r\n$blue-500: $blue;\r\n$blue-600: shade-color($blue, 20%);\r\n$blue-700: shade-color($blue, 40%);\r\n$blue-800: shade-color($blue, 60%);\r\n$blue-900: shade-color($blue, 80%);\r\n\r\n$indigo-100: tint-color($indigo, 80%);\r\n$indigo-200: tint-color($indigo, 60%);\r\n$indigo-300: tint-color($indigo, 40%);\r\n$indigo-400: tint-color($indigo, 20%);\r\n$indigo-500: $indigo;\r\n$indigo-600: shade-color($indigo, 20%);\r\n$indigo-700: shade-color($indigo, 40%);\r\n$indigo-800: shade-color($indigo, 60%);\r\n$indigo-900: shade-color($indigo, 80%);\r\n\r\n$purple-100: tint-color($purple, 80%);\r\n$purple-200: tint-color($purple, 60%);\r\n$purple-300: tint-color($purple, 40%);\r\n$purple-400: tint-color($purple, 20%);\r\n$purple-500: $purple;\r\n$purple-600: shade-color($purple, 20%);\r\n$purple-700: shade-color($purple, 40%);\r\n$purple-800: shade-color($purple, 60%);\r\n$purple-900: shade-color($purple, 80%);\r\n\r\n$pink-100: tint-color($pink, 80%);\r\n$pink-200: tint-color($pink, 60%);\r\n$pink-300: tint-color($pink, 40%);\r\n$pink-400: tint-color($pink, 20%);\r\n$pink-500: $pink;\r\n$pink-600: shade-color($pink, 20%);\r\n$pink-700: shade-color($pink, 40%);\r\n$pink-800: shade-color($pink, 60%);\r\n$pink-900: shade-color($pink, 80%);\r\n\r\n$red-100: tint-color($red, 80%);\r\n$red-200: tint-color($red, 60%);\r\n$red-300: tint-color($red, 40%);\r\n$red-400: tint-color($red, 20%);\r\n$red-500: $red;\r\n$red-600: shade-color($red, 20%);\r\n$red-700: shade-color($red, 40%);\r\n$red-800: shade-color($red, 60%);\r\n$red-900: shade-color($red, 80%);\r\n\r\n$orange-100: tint-color($orange, 80%);\r\n$orange-200: tint-color($orange, 60%);\r\n$orange-300: tint-color($orange, 40%);\r\n$orange-400: tint-color($orange, 20%);\r\n$orange-500: $orange;\r\n$orange-600: shade-color($orange, 20%);\r\n$orange-700: shade-color($orange, 40%);\r\n$orange-800: shade-color($orange, 60%);\r\n$orange-900: shade-color($orange, 80%);\r\n\r\n$yellow-100: tint-color($yellow, 80%);\r\n$yellow-200: tint-color($yellow, 60%);\r\n$yellow-300: tint-color($yellow, 40%);\r\n$yellow-400: tint-color($yellow, 20%);\r\n$yellow-500: $yellow;\r\n$yellow-600: shade-color($yellow, 20%);\r\n$yellow-700: shade-color($yellow, 40%);\r\n$yellow-800: shade-color($yellow, 60%);\r\n$yellow-900: shade-color($yellow, 80%);\r\n\r\n$green-100: tint-color($green, 80%);\r\n$green-200: tint-color($green, 60%);\r\n$green-300: tint-color($green, 40%);\r\n$green-400: tint-color($green, 20%);\r\n$green-500: $green;\r\n$green-600: shade-color($green, 20%);\r\n$green-700: shade-color($green, 40%);\r\n$green-800: shade-color($green, 60%);\r\n$green-900: shade-color($green, 80%);\r\n\r\n$teal-100: tint-color($teal, 80%);\r\n$teal-200: tint-color($teal, 60%);\r\n$teal-300: tint-color($teal, 40%);\r\n$teal-400: tint-color($teal, 20%);\r\n$teal-500: $teal;\r\n$teal-600: shade-color($teal, 20%);\r\n$teal-700: shade-color($teal, 40%);\r\n$teal-800: shade-color($teal, 60%);\r\n$teal-900: shade-color($teal, 80%);\r\n\r\n$cyan-100: tint-color($cyan, 80%);\r\n$cyan-200: tint-color($cyan, 60%);\r\n$cyan-300: tint-color($cyan, 40%);\r\n$cyan-400: tint-color($cyan, 20%);\r\n$cyan-500: $cyan;\r\n$cyan-600: shade-color($cyan, 20%);\r\n$cyan-700: shade-color($cyan, 40%);\r\n$cyan-800: shade-color($cyan, 60%);\r\n$cyan-900: shade-color($cyan, 80%);\r\n\r\n$blues: (\r\n  \"blue-100\": $blue-100,\r\n  \"blue-200\": $blue-200,\r\n  \"blue-300\": $blue-300,\r\n  \"blue-400\": $blue-400,\r\n  \"blue-500\": $blue-500,\r\n  \"blue-600\": $blue-600,\r\n  \"blue-700\": $blue-700,\r\n  \"blue-800\": $blue-800,\r\n  \"blue-900\": $blue-900\r\n);\r\n\r\n$indigos: (\r\n  \"indigo-100\": $indigo-100,\r\n  \"indigo-200\": $indigo-200,\r\n  \"indigo-300\": $indigo-300,\r\n  \"indigo-400\": $indigo-400,\r\n  \"indigo-500\": $indigo-500,\r\n  \"indigo-600\": $indigo-600,\r\n  \"indigo-700\": $indigo-700,\r\n  \"indigo-800\": $indigo-800,\r\n  \"indigo-900\": $indigo-900\r\n);\r\n\r\n$purples: (\r\n  \"purple-100\": $purple-200,\r\n  \"purple-200\": $purple-100,\r\n  \"purple-300\": $purple-300,\r\n  \"purple-400\": $purple-400,\r\n  \"purple-500\": $purple-500,\r\n  \"purple-600\": $purple-600,\r\n  \"purple-700\": $purple-700,\r\n  \"purple-800\": $purple-800,\r\n  \"purple-900\": $purple-900\r\n);\r\n\r\n$pinks: (\r\n  \"pink-100\": $pink-100,\r\n  \"pink-200\": $pink-200,\r\n  \"pink-300\": $pink-300,\r\n  \"pink-400\": $pink-400,\r\n  \"pink-500\": $pink-500,\r\n  \"pink-600\": $pink-600,\r\n  \"pink-700\": $pink-700,\r\n  \"pink-800\": $pink-800,\r\n  \"pink-900\": $pink-900\r\n);\r\n\r\n$reds: (\r\n  \"red-100\": $red-100,\r\n  \"red-200\": $red-200,\r\n  \"red-300\": $red-300,\r\n  \"red-400\": $red-400,\r\n  \"red-500\": $red-500,\r\n  \"red-600\": $red-600,\r\n  \"red-700\": $red-700,\r\n  \"red-800\": $red-800,\r\n  \"red-900\": $red-900\r\n);\r\n\r\n$oranges: (\r\n  \"orange-100\": $orange-100,\r\n  \"orange-200\": $orange-200,\r\n  \"orange-300\": $orange-300,\r\n  \"orange-400\": $orange-400,\r\n  \"orange-500\": $orange-500,\r\n  \"orange-600\": $orange-600,\r\n  \"orange-700\": $orange-700,\r\n  \"orange-800\": $orange-800,\r\n  \"orange-900\": $orange-900\r\n);\r\n\r\n$yellows: (\r\n  \"yellow-100\": $yellow-100,\r\n  \"yellow-200\": $yellow-200,\r\n  \"yellow-300\": $yellow-300,\r\n  \"yellow-400\": $yellow-400,\r\n  \"yellow-500\": $yellow-500,\r\n  \"yellow-600\": $yellow-600,\r\n  \"yellow-700\": $yellow-700,\r\n  \"yellow-800\": $yellow-800,\r\n  \"yellow-900\": $yellow-900\r\n);\r\n\r\n$greens: (\r\n  \"green-100\": $green-100,\r\n  \"green-200\": $green-200,\r\n  \"green-300\": $green-300,\r\n  \"green-400\": $green-400,\r\n  \"green-500\": $green-500,\r\n  \"green-600\": $green-600,\r\n  \"green-700\": $green-700,\r\n  \"green-800\": $green-800,\r\n  \"green-900\": $green-900\r\n);\r\n\r\n$teals: (\r\n  \"teal-100\": $teal-100,\r\n  \"teal-200\": $teal-200,\r\n  \"teal-300\": $teal-300,\r\n  \"teal-400\": $teal-400,\r\n  \"teal-500\": $teal-500,\r\n  \"teal-600\": $teal-600,\r\n  \"teal-700\": $teal-700,\r\n  \"teal-800\": $teal-800,\r\n  \"teal-900\": $teal-900\r\n);\r\n\r\n$cyans: (\r\n  \"cyan-100\": $cyan-100,\r\n  \"cyan-200\": $cyan-200,\r\n  \"cyan-300\": $cyan-300,\r\n  \"cyan-400\": $cyan-400,\r\n  \"cyan-500\": $cyan-500,\r\n  \"cyan-600\": $cyan-600,\r\n  \"cyan-700\": $cyan-700,\r\n  \"cyan-800\": $cyan-800,\r\n  \"cyan-900\": $cyan-900\r\n);\r\n// fusv-enable\r\n\r\n// Characters which are escaped by the escape-svg function\r\n$escaped-characters: (\r\n  (\"<\", \"%3c\"),\r\n  (\">\", \"%3e\"),\r\n  (\"#\", \"%23\"),\r\n  (\"(\", \"%28\"),\r\n  (\")\", \"%29\"),\r\n);\r\n\r\n// Options\r\n//\r\n// Quickly modify global styling by enabling or disabling optional features.\r\n\r\n$enable-caret:                true;\r\n$enable-rounded:              true;\r\n$enable-shadows:              false;\r\n$enable-gradients:            false;\r\n$enable-transitions:          true;\r\n$enable-reduced-motion:       true;\r\n$enable-smooth-scroll:        true;\r\n$enable-grid-classes:         true;\r\n$enable-cssgrid:              false;\r\n$enable-button-pointers:      true;\r\n$enable-rfs:                  true;\r\n$enable-validation-icons:     true;\r\n$enable-negative-margins:     true;\r\n$enable-deprecation-messages: true;\r\n$enable-important-utilities:  true;\r\n\r\n// Prefix for :root CSS variables\r\n\r\n$variable-prefix:             bs-;\r\n\r\n// Gradient\r\n//\r\n// The gradient which is added to components if `$enable-gradients` is `true`\r\n// This gradient is also added to elements with `.bg-gradient`\r\n// scss-docs-start variable-gradient\r\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0));\r\n// scss-docs-end variable-gradient\r\n\r\n// Spacing\r\n//\r\n// Control the default styling of most Bootstrap elements by modifying these\r\n// variables. Mostly focused on spacing.\r\n// You can add more entries to the $spacers map, should you need more variation.\r\n\r\n// scss-docs-start spacer-variables-maps\r\n$spacer: 1rem;\r\n$spacers: (\r\n  0: 0,\r\n  1: $spacer * .25,\r\n  2: $spacer * .5,\r\n  3: $spacer,\r\n  4: $spacer * 1.5,\r\n  5: $spacer * 3,\r\n);\r\n\r\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null);\r\n// scss-docs-end spacer-variables-maps\r\n\r\n// Position\r\n//\r\n// Define the edge positioning anchors of the position utilities.\r\n\r\n// scss-docs-start position-map\r\n$position-values: (\r\n  0: 0,\r\n  50: 50%,\r\n  100: 100%\r\n);\r\n// scss-docs-end position-map\r\n\r\n// Body\r\n//\r\n// Settings for the `<body>` element.\r\n\r\n$body-bg:                   #f5f5f9;\r\n$body-color:                $gray-900;\r\n$body-text-align:           null;\r\n\r\n// Utilities maps\r\n//\r\n// Extends the default `$theme-colors` maps to help create our utilities.\r\n\r\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\r\n// scss-docs-start utilities-colors\r\n$utilities-colors: $theme-colors-rgb;\r\n// scss-docs-end utilities-colors\r\n\r\n// scss-docs-start utilities-text-colors\r\n$utilities-text: map-merge(\r\n  $utilities-colors,\r\n  (\r\n    \"black\": to-rgb($black),\r\n    \"white\": to-rgb($white),\r\n    \"body\": to-rgb($body-color)\r\n  )\r\n);\r\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\");\r\n// scss-docs-end utilities-text-colors\r\n\r\n// scss-docs-start utilities-bg-colors\r\n$utilities-bg: map-merge(\r\n  $utilities-colors,\r\n  (\r\n    \"black\": to-rgb($black),\r\n    \"white\": to-rgb($white),\r\n    \"body\": to-rgb($body-bg)\r\n  )\r\n);\r\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\");\r\n// scss-docs-end utilities-bg-colors\r\n\r\n// Links\r\n//\r\n// Style anchor elements.\r\n\r\n$link-color:                              $primary;\r\n$link-decoration:                         underline;\r\n$link-shade-percentage:                   20%;\r\n$link-hover-color:                        shift-color($link-color, $link-shade-percentage);\r\n$link-hover-decoration:                   null;\r\n\r\n$stretched-link-pseudo-element:           after;\r\n$stretched-link-z-index:                  1;\r\n\r\n// Paragraphs\r\n//\r\n// Style p element.\r\n\r\n$paragraph-margin-bottom:   1rem;\r\n\r\n\r\n// Grid breakpoints\r\n//\r\n// Define the minimum dimensions at which your layout will change,\r\n// adapting to different screen sizes, for use in media queries.\r\n\r\n// scss-docs-start grid-breakpoints\r\n$grid-breakpoints: (\r\n  xs: 0,\r\n  sm: 576px,\r\n  md: 768px,\r\n  lg: 992px,\r\n  xl: 1200px,\r\n  xxl: 1400px\r\n);\r\n// scss-docs-end grid-breakpoints\r\n\r\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\r\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\r\n\r\n\r\n// Grid containers\r\n//\r\n// Define the maximum width of `.container` for different screen sizes.\r\n\r\n// scss-docs-start container-max-widths\r\n$container-max-widths: (\r\n  sm: 540px,\r\n  md: 720px,\r\n  lg: 960px,\r\n  xl: 1140px,\r\n  xxl: 1320px\r\n);\r\n// scss-docs-end container-max-widths\r\n\r\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\r\n\r\n\r\n// Grid columns\r\n//\r\n// Set the number of columns and specify the width of the gutters.\r\n\r\n$grid-columns:                12;\r\n$grid-gutter-width:           1rem;\r\n$grid-row-columns:            6;\r\n\r\n$gutters: $spacers;\r\n\r\n// Container padding\r\n\r\n$container-padding-x: $grid-gutter-width * .5;\r\n\r\n\r\n// Components\r\n//\r\n// Define common padding and border radius sizes and more.\r\n\r\n// scss-docs-start border-variables\r\n$border-width:                1px;\r\n$border-widths: (\r\n  1: 1px,\r\n  2: 2px,\r\n  3: 3px,\r\n  4: 4px,\r\n  5: 5px\r\n);\r\n\r\n$border-color:                $border_2;\r\n// scss-docs-end border-variables\r\n\r\n// scss-docs-start border-radius-variables\r\n$border-radius:               .25rem;\r\n$border-radius-sm:            .2rem;\r\n$border-radius-lg:            .3rem;\r\n$border-radius-pill:          50rem;\r\n// scss-docs-end border-radius-variables\r\n\r\n// scss-docs-start box-shadow-variables\r\n$box-shadow:                  0 .5rem 1rem rgba($black, .15);\r\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075);\r\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175);\r\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075);\r\n// scss-docs-end box-shadow-variables\r\n\r\n$component-active-color:      $white;\r\n$component-active-bg:         $primary;\r\n\r\n// scss-docs-start caret-variables\r\n$caret-width:                 .3em;\r\n$caret-vertical-align:        $caret-width * .85;\r\n$caret-spacing:               $caret-width * .85;\r\n// scss-docs-end caret-variables\r\n\r\n$transition-base:             all .2s ease-in-out;\r\n$transition-fade:             opacity .15s linear;\r\n// scss-docs-start collapse-transition\r\n$transition-collapse:         height .35s ease;\r\n$transition-collapse-width:   width .35s ease;\r\n// scss-docs-end collapse-transition\r\n\r\n// stylelint-disable function-disallowed-list\r\n// scss-docs-start aspect-ratios\r\n$aspect-ratios: (\r\n  \"1x1\": 100%,\r\n  \"4x3\": calc(3 / 4 * 100%),\r\n  \"16x9\": calc(9 / 16 * 100%),\r\n  \"21x9\": calc(9 / 21 * 100%)\r\n);\r\n// scss-docs-end aspect-ratios\r\n// stylelint-enable function-disallowed-list\r\n\r\n// Typography\r\n//\r\n// Font, line-height, and color for body text, headings, and more.\r\n\r\n// scss-docs-start font-variables\r\n// stylelint-disable value-keyword-case\r\n$font-family-sans-serif:      system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\r\n// stylelint-enable value-keyword-case\r\n$font-family-base:           'Roboto', sans-serif;\r\n$font-family-code:            var(--#{$variable-prefix}font-monospace);\r\n\r\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\r\n// $font-size-base effects the font size of the body text\r\n$font-size-root:              null;\r\n$font-size-base:              .8125rem; // Assumes the browser default, typically `16px`\r\n$font-size-sm:                $font-size-base * .875;\r\n$font-size-lg:                $font-size-base * 1.25;\r\n\r\n$font-weight-lighter:         lighter;\r\n$font-weight-light:           300;\r\n$font-weight-normal:          400;\r\n$font-weight-semibold:        500;\r\n$font-weight-bold:            700;\r\n$font-weight-bolder:          bolder;\r\n\r\n$font-weight-base:            $font-weight-normal;\r\n\r\n$line-height-base:            1.5;\r\n$line-height-sm:              1.25;\r\n$line-height-lg:              2;\r\n\r\n$h1-font-size:                $font-size-base * 2.5;\r\n$h2-font-size:                $font-size-base * 2;\r\n$h3-font-size:                $font-size-base * 1.75;\r\n$h4-font-size:                $font-size-base * 1.5;\r\n$h5-font-size:                $font-size-base * 1.25;\r\n$h6-font-size:                $font-size-base;\r\n// scss-docs-end font-variables\r\n\r\n// scss-docs-start font-sizes\r\n$font-sizes: (\r\n  1: $h1-font-size,\r\n  2: $h2-font-size,\r\n  3: $h3-font-size,\r\n  4: $h4-font-size,\r\n  5: $h5-font-size,\r\n  6: $h6-font-size\r\n);\r\n// scss-docs-end font-sizes\r\n\r\n// scss-docs-start headings-variables\r\n$headings-margin-bottom:      $spacer * .5;\r\n$headings-font-family:        null;\r\n$headings-font-style:         null;\r\n$headings-font-weight:        500;\r\n$headings-line-height:        1.2;\r\n$headings-color:              null;\r\n// scss-docs-end headings-variables\r\n\r\n// scss-docs-start display-headings\r\n$display-font-sizes: (\r\n  1: 5rem,\r\n  2: 4.5rem,\r\n  3: 4rem,\r\n  4: 3.5rem,\r\n  5: 3rem,\r\n  6: 2.5rem\r\n);\r\n\r\n$display-font-weight: 300;\r\n$display-line-height: $headings-line-height;\r\n// scss-docs-end display-headings\r\n\r\n// scss-docs-start type-variables\r\n$lead-font-size:              $font-size-base * 1.25;\r\n$lead-font-weight:            300;\r\n\r\n$small-font-size:             .875em;\r\n\r\n$sub-sup-font-size:           .75em;\r\n\r\n$text-muted:                  $gray-600;\r\n\r\n$initialism-font-size:        $small-font-size;\r\n\r\n$blockquote-margin-y:         $spacer;\r\n$blockquote-font-size:        $font-size-base * 1.25;\r\n$blockquote-footer-color:     $gray-600;\r\n$blockquote-footer-font-size: $small-font-size;\r\n\r\n$hr-margin-y:                 $spacer;\r\n$hr-color:                    inherit;\r\n$hr-height:                   $border-width;\r\n$hr-opacity:                  .25;\r\n\r\n$legend-margin-bottom:        .5rem;\r\n$legend-font-size:            1.5rem;\r\n$legend-font-weight:          null;\r\n\r\n$mark-padding:                .2em;\r\n\r\n$dt-font-weight:              $font-weight-bold;\r\n\r\n$nested-kbd-font-weight:      $font-weight-bold;\r\n\r\n$list-inline-padding:         .5rem;\r\n\r\n$mark-bg:                     #fcf8e3;\r\n// scss-docs-end type-variables\r\n\r\n\r\n// Tables\r\n//\r\n// Customizes the `.table` component with basic values, each used across all table variations.\r\n\r\n// scss-docs-start table-variables\r\n$table-cell-padding-y:        .7rem;\r\n$table-cell-padding-x:        .7rem;\r\n$table-cell-padding-y-sm:     .25rem;\r\n$table-cell-padding-x-sm:     .25rem;\r\n\r\n$table-cell-vertical-align:   top;\r\n\r\n$table-color:                 $body-color;\r\n$table-bg:                    transparent;\r\n$table-accent-bg:             transparent;\r\n\r\n$table-th-font-weight:        null;\r\n\r\n$table-striped-color:         $table-color;\r\n$table-striped-bg-factor:     1;\r\n$table-striped-bg:            rgba(#f5f5f9, $table-striped-bg-factor);\r\n\r\n$table-active-color:          $table-color;\r\n$table-active-bg-factor:      .1;\r\n$table-active-bg:             rgba($black, $table-active-bg-factor);\r\n\r\n$table-hover-color:           $table-color;\r\n$table-hover-bg-factor:       .04;\r\n$table-hover-bg:              rgba($primary, $table-hover-bg-factor);\r\n\r\n$table-border-factor:         .1;\r\n$table-border-width:          $border-width;\r\n$table-border-color:          $border-color;\r\n\r\n$table-striped-order:         odd;\r\n\r\n$table-group-separator-color: $border-color;\r\n\r\n$table-caption-color:         $text-muted;\r\n\r\n$table-bg-scale:              -80%;\r\n// scss-docs-end table-variables\r\n\r\n// scss-docs-start table-loop\r\n$table-variants: (\r\n  \"primary\":    shift-color($primary, $table-bg-scale),\r\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\r\n  \"success\":    shift-color($success, $table-bg-scale),\r\n  \"info\":       shift-color($info, $table-bg-scale),\r\n  \"warning\":    shift-color($warning, $table-bg-scale),\r\n  \"danger\":     shift-color($danger, $table-bg-scale),\r\n  \"light\":      $light,\r\n  \"dark\":       $dark,\r\n);\r\n// scss-docs-end table-loop\r\n\r\n\r\n// Buttons + Forms\r\n//\r\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\r\n\r\n// scss-docs-start input-btn-variables\r\n$input-btn-padding-y:         .4rem;\r\n$input-btn-padding-x:         1rem;\r\n$input-btn-font-family:       null;\r\n$input-btn-font-size:         $font-size-base;\r\n$input-btn-line-height:       $line-height-base;\r\n\r\n$input-btn-focus-width:         .1rem;\r\n$input-btn-focus-color-opacity: .25;\r\n$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity);\r\n$input-btn-focus-blur:          0;\r\n$input-btn-focus-box-shadow:    0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color;\r\n\r\n$input-btn-padding-y-sm:      .25rem;\r\n$input-btn-padding-x-sm:      .5rem;\r\n$input-btn-font-size-sm:      $font-size-sm;\r\n\r\n$input-btn-padding-y-lg:      .5rem;\r\n$input-btn-padding-x-lg:      1rem;\r\n$input-btn-font-size-lg:      $font-size-lg;\r\n\r\n$input-btn-border-width:      $border-width;\r\n// scss-docs-end input-btn-variables\r\n\r\n\r\n// Buttons\r\n//\r\n// For each of Bootstrap's buttons, define text, background, and border color.\r\n\r\n// scss-docs-start btn-variables\r\n$btn-padding-y:               $input-btn-padding-y;\r\n$btn-padding-x:               $input-btn-padding-x;\r\n$btn-font-family:             $input-btn-font-family;\r\n$btn-font-size:               $input-btn-font-size;\r\n$btn-line-height:             $input-btn-line-height;\r\n$btn-white-space:             null; // Set to `nowrap` to prevent text wrapping\r\n\r\n$btn-padding-y-sm:            $input-btn-padding-y-sm;\r\n$btn-padding-x-sm:            $input-btn-padding-x-sm;\r\n$btn-font-size-sm:            $input-btn-font-size-sm;\r\n\r\n$btn-padding-y-lg:            $input-btn-padding-y-lg;\r\n$btn-padding-x-lg:            $input-btn-padding-x-lg;\r\n$btn-font-size-lg:            $input-btn-font-size-lg;\r\n\r\n$btn-border-width:            $input-btn-border-width;\r\n\r\n$btn-font-weight:             $font-weight-normal;\r\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075);\r\n$btn-focus-width:             $input-btn-focus-width;\r\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow;\r\n$btn-disabled-opacity:        .65;\r\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125);\r\n\r\n$btn-link-color:              $link-color;\r\n$btn-link-hover-color:        $link-hover-color;\r\n$btn-link-disabled-color:     $gray-600;\r\n\r\n// Allows for customizing button radius independently from global border radius\r\n$btn-border-radius:           $border-radius;\r\n$btn-border-radius-sm:        $border-radius-sm;\r\n$btn-border-radius-lg:        $border-radius-lg;\r\n\r\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n\r\n$btn-hover-bg-shade-amount:       15%;\r\n$btn-hover-bg-tint-amount:        15%;\r\n$btn-hover-border-shade-amount:   20%;\r\n$btn-hover-border-tint-amount:    10%;\r\n$btn-active-bg-shade-amount:      20%;\r\n$btn-active-bg-tint-amount:       20%;\r\n$btn-active-border-shade-amount:  25%;\r\n$btn-active-border-tint-amount:   10%;\r\n// scss-docs-end btn-variables\r\n\r\n\r\n// Forms\r\n\r\n// scss-docs-start form-text-variables\r\n$form-text-margin-top:                  .25rem;\r\n$form-text-font-size:                   $small-font-size;\r\n$form-text-font-style:                  null;\r\n$form-text-font-weight:                 null;\r\n$form-text-color:                       $text-muted;\r\n// scss-docs-end form-text-variables\r\n\r\n// scss-docs-start form-label-variables\r\n$form-label-margin-bottom:              .5rem;\r\n$form-label-font-size:                  null;\r\n$form-label-font-style:                 null;\r\n$form-label-font-weight:                null;\r\n$form-label-color:                      #656d9a;\r\n// scss-docs-end form-label-variables\r\n\r\n// scss-docs-start form-input-variables\r\n$input-padding-y:                       $input-btn-padding-y;\r\n$input-padding-x:                       $input-btn-padding-x;\r\n$input-font-family:                     $input-btn-font-family;\r\n$input-font-size:                       $input-btn-font-size;\r\n$input-font-weight:                     $font-weight-base;\r\n$input-line-height:                     $input-btn-line-height;\r\n\r\n$input-padding-y-sm:                    $input-btn-padding-y-sm;\r\n$input-padding-x-sm:                    $input-btn-padding-x-sm;\r\n$input-font-size-sm:                    $input-btn-font-size-sm;\r\n\r\n$input-padding-y-lg:                    $input-btn-padding-y-lg;\r\n$input-padding-x-lg:                    $input-btn-padding-x-lg;\r\n$input-font-size-lg:                    $input-btn-font-size-lg;\r\n\r\n$input-bg:                              #ffffff;\r\n$input-disabled-bg:                     $gray-200;\r\n$input-disabled-border-color:           null;\r\n\r\n$input-color:                           $body-color;\r\n$input-border-color:                    $border_2;\r\n$input-border-width:                    $input-btn-border-width;\r\n$input-box-shadow:                      $box-shadow-inset;\r\n\r\n$input-border-radius:                   $border-radius;\r\n$input-border-radius-sm:                $border-radius-sm;\r\n$input-border-radius-lg:                $border-radius-lg;\r\n\r\n$input-focus-bg:                        $input-bg;\r\n$input-focus-border-color:              tint-color($component-active-bg, 50%);\r\n$input-focus-color:                     $input-color;\r\n$input-focus-width:                     $input-btn-focus-width;\r\n$input-focus-box-shadow:                none;\r\n\r\n$input-placeholder-color:               $gray-600;\r\n$input-plaintext-color:                 $body-color;\r\n\r\n$input-height-border:                   $input-border-width * 2;\r\n\r\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2);\r\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y);\r\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5);\r\n\r\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false));\r\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false));\r\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false));\r\n\r\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n\r\n$form-color-width:                      3rem;\r\n// scss-docs-end form-input-variables\r\n\r\n// scss-docs-start form-check-variables\r\n$form-check-input-width:                  1em;\r\n$form-check-min-height:                   $font-size-base * $line-height-base;\r\n$form-check-padding-start:                $form-check-input-width + .5em;\r\n$form-check-margin-bottom:                .125rem;\r\n$form-check-label-color:                  null;\r\n$form-check-label-cursor:                 null;\r\n$form-check-transition:                   null;\r\n\r\n$form-check-input-active-filter:          brightness(90%);\r\n\r\n$form-check-input-bg:                     $input-bg;\r\n$form-check-input-border:                 1px solid rgba(0, 0, 0, .25);\r\n$form-check-input-border-radius:          .25em;\r\n$form-check-radio-border-radius:          50%;\r\n$form-check-input-focus-border:           $input-focus-border-color;\r\n$form-check-input-focus-box-shadow:       $input-btn-focus-box-shadow;\r\n\r\n$form-check-input-checked-color:          $component-active-color;\r\n$form-check-input-checked-bg-color:       $component-active-bg;\r\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color;\r\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\");\r\n$form-check-radio-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\");\r\n\r\n$form-check-input-indeterminate-color:          $component-active-color;\r\n$form-check-input-indeterminate-bg-color:       $component-active-bg;\r\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color;\r\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\");\r\n\r\n$form-check-input-disabled-opacity:        .5;\r\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity;\r\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity;\r\n\r\n$form-check-inline-margin-end:    1rem;\r\n// scss-docs-end form-check-variables\r\n\r\n// scss-docs-start form-switch-variables\r\n$form-switch-color:               rgba(0, 0, 0, .25);\r\n$form-switch-width:               2em;\r\n$form-switch-padding-start:       $form-switch-width + .5em;\r\n$form-switch-bg-image:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\");\r\n$form-switch-border-radius:       $form-switch-width;\r\n$form-switch-transition:          background-position .15s ease-in-out;\r\n\r\n$form-switch-focus-color:         $input-focus-border-color;\r\n$form-switch-focus-bg-image:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\");\r\n\r\n$form-switch-checked-color:       $component-active-color;\r\n$form-switch-checked-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\");\r\n$form-switch-checked-bg-position: right center;\r\n// scss-docs-end form-switch-variables\r\n\r\n// scss-docs-start input-group-variables\r\n$input-group-addon-padding-y:           $input-padding-y;\r\n$input-group-addon-padding-x:           $input-padding-x;\r\n$input-group-addon-font-weight:         $input-font-weight;\r\n$input-group-addon-color:               $input-color;\r\n$input-group-addon-bg:                  $gray-200;\r\n$input-group-addon-border-color:        $input-border-color;\r\n// scss-docs-end input-group-variables\r\n\r\n// scss-docs-start form-select-variables\r\n$form-select-padding-y:             $input-padding-y;\r\n$form-select-padding-x:             $input-padding-x;\r\n$form-select-font-family:           $input-font-family;\r\n$form-select-font-size:             $input-font-size;\r\n$form-select-indicator-padding:     $form-select-padding-x * 3; // Extra padding for background-image\r\n$form-select-font-weight:           $input-font-weight;\r\n$form-select-line-height:           $input-line-height;\r\n$form-select-color:                 $input-color;\r\n$form-select-bg:                    $input-bg;\r\n$form-select-disabled-color:        null;\r\n$form-select-disabled-bg:           $gray-200;\r\n$form-select-disabled-border-color: $input-disabled-border-color;\r\n$form-select-bg-position:           right $form-select-padding-x center;\r\n$form-select-bg-size:               16px 12px; // In pixels because image dimensions\r\n$form-select-indicator-color:       $gray-800;\r\n$form-select-indicator:             url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\");\r\n\r\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding;\r\n$form-select-feedback-icon-position:    center right $form-select-indicator-padding;\r\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half;\r\n\r\n$form-select-border-width:        $input-border-width;\r\n$form-select-border-color:        $input-border-color;\r\n$form-select-border-radius:       $border-radius;\r\n$form-select-box-shadow:          $box-shadow-inset;\r\n\r\n$form-select-focus-border-color:  $input-focus-border-color;\r\n$form-select-focus-width:         $input-focus-width;\r\n$form-select-focus-box-shadow:    null;\r\n\r\n$form-select-padding-y-sm:        $input-padding-y-sm;\r\n$form-select-padding-x-sm:        $input-padding-x-sm;\r\n$form-select-font-size-sm:        $input-font-size-sm;\r\n$form-select-border-radius-sm:    $input-border-radius-sm;\r\n\r\n$form-select-padding-y-lg:        $input-padding-y-lg;\r\n$form-select-padding-x-lg:        $input-padding-x-lg;\r\n$form-select-font-size-lg:        $input-font-size-lg;\r\n$form-select-border-radius-lg:    $input-border-radius-lg;\r\n\r\n$form-select-transition:          $input-transition;\r\n// scss-docs-end form-select-variables\r\n\r\n// scss-docs-start form-range-variables\r\n$form-range-track-width:          100%;\r\n$form-range-track-height:         .5rem;\r\n$form-range-track-cursor:         pointer;\r\n$form-range-track-bg:             $gray-300;\r\n$form-range-track-border-radius:  1rem;\r\n$form-range-track-box-shadow:     $box-shadow-inset;\r\n\r\n$form-range-thumb-width:                   1rem;\r\n$form-range-thumb-height:                  $form-range-thumb-width;\r\n$form-range-thumb-bg:                      $component-active-bg;\r\n$form-range-thumb-border:                  0;\r\n$form-range-thumb-border-radius:           1rem;\r\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1);\r\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow;\r\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width; // For focus box shadow issue in Edge\r\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%);\r\n$form-range-thumb-disabled-bg:             $gray-500;\r\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n// scss-docs-end form-range-variables\r\n\r\n// scss-docs-start form-file-variables\r\n$form-file-button-color:          $input-color;\r\n$form-file-button-bg:             $input-group-addon-bg;\r\n$form-file-button-hover-bg:       shade-color($form-file-button-bg, 5%);\r\n// scss-docs-end form-file-variables\r\n\r\n// scss-docs-start form-floating-variables\r\n$form-floating-height:            add(3.5rem, $input-height-border);\r\n$form-floating-line-height:       1.25;\r\n$form-floating-padding-x:         $input-padding-x;\r\n$form-floating-padding-y:         1rem;\r\n$form-floating-input-padding-t:   1.625rem;\r\n$form-floating-input-padding-b:   .625rem;\r\n$form-floating-label-opacity:     .65;\r\n$form-floating-label-transform:   scale(.85) translateY(-.5rem) translateX(.15rem);\r\n$form-floating-transition:        opacity .1s ease-in-out, transform .1s ease-in-out;\r\n// scss-docs-end form-floating-variables\r\n\r\n// Form validation\r\n\r\n// scss-docs-start form-feedback-variables\r\n$form-feedback-margin-top:          $form-text-margin-top;\r\n$form-feedback-font-size:           $form-text-font-size;\r\n$form-feedback-font-style:          $form-text-font-style;\r\n$form-feedback-valid-color:         $success;\r\n$form-feedback-invalid-color:       $danger;\r\n\r\n$form-feedback-icon-valid-color:    $form-feedback-valid-color;\r\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' 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'/></svg>\");\r\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color;\r\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\");\r\n// scss-docs-end form-feedback-variables\r\n\r\n// scss-docs-start form-validation-states\r\n$form-validation-states: (\r\n  \"valid\": (\r\n    \"color\": $form-feedback-valid-color,\r\n    \"icon\": $form-feedback-icon-valid\r\n  ),\r\n  \"invalid\": (\r\n    \"color\": $form-feedback-invalid-color,\r\n    \"icon\": $form-feedback-icon-invalid\r\n  )\r\n);\r\n// scss-docs-end form-validation-states\r\n\r\n// Z-index master list\r\n//\r\n// Warning: Avoid customizing these values. They're used for a bird's eye view\r\n// of components dependent on the z-axis and are designed to all work together.\r\n\r\n// scss-docs-start zindex-stack\r\n$zindex-dropdown:                   1000;\r\n$zindex-sticky:                     1020;\r\n$zindex-fixed:                      1030;\r\n$zindex-modal-backdrop:             1040;\r\n$zindex-offcanvas:                  1050;\r\n$zindex-offcanvas-backdrop:         1040;\r\n$zindex-modal:                      1060;\r\n$zindex-popover:                    1070;\r\n$zindex-tooltip:                    1080;\r\n// scss-docs-end zindex-stack\r\n\r\n\r\n// Navs\r\n\r\n// scss-docs-start nav-variables\r\n$nav-link-padding-y:                .5rem;\r\n$nav-link-padding-x:                1rem;\r\n$nav-link-font-size:                null;\r\n$nav-link-font-weight:              null;\r\n$nav-link-color:                    null;\r\n$nav-link-hover-color:              null;\r\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;\r\n$nav-link-disabled-color:           $gray-600;\r\n\r\n$nav-tabs-border-color:             $gray-300;\r\n$nav-tabs-border-width:             $border-width;\r\n$nav-tabs-border-radius:            $border-radius;\r\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color;\r\n$nav-tabs-link-active-color:        $gray-700;\r\n$nav-tabs-link-active-bg:           $body-bg;\r\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg;\r\n\r\n$nav-pills-border-radius:           $border-radius;\r\n$nav-pills-link-active-color:       $component-active-color;\r\n$nav-pills-link-active-bg:          $component-active-bg;\r\n// scss-docs-end nav-variables\r\n\r\n\r\n// Navbar\r\n\r\n// scss-docs-start navbar-variables\r\n$navbar-padding-y:                  $spacer * .5;\r\n$navbar-padding-x:                  null;\r\n\r\n$navbar-nav-link-padding-x:         .5rem;\r\n\r\n$navbar-brand-font-size:            $font-size-lg;\r\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\r\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2;\r\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base;\r\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5;\r\n$navbar-brand-margin-end:           1rem;\r\n\r\n$navbar-toggler-padding-y:          .25rem;\r\n$navbar-toggler-padding-x:          .75rem;\r\n$navbar-toggler-font-size:          $font-size-lg;\r\n$navbar-toggler-border-radius:      $btn-border-radius;\r\n$navbar-toggler-focus-width:        $btn-focus-width;\r\n$navbar-toggler-transition:         box-shadow .15s ease-in-out;\r\n// scss-docs-end navbar-variables\r\n\r\n// scss-docs-start navbar-theme-variables\r\n$navbar-dark-color:                 rgba($white, .55);\r\n$navbar-dark-hover-color:           rgba($white, .75);\r\n$navbar-dark-active-color:          $white;\r\n$navbar-dark-disabled-color:        rgba($white, .25);\r\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\r\n$navbar-dark-toggler-border-color:  rgba($white, .1);\r\n\r\n$navbar-light-color:                rgba($black, .55);\r\n$navbar-light-hover-color:          rgba($black, .7);\r\n$navbar-light-active-color:         rgba($black, .9);\r\n$navbar-light-disabled-color:       rgba($black, .3);\r\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\r\n$navbar-light-toggler-border-color: rgba($black, .1);\r\n\r\n$navbar-light-brand-color:                $navbar-light-active-color;\r\n$navbar-light-brand-hover-color:          $navbar-light-active-color;\r\n$navbar-dark-brand-color:                 $navbar-dark-active-color;\r\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color;\r\n// scss-docs-end navbar-theme-variables\r\n\r\n\r\n// Dropdowns\r\n//\r\n// Dropdown menu container and contents.\r\n\r\n// scss-docs-start dropdown-variables\r\n$dropdown-min-width:                10rem;\r\n$dropdown-padding-x:                0;\r\n$dropdown-padding-y:                .5rem;\r\n$dropdown-spacer:                   .125rem;\r\n$dropdown-font-size:                $font-size-base;\r\n$dropdown-color:                    $body-color;\r\n$dropdown-bg:                       $white;\r\n$dropdown-border-color:             rgba($black, .05);\r\n$dropdown-border-radius:            $border-radius;\r\n$dropdown-border-width:             $border-width;\r\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width);\r\n$dropdown-divider-bg:               $dropdown-border-color;\r\n$dropdown-divider-margin-y:         $spacer * .5;\r\n$dropdown-box-shadow:               $box-shadow;\r\n\r\n$dropdown-link-color:               $gray-900;\r\n$dropdown-link-hover-color:         shade-color($gray-900, 10%);\r\n$dropdown-link-hover-bg:            $gray-200;\r\n\r\n$dropdown-link-active-color:        $component-active-color;\r\n$dropdown-link-active-bg:           $component-active-bg;\r\n\r\n$dropdown-link-disabled-color:      $gray-500;\r\n\r\n$dropdown-item-padding-y:           $spacer * .25;\r\n$dropdown-item-padding-x:           $spacer;\r\n\r\n$dropdown-header-color:             $gray-600;\r\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x;\r\n// scss-docs-end dropdown-variables\r\n\r\n// scss-docs-start dropdown-dark-variables\r\n$dropdown-dark-color:               $gray-300;\r\n$dropdown-dark-bg:                  $gray-800;\r\n$dropdown-dark-border-color:        $dropdown-border-color;\r\n$dropdown-dark-divider-bg:          $dropdown-divider-bg;\r\n$dropdown-dark-box-shadow:          null;\r\n$dropdown-dark-link-color:          $dropdown-dark-color;\r\n$dropdown-dark-link-hover-color:    $white;\r\n$dropdown-dark-link-hover-bg:       rgba($white, .15);\r\n$dropdown-dark-link-active-color:   $dropdown-link-active-color;\r\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg;\r\n$dropdown-dark-link-disabled-color: $gray-500;\r\n$dropdown-dark-header-color:        $gray-500;\r\n// scss-docs-end dropdown-dark-variables\r\n\r\n\r\n// Pagination\r\n\r\n// scss-docs-start pagination-variables\r\n$pagination-padding-y:              .375rem;\r\n$pagination-padding-x:              .75rem;\r\n$pagination-padding-y-sm:           .25rem;\r\n$pagination-padding-x-sm:           .5rem;\r\n$pagination-padding-y-lg:           .75rem;\r\n$pagination-padding-x-lg:           1.5rem;\r\n\r\n$pagination-color:                  $link-color;\r\n$pagination-bg:                     $white;\r\n$pagination-border-width:           $border-width;\r\n$pagination-border-radius:          $border-radius;\r\n$pagination-margin-start:           -$pagination-border-width;\r\n$pagination-border-color:           $gray-300;\r\n\r\n$pagination-focus-color:            $link-hover-color;\r\n$pagination-focus-bg:               $gray-200;\r\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow;\r\n$pagination-focus-outline:          0;\r\n\r\n$pagination-hover-color:            $link-hover-color;\r\n$pagination-hover-bg:               $gray-200;\r\n$pagination-hover-border-color:     $gray-300;\r\n\r\n$pagination-active-color:           $component-active-color;\r\n$pagination-active-bg:              $component-active-bg;\r\n$pagination-active-border-color:    $pagination-active-bg;\r\n\r\n$pagination-disabled-color:         $gray-600;\r\n$pagination-disabled-bg:            $white;\r\n$pagination-disabled-border-color:  $gray-300;\r\n\r\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n\r\n$pagination-border-radius-sm:       $border-radius-sm;\r\n$pagination-border-radius-lg:       $border-radius-lg;\r\n// scss-docs-end pagination-variables\r\n\r\n\r\n// Placeholders\r\n\r\n// scss-docs-start placeholders\r\n$placeholder-opacity-max:           .5;\r\n$placeholder-opacity-min:           .2;\r\n// scss-docs-end placeholders\r\n\r\n// Cards\r\n\r\n// scss-docs-start card-variables\r\n$card-spacer-y:                     $spacer;\r\n$card-spacer-x:                     $spacer;\r\n$card-title-spacer-y:               $spacer * .5;\r\n$card-border-width:                 $border-width;\r\n$card-border-radius:                $border-radius;\r\n$card-border-color:                 rgba($black, .125);\r\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width);\r\n$card-cap-padding-y:                $spacer;\r\n$card-cap-padding-x:                $card-spacer-x;\r\n$card-cap-bg:                       rgba($black, .03);\r\n$card-cap-color:                    null;\r\n$card-height:                       null;\r\n$card-color:                        null;\r\n$card-bg:                           $white;\r\n$card-img-overlay-padding:          $spacer;\r\n$card-group-margin:                 $grid-gutter-width * .5;\r\n// scss-docs-end card-variables\r\n\r\n// Accordion\r\n\r\n// scss-docs-start accordion-variables\r\n$accordion-padding-y:                     1rem;\r\n$accordion-padding-x:                     1.25rem;\r\n$accordion-color:                         $body-color;\r\n$accordion-bg:                            $card-bg;\r\n$accordion-border-width:                  $border-width;\r\n$accordion-border-color:                  $border;\r\n$accordion-border-radius:                 $border-radius;\r\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width);\r\n\r\n$accordion-body-padding-y:                $accordion-padding-y;\r\n$accordion-body-padding-x:                $accordion-padding-x;\r\n\r\n$accordion-button-padding-y:              $accordion-padding-y;\r\n$accordion-button-padding-x:              $accordion-padding-x;\r\n$accordion-button-color:                  $accordion-color;\r\n$accordion-button-bg:                     $accordion-bg;\r\n$accordion-transition:                    $btn-transition, border-radius .15s ease;\r\n$accordion-button-active-bg:              tint-color($component-active-bg, 90%);\r\n$accordion-button-active-color:           shade-color($primary, 10%);\r\n\r\n$accordion-button-focus-border-color:     $input-focus-border-color;\r\n$accordion-button-focus-box-shadow:       $btn-focus-box-shadow;\r\n\r\n$accordion-icon-width:                    1.25rem;\r\n$accordion-icon-color:                    $accordion-color;\r\n$accordion-icon-active-color:             $accordion-button-active-color;\r\n$accordion-icon-transition:               transform .2s ease-in-out;\r\n$accordion-icon-transform:                rotate(180deg);\r\n\r\n$accordion-button-icon:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\r\n$accordion-button-active-icon:  url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\r\n// scss-docs-end accordion-variables\r\n\r\n// Tooltips\r\n\r\n// scss-docs-start tooltip-variables\r\n$tooltip-font-size:                 $font-size-sm;\r\n$tooltip-max-width:                 200px;\r\n$tooltip-color:                     $dark;\r\n$tooltip-bg:                        $tooltip-custom;\r\n$tooltip-border-radius:             $border-radius;\r\n$tooltip-opacity:                   1;\r\n$tooltip-padding-y:                 $spacer * .25;\r\n$tooltip-padding-x:                 $spacer * .5;\r\n$tooltip-margin:                    0;\r\n\r\n$tooltip-arrow-width:               .8rem;\r\n$tooltip-arrow-height:              .4rem;\r\n$tooltip-arrow-color:               $tooltip-bg;\r\n// scss-docs-end tooltip-variables\r\n\r\n// Form tooltips must come after regular tooltips\r\n// scss-docs-start tooltip-feedback-variables\r\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y;\r\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x;\r\n$form-feedback-tooltip-font-size:     $tooltip-font-size;\r\n$form-feedback-tooltip-line-height:   null;\r\n$form-feedback-tooltip-opacity:       $tooltip-opacity;\r\n$form-feedback-tooltip-border-radius: $tooltip-border-radius;\r\n// scss-docs-start tooltip-feedback-variables\r\n\r\n\r\n// Popovers\r\n\r\n// scss-docs-start popover-variables\r\n$popover-font-size:                 $font-size-sm;\r\n$popover-bg:                        $white;\r\n$popover-max-width:                 276px;\r\n$popover-border-width:              $border-width;\r\n$popover-border-color:              rgba($black, .2);\r\n$popover-border-radius:             $border-radius-lg;\r\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width);\r\n$popover-box-shadow:                $box-shadow;\r\n\r\n$popover-header-bg:                 shade-color($popover-bg, 6%);\r\n$popover-header-color:              $headings-color;\r\n$popover-header-padding-y:          .5rem;\r\n$popover-header-padding-x:          $spacer;\r\n\r\n$popover-body-color:                $body-color;\r\n$popover-body-padding-y:            $spacer;\r\n$popover-body-padding-x:            $spacer;\r\n\r\n$popover-arrow-width:               1rem;\r\n$popover-arrow-height:              .5rem;\r\n$popover-arrow-color:               $popover-bg;\r\n\r\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05);\r\n// scss-docs-end popover-variables\r\n\r\n\r\n// Toasts\r\n\r\n// scss-docs-start toast-variables\r\n$toast-max-width:                   350px;\r\n$toast-padding-x:                   .75rem;\r\n$toast-padding-y:                   .5rem;\r\n$toast-font-size:                   .875rem;\r\n$toast-color:                       null;\r\n$toast-background-color:            rgba($white, .85);\r\n$toast-border-width:                1px;\r\n$toast-border-color:                rgba(0, 0, 0, .1);\r\n$toast-border-radius:               $border-radius;\r\n$toast-box-shadow:                  $box-shadow;\r\n$toast-spacing:                     $container-padding-x;\r\n\r\n$toast-header-color:                $gray-600;\r\n$toast-header-background-color:     rgba($white, .85);\r\n$toast-header-border-color:         rgba(0, 0, 0, .05);\r\n// scss-docs-end toast-variables\r\n\r\n\r\n// Badges\r\n\r\n// scss-docs-start badge-variables\r\n$badge-font-size:                   .75em;\r\n$badge-font-weight:                 $font-weight-semibold;\r\n$badge-color:                       $white;\r\n$badge-padding-y:                   .35em;\r\n$badge-padding-x:                   .65em;\r\n$badge-border-radius:               $border-radius;\r\n// scss-docs-end badge-variables\r\n\r\n\r\n// Modals\r\n\r\n// scss-docs-start modal-variables\r\n$modal-inner-padding:               $spacer;\r\n\r\n$modal-footer-margin-between:       .5rem;\r\n\r\n$modal-dialog-margin:               .5rem;\r\n$modal-dialog-margin-y-sm-up:       1.75rem;\r\n\r\n$modal-title-line-height:           $line-height-base;\r\n\r\n$modal-content-color:               null;\r\n$modal-content-bg:                  $card-bg;\r\n$modal-content-border-color:        $border;\r\n$modal-content-border-width:        0;\r\n$modal-content-border-radius:       $border-radius-lg;\r\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width);\r\n$modal-content-box-shadow-xs:       $box-shadow-sm;\r\n$modal-content-box-shadow-sm-up:    $box-shadow;\r\n\r\n$modal-backdrop-bg:                 $black;\r\n$modal-backdrop-opacity:            .5;\r\n$modal-header-border-color:         $border-color;\r\n$modal-footer-border-color:         $modal-header-border-color;\r\n$modal-header-border-width:         $modal-content-border-width;\r\n$modal-footer-border-width:         $modal-header-border-width;\r\n$modal-header-padding-y:            $modal-inner-padding;\r\n$modal-header-padding-x:            $modal-inner-padding;\r\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\r\n\r\n$modal-sm:                          300px;\r\n$modal-md:                          500px;\r\n$modal-lg:                          800px;\r\n$modal-xl:                          1140px;\r\n\r\n$modal-fade-transform:              translate(0, -50px);\r\n$modal-show-transform:              none;\r\n$modal-transition:                  transform .3s ease-out;\r\n$modal-scale-transform:             scale(1.02);\r\n// scss-docs-end modal-variables\r\n\r\n\r\n// Alerts\r\n//\r\n// Define alert colors, border radius, and padding.\r\n\r\n// scss-docs-start alert-variables\r\n$alert-padding-y:               $spacer;\r\n$alert-padding-x:               $spacer;\r\n$alert-margin-bottom:           1rem;\r\n$alert-border-radius:           $border-radius;\r\n$alert-link-font-weight:        $font-weight-bold;\r\n$alert-border-width:            $border-width;\r\n$alert-bg-scale:                -80%;\r\n$alert-border-scale:            -70%;\r\n$alert-color-scale:             40%;\r\n$alert-dismissible-padding-r:   $alert-padding-x * 3; // 3x covers width of x plus default padding on either side\r\n// scss-docs-end alert-variables\r\n\r\n\r\n// Progress bars\r\n\r\n// scss-docs-start progress-variables\r\n$progress-height:                   .5rem;\r\n$progress-font-size:                $font-size-base * .75;\r\n$progress-bg:                       $gray-200;\r\n$progress-border-radius:            $border-radius;\r\n$progress-box-shadow:               $box-shadow-inset;\r\n$progress-bar-color:                $white;\r\n$progress-bar-bg:                   $primary;\r\n$progress-bar-animation-timing:     1s linear infinite;\r\n$progress-bar-transition:           width .6s ease;\r\n// scss-docs-end progress-variables\r\n\r\n\r\n// List group\r\n\r\n// scss-docs-start list-group-variables\r\n$list-group-color:                  $gray-900;\r\n$list-group-bg:                     $card-bg;\r\n$list-group-border-color:           $border;\r\n$list-group-border-width:           $border-width;\r\n$list-group-border-radius:          $border-radius;\r\n\r\n$list-group-item-padding-y:         $spacer * .5 + .1rem;\r\n$list-group-item-padding-x:         $spacer;\r\n$list-group-item-bg-scale:          -80%;\r\n$list-group-item-color-scale:       40%;\r\n\r\n$list-group-hover-bg:               $gray-100;\r\n$list-group-active-color:           $component-active-color;\r\n$list-group-active-bg:              $component-active-bg;\r\n$list-group-active-border-color:    $list-group-active-bg;\r\n\r\n$list-group-disabled-color:         $gray-600;\r\n$list-group-disabled-bg:            $list-group-bg;\r\n\r\n$list-group-action-color:           $gray-700;\r\n$list-group-action-hover-color:     $list-group-action-color;\r\n\r\n$list-group-action-active-color:    $body-color;\r\n$list-group-action-active-bg:       $gray-200;\r\n// scss-docs-end list-group-variables\r\n\r\n\r\n// Image thumbnails\r\n\r\n// scss-docs-start thumbnail-variables\r\n$thumbnail-padding:                 .25rem;\r\n$thumbnail-bg:                      $body-bg;\r\n$thumbnail-border-width:            $border-width;\r\n$thumbnail-border-color:            $gray-300;\r\n$thumbnail-border-radius:           $border-radius;\r\n$thumbnail-box-shadow:              $box-shadow-sm;\r\n// scss-docs-end thumbnail-variables\r\n\r\n\r\n// Figures\r\n\r\n// scss-docs-start figure-variables\r\n$figure-caption-font-size:          $small-font-size;\r\n$figure-caption-color:              $gray-600;\r\n// scss-docs-end figure-variables\r\n\r\n\r\n// Breadcrumbs\r\n\r\n// scss-docs-start breadcrumb-variables\r\n$breadcrumb-font-size:              null;\r\n$breadcrumb-padding-y:              0;\r\n$breadcrumb-padding-x:              0;\r\n$breadcrumb-item-padding-x:         .5rem;\r\n$breadcrumb-margin-bottom:          1rem;\r\n$breadcrumb-bg:                     null;\r\n$breadcrumb-divider-color:          $gray-600;\r\n$breadcrumb-active-color:           $gray-600;\r\n$breadcrumb-divider:                quote(\"/\");\r\n$breadcrumb-divider-flipped:        $breadcrumb-divider;\r\n$breadcrumb-border-radius:          null;\r\n// scss-docs-end breadcrumb-variables\r\n\r\n// Carousel\r\n\r\n// scss-docs-start carousel-variables\r\n$carousel-control-color:             $white;\r\n$carousel-control-width:             15%;\r\n$carousel-control-opacity:           .5;\r\n$carousel-control-hover-opacity:     .9;\r\n$carousel-control-transition:        opacity .15s ease;\r\n\r\n$carousel-indicator-width:           30px;\r\n$carousel-indicator-height:          3px;\r\n$carousel-indicator-hit-area-height: 10px;\r\n$carousel-indicator-spacer:          3px;\r\n$carousel-indicator-opacity:         .5;\r\n$carousel-indicator-active-bg:       $white;\r\n$carousel-indicator-active-opacity:  1;\r\n$carousel-indicator-transition:      opacity .6s ease;\r\n\r\n$carousel-caption-width:             70%;\r\n$carousel-caption-color:             $white;\r\n$carousel-caption-padding-y:         1.25rem;\r\n$carousel-caption-spacer:            1.25rem;\r\n\r\n$carousel-control-icon-width:        2rem;\r\n\r\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\");\r\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\");\r\n\r\n$carousel-transition-duration:       .6s;\r\n$carousel-transition:                transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\r\n\r\n$carousel-dark-indicator-active-bg:  $black;\r\n$carousel-dark-caption-color:        $black;\r\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100);\r\n// scss-docs-end carousel-variables\r\n\r\n\r\n// Spinners\r\n\r\n// scss-docs-start spinner-variables\r\n$spinner-width:           2rem;\r\n$spinner-height:          $spinner-width;\r\n$spinner-vertical-align:  -.125em;\r\n$spinner-border-width:    .25em;\r\n$spinner-animation-speed: .75s;\r\n\r\n$spinner-width-sm:        1rem;\r\n$spinner-height-sm:       $spinner-width-sm;\r\n$spinner-border-width-sm: .2em;\r\n// scss-docs-end spinner-variables\r\n\r\n\r\n// Close\r\n\r\n// scss-docs-start close-variables\r\n$btn-close-width:            1em;\r\n$btn-close-height:           $btn-close-width;\r\n$btn-close-padding-x:        .25em;\r\n$btn-close-padding-y:        $btn-close-padding-x;\r\n$btn-close-color:            #acacc5;\r\n$btn-close-bg:               url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\r\n$btn-close-focus-shadow:     none;\r\n$btn-close-opacity:          .5;\r\n$btn-close-hover-opacity:    .75;\r\n$btn-close-focus-opacity:    1;\r\n$btn-close-disabled-opacity: .25;\r\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%);\r\n// scss-docs-end close-variables\r\n\r\n\r\n// Offcanvas\r\n\r\n// scss-docs-start offcanvas-variables\r\n\r\n// scss-docs-start offcanvas-variables\r\n$offcanvas-padding-y:               $modal-inner-padding;\r\n$offcanvas-padding-x:               $modal-inner-padding;\r\n$offcanvas-horizontal-width:        300px;\r\n$offcanvas-vertical-height:         30vh;\r\n$offcanvas-transition-duration:     .3s;\r\n$offcanvas-border-color:            $modal-content-border-color;\r\n$offcanvas-border-width:            $modal-content-border-width;\r\n$offcanvas-title-line-height:       $modal-title-line-height;\r\n$offcanvas-bg-color:                $modal-content-bg;\r\n$offcanvas-color:                   $modal-content-color;\r\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs;\r\n$offcanvas-backdrop-bg:             $modal-backdrop-bg;\r\n$offcanvas-backdrop-opacity:        $modal-backdrop-opacity;\r\n// scss-docs-end offcanvas-variables\r\n\r\n// Code\r\n\r\n$code-font-size:                    $small-font-size;\r\n$code-color:                        $pink;\r\n\r\n$kbd-padding-y:                     .2rem;\r\n$kbd-padding-x:                     .4rem;\r\n$kbd-font-size:                     $code-font-size;\r\n$kbd-color:                         $white;\r\n$kbd-bg:                            $gray-900;\r\n\r\n$pre-color:                         null;\r\n","/*\r\nTemplate Name: Unikit - Admin & Dashboard Template\r\nAuthor: Mannatthemes\r\nFile: Topbar\r\n*/\r\n\r\n\r\n.topbar {\r\n  left: 0;\r\n  position: fixed;\r\n  right: 0;\r\n  top: 0;\r\n  z-index: 999;\r\n }\r\n \r\n .navbar-custom {\r\n   background: $header-light-bg;\r\n   min-height: $header-height;\r\n   position: relative;\r\n   border-bottom: 1px solid $border;\r\n   margin-left: $sidebar-width;\r\n   box-shadow: $header-shadow;\r\n   .nav-link {\r\n       padding: 0;\r\n       color: $header-item-color;\r\n       margin: 0 8px;\r\n       &.nav-icon {\r\n           width: 36px;\r\n           height: 36px;\r\n           display: flex;\r\n           justify-content: center;\r\n           align-items: center;\r\n           border-radius: 5px;\r\n           background-color: $header-icon-bg;\r\n           box-shadow: $header-shadow;\r\n           i{\r\n               font-size: 20px;\r\n               padding-bottom: 2px;\r\n               color: $header-icon-color;\r\n           }\r\n       }\r\n   }\r\n   .dropdown-toggle {\r\n       &:after {\r\n           content: initial;\r\n       }\r\n   }\r\n     .topbar-nav {\r\n         height: $header-height;\r\n         display: flex;\r\n         align-items: center;\r\n         li {\r\n             float: left;        \r\n             &.show {\r\n                 .nav-link {\r\n                     background-color: lighten($header-light-bg, 3%);\r\n                     color: $body-color;\r\n                 }\r\n             }\r\n             &:last-child{\r\n                 margin-right: 8px;\r\n             }\r\n             &:first-child{\r\n                 margin-left: 8px;\r\n             }\r\n         }\r\n     }\r\n }\r\n \r\n .button-menu-mobile {\r\n   border: none;\r\n   color: $header-icon-color !important;\r\n   width: 60px;\r\n   background-color: transparent;\r\n   cursor: pointer;\r\n }\r\n \r\n .nav-user {\r\n   .nav-user-name {\r\n       vertical-align: middle;\r\n   }\r\n }\r\n \r\n /* Notification */\r\n \r\n .notification-list {\r\n   .notification-menu{\r\n     max-height: 220px;\r\n     margin-left: 0;\r\n   } \r\n   \r\n   .alert-badge::after{\r\n         content: \"\";\r\n         position: absolute;\r\n         width: 10px;\r\n         height: 10px;\r\n         top: 5px;\r\n         right: 15px;\r\n         border: 2px solid $header-light-bg;\r\n         border-radius: 50%;\r\n         background-color: $danger;\r\n   }\r\n }\r\n \r\n // Search\r\n \r\n .app-search {\r\n     position: relative;\r\n     margin: 0;\r\n     form {\r\n         position: relative;\r\n         z-index: 1; \r\n         .form-control,\r\n         .form-control:focus{\r\n             border: 1px solid $header-search-border-color;\r\n             font-size: 13px;\r\n             height: 34px;\r\n             color: $header-search-color;\r\n             background: $header-search-bg;\r\n             box-shadow: none;\r\n             border: none;\r\n             width: 300px;\r\n             border-radius: 5px;\r\n             padding-left: 38px;\r\n         } \r\n         button {\r\n             position: absolute;\r\n             width: 30px;\r\n             height: 30px;\r\n             left: 12px;\r\n             top: 50%;\r\n             transform: translateY(-50%);\r\n             border: none;\r\n             text-align: center;\r\n             background-color: transparent;\r\n             color: $header-search-icon-color; \r\n             i{\r\n                 display: flex;\r\n             }\r\n             &:focus {\r\n                 outline: none; \r\n             }\r\n         }\r\n     }\r\n     \r\n        \r\n     .input.form-control::-webkit-input-placeholder {\r\n         color: $header-search-placeholder-color;\r\n     }\r\n     \r\n     input.form-control:-moz-placeholder {\r\n         color: $header-search-placeholder-color;\r\n     }\r\n     \r\n     input.form-control::-moz-placeholder {\r\n         color: $header-search-placeholder-color;\r\n     }\r\n     \r\n     input.form-control:-ms-input-placeholder {\r\n         color: $header-search-placeholder-color;\r\n     }\r\n } \r\n \r\n \r\n \r\n \r\n \r\n @media (max-width: 1316.98px) {\r\n     .topbar{\r\n         position: fixed;\r\n     }\r\n     .page-wrapper {\r\n         .page-content{\r\n             margin-top: $header-height;\r\n         }\r\n     }\r\n }\r\n \r\n @media (max-width: 1024px) {\r\n   .topbar {\r\n       .app-search {\r\n           .form-control,\r\n           .form-control:focus{\r\n               width: 230px;\r\n           }  \r\n       }\r\n   }   \r\n }\r\n \r\n @media (max-width: 768px) and (max-width: 1023.98px){\r\n   .app-search{\r\n       display: none;\r\n   }\r\n }\r\n \r\n @media (max-width: 767px){\r\n   .app-search,\r\n   .hidden-sm {\r\n       display: none;\r\n   }\r\n }\r\n \r\n @media (max-width: 375px){\r\n   \r\n   .page-title-box {\r\n       .breadcrumb{\r\n           display: none;\r\n       }\r\n   }\r\n }\r\n \r\n body{\r\n    &.dark-topbar{\r\n        .navbar-custom,        \r\n        .topbar{\r\n            background-color: $header-dark-bg;            \r\n        }\r\n        .left-sidebar{\r\n            .brand{\r\n                background-color: $header-dark-bg;\r\n                border-right: 1px solid lighten($brand-dark-border, 3%);\r\n                .logo {\r\n                    .logo-lg {\r\n                        display: $brand-light;\r\n                        &.logo-light{\r\n                          display: $brand-dark;\r\n                      }\r\n                    }  \r\n                }\r\n            }\r\n        }\r\n        \r\n        .navbar-custom .nav-link.nav-icon i{\r\n            color: $header-icon-dark-color;\r\n        }\r\n        .navbar-custom .nav-link.nav-icon{\r\n            background-color: $header-icon-dark-bg;\r\n        }\r\n        .navbar-custom .nav-link{\r\n            color: $header-item-dark-color;\r\n        }\r\n        .app-search {\r\n            form {\r\n                .form-control,\r\n                .form-control:focus{\r\n                    color: $header-search-dark-color;\r\n                    background: $header-search-dark-bg;\r\n                }\r\n            }\r\n        } \r\n    }\r\n}","@charset \"UTF-8\";\n/*\nTemplate Name: Unikit - Admin & Dashboard Template\nAuthor: Mannatthemes\nVersion: 1.0\nFile: App Css\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\");\n/*\nTemplate Name: Unikit - Admin & Dashboard Template\nAuthor: Mannatthemes\nFile: Topbar\n*/\n.topbar {\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 999;\n}\n\n.navbar-custom {\n  background: #ffffff;\n  min-height: 60px;\n  position: relative;\n  border-bottom: 1px solid #eceff5;\n  margin-left: 260px;\n  box-shadow: 2px 1px 3px 0 rgba(34, 41, 47, 0.1);\n}\n.navbar-custom .nav-link {\n  padding: 0;\n  color: #384a65;\n  margin: 0 8px;\n}\n.navbar-custom .nav-link.nav-icon {\n  width: 36px;\n  height: 36px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 5px;\n  background-color: #f5f5f9;\n  box-shadow: 2px 1px 3px 0 rgba(34, 41, 47, 0.1);\n}\n.navbar-custom .nav-link.nav-icon i {\n  font-size: 20px;\n  padding-bottom: 2px;\n  color: #384a65;\n}\n.navbar-custom .dropdown-toggle:after {\n  content: initial;\n}\n.navbar-custom .topbar-nav {\n  height: 60px;\n  display: flex;\n  align-items: center;\n}\n.navbar-custom .topbar-nav li {\n  float: left;\n}\n.navbar-custom .topbar-nav li.show .nav-link {\n  background-color: white;\n  color: #000444;\n}\n.navbar-custom .topbar-nav li:last-child {\n  margin-right: 8px;\n}\n.navbar-custom .topbar-nav li:first-child {\n  margin-left: 8px;\n}\n\n.button-menu-mobile {\n  border: none;\n  color: #384a65 !important;\n  width: 60px;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.nav-user .nav-user-name {\n  vertical-align: middle;\n}\n\n/* Notification */\n.notification-list .notification-menu {\n  max-height: 220px;\n  margin-left: 0;\n}\n.notification-list .alert-badge::after {\n  content: \"\";\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 5px;\n  right: 15px;\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n  background-color: #ef4d56;\n}\n\n.app-search {\n  position: relative;\n  margin: 0;\n}\n.app-search form {\n  position: relative;\n  z-index: 1;\n}\n.app-search form .form-control,\n.app-search form .form-control:focus {\n  border: 1px solid transparent;\n  font-size: 13px;\n  height: 34px;\n  color: #696c71;\n  background: #ffffff;\n  box-shadow: none;\n  border: none;\n  width: 300px;\n  border-radius: 5px;\n  padding-left: 38px;\n}\n.app-search form button {\n  position: absolute;\n  width: 30px;\n  height: 30px;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  border: none;\n  text-align: center;\n  background-color: transparent;\n  color: #748aa9;\n}\n.app-search form button i {\n  display: flex;\n}\n.app-search form button:focus {\n  outline: none;\n}\n.app-search .input.form-control::-webkit-input-placeholder {\n  color: #98a9d9;\n}\n.app-search input.form-control:-moz-placeholder {\n  color: #98a9d9;\n}\n.app-search input.form-control::-moz-placeholder {\n  color: #98a9d9;\n}\n.app-search input.form-control:-ms-input-placeholder {\n  color: #98a9d9;\n}\n\n@media (max-width: 1316.98px) {\n  .topbar {\n    position: fixed;\n  }\n\n  .page-wrapper .page-content {\n    margin-top: 60px;\n  }\n}\n@media (max-width: 1024px) {\n  .topbar .app-search .form-control,\n.topbar .app-search .form-control:focus {\n    width: 230px;\n  }\n}\n@media (max-width: 768px) and (max-width: 1023.98px) {\n  .app-search {\n    display: none;\n  }\n}\n@media (max-width: 767px) {\n  .app-search,\n.hidden-sm {\n    display: none;\n  }\n}\n@media (max-width: 375px) {\n  .page-title-box .breadcrumb {\n    display: none;\n  }\n}\nbody.dark-topbar .navbar-custom,\nbody.dark-topbar .topbar {\n  background-color: #292e40;\n}\nbody.dark-topbar .left-sidebar .brand {\n  background-color: #292e40;\n  border-right: 1px solid #2f3549;\n}\nbody.dark-topbar .left-sidebar .brand .logo .logo-lg {\n  display: none;\n}\nbody.dark-topbar .left-sidebar .brand .logo .logo-lg.logo-light {\n  display: inline-block;\n}\nbody.dark-topbar .navbar-custom .nav-link.nav-icon i {\n  color: #abb4c7;\n}\nbody.dark-topbar .navbar-custom .nav-link.nav-icon {\n  background-color: #32384c;\n}\nbody.dark-topbar .navbar-custom .nav-link {\n  color: #c2cbe2;\n}\nbody.dark-topbar .app-search form .form-control,\nbody.dark-topbar .app-search form .form-control:focus {\n  color: #c2cbe2;\n  background: #343c50;\n}\n\n/*\nTemplate Name:Unikit - Admin & Dashboard Template\nAuthor: Mannatthemes\nFile: footer Css\n*/\n.footer {\n  bottom: 0;\n  padding: 16px;\n  position: absolute;\n  right: 0;\n  left: 0;\n  color: #7081b9;\n  border-top: 1px solid #eceff5;\n}\n\n/*\nTemplate Name: Unikit - Admin & Dashboard Template\nAuthor: Mannatthemes\nFile: Leftbar\n*/\n.left-sidebar {\n  min-width: 260px;\n  max-width: 260px;\n  background-color: #ffffff;\n  min-height: 100vh;\n  transition: 0.3s;\n  position: fixed;\n  bottom: 0;\n  top: 0;\n  z-index: 1001;\n}\n.left-sidebar .brand {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eceff5;\n  border-right: 1px solid #eceff5;\n  text-align: center;\n}\n.left-sidebar .brand .logo {\n  line-height: 60px;\n}\n.left-sidebar .brand .logo .logo-sm {\n  height: 24px;\n}\n.left-sidebar .brand .logo .logo-lg {\n  height: 15px;\n  margin-left: 2px;\n  display: inline-block;\n}\n.left-sidebar .brand .logo .logo-light {\n  display: none;\n}\n.left-sidebar .nav.nav-tabs {\n  border-bottom: 1px solid transparent;\n  background-color: #f5f5f9;\n  padding: 5px;\n}\n.left-sidebar .nav.nav-tabs.menu-tab .nav-item.show.active, .left-sidebar .nav.nav-tabs.menu-tab .nav-item.show:hover, .left-sidebar .nav.nav-tabs.menu-tab .nav-item.show:focus {\n  color: #ffffff;\n  background-color: #5592f6;\n  border-color: transparent transparent transparent;\n}\n.left-sidebar .nav.nav-tabs.menu-tab .nav-link {\n  color: #5a5c61;\n  padding: 0.2rem 0.5rem;\n  border-radius: 5px;\n}\n.left-sidebar .nav.nav-tabs.menu-tab .nav-link.active, .left-sidebar .nav.nav-tabs.menu-tab .nav-link:hover, .left-sidebar .nav.nav-tabs.menu-tab .nav-link:focus {\n  color: #ffffff;\n  background-color: #5592f6;\n  border-color: transparent transparent transparent;\n}\n.left-sidebar .menu-content {\n  padding-bottom: 240px;\n  box-shadow: 0 1px 3px 0 rgba(34, 41, 47, 0.1);\n  border-right: 1px solid #eceff5;\n}\n.left-sidebar .menu-body {\n  padding: 16px;\n}\n.left-sidebar .menu-body .nav-item {\n  position: relative;\n  display: block;\n}\n.left-sidebar .menu-body .nav-item.menuitem-active .nav-link.active {\n  color: #303e67;\n  background-color: rgba(204, 209, 224, 0.08);\n}\n.left-sidebar .menu-body .nav-item.menuitem-active .nav-link.active .menu-icon {\n  color: #ccd1e0;\n}\n.left-sidebar .menu-body .nav-item .nav-link {\n  position: relative;\n  color: #5a5c61;\n  font-size: 13px;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  height: 42px;\n  border-radius: 3px;\n  padding: 10px;\n  margin-top: 2px;\n}\n.left-sidebar .menu-body .nav-item .nav-link .menu-icon {\n  color: #1f2538;\n  margin-right: 6px;\n  font-size: 20px;\n}\n.left-sidebar .menu-body .nav-item .nav-link.active i, .left-sidebar .menu-body .nav-item .nav-link.active {\n  color: #2a76f4;\n}\n.left-sidebar .navbar-vertical .navbar-nav {\n  padding-left: 0;\n}\n.left-sidebar .navbar-vertical .navbar-nav .menu-label {\n  text-transform: uppercase;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.5px;\n  color: #8491b7;\n  padding: 20px 8px;\n}\n.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {\n  display: block;\n  content: \"\\f105\";\n  font-family: \"Line Awesome Free\";\n  font-weight: 900;\n  margin-left: auto;\n  transition: transform 0.2s;\n}\n.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {\n  color: #ffffff;\n  background: linear-gradient(14deg, #2a76f4 0%, rgba(42, 118, 244, 0.6));\n  box-shadow: 0 5px 10px 0 rgba(42, 118, 244, 0.5);\n}\n.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {\n  transform: rotate(90deg);\n}\n.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .menu-icon {\n  color: #ffffff;\n}\n.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav {\n  padding: 0 0 0 10px;\n}\n.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link:before {\n  content: \"\";\n  position: absolute;\n  left: 12px;\n  width: 4px;\n  height: 4px;\n  border: 1px solid #8997bd;\n  border-radius: 50%;\n  background: rgba(48, 62, 103, 0.2);\n}\n.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link.active:before {\n  content: \"\";\n  border: none;\n  background: #557ef8;\n}\n\n.navbar-custom .responsive-logo {\n  display: none;\n}\n\n.page-wrapper {\n  flex: 1;\n  display: flex;\n}\n.page-wrapper .page-content-tab {\n  width: calc(100% - 260px);\n  margin-left: auto;\n  position: relative;\n  min-height: calc(100vh - 60px);\n  padding: 0 8px 52px 8px;\n  margin-top: 60px;\n}\n\n.sidebar-user-pro {\n  padding: 20px 16px;\n}\n.sidebar-user-pro .user-detail p,\n.sidebar-user-pro .user-detail h5 {\n  color: #ffffff;\n}\n\n.update-msg {\n  border-radius: 5px;\n  padding: 12px 12px;\n  position: relative;\n  background-color: #2f3549;\n}\n.update-msg h5 {\n  color: #f1f5fa;\n}\n.update-msg p {\n  color: #8997bd;\n  font-weight: 400;\n}\n\n.enlarge-menu .left-sidebar {\n  min-width: 60px;\n}\n.enlarge-menu .left-sidebar .brand .logo .logo-lg {\n  display: inline-block;\n}\n.enlarge-menu .left-sidebar .brand .logo .logo-lg {\n  display: none;\n}\n.enlarge-menu .left-sidebar .update-msg {\n  display: none;\n}\n.enlarge-menu .left-sidebar .sidebar-user-pro {\n  padding: 20px 0;\n}\n.enlarge-menu .left-sidebar .sidebar-user-pro .user-detail {\n  display: none;\n}\n.enlarge-menu .left-sidebar .nav.nav-tabs.menu-tab .nav-link {\n  padding: 0.2rem 0;\n}\n.enlarge-menu .left-sidebar .nav.nav-tabs.menu-tab .nav-link span {\n  display: none;\n}\n.enlarge-menu .left-sidebar .menu-body .nav-item .collapse.show {\n  display: none;\n}\n.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link {\n  padding: 0;\n}\n.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link .menu-icon {\n  margin: 0 auto;\n}\n.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link span {\n  display: none;\n}\n.enlarge-menu .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {\n  display: none;\n}\n.enlarge-menu .left-sidebar .menu-label {\n  border: 1px solid #eceff5;\n  border-radius: 5px;\n}\n.enlarge-menu .left-sidebar .menu-label span {\n  display: none;\n}\n.enlarge-menu .left-sidebar:hover {\n  min-width: 260px;\n}\n.enlarge-menu .left-sidebar:hover .brand .logo .logo-lg {\n  display: inline-block;\n}\n.enlarge-menu .left-sidebar:hover .brand .logo .logo-light {\n  display: none;\n}\n.enlarge-menu .left-sidebar:hover .update-msg {\n  display: block;\n}\n.enlarge-menu .left-sidebar:hover .sidebar-user-pro {\n  padding: 16px;\n}\n.enlarge-menu .left-sidebar:hover .sidebar-user-pro .user-detail {\n  display: inline-block;\n}\n.enlarge-menu .left-sidebar:hover .nav.nav-tabs.menu-tab .nav-link {\n  padding: 0.2rem 0.5rem;\n}\n.enlarge-menu .left-sidebar:hover .nav.nav-tabs.menu-tab .nav-link span {\n  display: inline-block;\n}\n.enlarge-menu .left-sidebar:hover .menu-body .nav-item .collapse.show {\n  display: block;\n}\n.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link {\n  padding: 10px;\n}\n.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link .menu-icon {\n  margin: 0;\n  margin-right: 6px;\n}\n.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link span {\n  display: block;\n}\n.enlarge-menu .left-sidebar:hover .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {\n  display: block;\n}\n.enlarge-menu .left-sidebar:hover .menu-label {\n  border: none;\n}\n.enlarge-menu .left-sidebar:hover .menu-label span {\n  display: inline-block;\n}\n.enlarge-menu .topbar .navbar-custom {\n  margin-left: 60px;\n}\n.enlarge-menu .topbar .topbar-left {\n  margin-left: 0;\n  width: 260px;\n}\n.enlarge-menu.enlarge-menu-all .left-sidebar {\n  display: none;\n}\n.enlarge-menu.enlarge-menu-all .topbar .topbar-left {\n  margin-left: 0;\n  width: 260px;\n}\n.enlarge-menu.enlarge-menu-all .topbar .navbar-custom {\n  margin-left: 0;\n}\n.enlarge-menu .page-content-tab {\n  width: calc(100% - 60px);\n}\n\n@media (max-width: 1199.98px) {\n  .page-wrapper .page-content-tab {\n    width: calc(100% - 60px);\n  }\n}\n@media (max-width: 1023.98px) {\n  .left-sidebar {\n    position: fixed;\n    top: 60px;\n    overflow-y: auto;\n    z-index: 5;\n    bottom: 0;\n  }\n\n  .navbar-custom {\n    margin-left: 60px;\n  }\n  .navbar-custom .responsive-logo {\n    display: flex;\n    padding-left: 10px;\n  }\n\n  .page-content-tab {\n    min-height: 100vh;\n    width: 100%;\n  }\n\n  .enlarge-menu .topbar .topbar-left {\n    margin-left: 0;\n    width: 60px !important;\n  }\n  .enlarge-menu .page-content-tab {\n    width: 100%;\n  }\n\n  .enlarge-menu-all .topbar .navbar-custom {\n    margin-left: 0;\n  }\n  .enlarge-menu-all .page-content-tab {\n    width: 100%;\n  }\n}\n@media (min-width: 768px) {\n  .navbar-collapse {\n    display: block !important;\n  }\n\n  .navbar-vertical .navbar-nav .nav .nav-link {\n    padding-left: 28px !important;\n  }\n}\n@media (max-width: 767.98px) {\n  .navbar-collapse {\n    display: block;\n  }\n\n  .navbar-vertical .navbar-nav .nav .nav-link {\n    padding-left: 1rem;\n  }\n}\n@media (min-width: 680px) {\n  .page-wrapper {\n    display: flex;\n  }\n}\nbody.dark-sidebar .left-sidebar {\n  background-color: #292e40;\n}\nbody.dark-sidebar .left-sidebar .brand {\n  background-color: #292e40;\n  border-bottom: 1px solid #2f3549;\n}\nbody.dark-sidebar .left-sidebar .brand .logo .logo-lg {\n  display: none;\n}\nbody.dark-sidebar .left-sidebar .brand .logo .logo-light {\n  display: inline-block;\n}\nbody.dark-sidebar .left-sidebar .menu-body .nav-item .nav-link {\n  color: #9da2af;\n}\nbody.dark-sidebar .left-sidebar .menu-body .nav-item .nav-link.active {\n  color: #ccd1e0;\n}\nbody.dark-sidebar .left-sidebar .menu-body .nav-item .nav-link .menu-icon {\n  color: #545d7b;\n}\nbody.dark-sidebar .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {\n  color: #ccd1e0;\n  background-color: rgba(204, 209, 224, 0.08);\n}\nbody.dark-sidebar .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .menu-icon {\n  color: #ccd1e0;\n}\nbody.dark-sidebar .left-sidebar .sidebar-user-pro {\n  padding: 20px 16px;\n}\nbody.dark-sidebar .left-sidebar .sidebar-user-pro .user-detail p,\nbody.dark-sidebar .left-sidebar .sidebar-user-pro .user-detail h5 {\n  color: #ccd1e0;\n}\nbody.dark-sidebar .left-sidebar .nav.nav-tabs {\n  background-color: #2f3648;\n}\nbody.dark-sidebar .left-sidebar .nav.nav-tabs.menu-tab .nav-item.show.active, body.dark-sidebar .left-sidebar .nav.nav-tabs.menu-tab .nav-item.show:hover, body.dark-sidebar .left-sidebar .nav.nav-tabs.menu-tab .nav-item.show:focus {\n  color: #ccd1e0;\n  background-color: #0f172a;\n  border-color: transparent transparent transparent;\n}\nbody.dark-sidebar .left-sidebar .nav.nav-tabs.menu-tab .nav-link {\n  color: #9da2af;\n}\nbody.dark-sidebar .left-sidebar .nav.nav-tabs.menu-tab .nav-link.active, body.dark-sidebar .left-sidebar .nav.nav-tabs.menu-tab .nav-link:hover, body.dark-sidebar .left-sidebar .nav.nav-tabs.menu-tab .nav-link:focus {\n  color: #ccd1e0;\n  background-color: #0f172a;\n  border-color: transparent transparent transparent;\n}\nbody.dark-sidebar.enlarge-menu .left-sidebar .brand .logo .logo-lg {\n  display: none;\n}\nbody.dark-sidebar.enlarge-menu .left-sidebar .menu-label {\n  border: 1px solid rgba(204, 209, 224, 0.05);\n}\nbody.dark-sidebar.enlarge-menu .left-sidebar:hover .brand .logo .logo-lg {\n  display: none;\n}\nbody.dark-sidebar.enlarge-menu .left-sidebar:hover .brand .logo .logo-light {\n  display: inline-block;\n}\nbody.dark-sidebar.enlarge-menu .left-sidebar .sidebar-user-pro {\n  padding: 20px 0;\n}\nbody.dark-sidebar.enlarge-menu .left-sidebar:hover .menu-label {\n  border: 1px solid transparent;\n}\nbody.dark-sidebar.enlarge-menu .left-sidebar:hover .sidebar-user-pro {\n  padding: 20px 16px;\n}\n\n/*\nTemplate Name: Unikit - Admin & Dashboard Template\nAuthor: Mannatthemes\nFile: Horizontal-nav\n*/\n[data-layout=horizontal] {\n  display: inherit;\n}\n[data-layout=horizontal] .topbar {\n  background-color: #ffffff;\n  display: flex;\n  border-bottom: 1px solid #eceff5;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 999;\n}\n[data-layout=horizontal] .topbar .brand {\n  text-align: center;\n  height: 60px;\n  width: 160px;\n  background-color: #ffffff;\n  border-bottom: none;\n  box-shadow: 2px 1px 3px 0 rgba(34, 41, 47, 0.1);\n}\n[data-layout=horizontal] .topbar .brand .logo {\n  line-height: 60px;\n}\n[data-layout=horizontal] .topbar .brand .logo .logo-sm {\n  height: 30px;\n}\n[data-layout=horizontal] .topbar .brand .logo .logo-lg {\n  height: 16px;\n  display: inline-block;\n}\n[data-layout=horizontal] .topbar .brand .logo .logo-lg.logo-light {\n  display: none;\n}\n[data-layout=horizontal] .topbar .navbar-custom {\n  margin-left: 0;\n  width: 100%;\n  border-bottom: none;\n}\n[data-layout=horizontal] .topbar .navbar-custom .navbar-custom-menu {\n  min-height: 60px;\n  display: flex;\n  align-items: center;\n}\n[data-layout=horizontal] .page-wrapper {\n  margin: 0 auto;\n  width: 1380px;\n  padding-top: 60px;\n}\n[data-layout=horizontal] .page-wrapper .page-content-tab {\n  margin-left: 0;\n  width: 100%;\n  margin-top: 0;\n}\n[data-layout=horizontal] .app-search-topbar form {\n  position: relative;\n  z-index: 1;\n}\n[data-layout=horizontal] .app-search-topbar button {\n  position: absolute;\n  width: 30px;\n  height: 30px;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  border: none;\n  text-align: center;\n  background-color: transparent;\n  color: #384a65;\n}\n[data-layout=horizontal] .app-search-topbar button i {\n  display: flex;\n}\n[data-layout=horizontal] .app-search-topbar button:focus {\n  outline: none;\n}\n[data-layout=horizontal] .app-search-topbar input {\n  width: 100%;\n  height: 56px;\n  border: none;\n  font-size: 12px;\n  border-radius: 4px;\n  padding-left: 54px;\n  padding-right: 15px;\n  background-color: #ffffff;\n  color: #000444;\n}\n[data-layout=horizontal] .app-search-topbar input:focus {\n  box-shadow: none;\n  outline: none !important;\n}\n\n.navbar-custom-menu .navigation-menu .nav-item.active a {\n  color: #2f6bf9;\n}\n.navbar-custom-menu .navigation-menu .nav-item.active a i {\n  color: #2f6bf9;\n}\n.navbar-custom-menu .navigation-menu .nav-item.active .dropdown-menu li.active > a {\n  color: #2f6bf9;\n}\n.navbar-custom-menu .navigation-menu .nav-item .nav-link {\n  font-weight: 500;\n  font-size: 14px;\n}\n.navbar-custom-menu .navigation-menu .nav-item .nav-link:hover {\n  color: #2f6bf9;\n}\n.navbar-custom-menu .navigation-menu .nav-item .nav-link.active {\n  color: #2f6bf9;\n}\n.navbar-custom-menu .navigation-menu .nav-item .nav-link.active .menu-icon {\n  color: #2f6bf9;\n}\n.navbar-custom-menu .dropdown {\n  position: relative;\n}\n.navbar-custom-menu .dropdown .dropdown-toggle:after {\n  display: block;\n  content: \"\\f107\";\n  font-family: \"Line Awesome Free\";\n  font-weight: 900;\n  color: #1f2538;\n  border: none;\n  font-size: 12px;\n  margin-left: 0.255em;\n  float: right;\n}\n.navbar-custom-menu .dropdown .nav-link.dropdown-toggle:after {\n  content: \"\\f107\";\n  font-family: \"Line Awesome Free\";\n  position: relative;\n  top: 2px;\n}\n.navbar-custom-menu .dropdown .nav-link.dropdown-toggle.arrow-none:after {\n  display: none;\n}\n.navbar-custom-menu .dropdown .nav-link.active.dropdown-toggle:after {\n  content: \"\\f107\";\n  color: #2f6bf9;\n}\n.navbar-custom-menu .dropdown .dropdown-menu {\n  margin: 1.125rem 0;\n  line-height: 1.2rem;\n  min-width: 12rem;\n  box-shadow: 0 3px 12px rgba(214, 228, 241, 0.3);\n  border-radius: 0.5rem;\n  top: 100% !important;\n}\n.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item {\n  position: relative;\n  line-height: 26px;\n  color: #384a65;\n}\n.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item.active {\n  color: #557ef8;\n  text-decoration: none;\n  background-color: rgba(85, 126, 248, 0.04);\n}\n.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:last-child {\n  border-bottom: 0;\n}\n.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus {\n  background-color: rgba(85, 126, 248, 0.04);\n  color: #557ef8;\n  border-radius: 0;\n}\n.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus .dropdown-toggle:after {\n  color: #557ef8;\n}\n.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus:hover {\n  color: #2f6bf9;\n  text-decoration: none;\n  background-color: rgba(85, 126, 248, 0.04);\n  border-radius: 0;\n}\n.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus:active {\n  color: #557ef8;\n  text-decoration: none;\n  background-color: rgba(85, 126, 248, 0.04);\n  border-radius: 0.25rem;\n}\n.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:hover {\n  color: #2f6bf9;\n  text-decoration: none;\n  background-color: rgba(85, 126, 248, 0.04);\n  border-radius: 0;\n}\n.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:hover.dropdown-toggle:after {\n  color: #2f6bf9;\n}\n.navbar-custom-menu .dropdown .dropdown-menu .dropdown-submenu a:after {\n  transform: rotate(-90deg);\n  right: 1rem;\n}\n.navbar-custom-menu .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu {\n  top: -18px !important;\n  left: 100%;\n  box-shadow: 0 3px 12px rgba(214, 228, 241, 0.3);\n  min-width: 12rem;\n  border-radius: 0.5rem;\n}\n.navbar-custom-menu .dropdown .dropdown-menu.dropdown-menu-md {\n  min-width: 17rem !important;\n  border-radius: 0.5rem;\n}\n.navbar-custom-menu .dropdown .dropdown-menu.dropdown-menu-xl {\n  min-width: 24rem !important;\n  border-radius: 0.5rem;\n}\n\n.navbar-toggle {\n  border: 0;\n  position: relative;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n}\n.navbar-toggle:hover {\n  background-color: transparent;\n}\n.navbar-toggle:hover span {\n  background-color: #7081b9;\n}\n.navbar-toggle .lines {\n  width: 20px;\n  display: block;\n  position: relative;\n  padding-top: 24px;\n  height: 60px;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.navbar-toggle span {\n  height: 2px;\n  width: 100%;\n  background-color: #7081b9;\n  display: block;\n  margin-bottom: 4px;\n  transition: transform 0.5s ease;\n}\n.navbar-toggle.open span {\n  position: absolute;\n}\n.navbar-toggle.open span:first-child {\n  top: 30px;\n  transform: rotate(45deg);\n  background-color: #7081b9;\n}\n.navbar-toggle.open span:nth-child(2) {\n  visibility: hidden;\n}\n.navbar-toggle.open span:last-child {\n  width: 100%;\n  top: 30px;\n  transform: rotate(-45deg);\n}\n\n.navigation-menu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: inline-block;\n}\n.navigation-menu > li {\n  display: inline-block;\n  position: relative;\n}\n.navigation-menu > li a {\n  display: block;\n  font-size: 13px;\n  transition: all 0.1s ease;\n  line-height: 18px;\n}\n.navigation-menu > li a .menu-icon {\n  display: inline-block;\n  font-size: 20px;\n  margin-right: 8px;\n  transition: all 0.1s ease;\n  vertical-align: text-bottom;\n  color: #1f2538;\n}\n\n@media (max-width: 1499.98px) {\n  body[data-layout=horizontal] {\n    display: flex;\n  }\n  body[data-layout=horizontal] .page-wrapper {\n    width: 100%;\n  }\n  body[data-layout=horizontal] .page-wrapper .page-content {\n    min-height: calc(100vh - 60px);\n    margin-top: 0;\n  }\n}\n@media (max-width: 1200px) {\n  body[data-layout=horizontal] .navbar-custom-menu .navigation-menu .nav-item .nav-link {\n    padding: 5px 0;\n  }\n  body[data-layout=horizontal] .topbar .brand {\n    width: 60px !important;\n    position: fixed;\n    z-index: 1;\n  }\n  body[data-layout=horizontal] .topbar .brand .logo .logo-lg {\n    display: none !important;\n  }\n  body[data-layout=horizontal] .topbar .navigation-menu {\n    margin-left: 60px;\n  }\n}\n@media (max-width: 1024px) {\n  body[data-layout=horizontal] {\n    display: flex;\n  }\n  body[data-layout=horizontal] .page-wrapper {\n    width: 100%;\n  }\n}\n@media (min-width: 992px) {\n  .topbar .navigation-menu > li > a {\n    display: flex;\n    align-items: center;\n    color: #384a65;\n    min-height: 60px;\n    font-weight: 500;\n  }\n  .topbar .navigation-menu > li > a span {\n    vertical-align: middle;\n    padding: 4px;\n    border-radius: 4px;\n  }\n  .topbar .navigation-menu > li > a span menu-icon {\n    color: #8997bd;\n    font-size: 20px;\n  }\n  .topbar .navigation-menu > li:hover a {\n    color: #2f6bf9;\n  }\n  .topbar .navigation-menu > li:hover a i {\n    color: #2f6bf9;\n  }\n  .topbar .navigation-menu > li.active {\n    border-bottom: 1px solid #557ef8;\n  }\n  .topbar .navbar-toggle {\n    display: none;\n  }\n  .topbar #navigation {\n    display: block;\n  }\n\n  .animate {\n    animation-duration: 0.3s;\n    animation-fill-mode: both;\n  }\n\n  .navbar-custom-menu .dropdown .dropdown-submenu:hover > .dropdown-menu {\n    display: block;\n  }\n}\n@media (max-width: 991px) {\n  body[data-layout=horizontal] .page-wrapper {\n    width: 100%;\n  }\n\n  .topbar .navigation-menu {\n    float: none;\n    max-height: 400px;\n    text-align: left;\n    width: 100%;\n    margin-left: 0 !important;\n  }\n  .topbar .navigation-menu > li {\n    display: block;\n  }\n  .topbar .navigation-menu > li > a {\n    color: #1f2538;\n    padding: 15px;\n    font-size: 13px;\n  }\n  .topbar .navigation-menu > li > a:after {\n    position: absolute;\n    right: 15px;\n  }\n  .topbar .navigation-menu > li > a:hover {\n    color: #557ef8;\n  }\n  .topbar .navbar-header {\n    float: left;\n  }\n\n  #navigation {\n    position: absolute;\n    top: 60px;\n    left: 0;\n    right: 0;\n    display: none;\n    height: auto;\n    max-height: 500px;\n    padding: 8px;\n    overflow: auto;\n    background-color: #ffffff;\n    z-index: 1000;\n    box-shadow: 0px 1px 3px 1.25px rgba(137, 151, 189, 0.3);\n  }\n\n  #navigation.open {\n    display: block;\n    overflow-y: auto;\n  }\n\n  .navbar-custom-menu {\n    min-height: 0;\n  }\n\n  .topbar .navigation-menu {\n    margin-left: 0;\n  }\n  .topbar .navigation-menu .dropdown-menu {\n    margin: 0;\n  }\n  .topbar .navigation-menu .dropdown-menu .dropdown-submenu .dropdown-menu {\n    box-shadow: none;\n    margin: 0;\n  }\n  .topbar .navigation-menu .nav-item .nav-link {\n    padding: 0.5rem 0 !important;\n    border-bottom: 1px solid #eceff5;\n  }\n  .topbar .navigation-menu .nav-item .dropdown-menu {\n    position: static !important;\n    margin: 0;\n    transform: none !important;\n  }\n  .topbar .navigation-menu .nav-item .dropdown-menu .dropdown-submenu .dropdown-menu {\n    box-shadow: none;\n    margin: 0;\n  }\n\n  .dark-topbar .topbar .navigation-menu > li > a {\n    color: #384a65 !important;\n  }\n}\n@media (min-width: 768px) {\n  .navbar-toggle {\n    display: block;\n  }\n}\n@media (max-width: 1129.98px) {\n  .topbar .nav-user .user-name {\n    display: none;\n  }\n}\n@media (max-width: 767.98px) {\n  .topbar .brand {\n    margin-right: 0;\n  }\n  .topbar .brand .logo .logo-sm {\n    height: 32px;\n  }\n  .topbar .brand .logo .logo-lg {\n    display: none;\n  }\n\n  .page-content {\n    width: 100%;\n    margin-top: 0;\n    min-height: 100vh;\n    padding: 0 0 60px 0;\n  }\n\n  .hide-phone {\n    display: none;\n  }\n}\n@media (max-width: 767px) {\n  .page-title-box .breadcrumb {\n    display: none;\n  }\n}\n@media (max-width: 620px) {\n  .logo-large {\n    display: none;\n  }\n\n  .logo-small {\n    display: inline-block !important;\n  }\n}\n@keyframes slideIn {\n  0% {\n    transform: translateY(1rem);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0rem);\n    opacity: 1;\n  }\n  0% {\n    transform: translateY(1rem);\n    opacity: 0;\n  }\n}\n@-webkit-keyframes slideIn {\n  0% {\n    -webkit-transform: transform;\n    -webkit-opacity: 0;\n  }\n  100% {\n    -webkit-transform: translateY(0);\n    -webkit-opacity: 1;\n  }\n  0% {\n    -webkit-transform: translateY(1rem);\n    -webkit-opacity: 0;\n  }\n}\n.slideIn {\n  -webkit-animation-name: slideIn;\n  animation-name: slideIn;\n}\n\nbody[data-layout=horizontal].dark-topbar .navbar-custom,\nbody[data-layout=horizontal].dark-topbar .topbar {\n  background-color: #292e40;\n}\nbody[data-layout=horizontal].dark-topbar .navbar-custom .brand,\nbody[data-layout=horizontal].dark-topbar .topbar .brand {\n  background-color: #292e40;\n}\nbody[data-layout=horizontal].dark-topbar .navbar-custom .brand .logo .logo-lg,\nbody[data-layout=horizontal].dark-topbar .topbar .brand .logo .logo-lg {\n  display: none;\n}\nbody[data-layout=horizontal].dark-topbar .navbar-custom .brand .logo .logo-lg.logo-light,\nbody[data-layout=horizontal].dark-topbar .topbar .brand .logo .logo-lg.logo-light {\n  display: inline-block;\n}\nbody[data-layout=horizontal].dark-topbar .navigation-menu > li a .menu-icon {\n  color: #566587;\n}\nbody[data-layout=horizontal].dark-topbar .topbar .navigation-menu > li > a {\n  color: #c2cbe2;\n}\nbody[data-layout=horizontal].dark-topbar .navbar-custom-menu .dropdown {\n  position: relative;\n}\nbody[data-layout=horizontal].dark-topbar .navbar-custom-menu .dropdown .dropdown-toggle:after {\n  color: #566587;\n}\nbody[data-layout=horizontal].dark-topbar .navbar-custom-menu .navigation-menu .nav-item .nav-link.active, body[data-layout=horizontal].dark-topbar .navbar-custom-menu .navigation-menu .nav-item .nav-link:hover {\n  color: #ffffff;\n}\nbody[data-layout=horizontal].dark-topbar .navbar-custom .nav-link.nav-icon i {\n  color: #abb4c7;\n}\nbody[data-layout=horizontal].dark-topbar .navbar-custom .nav-link.nav-icon {\n  background-color: #32384c;\n}\nbody[data-layout=horizontal].dark-topbar .navbar-custom .nav-link {\n  color: #c2cbe2;\n}\n\n/* =============\n   General\n============= */\nhtml {\n  position: relative;\n  min-height: 100%;\n}\n\nbody {\n  margin: 0;\n  overflow-x: hidden !important;\n  font-size: 0.8125rem;\n  background-color: #f5f5f9;\n  color: #000444;\n  letter-spacing: 0.1px;\n  line-height: 1.5;\n  position: relative;\n}\n\n.row > * {\n  position: relative;\n}\n\n.h1, .h2, .h3, .h4, .h5, .h6,\nh1, h2, h3, h4, h5, h6 {\n  color: #303e67;\n  margin: 10px 0;\n}\n\nh1 {\n  line-height: 43px;\n}\n\nh2 {\n  line-height: 35px;\n}\n\nh3 {\n  line-height: 30px;\n}\n\nh4 {\n  line-height: 22px;\n}\n\na {\n  font-family: \"Roboto\", sans-serif;\n  color: #303e67;\n  text-decoration: none;\n}\na:hover, a:active, a:focus {\n  outline: 0;\n  text-decoration: none;\n}\n\nhr {\n  background-color: #eceff5;\n  opacity: 1;\n}\n\n.o-1 {\n  opacity: 0.08;\n}\n\np {\n  line-height: 1.6;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 0.8125rem;\n  font-weight: 400;\n}\n\n.card-bg {\n  background-color: #ffffff;\n}\n\n* {\n  outline: none !important;\n}\n\nmark {\n  color: inherit;\n  padding: 0;\n  background: 0 0;\n  background-image: linear-gradient(120deg, rgba(255, 159, 67, 0.4) 0, rgba(255, 159, 67, 0.4) 100%);\n  background-repeat: no-repeat;\n  background-position: 0 80%;\n  position: relative;\n  background-size: 100% 0.3em;\n}\n\n.fw-semibold {\n  font-weight: 500 !important;\n}\n\n.nav.nav-pills {\n  background-color: #fbfbfb;\n}\n\n.media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n\n.divider-custom {\n  display: block;\n  text-align: center;\n  overflow: hidden;\n  margin: 1rem 0;\n}\n.divider-custom .divider-text {\n  position: relative;\n  display: inline-block;\n  font-size: 12px;\n  padding: 2px 6px;\n  color: #000444;\n  border: 1px dashed #eceff5;\n  border-radius: 30px;\n  font-family: \"Roboto\", sans-serif;\n}\n.divider-custom .divider-text:after {\n  left: 100%;\n}\n.divider-custom .divider-text:before {\n  right: 100%;\n}\n.divider-custom .divider-text:after,\n.divider-custom .divider-text:before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  width: 9999px;\n  border-top: 1px dashed #eceff5;\n}\n\n.ti-spin {\n  animation: 2s linear infinite spinner-border;\n}\n\n/*!\n * Waves v0.7.6\n * http://fian.my.id/Waves \n * \n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \n * Released under the MIT license \n * https://github.com/fians/Waves/blob/master/LICENSE */\n.waves-effect {\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n  overflow: hidden;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.waves-effect .waves-ripple {\n  position: absolute;\n  border-radius: 50%;\n  width: 100px;\n  height: 100px;\n  margin-top: -50px;\n  margin-left: -50px;\n  opacity: 0;\n  background: rgba(0, 0, 0, 0.2);\n  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  -webkit-transition: all 0.5s ease-out;\n  -moz-transition: all 0.5s ease-out;\n  -o-transition: all 0.5s ease-out;\n  transition: all 0.5s ease-out;\n  -webkit-transition-property: -webkit-transform, opacity;\n  -moz-transition-property: -moz-transform, opacity;\n  -o-transition-property: -o-transform, opacity;\n  transition-property: transform, opacity;\n  -webkit-transform: scale(0) translate(0, 0);\n  -moz-transform: scale(0) translate(0, 0);\n  -ms-transform: scale(0) translate(0, 0);\n  -o-transform: scale(0) translate(0, 0);\n  transform: scale(0) translate(0, 0);\n  pointer-events: none;\n}\n\n.waves-effect.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n}\n\n.waves-effect.waves-classic .waves-ripple {\n  background: rgba(0, 0, 0, 0.2);\n}\n\n.waves-effect.waves-classic.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n}\n\n.waves-notransition {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.waves-button,\n.waves-circle {\n  -webkit-transform: translateZ(0);\n  -moz-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  -o-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\n}\n\n.waves-button,\n.waves-button:hover,\n.waves-button:visited,\n.waves-button-input {\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  border: none;\n  outline: none;\n  color: inherit;\n  background-color: rgba(0, 0, 0, 0);\n  font-size: 1em;\n  line-height: 1em;\n  text-align: center;\n  text-decoration: none;\n  z-index: 1;\n}\n\n.waves-button {\n  padding: 0.85em 1.1em;\n  border-radius: 0.2em;\n}\n\n.waves-button-input {\n  margin: 0;\n  padding: 0.85em 1.1em;\n}\n\n.waves-input-wrapper {\n  border-radius: 0.2em;\n  vertical-align: bottom;\n}\n\n.waves-input-wrapper.waves-button {\n  padding: 0;\n}\n\n.waves-input-wrapper .waves-button-input {\n  position: relative;\n  top: 0;\n  left: 0;\n  z-index: 1;\n}\n\n.waves-circle {\n  text-align: center;\n  width: 2.5em;\n  height: 2.5em;\n  line-height: 2.5em;\n  border-radius: 50%;\n}\n\n.waves-float {\n  -webkit-mask-image: none;\n  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  -webkit-transition: all 300ms;\n  -moz-transition: all 300ms;\n  -o-transition: all 300ms;\n  transition: all 300ms;\n}\n\n.waves-float:active {\n  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\n  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\n}\n\n.waves-block {\n  display: block;\n}\n\n.waves-effect.waves-light .waves-ripple {\n  background-color: rgba(255, 255, 255, 0.4);\n}\n\n.waves-effect.waves-primary .waves-ripple {\n  background-color: rgba(85, 126, 248, 0.4);\n}\n\n.waves-effect.waves-success .waves-ripple {\n  background-color: rgba(34, 183, 131, 0.4);\n}\n\n.waves-effect.waves-info .waves-ripple {\n  background-color: rgba(65, 203, 216, 0.4);\n}\n\n.waves-effect.waves-warning .waves-ripple {\n  background-color: rgba(255, 159, 67, 0.4);\n}\n\n.waves-effect.waves-danger .waves-ripple {\n  background-color: rgba(239, 77, 86, 0.4);\n}\n\n.card {\n  margin-bottom: 16px;\n  background-color: #ffffff;\n  border: none;\n  box-shadow: 0 1px 3px 0 rgba(34, 41, 47, 0.1);\n}\n.card .card-header {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eceff5;\n}\n.card .card-header:first-child {\n  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;\n}\n.card .card-footer {\n  background-color: #ffffff;\n  border-top: 1px dashed #eceff5;\n}\n\n.card-title {\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 15px;\n  font-weight: 600;\n  margin: 0;\n  color: #303e67;\n}\n\n.badge.badge-dot:after {\n  position: absolute;\n  content: \"\";\n  right: 3px;\n  top: -13px;\n  transform: translateY(-50%);\n  display: inline-block;\n  height: 10px;\n  width: 10px;\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n}\n.badge.badge-dot.online:after {\n  background-color: #22b783;\n}\n.badge.badge-dot.offline:after {\n  background-color: #8997bd;\n}\n\n.badge.badge-soft-primary {\n  background-color: rgba(85, 126, 248, 0.15) !important;\n  color: #557ef8;\n  box-shadow: 0px 0px 13px 0px rgba(85, 126, 248, 0.05);\n}\n.badge.badge-outline-primary {\n  background-color: transparent !important;\n  color: #557ef8;\n  border: 1px solid #557ef8;\n}\n\n.badge.badge-soft-secondary {\n  background-color: rgba(112, 129, 185, 0.15) !important;\n  color: #7081b9;\n  box-shadow: 0px 0px 13px 0px rgba(112, 129, 185, 0.05);\n}\n.badge.badge-outline-secondary {\n  background-color: transparent !important;\n  color: #7081b9;\n  border: 1px solid #7081b9;\n}\n\n.badge.badge-soft-success {\n  background-color: rgba(34, 183, 131, 0.15) !important;\n  color: #22b783;\n  box-shadow: 0px 0px 13px 0px rgba(34, 183, 131, 0.05);\n}\n.badge.badge-outline-success {\n  background-color: transparent !important;\n  color: #22b783;\n  border: 1px solid #22b783;\n}\n\n.badge.badge-soft-info {\n  background-color: rgba(65, 203, 216, 0.15) !important;\n  color: #41cbd8;\n  box-shadow: 0px 0px 13px 0px rgba(65, 203, 216, 0.05);\n}\n.badge.badge-outline-info {\n  background-color: transparent !important;\n  color: #41cbd8;\n  border: 1px solid #41cbd8;\n}\n\n.badge.badge-soft-warning {\n  background-color: rgba(255, 159, 67, 0.15) !important;\n  color: #ff9f43;\n  box-shadow: 0px 0px 13px 0px rgba(255, 159, 67, 0.05);\n}\n.badge.badge-outline-warning {\n  background-color: transparent !important;\n  color: #ff9f43;\n  border: 1px solid #ff9f43;\n}\n\n.badge.badge-soft-danger {\n  background-color: rgba(239, 77, 86, 0.15) !important;\n  color: #ef4d56;\n  box-shadow: 0px 0px 13px 0px rgba(239, 77, 86, 0.05);\n}\n.badge.badge-outline-danger {\n  background-color: transparent !important;\n  color: #ef4d56;\n  border: 1px solid #ef4d56;\n}\n\n.badge.badge-soft-light {\n  background-color: rgba(250, 251, 251, 0.15) !important;\n  color: #fafbfb;\n  box-shadow: 0px 0px 13px 0px rgba(250, 251, 251, 0.05);\n}\n.badge.badge-outline-light {\n  background-color: transparent !important;\n  color: #fafbfb;\n  border: 1px solid #fafbfb;\n}\n\n.badge.badge-soft-dark {\n  background-color: rgba(0, 4, 68, 0.15) !important;\n  color: #000444;\n  box-shadow: 0px 0px 13px 0px rgba(0, 4, 68, 0.05);\n}\n.badge.badge-outline-dark {\n  background-color: transparent !important;\n  color: #000444;\n  border: 1px solid #000444;\n}\n\n.badge.badge-soft-pink {\n  background-color: rgba(253, 60, 151, 0.15) !important;\n  color: #fd3c97;\n  box-shadow: 0px 0px 13px 0px rgba(253, 60, 151, 0.05);\n}\n.badge.badge-outline-pink {\n  background-color: transparent !important;\n  color: #fd3c97;\n  border: 1px solid #fd3c97;\n}\n\n.badge.badge-soft-purple {\n  background-color: rgba(109, 129, 245, 0.15) !important;\n  color: #6d81f5;\n  box-shadow: 0px 0px 13px 0px rgba(109, 129, 245, 0.05);\n}\n.badge.badge-outline-purple {\n  background-color: transparent !important;\n  color: #6d81f5;\n  border: 1px solid #6d81f5;\n}\n\n.badge.badge-soft-blue {\n  background-color: rgba(11, 81, 183, 0.15) !important;\n  color: #0b51b7;\n  box-shadow: 0px 0px 13px 0px rgba(11, 81, 183, 0.05);\n}\n.badge.badge-outline-blue {\n  background-color: transparent !important;\n  color: #0b51b7;\n  border: 1px solid #0b51b7;\n}\n\n.badge-outline-light {\n  color: #303e67 !important;\n}\n\n.btn-round {\n  border-radius: 30px;\n}\n\n.btn-icon-circle {\n  width: 36px;\n  height: 36px;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n}\n.btn-icon-circle.btn-icon-circle-sm {\n  width: 30px;\n  height: 30px;\n  line-height: 1;\n  padding: 0;\n}\n\n.btn-icon-square {\n  width: 36px;\n  height: 36px;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.btn-icon-square-sm {\n  width: 30px;\n  height: 30px;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.btn-square {\n  border-radius: 0;\n}\n\n.btn-skew {\n  transform: skew(-15deg);\n}\n.btn-skew i,\n.btn-skew span {\n  display: inline-block;\n  transform: skew(15deg);\n}\n\n.accordion .btn:focus {\n  box-shadow: none;\n}\n\n.btn.btn-outline-dashed {\n  outline: 1px dashed #ffffff !important;\n  outline-offset: -5px;\n  -moz-outline-radius: 25px;\n}\n\n.btn-link:active, .btn-link.active, .btn-link:focus, .btn-link:hover {\n  text-decoration: none;\n}\n\n.button-list,\n.button-items {\n  margin-bottom: -8px;\n}\n.button-list .btn,\n.button-items .btn {\n  margin: 0 5px 8px 0;\n}\n\n.btn {\n  box-shadow: none;\n}\n.btn.focus, .btn:focus {\n  box-shadow: none;\n}\n\n.btn-xs {\n  padding: 2px 10px;\n  font-size: 11px;\n}\n\n.btn-outline-light {\n  color: #7081b9;\n  background-image: none;\n  background-color: transparent;\n  border-color: #eaf0f9;\n}\n\n.btn-outline-dark {\n  color: #000444;\n}\n.btn-outline-dark:hover {\n  box-shadow: none;\n  color: #fafbfb;\n}\n\n.btn-outline-info.focus, .btn-outline-info:focus {\n  box-shadow: none;\n}\n\n.btn-soft-primary {\n  background-color: rgba(85, 126, 248, 0.08) !important;\n  color: #557ef8 !important;\n}\n.btn-soft-primary:hover {\n  background-color: #557ef8 !important;\n  color: #ffffff !important;\n}\n\n.btn-de-primary {\n  background-color: transparent !important;\n  color: #557ef8 !important;\n  border: 1px solid #e8ebf3;\n}\n.btn-de-primary:hover {\n  background-color: #557ef8 !important;\n  color: #ffffff !important;\n  border: 1px solid #557ef8;\n}\n\n.btn-de-dashed-primary {\n  background-color: transparent !important;\n  color: #557ef8 !important;\n  border: 1px dashed #e8ebf3;\n}\n.btn-de-dashed-primary:hover {\n  background-color: #557ef8 !important;\n  color: #ffffff !important;\n  border: 1px solid #557ef8;\n}\n\n.btn-soft-secondary {\n  background-color: rgba(112, 129, 185, 0.08) !important;\n  color: #7081b9 !important;\n}\n.btn-soft-secondary:hover {\n  background-color: #7081b9 !important;\n  color: #ffffff !important;\n}\n\n.btn-de-secondary {\n  background-color: transparent !important;\n  color: #7081b9 !important;\n  border: 1px solid #e8ebf3;\n}\n.btn-de-secondary:hover {\n  background-color: #7081b9 !important;\n  color: #ffffff !important;\n  border: 1px solid #7081b9;\n}\n\n.btn-de-dashed-secondary {\n  background-color: transparent !important;\n  color: #7081b9 !important;\n  border: 1px dashed #e8ebf3;\n}\n.btn-de-dashed-secondary:hover {\n  background-color: #7081b9 !important;\n  color: #ffffff !important;\n  border: 1px solid #7081b9;\n}\n\n.btn-soft-success {\n  background-color: rgba(34, 183, 131, 0.08) !important;\n  color: #22b783 !important;\n}\n.btn-soft-success:hover {\n  background-color: #22b783 !important;\n  color: #ffffff !important;\n}\n\n.btn-de-success {\n  background-color: transparent !important;\n  color: #22b783 !important;\n  border: 1px solid #e8ebf3;\n}\n.btn-de-success:hover {\n  background-color: #22b783 !important;\n  color: #ffffff !important;\n  border: 1px solid #22b783;\n}\n\n.btn-de-dashed-success {\n  background-color: transparent !important;\n  color: #22b783 !important;\n  border: 1px dashed #e8ebf3;\n}\n.btn-de-dashed-success:hover {\n  background-color: #22b783 !important;\n  color: #ffffff !important;\n  border: 1px solid #22b783;\n}\n\n.btn-soft-info {\n  background-color: rgba(65, 203, 216, 0.08) !important;\n  color: #41cbd8 !important;\n}\n.btn-soft-info:hover {\n  background-color: #41cbd8 !important;\n  color: #ffffff !important;\n}\n\n.btn-de-info {\n  background-color: transparent !important;\n  color: #41cbd8 !important;\n  border: 1px solid #e8ebf3;\n}\n.btn-de-info:hover {\n  background-color: #41cbd8 !important;\n  color: #ffffff !important;\n  border: 1px solid #41cbd8;\n}\n\n.btn-de-dashed-info {\n  background-color: transparent !important;\n  color: #41cbd8 !important;\n  border: 1px dashed #e8ebf3;\n}\n.btn-de-dashed-info:hover {\n  background-color: #41cbd8 !important;\n  color: #ffffff !important;\n  border: 1px solid #41cbd8;\n}\n\n.btn-soft-warning {\n  background-color: rgba(255, 159, 67, 0.08) !important;\n  color: #ff9f43 !important;\n}\n.btn-soft-warning:hover {\n  background-color: #ff9f43 !important;\n  color: #ffffff !important;\n}\n\n.btn-de-warning {\n  background-color: transparent !important;\n  color: #ff9f43 !important;\n  border: 1px solid #e8ebf3;\n}\n.btn-de-warning:hover {\n  background-color: #ff9f43 !important;\n  color: #ffffff !important;\n  border: 1px solid #ff9f43;\n}\n\n.btn-de-dashed-warning {\n  background-color: transparent !important;\n  color: #ff9f43 !important;\n  border: 1px dashed #e8ebf3;\n}\n.btn-de-dashed-warning:hover {\n  background-color: #ff9f43 !important;\n  color: #ffffff !important;\n  border: 1px solid #ff9f43;\n}\n\n.btn-soft-danger {\n  background-color: rgba(239, 77, 86, 0.08) !important;\n  color: #ef4d56 !important;\n}\n.btn-soft-danger:hover {\n  background-color: #ef4d56 !important;\n  color: #ffffff !important;\n}\n\n.btn-de-danger {\n  background-color: transparent !important;\n  color: #ef4d56 !important;\n  border: 1px solid #e8ebf3;\n}\n.btn-de-danger:hover {\n  background-color: #ef4d56 !important;\n  color: #ffffff !important;\n  border: 1px solid #ef4d56;\n}\n\n.btn-de-dashed-danger {\n  background-color: transparent !important;\n  color: #ef4d56 !important;\n  border: 1px dashed #e8ebf3;\n}\n.btn-de-dashed-danger:hover {\n  background-color: #ef4d56 !important;\n  color: #ffffff !important;\n  border: 1px solid #ef4d56;\n}\n\n.btn-soft-light {\n  background-color: rgba(250, 251, 251, 0.08) !important;\n  color: #fafbfb !important;\n}\n.btn-soft-light:hover {\n  background-color: #fafbfb !important;\n  color: #ffffff !important;\n}\n\n.btn-de-light {\n  background-color: transparent !important;\n  color: #fafbfb !important;\n  border: 1px solid #e8ebf3;\n}\n.btn-de-light:hover {\n  background-color: #fafbfb !important;\n  color: #ffffff !important;\n  border: 1px solid #fafbfb;\n}\n\n.btn-de-dashed-light {\n  background-color: transparent !important;\n  color: #fafbfb !important;\n  border: 1px dashed #e8ebf3;\n}\n.btn-de-dashed-light:hover {\n  background-color: #fafbfb !important;\n  color: #ffffff !important;\n  border: 1px solid #fafbfb;\n}\n\n.btn-soft-dark {\n  background-color: rgba(0, 4, 68, 0.08) !important;\n  color: #000444 !important;\n}\n.btn-soft-dark:hover {\n  background-color: #000444 !important;\n  color: #ffffff !important;\n}\n\n.btn-de-dark {\n  background-color: transparent !important;\n  color: #000444 !important;\n  border: 1px solid #e8ebf3;\n}\n.btn-de-dark:hover {\n  background-color: #000444 !important;\n  color: #ffffff !important;\n  border: 1px solid #000444;\n}\n\n.btn-de-dashed-dark {\n  background-color: transparent !important;\n  color: #000444 !important;\n  border: 1px dashed #e8ebf3;\n}\n.btn-de-dashed-dark:hover {\n  background-color: #000444 !important;\n  color: #ffffff !important;\n  border: 1px solid #000444;\n}\n\n.btn-soft-pink {\n  background-color: rgba(253, 60, 151, 0.08) !important;\n  color: #fd3c97 !important;\n}\n.btn-soft-pink:hover {\n  background-color: #fd3c97 !important;\n  color: #ffffff !important;\n}\n\n.btn-de-pink {\n  background-color: transparent !important;\n  color: #fd3c97 !important;\n  border: 1px solid #e8ebf3;\n}\n.btn-de-pink:hover {\n  background-color: #fd3c97 !important;\n  color: #ffffff !important;\n  border: 1px solid #fd3c97;\n}\n\n.btn-de-dashed-pink {\n  background-color: transparent !important;\n  color: #fd3c97 !important;\n  border: 1px dashed #e8ebf3;\n}\n.btn-de-dashed-pink:hover {\n  background-color: #fd3c97 !important;\n  color: #ffffff !important;\n  border: 1px solid #fd3c97;\n}\n\n.btn-soft-purple {\n  background-color: rgba(109, 129, 245, 0.08) !important;\n  color: #6d81f5 !important;\n}\n.btn-soft-purple:hover {\n  background-color: #6d81f5 !important;\n  color: #ffffff !important;\n}\n\n.btn-de-purple {\n  background-color: transparent !important;\n  color: #6d81f5 !important;\n  border: 1px solid #e8ebf3;\n}\n.btn-de-purple:hover {\n  background-color: #6d81f5 !important;\n  color: #ffffff !important;\n  border: 1px solid #6d81f5;\n}\n\n.btn-de-dashed-purple {\n  background-color: transparent !important;\n  color: #6d81f5 !important;\n  border: 1px dashed #e8ebf3;\n}\n.btn-de-dashed-purple:hover {\n  background-color: #6d81f5 !important;\n  color: #ffffff !important;\n  border: 1px solid #6d81f5;\n}\n\n.btn-soft-blue {\n  background-color: rgba(11, 81, 183, 0.08) !important;\n  color: #0b51b7 !important;\n}\n.btn-soft-blue:hover {\n  background-color: #0b51b7 !important;\n  color: #ffffff !important;\n}\n\n.btn-de-blue {\n  background-color: transparent !important;\n  color: #0b51b7 !important;\n  border: 1px solid #e8ebf3;\n}\n.btn-de-blue:hover {\n  background-color: #0b51b7 !important;\n  color: #ffffff !important;\n  border: 1px solid #0b51b7;\n}\n\n.btn-de-dashed-blue {\n  background-color: transparent !important;\n  color: #0b51b7 !important;\n  border: 1px dashed #e8ebf3;\n}\n.btn-de-dashed-blue:hover {\n  background-color: #0b51b7 !important;\n  color: #ffffff !important;\n  border: 1px solid #0b51b7;\n}\n\n.hover-light-color:hover {\n  color: #fafbfb !important;\n}\n\n.dropdown-menu {\n  box-shadow: 0 3px 12px rgba(214, 228, 241, 0.3);\n  margin: 0;\n}\n.dropdown-menu .dropdown-item:hover,\n.dropdown-menu .dropdown-item:focus {\n  background-color: #fafbfb;\n  color: #000444;\n}\n\n.dropdown-lg {\n  width: 320px;\n}\n\n.dropdown-xl {\n  min-width: 42rem;\n}\n\n.dropstart .dropdown-toggle::before,\n.dropend .dropdown-toggle::after,\n.dropup .dropdown-toggle::after,\n.dropdown-toggle::after {\n  display: none;\n}\n\n.table th {\n  color: #8997bd;\n  font-weight: 400;\n  vertical-align: middle;\n  border-color: #e8ebf3;\n}\n.table td {\n  font-weight: 500;\n  vertical-align: middle;\n  border-color: #e8ebf3;\n}\n.table.border-dashed th {\n  font-weight: 400;\n  border-top: 1px dashed #e8ebf3;\n}\n.table.border-dashed td {\n  border-top: 1px dashed #e8ebf3;\n}\n.table.border-dashed thead th {\n  border-bottom: 1px dashed #e8ebf3;\n}\n.table .thead-light th {\n  color: #8997bd;\n  background-color: #fafbfb;\n  border-color: #e8ebf3;\n  border-bottom: none;\n}\n.table.table-dark {\n  color: #fafbfb;\n}\n.table.table-dark th {\n  color: #fafbfb;\n}\n.table tbody tr:last-child th,\n.table tbody tr:last-child td {\n  border-bottom: none;\n}\n.table tbody tr:hover {\n  box-shadow: 0 1px 3px 0 rgba(34, 41, 47, 0.1);\n}\n\nthead > tr th:first-child {\n  border-top-left-radius: 5px;\n  border-bottom-left-radius: 5px;\n}\nthead > tr th:last-child {\n  border-top-right-radius: 5px;\n  border-bottom-right-radius: 5px;\n}\n\n/*== Table Responsive ==*/\n.table-rep-plugin .btn-toolbar {\n  display: block;\n}\n.table-rep-plugin .btn-default {\n  border: none;\n  background: linear-gradient(14deg, #557ef8 0%, rgba(85, 126, 248, 0.6));\n  color: #ffffff;\n  margin-right: 5px;\n  box-shadow: 0 7px 14px 0 rgba(85, 126, 248, 0.5);\n  transition: 0.3s ease-out;\n}\n.table-rep-plugin .btn-default:hover, .table-rep-plugin .btn-default:focus {\n  color: #ffffff;\n  box-shadow: 0 0 0 2px rgba(85, 126, 248, 0.3);\n}\n.table-rep-plugin .btn-default.btn-primary:active,\n.table-rep-plugin .btn-default.btn-primary:hover,\n.table-rep-plugin .btn-default.btn-primary:focus {\n  border: none !important;\n  background: linear-gradient(14deg, #557ef8 0%, rgba(85, 126, 248, 0.6));\n  color: #ffffff;\n  box-shadow: 0 0 0 2px rgba(85, 126, 248, 0.3);\n}\n.table-rep-plugin tbody th {\n  font-size: 14px;\n  font-weight: normal;\n}\n.table-rep-plugin table.focus-on tbody tr.focused th,\n.table-rep-plugin table.focus-on tbody tr.focused td {\n  background-color: #557ef8;\n  color: #ffffff;\n}\n\n/* Sticky Header */\n.fixed-solution .sticky-table-header {\n  top: 70px !important;\n  background-color: #fafbfb;\n  border-top: 1px solid #e8ebf3;\n  border-bottom: 1px solid #e8ebf3;\n}\n\n.table-responsive[data-pattern=priority-columns] {\n  border: 1px solid #e8ebf3;\n}\n\n.attendance-table .table thead tr th {\n  padding: 5px;\n}\n\n.dataTable-table > thead > tr > th {\n  border: none;\n}\n\n.dataTable-selector,\n.dataTable-input {\n  color: #000444;\n  background-color: #ffffff;\n  border: 1px solid #e8ebf3;\n  border-radius: 0.25rem;\n}\n\n.dataTable-table > tbody > tr > td,\n.dataTable-table > tbody > tr > th,\n.dataTable-table > tfoot > tr > td,\n.dataTable-table > tfoot > tr > th,\n.dataTable-table > thead > tr > td,\n.dataTable-table > thead > tr > th {\n  padding: 0.7rem 0.7rem;\n}\n\n.dataTable-wrapper.no-footer .dataTable-container {\n  border-bottom: 1px dashed #eceff5;\n}\n\n.progress {\n  background-color: #f1f5fa;\n}\n\n/* Progressbar Vertical */\n.progress-vertical {\n  min-height: 250px;\n  height: 250px;\n  width: 8px;\n  position: relative;\n  display: inline-block;\n  margin-bottom: 0;\n  margin-right: 20px;\n  box-shadow: none;\n}\n\n.progress-vertical .progress-bar {\n  width: 100%;\n}\n\n.progress-vertical-bottom {\n  min-height: 250px;\n  height: 250px;\n  position: relative;\n  width: 8px;\n  display: inline-block;\n  margin-bottom: 0;\n  margin-right: 20px;\n  box-shadow: none;\n}\n\n.progress-vertical-bottom .progress-bar {\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n}\n\n.progress-vertical.progress-sm,\n.progress-vertical-bottom.progress-sm {\n  width: 5px !important;\n}\n\n.progress-vertical.progress-sm .progress-bar,\n.progress-vertical-bottom.progress-sm .progress-bar {\n  font-size: 8px;\n  line-height: 5px;\n}\n\n.progress-vertical.progress-md,\n.progress-vertical-bottom.progress-md {\n  width: 15px !important;\n}\n\n.progress-vertical.progress-md .progress-bar,\n.progress-vertical-bottom.progress-md .progress-bar {\n  font-size: 10.8px;\n  line-height: 14.4px;\n}\n\n.progress-vertical.progress-lg,\n.progress-vertical-bottom.progress-lg {\n  width: 20px !important;\n}\n\n.progress-vertical.progress-lg .progress-bar,\n.progress-vertical-bottom.progress-lg .progress-bar {\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.progress-icon-spin {\n  font-size: 36px;\n}\n\na.badge:hover {\n  color: #ffffff;\n}\n\n.alert {\n  position: relative;\n  border: 0;\n}\n.alert.custom-alert {\n  overflow: hidden;\n}\n.alert.custom-alert:after {\n  content: \"\";\n  position: absolute;\n  width: 4px;\n  height: 100%;\n  top: 0;\n  left: 0;\n}\n.alert.custom-alert.custom-alert-primary:after {\n  background-color: #557ef8;\n}\n.alert.custom-alert.custom-alert-secondary:after {\n  background-color: #7081b9;\n}\n.alert.custom-alert.custom-alert-success:after {\n  background-color: #22b783;\n}\n.alert.custom-alert.custom-alert-info:after {\n  background-color: #41cbd8;\n}\n.alert.custom-alert.custom-alert-warning:after {\n  background-color: #ff9f43;\n}\n.alert.custom-alert.custom-alert-danger:after {\n  background-color: #ef4d56;\n}\n.alert.custom-alert.custom-alert-light:after {\n  background-color: #fafbfb;\n}\n.alert.custom-alert.custom-alert-dark:after {\n  background-color: #000444;\n}\n.alert.custom-alert.custom-alert-pink:after {\n  background-color: #fd3c97;\n}\n.alert.custom-alert.custom-alert-purple:after {\n  background-color: #6d81f5;\n}\n.alert.custom-alert.custom-alert-blue:after {\n  background-color: #0b51b7;\n}\n\n.b-round {\n  border-radius: 40px;\n}\n\n.alert {\n  position: relative;\n  border: 0;\n}\n.alert.icon-custom-alert {\n  display: flex;\n  padding: 5px 18px;\n}\n.alert .alert-icon {\n  font-size: 21px;\n  margin-right: 8px;\n}\n.alert .alert-text {\n  flex-grow: 1;\n  align-self: center;\n}\n.alert .alert-close {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.alert .alert-link {\n  font-weight: 600;\n}\n.alert.alert-light {\n  color: #000444;\n  background-color: #fafbfb;\n}\n.alert.alert-outline-primary {\n  border: 1px solid #557ef8;\n  background-color: transparent;\n  color: #557ef8 !important;\n}\n.alert.alert-soft-success {\n  border: none;\n  background-color: white;\n  color: #557ef8;\n}\n.alert.alert-outline-secondary {\n  border: 1px solid #7081b9;\n  background-color: transparent;\n  color: #7081b9 !important;\n}\n.alert.alert-soft-success {\n  border: none;\n  background-color: white;\n  color: #7081b9;\n}\n.alert.alert-outline-success {\n  border: 1px solid #22b783;\n  background-color: transparent;\n  color: #22b783 !important;\n}\n.alert.alert-soft-success {\n  border: none;\n  background-color: #c9f5e6;\n  color: #22b783;\n}\n.alert.alert-outline-info {\n  border: 1px solid #41cbd8;\n  background-color: transparent;\n  color: #41cbd8 !important;\n}\n.alert.alert-soft-success {\n  border: none;\n  background-color: white;\n  color: #41cbd8;\n}\n.alert.alert-outline-warning {\n  border: 1px solid #ff9f43;\n  background-color: transparent;\n  color: #ff9f43 !important;\n}\n.alert.alert-soft-success {\n  border: none;\n  background-color: white;\n  color: #ff9f43;\n}\n.alert.alert-outline-danger {\n  border: 1px solid #ef4d56;\n  background-color: transparent;\n  color: #ef4d56 !important;\n}\n.alert.alert-soft-success {\n  border: none;\n  background-color: white;\n  color: #ef4d56;\n}\n.alert.alert-outline-light {\n  border: 1px solid #fafbfb;\n  background-color: transparent;\n  color: #fafbfb !important;\n}\n.alert.alert-soft-success {\n  border: none;\n  background-color: white;\n  color: #fafbfb;\n}\n.alert.alert-outline-dark {\n  border: 1px solid #000444;\n  background-color: transparent;\n  color: #000444 !important;\n}\n.alert.alert-soft-success {\n  border: none;\n  background-color: #2b37ff;\n  color: #000444;\n}\n.alert.alert-outline-pink {\n  border: 1px solid #fd3c97;\n  background-color: transparent;\n  color: #fd3c97 !important;\n}\n.alert.alert-soft-success {\n  border: none;\n  background-color: white;\n  color: #fd3c97;\n}\n.alert.alert-outline-purple {\n  border: 1px solid #6d81f5;\n  background-color: transparent;\n  color: #6d81f5 !important;\n}\n.alert.alert-soft-success {\n  border: none;\n  background-color: white;\n  color: #6d81f5;\n}\n.alert.alert-outline-blue {\n  border: 1px solid #0b51b7;\n  background-color: transparent;\n  color: #0b51b7 !important;\n}\n.alert.alert-soft-success {\n  border: none;\n  background-color: #adcdfa;\n  color: #0b51b7;\n}\n\n.form-select:focus {\n  box-shadow: none;\n}\n\n.uppy-Dashboard-inner {\n  background-color: #ffffff;\n  border: 1px solid #e8ebf3;\n}\n\n[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {\n  border: 1px dashed #e8ebf3;\n}\n\n.uppy-Dashboard-AddFiles-title {\n  color: #000444;\n}\n\n.modal-demo {\n  background-color: #ffffff;\n  width: 600px;\n  border-radius: 4px;\n  display: none;\n  position: relative;\n}\n.modal-demo .close {\n  position: absolute;\n  top: 15px;\n  right: 25px;\n  color: #f1f5fa;\n}\n\n.modal-content {\n  background-color: #ffffff;\n}\n.modal-content .modal-header {\n  background-color: #292e40;\n}\n.modal-content .modal-header .modal-title {\n  color: #ffffff;\n  align-self: center;\n  font-weight: 500;\n  margin-top: 0;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 14px;\n}\n.modal-content .modal-footer {\n  border-top: 1px solid #eaf0f9;\n}\n.modal-content .modal-footer > * {\n  margin: 0 0 0 0.25rem;\n}\n.modal-content .modal-body p, .modal-content h4 {\n  color: #7081b9;\n}\n.modal-content .modal-title.custom-title {\n  color: white;\n}\n\n#custom-modal .close {\n  color: #435177;\n}\n\n.custom-modal-title {\n  padding: 15px 25px 15px 25px;\n  line-height: 22px;\n  font-size: 18px;\n  background-color: #f1f5fa;\n  color: #435177;\n  text-align: left;\n  margin: 0px;\n}\n\n.custom-modal-text {\n  padding: 20px;\n  color: #8997bd;\n}\n\n.custombox-modal-flash .close,\n.custombox-modal-rotatedown .close {\n  top: 20px;\n  z-index: 9999;\n}\n\n#session-timeout-dialog .modal-header {\n  display: inline-block;\n}\n\n.modal.modal-rightbar {\n  position: fixed;\n  margin: auto;\n  right: 0;\n  left: auto;\n  height: 100%;\n  padding-right: 0 !important;\n}\n.modal.modal-rightbar .modal-content {\n  height: 100vh;\n  overflow-y: auto;\n  border: none;\n  border-radius: 0;\n}\n.modal.modal-rightbar .modal-body {\n  padding: 15px;\n  overflow-x: hidden;\n}\n.modal.modal-rightbar .modal-dialog {\n  width: 320px;\n  right: -320px;\n  margin: 0 0 0 auto;\n}\n.modal.modal-rightbar.show .modal-dialog {\n  right: 0;\n  transition: left 0.3s ease, right 0.3s ease;\n}\n\n.form-switch-primary .form-check-input:checked {\n  background-color: #557ef8;\n  border-color: #557ef8;\n}\n\n.form-switch-secondary .form-check-input:checked {\n  background-color: #7081b9;\n  border-color: #7081b9;\n}\n\n.form-switch-success .form-check-input:checked {\n  background-color: #22b783;\n  border-color: #22b783;\n}\n\n.form-switch-info .form-check-input:checked {\n  background-color: #41cbd8;\n  border-color: #41cbd8;\n}\n\n.form-switch-warning .form-check-input:checked {\n  background-color: #ff9f43;\n  border-color: #ff9f43;\n}\n\n.form-switch-danger .form-check-input:checked {\n  background-color: #ef4d56;\n  border-color: #ef4d56;\n}\n\n.form-switch-light .form-check-input:checked {\n  background-color: #fafbfb;\n  border-color: #fafbfb;\n}\n\n.form-switch-dark .form-check-input:checked {\n  background-color: #000444;\n  border-color: #000444;\n}\n\n.form-switch-pink .form-check-input:checked {\n  background-color: #fd3c97;\n  border-color: #fd3c97;\n}\n\n.form-switch-purple .form-check-input:checked {\n  background-color: #6d81f5;\n  border-color: #6d81f5;\n}\n\n.form-switch-blue .form-check-input:checked {\n  background-color: #0b51b7;\n  border-color: #0b51b7;\n}\n\n/* ==============\n  Form-Advanced\n===================*/\n.selectr-options-container,\n.selectr-selected {\n  border-color: #e8ebf3 !important;\n  background-color: #ffffff;\n}\n\n.selectr-tag-input {\n  background-color: #ffffff;\n}\n\n.selectr-option.selected {\n  background-color: #f1f5fa;\n}\n\n.selectr-input {\n  border-color: #eceff5 !important;\n}\n\n.selectr-container.open .selectr-selected {\n  border-color: #e8ebf3 #e8ebf3 transparent;\n  border-radius: 3px 3px 0 0;\n}\n\n.selectr-tag {\n  background: #557ef8;\n  border-radius: 3px;\n}\n\n.selectr-tag-remove::after,\n.selectr-tag-remove::before {\n  width: 1px;\n}\n\n.datepicker.active {\n  display: inline-block;\n  border: 1px solid #eceff5;\n  border-radius: 4px;\n}\n\n.datepicker-dropdown.datepicker-orient-top {\n  padding-bottom: 0;\n}\n\n.datepicker-header .datepicker-controls .button {\n  font-weight: 500;\n}\n\n.datepicker-controls .button {\n  font-size: 15px;\n  border: 1px solid #eceff5;\n  background-color: #f5f5f9;\n  color: #303e67;\n}\n\n.datepicker-view .dow {\n  font-weight: 500;\n  font-size: 12px;\n}\n\n.datepicker-picker {\n  background-color: #f5f5f9;\n}\n.datepicker-picker span {\n  border-radius: 25px;\n}\n\n.datepicker-cell.focused:not(.selected),\n.datepicker-cell:not(.disabled):hover {\n  background-color: #ffffff;\n}\n\n.example__complete {\n  display: none;\n  margin-left: 5px;\n}\n\n.example__complete::after {\n  content: \"✔\";\n}\n\n#form-validation-2 small {\n  display: none;\n  color: #ef4d56;\n}\n#form-validation-2 small.error {\n  display: block;\n}\n\n.form-control.error {\n  border-color: #ef4d56;\n}\n.form-control.success {\n  border-color: #22b783;\n}\n\n.form-wizard-wrapper label {\n  font-size: 13px;\n  text-align: right;\n}\n\n.wizard > .content > .body input {\n  border: 1px solid #e8ebf3;\n  transition: border-color 0s ease-out;\n}\n.wizard > .content > .body input:focus {\n  box-shadow: none;\n  border-color: #557ef8;\n}\n\n.wizard.vertical > .steps {\n  width: auto;\n}\n\n.wizard > .steps > ul > li {\n  width: auto;\n  margin-bottom: 10px;\n}\n\n.wizard > .steps a,\n.wizard > .steps a:active,\n.wizard > .steps a:hover {\n  margin: 3px;\n  padding: 0;\n  border-radius: 50px;\n}\n\n.wizard > .steps .current a,\n.wizard > .steps .current a:active,\n.wizard > .steps .current a:hover {\n  background: linear-gradient(14deg, #557ef8 0%, rgba(85, 126, 248, 0.6));\n  color: #ffffff;\n  padding: 2px 20px 2px 2px;\n  box-shadow: 0px 3px 10px 0 rgba(85, 126, 248, 0.4);\n}\n\n.wizard > .steps .disabled a,\n.wizard > .steps .disabled a:active,\n.wizard > .steps .disabled a:hover,\n.wizard > .steps .done a,\n.wizard > .steps .done a:active,\n.wizard > .steps .done a:hover {\n  background-color: rgba(85, 126, 248, 0.1);\n  color: #557ef8;\n  padding: 0 20px 0 0;\n  box-shadow: 0px 0px 0px 2.25px rgba(85, 126, 248, 0.5);\n}\n\n.wizard > .steps .current a .number,\n.wizard > .steps .current a:active .number,\n.wizard > .steps .current a:hover .number {\n  border: 2px solid #ffffff;\n}\n\n.wizard > .steps .disabled a .number,\n.wizard > .steps .disabled a:active .number,\n.wizard > .steps .disabled a:hover .number,\n.wizard > .steps .done a .number,\n.wizard > .steps .done a:active .number,\n.wizard > .steps .done a:hover .number {\n  border-color: #557ef8;\n}\n\n.wizard > .content {\n  background-color: transparent;\n  margin: 0 5px;\n  border-radius: 0;\n  min-height: 150px;\n}\n\n#form-horizontal fieldset {\n  margin-top: 20px;\n}\n\n.wizard > .content > .body {\n  width: 100%;\n  height: 100%;\n  padding: 15px 0 0;\n  position: static;\n}\n\n.wizard > .steps .number {\n  font-size: 16px;\n  padding: 5px;\n  border-radius: 50%;\n  border: 2px solid #ffffff;\n  width: 38px;\n  display: inline-block;\n  font-weight: 600;\n  text-align: center;\n  margin-right: 10px;\n  background-color: rgba(85, 126, 248, 0.15);\n}\n\n.wizard > .actions,\n.wizard.vertical > .actions {\n  margin-top: 20px;\n}\n\n.wizard > .actions .disabled a,\n.wizard > .actions .disabled a:active,\n.wizard > .actions .disabled a:hover {\n  opacity: 0.65;\n  background: linear-gradient(14deg, #557ef8 0%, rgba(85, 126, 248, 0.6));\n  color: #ffffff;\n  cursor: not-allowed;\n}\n\n.wizard > .actions a,\n.wizard > .actions a:active,\n.wizard > .actions a:hover {\n  background: linear-gradient(14deg, #557ef8 0%, rgba(85, 126, 248, 0.6));\n  border-radius: 4px;\n  padding: 8px 15px;\n}\n\n@media (max-width: 768px) {\n  .wizard > .steps > ul > li {\n    width: 50%;\n  }\n\n  .form-wizard-wrapper label {\n    text-align: left;\n  }\n}\n@media (max-width: 520px) {\n  .wizard > .steps > ul > li {\n    width: 100%;\n  }\n}\n.mce-panel {\n  border: 1px solid #f1f5fa !important;\n  background-color: #ffffff !important;\n  color: #303e67 !important;\n}\n\n.mce-label {\n  text-shadow: none !important;\n  color: #8997bd !important;\n}\n\n.mce-tinymce {\n  box-shadow: none !important;\n}\n\n.mce-btn {\n  background: transparent !important;\n}\n\n.mce-flow-layout,\n.mce-top-part::before {\n  box-shadow: none !important;\n  background-color: #f1f5fa !important;\n}\n\n.mce-caret {\n  border-top: 4px solid #303e67 !important;\n  opacity: 0.7 !important;\n}\n\n.mce-menubar .mce-caret {\n  border-top-color: #303e67 !important;\n  opacity: 0.7 !important;\n}\n\n.mce-menubar .mce-menubtn button span,\n.mce-btn .mce-txt,\n.mce-ico {\n  color: #303e67 !important;\n}\n\n.mce-btn.mce-disabled button,\n.mce-btn.mce-disabled:hover button {\n  opacity: 0.7 !important;\n}\n\n.mce-menu-item.mce-disabled,\n.mce-menu-item.mce-disabled:hover,\n.mce-menu-item:hover,\n.mce-menu-item:focus {\n  background: #fafbfb !important;\n}\n\n.nav.nav-tabs .nav-item.show,\n.nav.nav-tabs .nav-link {\n  color: #303e67;\n}\n.nav.nav-tabs .nav-item.show:focus, .nav.nav-tabs .nav-item.show.active,\n.nav.nav-tabs .nav-link:focus,\n.nav.nav-tabs .nav-link.active {\n  color: #557ef8;\n  background-color: #ffffff;\n  border-color: transparent transparent #557ef8;\n}\n.nav.nav-tabs .nav-item.show.active:hover,\n.nav.nav-tabs .nav-link.active:hover {\n  border-color: transparent transparent #557ef8;\n}\n.nav.nav-tabs .nav-item.show:hover,\n.nav.nav-tabs .nav-link:hover {\n  border-color: transparent transparent #eceff5;\n}\n.nav.nav-tabs .nav-item.show .nav-link {\n  color: #557ef8;\n  background-color: #ffffff;\n}\n.nav.nav-pills {\n  background-color: #fafbfb;\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n  color: #fafbfb;\n}\n\n.nav-tabs-custom .nav.nav-tabs {\n  border-bottom: none;\n  display: inline-flex;\n}\n.nav-tabs-custom .nav.nav-tabs .nav-item {\n  border: 2px solid #f1f5fa;\n  border-radius: 4px;\n  margin-right: 5px;\n}\n.nav-tabs-custom .nav.nav-tabs .nav-link {\n  border-radius: 3px;\n  padding: 10px 14px;\n}\n.nav-tabs-custom .nav.nav-tabs .nav-link.active {\n  background-color: #fafbfb;\n  border-color: transparent;\n  color: #557ef8;\n}\n.nav-tabs-custom .nav.nav-tabs .nav-link.active i {\n  color: #557ef8;\n}\n.nav-tabs-custom .nav.nav-tabs .nav-link i {\n  font-size: 24px;\n  vertical-align: middle;\n  color: #7081b9;\n}\n\n.nav.nav-pills-custom.nav-pills .nav-item .nav-link {\n  padding: 4px 14px;\n  font-size: 0.71rem;\n  line-height: 2;\n  border: 1px solid #eaf0f9;\n  color: #7081b9;\n}\n.nav.nav-pills-custom.nav-pills .nav-item .nav-link.active {\n  color: #ffffff;\n}\n\n.nav-pills .nav-item.show .nav-link,\n.nav-pills .nav-link.active {\n  background: #557ef8;\n  color: #ffffff;\n}\n\n.eco-revene-history .nav .nav-item .nav-link.active {\n  color: #000444;\n  background-color: #fafbfb;\n}\n\n.nav-border.nav.nav-pills {\n  background-color: transparent;\n  border-bottom: 1px solid #eceff5;\n  line-height: 36px;\n}\n.nav-border .nav-item {\n  margin-bottom: -1px;\n}\n.nav-border .nav-link {\n  color: #303e67;\n}\n.nav-border .nav-item.show .nav-link,\n.nav-border .nav-link.active {\n  background: transparent;\n  color: #557ef8;\n  box-shadow: none;\n  border-radius: 0;\n  border-bottom: 1px solid #557ef8;\n}\n\n.nav-pills .nav-item.show .nav-link,\n.nav-pills .nav-link.active {\n  background: #557ef8;\n  color: #ffffff;\n  border-radius: 0;\n}\n\n.spinner-border.spinner-border-custom-1 {\n  border: 5px double currentColor;\n  border-right-color: transparent;\n}\n.spinner-border.spinner-border-custom-2 {\n  border: 5px dotted currentColor;\n  border-right-color: transparent;\n}\n.spinner-border.spinner-border-custom-3 {\n  border: 5px groove currentColor;\n  border-right-color: transparent;\n}\n.spinner-border.spinner-border-custom-4 {\n  border: 5px dashed currentColor;\n  border-right-color: transparent;\n}\n.spinner-border.spinner-border-custom-5 {\n  border: 5px outset currentColor;\n  border-right-color: transparent;\n}\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%;\n  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  max-width: 100%;\n  /* Not required for horizontal scroll to trigger */\n  max-height: 100%;\n  /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  width: 0;\n  height: 0;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: \" \";\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  left: 0;\n  right: 0;\n  min-height: 10px;\n}\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: \"\";\n  background: #d3d8e0;\n  border-radius: 7px;\n  left: 2px;\n  right: 2px;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 9px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n/* Sparkline chart */\n.jqstooltip {\n  width: auto !important;\n  height: auto !important;\n  box-sizing: content-box;\n  background-color: #ffffff !important;\n  padding: 5px 10px !important;\n  border-radius: 3px;\n  border-color: #ffffff !important;\n  display: inline-block !important;\n  box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);\n}\n\n.jqsfield {\n  font-size: 12px !important;\n  line-height: 18px !important;\n  color: #000444 !important;\n}\n\n.chart {\n  position: relative;\n  display: inline-block;\n  width: 110px;\n  height: 110px;\n  margin-top: 20px;\n  margin-bottom: 20px;\n  text-align: center;\n}\n.chart canvas {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.chart.chart-widget-pie {\n  margin-top: 5px;\n  margin-bottom: 5px;\n}\n\n.percent {\n  display: inline-block;\n  line-height: 110px;\n  z-index: 2;\n}\n.percent:after {\n  content: \"%\";\n  margin-left: 0.1em;\n  font-size: 0.8em;\n}\n\n/* Morris chart */\n.morris-chart text {\n  font-family: \"Roboto\", sans-serif !important;\n  color: #8997bd;\n}\n\n.morris-hover.morris-default-style {\n  border-radius: 5px;\n  padding: 10px 12px;\n  background: #fafbfb;\n  border: none;\n  font-family: \"Roboto\", sans-serif;\n  box-shadow: 0 5px 25px 5px rgba(0, 4, 68, 0.14);\n}\n.morris-hover.morris-default-style .morris-hover-point {\n  line-height: 28px;\n}\n.morris-hover.morris-default-style .morris-hover-row-label {\n  background-color: #557ef8;\n  color: #ffffff;\n  padding: 4px 20px;\n  border-radius: 5px 5px 0 0;\n  margin: -10px -12px 10px;\n}\n\n/* Flot chart */\n#flotTip {\n  padding: 8px 12px;\n  background-color: #ffffff;\n  z-index: 100;\n  color: #000444;\n  box-shadow: 0 5px 25px 5px rgba(0, 4, 68, 0.14);\n  border-radius: 1px;\n}\n\n.flot-chart .flot-y-axis .flot-tick-label,\n.flot-chart .flot-x-axis .flot-tick-label {\n  transform: translateY(2px);\n  text-transform: uppercase;\n  font-size: 12px;\n  font-weight: 400;\n  font-family: \"Roboto\", sans-serif;\n  letter-spacing: 0.5px;\n  fill: #8997bd;\n}\n\n/* Chartist chart */\n.ct-golden-section:before {\n  float: none;\n}\n\n.ct-chart {\n  height: 300px;\n}\n\n.ct-grid {\n  stroke: rgba(0, 4, 68, 0.09);\n  stroke-width: 2px;\n  stroke-dasharray: 3px;\n}\n\n.ct-chart .ct-label {\n  fill: #7081b9;\n  color: #7081b9;\n  font-size: 14px;\n  line-height: 1;\n}\n\n.ct-chart.simple-pie-chart-chartist .ct-label {\n  color: #ffffff;\n  fill: #ffffff;\n  font-size: 16px;\n}\n\n.ct-chart .ct-series.ct-series-a .ct-slice-donut,\n.ct-chart .ct-series.ct-series-b .ct-bar {\n  stroke: #eaf0f9;\n}\n\n.ct-chart .ct-series.ct-series-b .ct-line,\n.ct-chart .ct-series.ct-series-b .ct-point {\n  stroke: #b6c2e4;\n}\n\n.ct-chart .ct-series.ct-series-c .ct-slice-donut {\n  stroke: #7081b9;\n}\n\n.ct-chart .ct-series.ct-series-a .ct-line,\n.ct-chart .ct-series.ct-series-a .ct-point,\n.ct-chart .ct-series.ct-series-b .ct-slice-donut,\n.ct-chart .ct-series.ct-series-a .ct-bar {\n  stroke: #557ef8;\n}\n\n.ct-chart .ct-series.ct-series-c .ct-point,\n.ct-chart .ct-series.ct-series-c .ct-line {\n  stroke: #ff9f43;\n}\n\n.ct-chart .ct-series.ct-series-c .ct-bar {\n  stroke: #fafbfb;\n}\n\n.ct-chart .ct-series.ct-series-e .ct-slice-donut,\n.ct-chart .ct-series.ct-series-d .ct-bar,\n.ct-chart .ct-series.ct-series-d .ct-line,\n.ct-chart .ct-series.ct-series-d .ct-point {\n  stroke: #22b783;\n}\n\n.ct-chart .ct-series.ct-series-d .ct-slice-donut {\n  stroke: #ff9f43;\n}\n\n.ct-chart .ct-series.ct-series-e .ct-bar,\n.ct-chart .ct-series.ct-series-e .ct-line,\n.ct-chart .ct-series.ct-series-e .ct-point {\n  stroke: #fd3c97;\n}\n\n.ct-chart .ct-series.ct-series-f .ct-bar,\n.ct-chart .ct-series.ct-series-f .ct-line,\n.ct-chart .ct-series.ct-series-f .ct-point {\n  stroke: #6d81f5;\n}\n\n.ct-chart .ct-series.ct-series-g .ct-bar,\n.ct-chart .ct-series.ct-series-g .ct-line,\n.ct-chart .ct-series.ct-series-g .ct-point {\n  stroke: #d7454d;\n}\n\n.ct-series-a .ct-area,\n.ct-series-a .ct-slice-pie {\n  fill: #557ef8;\n}\n\n.ct-series-b .ct-area,\n.ct-series-b .ct-slice-pie {\n  fill: #7081b9;\n}\n\n.ct-series-c .ct-area,\n.ct-series-c .ct-slice-pie {\n  fill: #eaf0f9;\n}\n\n.chartist-tooltip {\n  position: absolute;\n  display: inline-block;\n  opacity: 0;\n  min-width: 10px;\n  padding: 2px 10px;\n  -webkit-border-radius: 3px;\n  border-radius: 3px;\n  -moz-border-radius: 3px;\n  background-clip: padding-box;\n  background: #000444;\n  color: #ffffff;\n  text-align: center;\n  pointer-events: none;\n  z-index: 1;\n  -webkit-transition: opacity 0.2s linear;\n  -moz-transition: opacity 0.2s linear;\n  -o-transition: opacity 0.2s linear;\n  transition: opacity 0.2s linear;\n}\n\n.chartist-tooltip.tooltip-show {\n  opacity: 1;\n}\n\n#donut-chart #donut-chart-container .legend {\n  position: relative;\n  margin-right: -50px;\n  top: -50px;\n}\n\n.apexcharts-gridlines-horizontal,\n.apexcharts-gridlines-vertical,\n.apexcharts-grid,\n.apexcharts-gridline,\n.apexcharts-xaxis-tick,\n.apexcharts-xaxis line,\n.apexcharts-gridline line {\n  pointer-events: none;\n  stroke: #e8ecf1;\n}\n\n.apexcharts-xaxis line {\n  display: none;\n}\n\n.apexcharts-radar-series line,\n.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\n.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\n.apexcharts-radar-series path, .apexcharts-radar-series polygon {\n  pointer-events: none;\n  stroke: #eaedf3;\n}\n\n.apexcharts-legend-text {\n  color: #8997bd !important;\n  font-family: \"Roboto\", sans-serif !important;\n}\n\n.apexcharts-pie-label {\n  fill: #ffffff !important;\n}\n\n.apexcharts-datalabels text,\n.apexcharts-data-labels,\n.apexcharts-xaxis text,\n.apexcharts-yaxis text {\n  font-family: \"Roboto\", sans-serif !important;\n  fill: #8997bd;\n}\n\n.apexcharts-yaxis-annotation-label {\n  color: #8997bd !important;\n}\n\n.apexcharts-point-annotations text,\n.apexcharts-xaxis-annotations text,\n.apexcharts-yaxis-annotations text {\n  fill: #ffffff;\n}\n\n.britechart,\n.tick text {\n  font-family: \"Roboto\", sans-serif;\n  font-size: 0.75rem;\n}\n\n.extended-x-line,\n.extended-y-line,\n.horizontal-grid-line,\n.vertical-grid-line {\n  stroke: #eaf0f9;\n}\n\n.bar-chart .percentage-label,\n.donut-text,\n.legend-entry-name,\n.legend-entry-value,\n.tick text {\n  fill: #8997bd;\n}\n\n.apex-charts {\n  min-height: 10px !important;\n}\n\n.apexcharts-tooltip-title {\n  background: #f5f5f9 !important;\n  color: #000444;\n  border-color: #fafbfb !important;\n}\n\n.dash-apex-chart .apexcharts-toolbar {\n  display: none !important;\n}\n\n.apexcharts-tooltip {\n  background: #f5f5f9 !important;\n  border-color: #eceff5 !important;\n  white-space: normal !important;\n}\n\n.apexcharts-xaxistooltip {\n  background-color: #f5f5f9 !important;\n  border-color: #f5f5f9 !important;\n  color: #000444 !important;\n}\n\n.apexcharts-xaxistooltip-top:before,\n.apexcharts-xaxistooltip-top:after {\n  border-top-color: #f5f5f9 !important;\n}\n\n.apexcharts-xaxistooltip-bottom:before,\n.apexcharts-xaxistooltip-bottom:after {\n  border-bottom-color: #f5f5f9 !important;\n}\n\n.apexcharts-xaxistooltip:before,\n.apexcharts-xaxistooltip:after {\n  border-color: #f5f5f9;\n}\n\n.apexcharts-title-text,\n.apexcharts-datalabel-label {\n  color: #303e67;\n}\n\n.apexcharts-datalabel-value {\n  color: #fafbfb;\n}\n\n.apexcharts-legend-marker {\n  margin-right: 5px;\n  vertical-align: middle;\n}\n\n.apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-yaxis-label,\n.apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-xaxis-label,\n.apexcharts-yaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-yaxis-label,\n.apexcharts-yaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-xaxis-label,\n.apexcharts-xaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-yaxis-label,\n.apexcharts-xaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-xaxis-label,\n.apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-yaxis-label,\n.apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-xaxis-label {\n  font-weight: 500;\n}\n\n.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value, .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {\n  fill: #8997bd;\n  color: #8997bd;\n}\n\n/*clock*/\n.superpose {\n  color: #f1f5fa;\n  height: 350px;\n  width: 100%;\n}\n.superpose .superclock {\n  position: relative;\n  width: 300px;\n  margin: auto;\n}\n.superpose .superclock .superclock1 {\n  position: absolute;\n  left: 10px;\n  top: 10px;\n}\n.superpose .superclock .superclock2 {\n  position: absolute;\n  left: 60px;\n  top: 60px;\n}\n.superpose .superclock .superclock3 {\n  position: absolute;\n  left: 110px;\n  top: 110px;\n}\n\n.drop-shadow {\n  filter: drop-shadow(0px 8px 4px #fafbfb);\n}\n\n.tui-chart .tui-chart-chartExportMenu-area {\n  z-index: 50;\n}\n\n.noUi-target {\n  background: #eaf0f9;\n  border-radius: 4px;\n  border: 1px solid #e8ebf3;\n  box-shadow: inset 0 1px 1px #fafbfb, 0 3px 6px -5px #eaf0f9;\n}\n\n.noUi-horizontal .noUi-handle {\n  width: 16px;\n  height: 16px;\n  right: -8px;\n  top: -6px;\n}\n\n.noUi-horizontal {\n  height: 7px;\n}\n\n/* Handle stripes;\n */\n.noUi-handle {\n  border: 2px solid #e8ebf3;\n  border-radius: 50px;\n  background: #557ef8;\n  box-shadow: none;\n}\n.noUi-handle:before, .noUi-handle:after {\n  height: 4px;\n  width: 1px;\n  background: #ffffff;\n  left: 4px;\n  top: 4px;\n}\n\n.noUi-handle:after {\n  left: 7px;\n}\n\n.noUi-connect {\n  background: #4d71df;\n}\n\n.noUi-vertical {\n  width: 7px;\n}\n.noUi-vertical .noUi-handle {\n  width: 16px;\n  height: 16px;\n  right: -5.5px;\n  top: -10px;\n}\n.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after {\n  width: 5px;\n  height: 1px;\n  left: 3px;\n  top: 7px;\n}\n.noUi-vertical .noUi-handle:after {\n  width: 5px;\n  height: 1px;\n  left: 3px;\n  top: 4px;\n}\n\n.noUi-marker {\n  position: absolute;\n  background: rgba(137, 151, 189, 0.2);\n}\n\n.noUi-marker-sub {\n  background: rgba(137, 151, 189, 0.3);\n}\n\n.noUi-marker-large {\n  background: rgba(137, 151, 189, 0.3);\n}\n\n.noUi-marker-horizontal.noUi-marker-large {\n  height: 12px;\n}\n\n.example-val:before {\n  content: \"Value: \";\n}\n\n.noUi-tooltip {\n  display: none;\n}\n\n.noUi-active .noUi-tooltip {\n  display: block;\n}\n\n.noUi-tooltip {\n  border: 1px solid #eceff5;\n  background: #fdfdfd;\n  color: #303e67;\n  padding: 2px 4px;\n  font-size: 10px;\n}\n\n.swal2-popup {\n  background: #ffffff;\n}\n.swal2-popup .swal2-title {\n  font-size: 20px;\n  font-weight: 500;\n  color: #303e67;\n}\n.swal2-popup .swal2-content {\n  color: #7081b9;\n  font-size: 15px;\n}\n.swal2-popup.swal2-toast {\n  background-color: #ffffff;\n  box-shadow: 0 0 0.625em #f1f5fa;\n}\n.swal2-popup.swal2-toast .swal2-title {\n  line-height: 0;\n}\n.swal2-popup .swal2-styled {\n  display: inline-block;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: center;\n  text-decoration: none;\n  vertical-align: middle;\n  cursor: pointer;\n  user-select: none;\n  background-color: transparent;\n  border: none;\n  padding: 0.375rem 0.75rem;\n  font-size: 0.8125rem;\n  border-radius: 0.25rem;\n}\n.swal2-popup .swal2-styled:focus {\n  box-shadow: none;\n}\n.swal2-popup .swal2-styled.swal2-confirm {\n  font-size: 0.8125rem;\n  background-color: #22b783;\n}\n.swal2-popup .swal2-styled.swal2-confirm:focus {\n  box-shadow: none;\n}\n.swal2-popup .swal2-styled.swal2-deny {\n  background-color: #557ef8;\n  font-size: 0.8125rem;\n}\n.swal2-popup .swal2-styled.swal2-deny:focus {\n  box-shadow: none;\n}\n.swal2-popup .swal2-styled.swal2-cancel {\n  font-size: 0.8125rem;\n  background-color: #ef4d56;\n}\n.swal2-popup .swal2-styled.swal2-cancel:focus {\n  box-shadow: none;\n}\n\n.swal2-close:focus {\n  box-shadow: none;\n}\n\n.swal2-footer {\n  border-top: 1px solid #e8ebf3;\n}\n\n.swal2-actions .btn-success,\n.swal2-actions .btn-danger {\n  border: none;\n}\n.swal2-actions .btn-success:focus,\n.swal2-actions .btn-danger:focus {\n  box-shadow: none;\n}\n\n.swal2-icon {\n  width: 3em;\n  height: 3em;\n  margin: 1em auto 1em;\n}\n\n.swal2-icon.swal2-error [class^=swal2-x-mark-line] {\n  top: 22px;\n  width: 30px;\n}\n\n.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {\n  left: 9px;\n}\n\n.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {\n  right: 9px;\n}\n\n.swal2-icon .swal2-icon-content {\n  font-size: 40px;\n}\n\n.swal2-icon.swal2-success [class^=swal2-success-circular-line] {\n  width: 40px;\n  height: 70px;\n}\n\n.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {\n  top: -23px;\n  left: -13px;\n}\n\n.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {\n  top: -12px;\n  left: 36px;\n}\n\n.swal2-icon.swal2-success .swal2-success-fix {\n  top: 0px;\n  left: 12px;\n  width: 6px;\n  height: 60px;\n}\n\n.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {\n  top: 28px;\n  left: 6px;\n  width: 18px;\n}\n\n.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {\n  top: 23px;\n  right: 4px;\n  width: 30px;\n}\n\n@-webkit-keyframes swal2-animate-success-line-tip {\n  0% {\n    top: 1.1875em;\n    left: 0.0625em;\n    width: 0;\n  }\n  54% {\n    top: 24px;\n    left: 4px;\n    width: 0;\n  }\n  70% {\n    top: 27px;\n    left: 0px;\n    width: 22px;\n  }\n  84% {\n    top: 30px;\n    left: 8px;\n    width: 16px;\n  }\n  100% {\n    top: 28px;\n    left: 6px;\n    width: 18px;\n  }\n}\n@keyframes swal2-animate-success-line-tip {\n  0% {\n    top: 1.1875em;\n    left: 0.0625em;\n    width: 0;\n  }\n  54% {\n    top: 24px;\n    left: 4px;\n    width: 0;\n  }\n  70% {\n    top: 27px;\n    left: 0px;\n    width: 22px;\n  }\n  84% {\n    top: 30px;\n    left: 8px;\n    width: 16px;\n  }\n  100% {\n    top: 28px;\n    left: 6px;\n    width: 18px;\n  }\n}\n@-webkit-keyframes swal2-animate-success-line-long {\n  0% {\n    top: 26px;\n    right: 10px;\n    width: 0;\n  }\n  65% {\n    top: 26px;\n    right: 10px;\n    width: 0;\n  }\n  84% {\n    top: 22px;\n    right: 0;\n    width: 34px;\n  }\n  100% {\n    top: 23px;\n    right: 4px;\n    width: 30px;\n  }\n}\n@keyframes swal2-animate-success-line-long {\n  0% {\n    top: 3.375em;\n    right: 2.875em;\n    width: 0;\n  }\n  65% {\n    top: 40px;\n    right: 30px;\n    width: 0;\n  }\n  84% {\n    top: 22px;\n    right: 0;\n    width: 34px;\n  }\n  100% {\n    top: 23px;\n    right: 4px;\n    width: 30px;\n  }\n}\n@-webkit-keyframes passing-through {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(40px);\n    -moz-transform: translateY(40px);\n    -ms-transform: translateY(40px);\n    -o-transform: translateY(40px);\n    transform: translateY(40px);\n  }\n  30%, 70% {\n    opacity: 1;\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateY(-40px);\n    -moz-transform: translateY(-40px);\n    -ms-transform: translateY(-40px);\n    -o-transform: translateY(-40px);\n    transform: translateY(-40px);\n  }\n}\n@-moz-keyframes passing-through {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(40px);\n    -moz-transform: translateY(40px);\n    -ms-transform: translateY(40px);\n    -o-transform: translateY(40px);\n    transform: translateY(40px);\n  }\n  30%, 70% {\n    opacity: 1;\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateY(-40px);\n    -moz-transform: translateY(-40px);\n    -ms-transform: translateY(-40px);\n    -o-transform: translateY(-40px);\n    transform: translateY(-40px);\n  }\n}\n@keyframes passing-through {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(40px);\n    -moz-transform: translateY(40px);\n    -ms-transform: translateY(40px);\n    -o-transform: translateY(40px);\n    transform: translateY(40px);\n  }\n  30%, 70% {\n    opacity: 1;\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n  100% {\n    opacity: 0;\n    -webkit-transform: translateY(-40px);\n    -moz-transform: translateY(-40px);\n    -ms-transform: translateY(-40px);\n    -o-transform: translateY(-40px);\n    transform: translateY(-40px);\n  }\n}\n@-webkit-keyframes slide-in {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(40px);\n    -moz-transform: translateY(40px);\n    -ms-transform: translateY(40px);\n    -o-transform: translateY(40px);\n    transform: translateY(40px);\n  }\n  30% {\n    opacity: 1;\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@-moz-keyframes slide-in {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(40px);\n    -moz-transform: translateY(40px);\n    -ms-transform: translateY(40px);\n    -o-transform: translateY(40px);\n    transform: translateY(40px);\n  }\n  30% {\n    opacity: 1;\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@keyframes slide-in {\n  0% {\n    opacity: 0;\n    -webkit-transform: translateY(40px);\n    -moz-transform: translateY(40px);\n    -ms-transform: translateY(40px);\n    -o-transform: translateY(40px);\n    transform: translateY(40px);\n  }\n  30% {\n    opacity: 1;\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n}\n@-webkit-keyframes pulse {\n  0% {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n  }\n  10% {\n    -webkit-transform: scale(1.1);\n    -moz-transform: scale(1.1);\n    -ms-transform: scale(1.1);\n    -o-transform: scale(1.1);\n    transform: scale(1.1);\n  }\n  20% {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n  }\n}\n@-moz-keyframes pulse {\n  0% {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n  }\n  10% {\n    -webkit-transform: scale(1.1);\n    -moz-transform: scale(1.1);\n    -ms-transform: scale(1.1);\n    -o-transform: scale(1.1);\n    transform: scale(1.1);\n  }\n  20% {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n  }\n}\n@keyframes pulse {\n  0% {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n  }\n  10% {\n    -webkit-transform: scale(1.1);\n    -moz-transform: scale(1.1);\n    -ms-transform: scale(1.1);\n    -o-transform: scale(1.1);\n    transform: scale(1.1);\n  }\n  20% {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n  }\n}\n.dropzone, .dropzone * {\n  box-sizing: border-box;\n}\n\n.dropzone {\n  min-height: 150px;\n  border: 2px solid rgba(0, 0, 0, 0.3);\n  background: white;\n  padding: 20px 20px;\n}\n.dropzone.dz-clickable {\n  cursor: pointer;\n}\n.dropzone.dz-clickable * {\n  cursor: default;\n}\n.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {\n  cursor: pointer;\n}\n.dropzone.dz-started .dz-message {\n  display: none;\n}\n.dropzone.dz-drag-hover {\n  border-style: solid;\n}\n.dropzone.dz-drag-hover .dz-message {\n  opacity: 0.5;\n}\n.dropzone .dz-message {\n  text-align: center;\n  margin: 2em 0;\n}\n.dropzone .dz-message .dz-button {\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  outline: inherit;\n}\n.dropzone .dz-preview {\n  position: relative;\n  display: inline-block;\n  vertical-align: top;\n  margin: 16px;\n  min-height: 100px;\n}\n.dropzone .dz-preview:hover {\n  z-index: 1000;\n}\n.dropzone .dz-preview:hover .dz-details {\n  opacity: 1;\n}\n.dropzone .dz-preview.dz-file-preview .dz-image {\n  border-radius: 20px;\n  background: #999;\n  background: linear-gradient(to bottom, #eee, #ddd);\n}\n.dropzone .dz-preview.dz-file-preview .dz-details {\n  opacity: 1;\n}\n.dropzone .dz-preview.dz-image-preview {\n  background: white;\n}\n.dropzone .dz-preview.dz-image-preview .dz-details {\n  -webkit-transition: opacity 0.2s linear;\n  -moz-transition: opacity 0.2s linear;\n  -ms-transition: opacity 0.2s linear;\n  -o-transition: opacity 0.2s linear;\n  transition: opacity 0.2s linear;\n}\n.dropzone .dz-preview .dz-remove {\n  font-size: 14px;\n  text-align: center;\n  display: block;\n  cursor: pointer;\n  border: none;\n}\n.dropzone .dz-preview .dz-remove:hover {\n  text-decoration: underline;\n}\n.dropzone .dz-preview:hover .dz-details {\n  opacity: 1;\n}\n.dropzone .dz-preview .dz-details {\n  z-index: 20;\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  font-size: 13px;\n  min-width: 100%;\n  max-width: 100%;\n  padding: 2em 1em;\n  text-align: center;\n  color: rgba(0, 0, 0, 0.9);\n  line-height: 150%;\n}\n.dropzone .dz-preview .dz-details .dz-size {\n  margin-bottom: 1em;\n  font-size: 16px;\n}\n.dropzone .dz-preview .dz-details .dz-filename {\n  white-space: nowrap;\n}\n.dropzone .dz-preview .dz-details .dz-filename:hover span {\n  border: 1px solid rgba(200, 200, 200, 0.8);\n  background-color: rgba(255, 255, 255, 0.8);\n}\n.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {\n  border: 1px solid transparent;\n}\n.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {\n  background-color: rgba(255, 255, 255, 0.4);\n  padding: 0 0.4em;\n  border-radius: 3px;\n}\n.dropzone .dz-preview:hover .dz-image img {\n  -webkit-transform: scale(1.05, 1.05);\n  -moz-transform: scale(1.05, 1.05);\n  -ms-transform: scale(1.05, 1.05);\n  -o-transform: scale(1.05, 1.05);\n  transform: scale(1.05, 1.05);\n  -webkit-filter: blur(8px);\n  filter: blur(8px);\n}\n.dropzone .dz-preview .dz-image {\n  border-radius: 20px;\n  overflow: hidden;\n  width: 120px;\n  height: 120px;\n  position: relative;\n  display: block;\n  z-index: 10;\n}\n.dropzone .dz-preview .dz-image img {\n  display: block;\n}\n.dropzone .dz-preview.dz-success .dz-success-mark {\n  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.dropzone .dz-preview.dz-error .dz-error-mark {\n  opacity: 1;\n  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {\n  pointer-events: none;\n  opacity: 0;\n  z-index: 500;\n  position: absolute;\n  display: block;\n  top: 50%;\n  left: 50%;\n  margin-left: -27px;\n  margin-top: -27px;\n}\n.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {\n  display: block;\n  width: 54px;\n  height: 54px;\n}\n.dropzone .dz-preview.dz-processing .dz-progress {\n  opacity: 1;\n  -webkit-transition: all 0.2s linear;\n  -moz-transition: all 0.2s linear;\n  -ms-transition: all 0.2s linear;\n  -o-transition: all 0.2s linear;\n  transition: all 0.2s linear;\n}\n.dropzone .dz-preview.dz-complete .dz-progress {\n  opacity: 0;\n  -webkit-transition: opacity 0.4s ease-in;\n  -moz-transition: opacity 0.4s ease-in;\n  -ms-transition: opacity 0.4s ease-in;\n  -o-transition: opacity 0.4s ease-in;\n  transition: opacity 0.4s ease-in;\n}\n.dropzone .dz-preview:not(.dz-processing) .dz-progress {\n  -webkit-animation: pulse 6s ease infinite;\n  -moz-animation: pulse 6s ease infinite;\n  -ms-animation: pulse 6s ease infinite;\n  -o-animation: pulse 6s ease infinite;\n  animation: pulse 6s ease infinite;\n}\n.dropzone .dz-preview .dz-progress {\n  opacity: 1;\n  z-index: 1000;\n  pointer-events: none;\n  position: absolute;\n  height: 16px;\n  left: 50%;\n  top: 50%;\n  margin-top: -8px;\n  width: 80px;\n  margin-left: -40px;\n  background: rgba(255, 255, 255, 0.9);\n  -webkit-transform: scale(1);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.dropzone .dz-preview .dz-progress .dz-upload {\n  background: #333;\n  background: linear-gradient(to bottom, #666, #444);\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 0;\n  -webkit-transition: width 300ms ease-in-out;\n  -moz-transition: width 300ms ease-in-out;\n  -ms-transition: width 300ms ease-in-out;\n  -o-transition: width 300ms ease-in-out;\n  transition: width 300ms ease-in-out;\n}\n.dropzone .dz-preview.dz-error .dz-error-message {\n  display: block;\n}\n.dropzone .dz-preview.dz-error:hover .dz-error-message {\n  opacity: 1;\n  pointer-events: auto;\n}\n.dropzone .dz-preview .dz-error-message {\n  pointer-events: none;\n  z-index: 1000;\n  position: absolute;\n  display: block;\n  display: none;\n  opacity: 0;\n  -webkit-transition: opacity 0.3s ease;\n  -moz-transition: opacity 0.3s ease;\n  -ms-transition: opacity 0.3s ease;\n  -o-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n  border-radius: 8px;\n  font-size: 13px;\n  top: 130px;\n  left: -10px;\n  width: 140px;\n  background: #be2626;\n  background: linear-gradient(to bottom, #be2626, #a92222);\n  padding: 0.5em 1.2em;\n  color: white;\n}\n.dropzone .dz-preview .dz-error-message:after {\n  content: \"\";\n  position: absolute;\n  top: -6px;\n  left: 64px;\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-bottom: 6px solid #be2626;\n}\n\n.gmaps {\n  height: 300px;\n  background: #fafbfb;\n  border-radius: 3px;\n}\n\n.overlay {\n  display: block;\n  text-align: center;\n  color: #ffffff;\n  font-size: 14px;\n  line-height: 20px;\n  background: #557ef8;\n  border-radius: 4px;\n  padding: 5px 15px;\n}\n\n.overlay_arrow {\n  left: 50%;\n  margin-left: -16px;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n.overlay_arrow.above {\n  bottom: -9px;\n  border-left: 10px solid transparent;\n  border-right: 10px solid transparent;\n  border-top: 10px solid #557ef8;\n}\n\n.overlay_arrow.below {\n  top: -9px;\n  border-left: 10px solid transparent;\n  border-right: 10px solid transparent;\n  border-bottom: 10px solid #557ef8;\n}\n\n.svgMap-map-wrapper {\n  position: relative;\n  width: 100%;\n  padding-top: 50%;\n  overflow: hidden;\n  background: #fafbfb;\n}\n\n.fc-event {\n  border-radius: 2px;\n  border: none;\n  cursor: move;\n  font-size: 13px;\n  margin: 5px;\n  padding: 7px 5px;\n  text-align: center;\n  background-color: rgba(85, 126, 248, 0.18);\n  color: #557ef8;\n}\n\n.fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2 {\n  font-size: 16px;\n  text-transform: uppercase;\n}\n.fc .fc-toolbar.fc-header-toolbar {\n  margin-bottom: 1rem;\n}\n.fc .fc-col-header-cell-cushion {\n  padding: 10px 0;\n}\n.fc .fc-button {\n  font-size: 0.8125rem;\n}\n.fc .fc-button-primary {\n  background: transparent;\n  border: 1px solid #eceff5;\n  color: #7081b9;\n  text-transform: capitalize;\n  text-shadow: none;\n  box-shadow: none;\n}\n.fc .fc-button-primary:hover {\n  background: #557ef8;\n  color: #ffffff;\n  border-color: #ffffff;\n}\n.fc .fc-button-primary.active, .fc .fc-button-primary:focus, .fc .fc-button-primary:active {\n  text-shadow: none;\n  box-shadow: none;\n}\n.fc .fc-button-primary:disabled {\n  background: rgba(85, 126, 248, 0.1);\n  color: #557ef8;\n  border-color: #ffffff;\n  opacity: 1;\n}\n.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active {\n  background: #557ef8;\n  color: #ffffff;\n  border-color: #ffffff;\n}\n.fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus {\n  box-shadow: none;\n}\n\n.fc-license-message {\n  display: none;\n}\n\n.fc-theme-standard .fc-scrollgrid,\n.fc-theme-standard td,\n.fc-theme-standard th {\n  border: 1px solid #eceff5;\n}\n\n.fc-day-other {\n  background-image: linear-gradient(-45deg, #ffffff 25%, transparent 25%, transparent 50%, #ffffff 50%, #f1f5fa 75%, transparent 75%, transparent);\n  background-size: 10px 10px;\n}\n\n.fc-h-event .fc-event-main {\n  color: #8997bd;\n}\n\n.litepicker {\n  box-shadow: none;\n  font-family: \"Roboto\", sans-serif;\n  background-color: #ffffff;\n  border: 1px solid #eceff5;\n  z-index: 99;\n  width: 100%;\n  font-size: 0.8125rem;\n}\n.litepicker .container__main {\n  width: 100%;\n}\n.litepicker .container__main .month-item {\n  width: 100%;\n}\n.litepicker .container__months {\n  width: 100%;\n  box-shadow: none;\n  background-color: #ffffff;\n}\n.litepicker .container__months .month-item-weekdays-row > div {\n  font-size: 12px;\n  font-weight: 500;\n  color: #000444;\n}\n.litepicker .container__months .month-item-header div > .month-item-name,\n.litepicker .container__months .month-item-header div > .month-item-year {\n  color: #000444;\n}\n.litepicker .container__days > div,\n.litepicker .container__days > a {\n  width: 14.2857142857%;\n  padding: 12px 0;\n}\n.litepicker .container__days .day-item {\n  font-size: 12px;\n  color: #303e67;\n  transition: none;\n}\n.litepicker .container__days .day-item.is-today {\n  background-color: rgba(85, 126, 248, 0.08);\n  color: #557ef8;\n}\n.litepicker .container__days .day-item:hover {\n  box-shadow: none;\n  background-color: rgba(85, 126, 248, 0.08);\n  color: #557ef8;\n}\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)\";\n  filter: alpha(opacity=80);\n}\n\n.gu-hide {\n  display: none !important;\n}\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n\n.gu-transit {\n  opacity: 0.2;\n  -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)\";\n  filter: alpha(opacity=20);\n}\n\n.scroll-rightbar {\n  max-height: 500px;\n}\n\n.icon-dual {\n  color: #a1acb8;\n  fill: rgba(161, 172, 184, 0.12);\n}\n\n.icon-sm {\n  height: 22px;\n  width: 22px;\n}\n\n.icon-md {\n  height: 26px;\n  width: 26px;\n}\n\n.icon-lg {\n  height: 32px;\n  width: 32px;\n}\n\nhr.hr-dashed {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n  border: 0;\n  border-top: 1px dashed #e8ebf3;\n  box-sizing: content-box;\n  height: 0;\n  background-color: transparent;\n  overflow: visible;\n}\n\n.thumb-xxs {\n  height: 24px !important;\n  width: 24px !important;\n  font-size: 10px;\n  font-weight: 700;\n}\n\n.thumb-xs {\n  height: 32px !important;\n  width: 32px !important;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.thumb-sm {\n  height: 36px !important;\n  width: 36px !important;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.thumb-md {\n  height: 48px;\n  width: 48px;\n  font-size: 18px;\n  font-weight: 700;\n}\n\n.thumb-lg {\n  height: 60px;\n  width: 60px;\n  font-size: 24px;\n  font-weight: 700;\n}\n\n.thumb-xl {\n  height: 78px;\n  width: 78px;\n  font-size: 32px;\n  font-weight: 700;\n}\n\n.badge {\n  line-height: 10px;\n}\n\n/* Page titles */\n.title-text,\n.header-title {\n  margin-bottom: 8px;\n  text-transform: capitalize;\n  letter-spacing: 0.02em;\n  font-size: 15px;\n  font-weight: 500;\n  margin-top: 0;\n  color: #303e67;\n  text-shadow: 0 0 1px rgba(241, 245, 250, 0.1);\n  font-family: \"Roboto\", sans-serif;\n}\n\n.page-title-box {\n  padding: 16px 0;\n}\n.page-title-box .page-title {\n  font-size: 18px;\n  margin: 0;\n  color: #303e67;\n}\n.page-title-box .breadcrumb {\n  font-size: 13px;\n  margin-bottom: 0;\n  padding: 2px 0;\n  background-color: transparent;\n}\n\n.dual-border:after {\n  content: \"\";\n  height: 3px;\n  width: 80px;\n  position: absolute;\n  top: 20px;\n  left: 0;\n  border: 1px dotted #557ef8;\n  border-radius: 63px;\n}\n\n.dash-info-carousel .carousel-item h2 {\n  font-weight: 500;\n  color: #303e67;\n  font-size: 16px;\n}\n.dash-info-carousel .carousel-control-prev,\n.dash-info-carousel .carousel-control-next {\n  width: 30px;\n  height: 30px;\n  background-color: #fafbfb;\n  border-radius: 50%;\n  opacity: 1;\n}\n.dash-info-carousel .carousel-control-prev:hover,\n.dash-info-carousel .carousel-control-next:hover {\n  opacity: 0.9;\n}\n.dash-info-carousel .carousel-control-prev {\n  left: auto;\n  right: 38px;\n  top: 0;\n  border: 1px solid #eceff5;\n}\n.dash-info-carousel .carousel-control-prev .carousel-control-prev-icon {\n  background-image: none;\n}\n.dash-info-carousel .carousel-control-prev:after {\n  content: \"\\f104\";\n  font-family: \"Line Awesome Free\";\n  font-weight: 900;\n  font-size: 0.875rem;\n  color: #303e67;\n  line-height: 1.875rem;\n  position: absolute;\n}\n.dash-info-carousel .carousel-control-next {\n  left: auto;\n  right: 0;\n  top: 0;\n  border: 1px solid #eceff5;\n}\n.dash-info-carousel .carousel-control-next .carousel-control-next-icon {\n  background-image: none;\n  width: 0;\n}\n.dash-info-carousel .carousel-control-next:after {\n  content: \"\\f105\";\n  font-family: \"Line Awesome Free\";\n  font-weight: 900;\n  font-size: 0.875rem;\n  color: #303e67;\n  line-height: 1.875rem;\n}\n\n:not(pre) > code[class*=language-], pre[class*=language-] {\n  background: #fafbfb;\n}\n\n.popover {\n  border-color: #eaf0f9;\n}\n.popover .popover-header {\n  margin-top: 0;\n  background-color: #f1f5fa;\n}\n\n.eco-revene-history .nav .nav-item .nav-link.active {\n  color: #000444;\n  background-color: #fafbfb;\n}\n\n.icon-demo-content {\n  text-align: center;\n}\n.icon-demo-content i {\n  display: block;\n  font-size: 30px;\n  margin: 0 auto 5px;\n  color: #7081b9;\n}\n.icon-demo-content svg {\n  display: block;\n  font-size: 30px;\n  margin: 0 auto 5px;\n  color: #7081b9;\n}\n.icon-demo-content .col-sm-6 {\n  margin-bottom: 40px;\n}\n.icon-demo-content .col-sm-6:hover i {\n  color: #557ef8;\n}\n.icon-demo-content .col-sm-6:hover path:nth-of-type(1) {\n  fill: #557ef8;\n}\n.icon-demo-content .col-sm-6:hover path:nth-of-type(2) {\n  fill: #7081b9;\n}\n\n.icon-xs {\n  width: 15px;\n  height: 15px;\n}\n\n.icon-sm {\n  width: 22px;\n  height: 22px;\n}\n\n.icon-md {\n  width: 30px;\n  height: 30px;\n}\n\n.icon-lg {\n  width: 36px;\n  height: 36px;\n}\n\n.icon-xl {\n  width: 42px;\n  height: 42px;\n}\n\n.br-theme-bars-square .br-widget a {\n  background-color: #ffffff;\n}\n\n.br-theme-fontawesome-stars-o .br-widget a:after,\n.br-theme-css-stars .br-widget a:after,\n.br-theme-fontawesome-stars .br-widget a:after {\n  color: #eaf0f9;\n}\n\ncode[class*=language-], pre[class*=language-] {\n  text-shadow: none;\n  color: #303e67;\n}\n\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string {\n  color: #ffffff;\n  background: #557ef8;\n}\n\n.icon-demo-content.emoji-icons i {\n  display: block;\n  font-size: 18px;\n  margin: 0 auto 8px;\n}\n\n.lightpick {\n  box-shadow: none;\n  font-family: \"Roboto\", sans-serif;\n  background-color: #ffffff;\n  border: 1px solid #eceff5;\n  z-index: 99;\n}\n.lightpick.lightpick--inlined {\n  display: block;\n}\n.lightpick .lightpick__month {\n  width: 100%;\n  background-color: #ffffff;\n}\n.lightpick .lightpick__day {\n  color: #8997bd;\n}\n.lightpick .lightpick__previous-action,\n.lightpick .lightpick__next-action,\n.lightpick .lightpick__close-action {\n  background-color: #f1f5fa;\n  padding-bottom: 4px;\n}\n.lightpick .lightpick__month-title-bar {\n  margin-bottom: 22px;\n}\n.lightpick .lightpick__month-title-bar .lightpick__month-title > .lightpick__select-months {\n  color: #303e67;\n  font-weight: 500;\n}\n.lightpick .lightpick__day-of-the-week {\n  color: #303e67;\n  font-weight: 500;\n  font-size: 13px;\n}\n.lightpick .lightpick__day.is-start-date,\n.lightpick .lightpick__day.is-end-date,\n.lightpick .lightpick__day.is-start-date:hover,\n.lightpick .lightpick__day.is-end-date:hover,\n.lightpick .lightpick__day:not(.is-disabled):hover,\n.lightpick .lightpick__day.is-today {\n  color: #557ef8;\n  background-color: #f1f5fa;\n  background-image: none;\n  font-weight: 500;\n  display: flex;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  text-align: center;\n  border-radius: 50%;\n  margin: 0 auto;\n}\n.lightpick .lightpick__day.is-today {\n  border: 3px solid #fafbfb;\n  box-shadow: 0px 0px 0px 1.25px #f1f5fa;\n  font-weight: 600;\n}\n.lightpick .lightpick__month-title > .lightpick__select {\n  color: #303e67;\n}\n.lightpick .lightpick__toolbar .lightpick__previous-action,\n.lightpick .lightpick__toolbar .lightpick__next-action {\n  color: #303e67;\n}\n\n.task-box .task-priority-icon i {\n  border: 5px solid #fafbfb;\n  border-radius: 50%;\n  position: absolute;\n  top: -5px;\n  left: -5px;\n}\n\n.lang-css .pun,\n.lang-css .pln {\n  color: #000444;\n}\n\n.starability-basic,\n.starability-slot,\n.starability-grow,\n.starability-growRotate,\n.starability-fade,\n.starability-checkmark {\n  min-height: auto;\n}\n\n.tox-notifications-container {\n  display: none;\n}\n\n.preview-box {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: auto;\n}\n.preview-box .preview-content {\n  width: auto;\n  height: 50px;\n  max-width: 100%;\n  border-radius: 5px;\n}\n\ndiv.hopscotch-bubble {\n  background-color: #f5f5f9;\n  color: #000444;\n  border: 1px solid #eceff5;\n}\ndiv.hopscotch-bubble h3 {\n  color: #000444;\n}\n\n.folder-icon div.listree-submenu-heading.collapsed:before {\n  content: \"\\f07b\";\n  font-family: \"Font Awesome 5 Free\";\n}\n\n.folder-icon div.listree-submenu-heading.expanded:before {\n  content: \"\\f07c\";\n  font-family: \"Font Awesome 5 Free\";\n}\n\n.tobii-zoom__icon {\n  display: none;\n}\n\n.tobii-zoom {\n  display: block !important;\n}\n\n.analytic-dash-activity {\n  height: 345px;\n}\n\n.border-b {\n  border-bottom: 1px solid #eceff5;\n}\n\n.border-e {\n  border-right: 1px solid #eceff5;\n  border-bottom: none;\n}\n\n@media (min-width: 767.99px) and (max-width: 991.98px) {\n  .border-bo {\n    border-bottom: 1px solid #eceff5;\n  }\n}\n@media (max-width: 767.98px) {\n  .border-b {\n    border-bottom: 1px solid #eceff5;\n    border-right: none;\n  }\n}\n.tabulator-row .tabulator-cell div[data-max=\"100\"] {\n  background-color: rgba(85, 126, 248, 0.5) !important;\n  height: 3px !important;\n}\n\n.timeline-custom {\n  position: relative;\n  border-left: 1px dashed #eceff5;\n}\n.timeline-custom .time-item {\n  position: relative;\n  padding: 8px 0;\n}\n\n.time-item:before,\n.time-item-item:before {\n  display: table;\n  content: \" \";\n}\n\n.time-item:before {\n  position: absolute;\n  bottom: 0;\n  left: 4px;\n  top: 12px;\n  width: 8px;\n  height: 8px;\n  margin-left: -8px;\n  background-color: #557ef8;\n  border-radius: 10px;\n  content: \"\";\n}\n\n.item-info {\n  margin-left: 15px;\n}\n\n.country-reports {\n  position: absolute;\n}\n.country-reports .country-data {\n  position: relative;\n  z-index: 10;\n}\n.country-reports .country-data:before {\n  position: absolute;\n  content: \"\";\n  width: 14px;\n  height: 14px;\n  background: #ffffff;\n  left: 50%;\n  bottom: -6px;\n  transform: translateX(-50%) rotate(45deg);\n  z-index: -1;\n  border: 1px solid #eceff5;\n}\n.country-reports.country-ind {\n  top: 43%;\n  right: 24%;\n}\n.country-reports.country-usa {\n  top: 29%;\n  left: 18%;\n}\n\n.text-slider {\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  transform: translate3d(0, 0, 0);\n}\n.text-slider > ul {\n  white-space: nowrap;\n}\n.text-slider .move-text {\n  animation: moveSlideshow 12s linear infinite;\n}\n@-webkit-keyframes moveSlideshow {\n  100% {\n    -webkit-transform: translateX(-45%);\n    transform: translateX(-45%);\n  }\n}\n@keyframes moveSlideshow {\n  100% {\n    -webkit-transform: translateX(-45%);\n    transform: translateX(-45%);\n  }\n}\n.text-slider .mover {\n  -webkit-animation: mover 1s infinite alternate;\n  animation: mover 1s infinite alternate;\n}\n@-webkit-keyframes mover {\n  0% {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  100% {\n    -webkit-transform: translateY(5px);\n    transform: translateY(5px);\n  }\n}\n@keyframes mover {\n  0% {\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n  }\n  100% {\n    -webkit-transform: translateY(5px);\n    transform: translateY(5px);\n  }\n}\n\n.socials a i {\n  width: 28px;\n  height: 28px;\n  line-height: 28px;\n  text-align: center;\n  border-radius: 50%;\n  border: 1px solid #eaf0f9;\n  color: #7081b9;\n  transition: all 0.3s ease-out;\n}\n.socials a:hover i.fa-facebook-f {\n  color: #0b51b7;\n  border: 1px solid;\n}\n.socials a:hover i.fa-twitter {\n  color: #41cbd8;\n  border: 1px solid;\n}\n.socials a:hover i.fa-medium-m {\n  color: #ef4d56;\n  border: 1px solid;\n}\n.socials a:hover i.fa-telegram {\n  color: #22b783;\n  border: 1px solid;\n}\n.socials a:hover i.fa-btc {\n  color: #ff9f43;\n  border: 1px solid;\n}\n\n.cart-promo {\n  padding: 90px;\n  background-image: url(../../assets/images/products/bg-cart.png);\n  background-position: center center;\n  background-size: cover;\n}\n\n.total-payment {\n  border: 1px solid #eceff5;\n  background-color: #fafbfb;\n  border-radius: 3px;\n}\n\n.shopping-cart .table tbody td,\n.total-payment .table tbody td {\n  padding: 20px 10px;\n  border-top: 0;\n  border-bottom: 1px solid #eceff5;\n}\n\n.checkout-accordion .accordion-button::after {\n  display: none;\n}\n\nul.listree-submenu-items {\n  border-left: 1px dashed #e8ebf3;\n}\n\nhtml[dir=rtl] .simplebar-offset {\n  right: 0 !important;\n}\nhtml[dir=rtl] .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {\n  transform: rotate(180deg);\n}\nhtml[dir=rtl] .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {\n  transform: rotate(270deg);\n}\n\n.tobii__btn svg {\n  height: 30px;\n  width: auto;\n}\n\n.tobii__counter {\n  font-size: 16px;\n}\n\n.tobii-zoom {\n  display: block !important;\n}\n\n.tobii-zoom__icon {\n  display: none;\n}\n\n#grid {\n  padding: 0 !important;\n}\n\n.splide__slide img {\n  width: 100%;\n  height: auto;\n}\n\n.splide__slide {\n  opacity: 0.8;\n}\n\n.splide__slide.is-active {\n  opacity: 1;\n}\n\n.splide__list {\n  justify-content: center;\n}\n\n.splide--nav > .splide__slider > .splide__track > .splide__list > .splide__slide,\n.splide--nav > .splide__track > .splide__list > .splide__slide {\n  border: 2px dashed #eceff5;\n  padding: 14px;\n  border-radius: 4px;\n}\n\n.splide--nav > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active,\n.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {\n  border: 2px dashed #557ef8;\n  border-radius: 4px;\n  padding: 14px;\n}\n\n.bg-black {\n  background-color: #000000 !important;\n  color: #ffffff;\n}\n\n.bg-card {\n  background-color: #ffffff !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n\n.bg-light-alt {\n  background-color: #fbfbfb !important;\n}\n\n.bg-soft-primary {\n  background-color: rgba(85, 126, 248, 0.08) !important;\n  color: #557ef8 !important;\n}\n.bg-soft-primary:hover {\n  background-color: #557ef8 !important;\n  color: #ffffff !important;\n}\n.bg-soft-primary.not-hover:hover {\n  background-color: rgba(85, 126, 248, 0.08) !important;\n  color: #557ef8 !important;\n}\n\n.icon-dual-primary {\n  color: #557ef8;\n  fill: rgba(85, 126, 248, 0.25);\n}\n\n.shadow-primary {\n  box-shadow: 0 6px 20px 0 rgba(85, 126, 248, 0.5) !important;\n}\n\n.bg-soft-secondary {\n  background-color: rgba(112, 129, 185, 0.08) !important;\n  color: #7081b9 !important;\n}\n.bg-soft-secondary:hover {\n  background-color: #7081b9 !important;\n  color: #ffffff !important;\n}\n.bg-soft-secondary.not-hover:hover {\n  background-color: rgba(112, 129, 185, 0.08) !important;\n  color: #7081b9 !important;\n}\n\n.icon-dual-secondary {\n  color: #7081b9;\n  fill: rgba(112, 129, 185, 0.25);\n}\n\n.shadow-secondary {\n  box-shadow: 0 6px 20px 0 rgba(112, 129, 185, 0.5) !important;\n}\n\n.bg-soft-success {\n  background-color: rgba(34, 183, 131, 0.08) !important;\n  color: #22b783 !important;\n}\n.bg-soft-success:hover {\n  background-color: #22b783 !important;\n  color: #ffffff !important;\n}\n.bg-soft-success.not-hover:hover {\n  background-color: rgba(34, 183, 131, 0.08) !important;\n  color: #22b783 !important;\n}\n\n.icon-dual-success {\n  color: #22b783;\n  fill: rgba(34, 183, 131, 0.25);\n}\n\n.shadow-success {\n  box-shadow: 0 6px 20px 0 rgba(34, 183, 131, 0.5) !important;\n}\n\n.bg-soft-info {\n  background-color: rgba(65, 203, 216, 0.08) !important;\n  color: #41cbd8 !important;\n}\n.bg-soft-info:hover {\n  background-color: #41cbd8 !important;\n  color: #ffffff !important;\n}\n.bg-soft-info.not-hover:hover {\n  background-color: rgba(65, 203, 216, 0.08) !important;\n  color: #41cbd8 !important;\n}\n\n.icon-dual-info {\n  color: #41cbd8;\n  fill: rgba(65, 203, 216, 0.25);\n}\n\n.shadow-info {\n  box-shadow: 0 6px 20px 0 rgba(65, 203, 216, 0.5) !important;\n}\n\n.bg-soft-warning {\n  background-color: rgba(255, 159, 67, 0.08) !important;\n  color: #ff9f43 !important;\n}\n.bg-soft-warning:hover {\n  background-color: #ff9f43 !important;\n  color: #ffffff !important;\n}\n.bg-soft-warning.not-hover:hover {\n  background-color: rgba(255, 159, 67, 0.08) !important;\n  color: #ff9f43 !important;\n}\n\n.icon-dual-warning {\n  color: #ff9f43;\n  fill: rgba(255, 159, 67, 0.25);\n}\n\n.shadow-warning {\n  box-shadow: 0 6px 20px 0 rgba(255, 159, 67, 0.5) !important;\n}\n\n.bg-soft-danger {\n  background-color: rgba(239, 77, 86, 0.08) !important;\n  color: #ef4d56 !important;\n}\n.bg-soft-danger:hover {\n  background-color: #ef4d56 !important;\n  color: #ffffff !important;\n}\n.bg-soft-danger.not-hover:hover {\n  background-color: rgba(239, 77, 86, 0.08) !important;\n  color: #ef4d56 !important;\n}\n\n.icon-dual-danger {\n  color: #ef4d56;\n  fill: rgba(239, 77, 86, 0.25);\n}\n\n.shadow-danger {\n  box-shadow: 0 6px 20px 0 rgba(239, 77, 86, 0.5) !important;\n}\n\n.bg-soft-light {\n  background-color: rgba(250, 251, 251, 0.08) !important;\n  color: #fafbfb !important;\n}\n.bg-soft-light:hover {\n  background-color: #fafbfb !important;\n  color: #ffffff !important;\n}\n.bg-soft-light.not-hover:hover {\n  background-color: rgba(250, 251, 251, 0.08) !important;\n  color: #fafbfb !important;\n}\n\n.icon-dual-light {\n  color: #fafbfb;\n  fill: rgba(250, 251, 251, 0.25);\n}\n\n.shadow-light {\n  box-shadow: 0 6px 20px 0 rgba(250, 251, 251, 0.5) !important;\n}\n\n.bg-soft-dark {\n  background-color: rgba(0, 4, 68, 0.08) !important;\n  color: #000444 !important;\n}\n.bg-soft-dark:hover {\n  background-color: #000444 !important;\n  color: #ffffff !important;\n}\n.bg-soft-dark.not-hover:hover {\n  background-color: rgba(0, 4, 68, 0.08) !important;\n  color: #000444 !important;\n}\n\n.icon-dual-dark {\n  color: #000444;\n  fill: rgba(0, 4, 68, 0.25);\n}\n\n.shadow-dark {\n  box-shadow: 0 6px 20px 0 rgba(0, 4, 68, 0.5) !important;\n}\n\n.bg-soft-pink {\n  background-color: rgba(253, 60, 151, 0.08) !important;\n  color: #fd3c97 !important;\n}\n.bg-soft-pink:hover {\n  background-color: #fd3c97 !important;\n  color: #ffffff !important;\n}\n.bg-soft-pink.not-hover:hover {\n  background-color: rgba(253, 60, 151, 0.08) !important;\n  color: #fd3c97 !important;\n}\n\n.icon-dual-pink {\n  color: #fd3c97;\n  fill: rgba(253, 60, 151, 0.25);\n}\n\n.shadow-pink {\n  box-shadow: 0 6px 20px 0 rgba(253, 60, 151, 0.5) !important;\n}\n\n.bg-soft-purple {\n  background-color: rgba(109, 129, 245, 0.08) !important;\n  color: #6d81f5 !important;\n}\n.bg-soft-purple:hover {\n  background-color: #6d81f5 !important;\n  color: #ffffff !important;\n}\n.bg-soft-purple.not-hover:hover {\n  background-color: rgba(109, 129, 245, 0.08) !important;\n  color: #6d81f5 !important;\n}\n\n.icon-dual-purple {\n  color: #6d81f5;\n  fill: rgba(109, 129, 245, 0.25);\n}\n\n.shadow-purple {\n  box-shadow: 0 6px 20px 0 rgba(109, 129, 245, 0.5) !important;\n}\n\n.bg-soft-blue {\n  background-color: rgba(11, 81, 183, 0.08) !important;\n  color: #0b51b7 !important;\n}\n.bg-soft-blue:hover {\n  background-color: #0b51b7 !important;\n  color: #ffffff !important;\n}\n.bg-soft-blue.not-hover:hover {\n  background-color: rgba(11, 81, 183, 0.08) !important;\n  color: #0b51b7 !important;\n}\n\n.icon-dual-blue {\n  color: #0b51b7;\n  fill: rgba(11, 81, 183, 0.25);\n}\n\n.shadow-blue {\n  box-shadow: 0 6px 20px 0 rgba(11, 81, 183, 0.5) !important;\n}\n\n.icon-dual-2 {\n  color: #7081b9;\n  fill: rgba(112, 129, 185, 0.25);\n}\n\n.avatar-box {\n  position: relative;\n  display: inline-block;\n}\n.avatar-box .avatar-title {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  color: #fafbfb;\n  align-items: center;\n  justify-content: center;\n}\n\n.avatar-md {\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  text-align: center;\n  border-radius: 50%;\n  font-size: 18px;\n  display: inline-block;\n}\n\n.img-group .avatar-badge {\n  position: absolute;\n  right: 1px;\n  width: 8px;\n  height: 8px;\n  border-radius: 8px;\n  box-shadow: 0 0 0 2px #ffffff;\n  z-index: 2;\n}\n.img-group .user-avatar {\n  position: relative;\n  display: inline-block;\n}\n.img-group .user-avatar:focus, .img-group .user-avatar:hover {\n  z-index: 2;\n}\n.img-group .user-avatar .online {\n  background: #22b783;\n}\n.img-group .user-avatar .offline {\n  background: #b6c2e4;\n}\n.img-group .user-avatar img {\n  box-shadow: 0 0 0 2px #fafbfb;\n}\n\n.files-nav .nav .nav-link {\n  padding: 10px;\n  color: #303e67;\n  margin-bottom: 10px;\n  font-weight: 500;\n  display: flex;\n}\n.files-nav .nav .nav-link .icon-dual-file {\n  color: #8997bd;\n  fill: rgba(137, 151, 189, 0.12);\n}\n.files-nav .nav .nav-link h5 {\n  color: #303e67;\n  font-size: 13px;\n  font-weight: 500;\n}\n.files-nav .nav .nav-link small {\n  color: #8997bd;\n  font-size: 10px;\n}\n.files-nav .nav .nav-link.active {\n  background-color: rgba(137, 151, 189, 0.08);\n  color: #303e67;\n}\n.files-nav .nav .nav-link.active .icon-dual-file {\n  color: #557ef8;\n  fill: rgba(85, 126, 248, 0.12);\n}\n\n.file-box-content {\n  margin-bottom: -16px;\n}\n.file-box-content .file-box {\n  border: 1px solid #eceff5;\n  border-radius: 5px;\n  padding: 20px;\n  width: 160px;\n  display: inline-block;\n  margin-right: 5px;\n  margin-bottom: 16px;\n  background-color: #ffffff;\n}\n.file-box-content .file-box .download-icon-link {\n  color: #7081b9;\n}\n.file-box-content .file-box .download-icon-link .file-download-icon {\n  font-size: 13px;\n  position: relative;\n  top: -10px;\n  left: 110px;\n}\n.file-box-content .file-box .download-icon-link:hover {\n  color: #557ef8;\n}\n.file-box-content .file-box i {\n  font-size: 36px;\n}\n\n.file-category {\n  width: 100%;\n}\n.file-category .file-category-block {\n  text-align: center;\n  margin-right: 20px;\n}\n.file-category .file-category-block .file-category-folder {\n  border-bottom: 2px solid transparent;\n  padding: 10px 20px !important;\n  border-radius: 18px;\n}\n.file-category .file-category-block .file-category-folder.active {\n  border-bottom: 2px solid;\n}\n.file-category .file-category-block .file-category-folder i {\n  display: block;\n  font-size: 38px;\n}\n\n.category-icon i {\n  font-size: 200px;\n  color: #fafbfb;\n}\n\ninput.add-file-input {\n  position: absolute;\n  opacity: 0;\n  right: 0;\n  top: 0;\n}\n\n.ribbon1 {\n  position: absolute;\n  top: -6.1px;\n  right: 10px;\n}\n.ribbon1:after {\n  position: absolute;\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-left: 30px solid transparent;\n  border-right: 30px solid transparent;\n  border-top: 10px solid;\n}\n.ribbon1 span {\n  display: block;\n  padding: 6px 4px 0px;\n  border-top-right-radius: 6px;\n  width: 60px;\n  font-size: 11px;\n  font-weight: 500;\n}\n.ribbon1 span:before, .ribbon1 span:after {\n  position: absolute;\n  content: \"\";\n}\n.ribbon1 span:before {\n  height: 6px;\n  width: 4px;\n  left: -4px;\n  top: 0;\n}\n.ribbon1 span:after {\n  height: 6px;\n  width: 6px;\n  left: -6px;\n  top: 0;\n  border-radius: 8px 8px 0 0;\n}\n.ribbon1 span.rib1-primary, .ribbon1 span:before {\n  background: #557ef8;\n}\n.ribbon1 span.rib1-primary:after {\n  background: #0c46f5;\n}\n.ribbon1 span.rib1-secondary, .ribbon1 span:before {\n  background: #7081b9;\n}\n.ribbon1 span.rib1-secondary:after {\n  background: #485a94;\n}\n.ribbon1 span.rib1-success, .ribbon1 span:before {\n  background: #22b783;\n}\n.ribbon1 span.rib1-success:after {\n  background: #167655;\n}\n.ribbon1 span.rib1-info, .ribbon1 span:before {\n  background: #41cbd8;\n}\n.ribbon1 span.rib1-info:after {\n  background: #239eaa;\n}\n.ribbon1 span.rib1-warning, .ribbon1 span:before {\n  background: #ff9f43;\n}\n.ribbon1 span.rib1-warning:after {\n  background: #f67800;\n}\n.ribbon1 span.rib1-danger, .ribbon1 span:before {\n  background: #ef4d56;\n}\n.ribbon1 span.rib1-danger:after {\n  background: #dc141f;\n}\n.ribbon1 span.rib1-light, .ribbon1 span:before {\n  background: #fafbfb;\n}\n.ribbon1 span.rib1-light:after {\n  background: #d0d9d9;\n}\n.ribbon1 span.rib1-dark, .ribbon1 span:before {\n  background: #000444;\n}\n.ribbon1 span.rib1-dark:after {\n  background: black;\n}\n.ribbon1 span.rib1-pink, .ribbon1 span:before {\n  background: #fd3c97;\n}\n.ribbon1 span.rib1-pink:after {\n  background: #ea0270;\n}\n.ribbon1 span.rib1-purple, .ribbon1 span:before {\n  background: #6d81f5;\n}\n.ribbon1 span.rib1-purple:after {\n  background: #2543f0;\n}\n.ribbon1 span.rib1-blue, .ribbon1 span:before {\n  background: #0b51b7;\n}\n.ribbon1 span.rib1-blue:after {\n  background: #07316f;\n}\n.ribbon1.rib1-primary:after {\n  border-top-color: #557ef8;\n}\n.ribbon1.rib1-secondary:after {\n  border-top-color: #7081b9;\n}\n.ribbon1.rib1-success:after {\n  border-top-color: #22b783;\n}\n.ribbon1.rib1-info:after {\n  border-top-color: #41cbd8;\n}\n.ribbon1.rib1-warning:after {\n  border-top-color: #ff9f43;\n}\n.ribbon1.rib1-danger:after {\n  border-top-color: #ef4d56;\n}\n.ribbon1.rib1-light:after {\n  border-top-color: #fafbfb;\n}\n.ribbon1.rib1-dark:after {\n  border-top-color: #000444;\n}\n.ribbon1.rib1-pink:after {\n  border-top-color: #fd3c97;\n}\n.ribbon1.rib1-purple:after {\n  border-top-color: #6d81f5;\n}\n.ribbon1.rib1-blue:after {\n  border-top-color: #0b51b7;\n}\n\n.ribbon2 {\n  width: 30px;\n  padding: 8px 0;\n  position: absolute;\n  top: -6px;\n  right: 12px;\n  text-align: center;\n  border-top-left-radius: 3px;\n}\n.ribbon2:before, .ribbon2:after {\n  content: \"\";\n  position: absolute;\n}\n.ribbon2:before {\n  height: 0;\n  width: 0;\n  right: -5.5px;\n  top: 0.1px;\n  border-right: 6px solid transparent;\n}\n.ribbon2:after {\n  height: 0;\n  width: 0;\n  bottom: -18px;\n  left: 0;\n  border-bottom: 18px solid transparent;\n}\n.ribbon2.rib2-primary {\n  background: #557ef8;\n}\n.ribbon2.rib2-primary:before {\n  border-bottom: 6px solid #0c46f5;\n}\n.ribbon2.rib2-primary:after {\n  border-left: 15px solid #557ef8;\n  border-right: 15px solid #557ef8;\n}\n.ribbon2.rib2-secondary {\n  background: #7081b9;\n}\n.ribbon2.rib2-secondary:before {\n  border-bottom: 6px solid #485a94;\n}\n.ribbon2.rib2-secondary:after {\n  border-left: 15px solid #7081b9;\n  border-right: 15px solid #7081b9;\n}\n.ribbon2.rib2-success {\n  background: #22b783;\n}\n.ribbon2.rib2-success:before {\n  border-bottom: 6px solid #167655;\n}\n.ribbon2.rib2-success:after {\n  border-left: 15px solid #22b783;\n  border-right: 15px solid #22b783;\n}\n.ribbon2.rib2-info {\n  background: #41cbd8;\n}\n.ribbon2.rib2-info:before {\n  border-bottom: 6px solid #239eaa;\n}\n.ribbon2.rib2-info:after {\n  border-left: 15px solid #41cbd8;\n  border-right: 15px solid #41cbd8;\n}\n.ribbon2.rib2-warning {\n  background: #ff9f43;\n}\n.ribbon2.rib2-warning:before {\n  border-bottom: 6px solid #f67800;\n}\n.ribbon2.rib2-warning:after {\n  border-left: 15px solid #ff9f43;\n  border-right: 15px solid #ff9f43;\n}\n.ribbon2.rib2-danger {\n  background: #ef4d56;\n}\n.ribbon2.rib2-danger:before {\n  border-bottom: 6px solid #dc141f;\n}\n.ribbon2.rib2-danger:after {\n  border-left: 15px solid #ef4d56;\n  border-right: 15px solid #ef4d56;\n}\n.ribbon2.rib2-light {\n  background: #fafbfb;\n}\n.ribbon2.rib2-light:before {\n  border-bottom: 6px solid #d0d9d9;\n}\n.ribbon2.rib2-light:after {\n  border-left: 15px solid #fafbfb;\n  border-right: 15px solid #fafbfb;\n}\n.ribbon2.rib2-dark {\n  background: #000444;\n}\n.ribbon2.rib2-dark:before {\n  border-bottom: 6px solid black;\n}\n.ribbon2.rib2-dark:after {\n  border-left: 15px solid #000444;\n  border-right: 15px solid #000444;\n}\n.ribbon2.rib2-pink {\n  background: #fd3c97;\n}\n.ribbon2.rib2-pink:before {\n  border-bottom: 6px solid #ea0270;\n}\n.ribbon2.rib2-pink:after {\n  border-left: 15px solid #fd3c97;\n  border-right: 15px solid #fd3c97;\n}\n.ribbon2.rib2-purple {\n  background: #6d81f5;\n}\n.ribbon2.rib2-purple:before {\n  border-bottom: 6px solid #2543f0;\n}\n.ribbon2.rib2-purple:after {\n  border-left: 15px solid #6d81f5;\n  border-right: 15px solid #6d81f5;\n}\n.ribbon2.rib2-blue {\n  background: #0b51b7;\n}\n.ribbon2.rib2-blue:before {\n  border-bottom: 6px solid #07316f;\n}\n.ribbon2.rib2-blue:after {\n  border-left: 15px solid #0b51b7;\n  border-right: 15px solid #0b51b7;\n}\n\n.ribbon3 {\n  text-align: center;\n  width: 70px;\n  height: 26px;\n  line-height: 26px;\n  padding-right: 12px;\n  position: absolute;\n  right: -8px;\n  top: 10px;\n  font-size: 11px;\n  font-weight: 500;\n}\n.ribbon3:before, .ribbon3:after {\n  content: \"\";\n  position: absolute;\n}\n.ribbon3:before {\n  height: 0;\n  width: 0;\n  bottom: -8.5px;\n  right: 0.1px;\n  border-right: 9px solid transparent;\n}\n.ribbon3:after {\n  height: 0;\n  width: 0;\n  left: -14.5px;\n  border-bottom: 13px solid transparent;\n  border-top: 13px solid transparent;\n}\n.ribbon3.rib3-primary {\n  background: #557ef8;\n}\n.ribbon3.rib3-primary:before {\n  border-top: 9px solid #0c46f5;\n}\n.ribbon3.rib3-primary:after {\n  border-right: 15px solid #557ef8;\n}\n.ribbon3.rib3-secondary {\n  background: #7081b9;\n}\n.ribbon3.rib3-secondary:before {\n  border-top: 9px solid #485a94;\n}\n.ribbon3.rib3-secondary:after {\n  border-right: 15px solid #7081b9;\n}\n.ribbon3.rib3-success {\n  background: #22b783;\n}\n.ribbon3.rib3-success:before {\n  border-top: 9px solid #167655;\n}\n.ribbon3.rib3-success:after {\n  border-right: 15px solid #22b783;\n}\n.ribbon3.rib3-info {\n  background: #41cbd8;\n}\n.ribbon3.rib3-info:before {\n  border-top: 9px solid #239eaa;\n}\n.ribbon3.rib3-info:after {\n  border-right: 15px solid #41cbd8;\n}\n.ribbon3.rib3-warning {\n  background: #ff9f43;\n}\n.ribbon3.rib3-warning:before {\n  border-top: 9px solid #f67800;\n}\n.ribbon3.rib3-warning:after {\n  border-right: 15px solid #ff9f43;\n}\n.ribbon3.rib3-danger {\n  background: #ef4d56;\n}\n.ribbon3.rib3-danger:before {\n  border-top: 9px solid #dc141f;\n}\n.ribbon3.rib3-danger:after {\n  border-right: 15px solid #ef4d56;\n}\n.ribbon3.rib3-light {\n  background: #fafbfb;\n}\n.ribbon3.rib3-light:before {\n  border-top: 9px solid #d0d9d9;\n}\n.ribbon3.rib3-light:after {\n  border-right: 15px solid #fafbfb;\n}\n.ribbon3.rib3-dark {\n  background: #000444;\n}\n.ribbon3.rib3-dark:before {\n  border-top: 9px solid black;\n}\n.ribbon3.rib3-dark:after {\n  border-right: 15px solid #000444;\n}\n.ribbon3.rib3-pink {\n  background: #fd3c97;\n}\n.ribbon3.rib3-pink:before {\n  border-top: 9px solid #ea0270;\n}\n.ribbon3.rib3-pink:after {\n  border-right: 15px solid #fd3c97;\n}\n.ribbon3.rib3-purple {\n  background: #6d81f5;\n}\n.ribbon3.rib3-purple:before {\n  border-top: 9px solid #2543f0;\n}\n.ribbon3.rib3-purple:after {\n  border-right: 15px solid #6d81f5;\n}\n.ribbon3.rib3-blue {\n  background: #0b51b7;\n}\n.ribbon3.rib3-blue:before {\n  border-top: 9px solid #07316f;\n}\n.ribbon3.rib3-blue:after {\n  border-right: 15px solid #0b51b7;\n}\n\n.ribbon4 {\n  width: 100%;\n  height: 188px;\n  position: absolute;\n  top: -8px;\n  left: 8px;\n  overflow: hidden;\n}\n.ribbon4:before, .ribbon4:after {\n  content: \"\";\n  position: absolute;\n}\n.ribbon4:before {\n  width: 40px;\n  height: 8px;\n  right: 44px;\n  border-radius: 8px 8px 0px 0px;\n}\n.ribbon4:after {\n  width: 8px;\n  height: 40px;\n  right: 0px;\n  top: 44px;\n  border-radius: 0px 8px 8px 0px;\n}\n.ribbon4.rib4-primary:after, .ribbon4.rib4-primary:before {\n  background: #2459f6;\n}\n.ribbon4.rib4-secondary:after, .ribbon4.rib4-secondary:before {\n  background: #5164a5;\n}\n.ribbon4.rib4-success:after, .ribbon4.rib4-success:before {\n  background: #1a8c64;\n}\n.ribbon4.rib4-info:after, .ribbon4.rib4-info:before {\n  background: #27b2bf;\n}\n.ribbon4.rib4-warning:after, .ribbon4.rib4-warning:before {\n  background: #ff8510;\n}\n.ribbon4.rib4-danger:after, .ribbon4.rib4-danger:before {\n  background: #eb1e2a;\n}\n.ribbon4.rib4-light:after, .ribbon4.rib4-light:before {\n  background: #dee4e4;\n}\n.ribbon4.rib4-dark:after, .ribbon4.rib4-dark:before {\n  background: #000111;\n}\n.ribbon4.rib4-pink:after, .ribbon4.rib4-pink:before {\n  background: #fc0a7c;\n}\n.ribbon4.rib4-purple:after, .ribbon4.rib4-purple:before {\n  background: #3d58f2;\n}\n.ribbon4.rib4-blue:after, .ribbon4.rib4-blue:before {\n  background: #083c87;\n}\n.ribbon4 .ribbon4-band {\n  width: 170px;\n  height: 20px;\n  line-height: 20px;\n  position: absolute;\n  top: 16px;\n  right: -50px;\n  z-index: 2;\n  overflow: hidden;\n  transform: rotate(45deg);\n  border: 1px dashed;\n  text-align: center;\n  font-size: 11px;\n  font-weight: 500;\n}\n.ribbon4 .ribbon4-band.ribbon4-band-primary {\n  box-shadow: 0 0 0 3px #557ef8, 0px 21px 5px -18px rgba(48, 62, 103, 0.6);\n  background: #557ef8;\n}\n.ribbon4 .ribbon4-band.ribbon4-band-secondary {\n  box-shadow: 0 0 0 3px #7081b9, 0px 21px 5px -18px rgba(48, 62, 103, 0.6);\n  background: #7081b9;\n}\n.ribbon4 .ribbon4-band.ribbon4-band-success {\n  box-shadow: 0 0 0 3px #22b783, 0px 21px 5px -18px rgba(48, 62, 103, 0.6);\n  background: #22b783;\n}\n.ribbon4 .ribbon4-band.ribbon4-band-info {\n  box-shadow: 0 0 0 3px #41cbd8, 0px 21px 5px -18px rgba(48, 62, 103, 0.6);\n  background: #41cbd8;\n}\n.ribbon4 .ribbon4-band.ribbon4-band-warning {\n  box-shadow: 0 0 0 3px #ff9f43, 0px 21px 5px -18px rgba(48, 62, 103, 0.6);\n  background: #ff9f43;\n}\n.ribbon4 .ribbon4-band.ribbon4-band-danger {\n  box-shadow: 0 0 0 3px #ef4d56, 0px 21px 5px -18px rgba(48, 62, 103, 0.6);\n  background: #ef4d56;\n}\n.ribbon4 .ribbon4-band.ribbon4-band-light {\n  box-shadow: 0 0 0 3px #fafbfb, 0px 21px 5px -18px rgba(48, 62, 103, 0.6);\n  background: #fafbfb;\n}\n.ribbon4 .ribbon4-band.ribbon4-band-dark {\n  box-shadow: 0 0 0 3px #000444, 0px 21px 5px -18px rgba(48, 62, 103, 0.6);\n  background: #000444;\n}\n.ribbon4 .ribbon4-band.ribbon4-band-pink {\n  box-shadow: 0 0 0 3px #fd3c97, 0px 21px 5px -18px rgba(48, 62, 103, 0.6);\n  background: #fd3c97;\n}\n.ribbon4 .ribbon4-band.ribbon4-band-purple {\n  box-shadow: 0 0 0 3px #6d81f5, 0px 21px 5px -18px rgba(48, 62, 103, 0.6);\n  background: #6d81f5;\n}\n.ribbon4 .ribbon4-band.ribbon4-band-blue {\n  box-shadow: 0 0 0 3px #0b51b7, 0px 21px 5px -18px rgba(48, 62, 103, 0.6);\n  background: #0b51b7;\n}\n\n.pricingTable1 .title1 {\n  color: #303e67;\n  font-size: 18px;\n  font-weight: 600;\n  text-transform: capitalize;\n}\n.pricingTable1 .amount {\n  display: block;\n  position: relative;\n  font-size: 30px;\n  font-weight: 700;\n  font-family: \"Roboto\", sans-serif;\n  color: #303e67;\n}\n.pricingTable1 .amount.amount-border::after {\n  content: \"\";\n  position: absolute;\n  height: 6px;\n  background-color: rgba(255, 159, 67, 0.6);\n  top: 28px;\n  width: 100%;\n  right: 0;\n  border-radius: 30px;\n  transform: rotate(-5deg);\n}\n.pricingTable1 .pricing-content-2 {\n  margin: 0 0 0px 0;\n}\n.pricingTable1 .pricing-content-2 li {\n  color: #303e67;\n  line-height: 40px;\n}\n.pricingTable1 .pricing-content-2 li::before {\n  content: \"\\f00c\" !important;\n  font-family: \"Font Awesome 5 Free\" !important;\n  font-weight: 600;\n  font-size: 9px;\n  text-align: center;\n  background-color: rgba(109, 129, 245, 0.1);\n  color: #6d81f5 !important;\n  width: 20px;\n  height: 20px;\n  line-height: 20px;\n  display: inline-block;\n  border-radius: 50%;\n  margin-right: 5px;\n}\n\n.pricingTable1 .a-animate-blink {\n  -webkit-animation: a-animate-blink 1s step-start 0s infinite;\n  -moz-animation: a-animate-blink 1s step-start 0s infinite;\n  -ms-animation: a-animate-blink 1s step-start 0s infinite;\n  -o-animation: a-animate-blink 1s step-start 0s infinite;\n  animation: a-animate-blink 1s step-start 0s infinite;\n  animation-fill-mode: initial;\n}\n\n@-webkit-keyframes a-animate-blink {\n  50% {\n    opacity: 0;\n  }\n}\n@-moz-keyframes a-animate-blink {\n  50% {\n    opacity: 0;\n  }\n}\n@-o-keyframes a-animate-blink {\n  50% {\n    opacity: 0;\n  }\n}\n@keyframes a-animate-blink {\n  50% {\n    opacity: 0;\n  }\n}\n.activity-scroll {\n  min-height: 620px;\n}\n\n.activity-height {\n  height: 400px !important;\n}\n\n.activity .activity-info {\n  display: flex;\n  margin: 5px 0;\n  position: relative;\n  min-height: 60px;\n}\n.activity .activity-info::before {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  top: 42px;\n  left: 18px;\n  border-left: 2px dotted #e8ebf3;\n}\n.activity .activity-info .icon-info-activity i {\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  color: #7081b9;\n  box-shadow: 0px 0px 1px 0.25px;\n  font-size: 18px;\n  border: 2px solid white;\n  margin-left: 2px;\n}\n.activity .activity-info .activity-info-text {\n  margin-left: 16px;\n  width: 100%;\n}\n.activity .activity-info .activity-info-text a,\n.activity .activity-info .activity-info-text span {\n  color: #303e67;\n}\n\n/* ==============\n  Timeline\n===================*/\n.main-timeline {\n  overflow: hidden;\n  position: relative;\n}\n\n.main-timeline:before {\n  content: \"\";\n  width: 3px;\n  height: 100%;\n  background: #fafbfb;\n  position: absolute;\n  top: 0;\n  left: 50%;\n}\n\n.main-timeline .timeline {\n  padding-right: 30px;\n  position: relative;\n}\n\n.main-timeline .timeline:before,\n.main-timeline .timeline:after {\n  content: \"\";\n  display: block;\n  width: 100%;\n  clear: both;\n}\n\n.main-timeline .timeline:first-child:before,\n.main-timeline .timeline:last-child:before {\n  content: \"\";\n  width: 13px;\n  height: 13px;\n  border-radius: 50%;\n  border: 2px solid #fafbfb;\n  background: #ffffff;\n  margin: 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: -3px;\n}\n\n.main-timeline .timeline:last-child:before {\n  top: auto;\n  bottom: 0;\n}\n\n.main-timeline .timeline-icon {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 2px solid #fafbfb;\n  box-sizing: content-box;\n  margin: auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: -4px;\n}\n\n.main-timeline .timeline-icon:before {\n  content: \"\";\n  display: block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #41cbd8;\n  margin: auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n\n.main-timeline .year {\n  display: inline-block;\n  padding: 8px 20px;\n  margin: 0;\n  font-size: 14px;\n  color: #ffffff;\n  background: #41cbd8;\n  text-align: center;\n  position: absolute;\n  top: 50%;\n  right: 35%;\n  transform: translateY(-50%);\n}\n\n.main-timeline .year:before {\n  content: \"\";\n  border-right: 18px solid #41cbd8;\n  border-top: 18px solid transparent;\n  border-bottom: 18px solid transparent;\n  position: absolute;\n  top: 0;\n  left: -18px;\n}\n\n.main-timeline .timeline-content {\n  width: 46.5%;\n  padding: 20px;\n  margin: 0 20px 0 0;\n  background: #fafbfb;\n  position: relative;\n}\n\n.main-timeline .timeline-content:after {\n  content: \"\";\n  border-left: 20px solid #fafbfb;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  position: absolute;\n  top: 50%;\n  right: -20px;\n  transform: translateY(-50%);\n}\n\n.main-timeline .title {\n  float: left;\n  font-size: 14px;\n  font-weight: 700;\n  color: #435177;\n  margin: 0 20px 20px 0;\n}\n\n.main-timeline .post {\n  display: inline-block;\n  font-size: 13px;\n  color: #303e67;\n}\n\n.main-timeline .description {\n  font-size: 14px;\n  color: #303e67;\n  line-height: 24px;\n  margin: 0;\n  clear: both;\n}\n\n.main-timeline .timeline:nth-child(2n) {\n  padding: 0 0 0 30px;\n}\n\n.main-timeline .timeline:nth-child(2n) .year {\n  right: auto;\n  left: 35%;\n}\n\n.main-timeline .timeline:nth-child(2n) .year:before {\n  border: 18px solid transparent;\n  border-right: none;\n  border-left: 18px solid #41cbd8;\n  left: auto;\n  right: -18px;\n}\n\n.main-timeline .timeline:nth-child(2n) .timeline-content {\n  float: right;\n  margin: 0 0 0 20px;\n}\n\n.main-timeline .timeline:nth-child(2n) .timeline-content:after {\n  border-left: none;\n  border-right: 20px solid #fafbfb;\n  right: auto;\n  left: -20px;\n}\n\n@media only screen and (max-width: 1200px) {\n  .main-timeline .year {\n    right: 30%;\n  }\n\n  .main-timeline .timeline:nth-child(2n) .year {\n    left: 30%;\n  }\n}\n@media only screen and (max-width: 990px) {\n  .main-timeline .year {\n    right: 25%;\n  }\n\n  .main-timeline .timeline:nth-child(2n) .year {\n    left: 25%;\n  }\n}\n@media only screen and (max-width: 767px) {\n  .main-timeline:before {\n    left: 10px;\n  }\n\n  .main-timeline .timeline {\n    padding: 0 0 0 30px;\n    margin-bottom: 20px;\n  }\n\n  .main-timeline .timeline:last-child {\n    margin-bottom: 0;\n  }\n\n  .main-timeline .timeline:first-child:before,\n.main-timeline .timeline:last-child:before {\n    display: none;\n  }\n\n  .main-timeline .timeline-icon {\n    margin: 0;\n    position: absolute;\n    top: 7px;\n    left: 0;\n  }\n\n  .main-timeline .year,\n.main-timeline .timeline:nth-child(2n) .year {\n    display: block;\n    font-weight: bold;\n    margin: 0 0 32px 30px;\n    z-index: 1;\n    position: relative;\n    top: auto;\n    left: auto;\n    right: auto;\n    transform: none;\n  }\n\n  .main-timeline .timeline:nth-child(2n) .year:before {\n    border-left: none;\n    border-right: 18px solid #41cbd8;\n    right: auto;\n    left: -18px;\n  }\n\n  .main-timeline .timeline-content {\n    padding: 20px;\n  }\n\n  .main-timeline .timeline-content,\n.main-timeline .timeline:nth-child(2n) .timeline-content {\n    width: auto;\n    float: none;\n    margin: 0 0 0 30px;\n  }\n\n  .main-timeline .timeline-content:after,\n.main-timeline .timeline:nth-child(2n) .timeline-content:after {\n    border: none;\n    border-bottom: 20px solid #fafbfb;\n    border-left: 20px solid transparent;\n    border-right: 20px solid transparent;\n    top: -20px;\n    left: 50%;\n    right: auto;\n    transform: translateX(-50%);\n  }\n}\n@media only screen and (max-width: 480px) {\n  .main-timeline .title {\n    float: none;\n    margin: 0;\n  }\n\n  .main-timeline .year,\n.main-timeline .timeline:nth-child(2n) .year {\n    margin-left: 20px;\n  }\n\n  .main-timeline .timeline-content,\n.main-timeline .timeline:nth-child(2n) .timeline-content {\n    margin-left: 10px;\n  }\n\n  .main-timeline .post {\n    margin: 5px 0;\n  }\n}\n.met-pro-bg {\n  background-repeat: repeat;\n}\n\n.met-profile .met-profile-main {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.met-profile .met-profile-main .met-profile-main-pic {\n  position: relative;\n  max-width: 128px;\n  max-height: 128px;\n  margin-right: 24px;\n}\n.met-profile .met-profile-main .met-profile-main-pic .met-profile_main-pic-change {\n  cursor: pointer;\n  background-color: #557ef8;\n  border-radius: 50%;\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  bottom: 4px;\n  right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  box-shadow: 0px 0px 20px 0px rgba(250, 251, 251, 0.05);\n  border: 3px solid #ffffff;\n}\n.met-profile .met-profile-main .met-profile-main-pic .met-profile_main-pic-change i {\n  transition: all 0.3s;\n  color: #ffffff;\n  font-size: 14px;\n}\n.met-profile .met-profile-main .met-profile_user-detail .met-user-name {\n  font-size: 24px;\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n.met-profile .met-profile-main .met-profile_user-detail .met-user-name-post {\n  color: #7081b9;\n  font-size: 14px;\n}\n\n.education-activity {\n  min-height: 400px;\n}\n\n.met-basic-detail h3 {\n  font-size: 34px;\n  font-weight: 600;\n  margin-bottom: 18px;\n}\n.met-basic-detail p {\n  line-height: 22px;\n}\n\n.own-detail {\n  padding: 20px;\n  width: 145px;\n  height: 145px;\n  text-align: center;\n  border-radius: 52% 48% 23% 77%/44% 68% 32% 56%;\n  box-shadow: 0px 0px 3px 1.25px #eaf0f9;\n}\n.own-detail h1 {\n  font-weight: 600;\n  color: #ffffff;\n  margin-top: 0;\n}\n.own-detail h5 {\n  color: #f2f2f2;\n}\n.own-detail.own-detail-project {\n  position: absolute;\n  top: 110px;\n  left: -60px;\n}\n.own-detail.own-detail-happy {\n  position: absolute;\n  top: 110px;\n  left: 60px;\n}\n\n@media (max-width: 767px) {\n  .own-detail {\n    display: none;\n  }\n\n  #settings_detail .dropify-wrapper {\n    width: 100% !important;\n  }\n}\n#settings_detail .dropify-wrapper {\n  width: 16%;\n  height: 164px;\n  margin-bottom: 30px;\n}\n\n.profile-nav .nav .nav-link {\n  padding: 10px;\n  color: #303e67;\n  margin-bottom: 10px;\n  font-weight: 500;\n}\n.profile-nav .nav .nav-link.active {\n  background-color: rgba(85, 126, 248, 0.05);\n  color: #557ef8;\n}\n\n.profile-card .profile-socials a i {\n  width: 30px;\n  height: 30px;\n  line-height: 30px;\n  text-align: center;\n  border-radius: 50%;\n}\n.profile-card .pro-title {\n  font-size: 18px;\n  font-weight: 600;\n  color: #303e67;\n  margin-bottom: 5px;\n}\n.profile-card .socials-data h3 {\n  color: #303e67;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 18px;\n}\n\n/* section skills */\n.skill-detail {\n  color: #7081b9;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 14px;\n}\n\n.skills .skill-box {\n  margin-bottom: 30px;\n}\n.skills .skill-box:last-of-type {\n  margin-bottom: 0;\n}\n.skills .skill-box .skill-title {\n  margin-bottom: 10px;\n  color: #303e67;\n  text-transform: uppercase;\n  font-size: 13px;\n  font-weight: 600;\n}\n.skills .skill-box .progress-line {\n  background: #fafbfb;\n  height: 7px;\n  margin: 0;\n  position: relative;\n  border: 2px solid #ffffff;\n  width: 100%;\n  border-radius: 10px;\n  box-shadow: 0px 0px 1px 0.25px #557ef8;\n}\n.skills .skill-box .progress-line > span {\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 0;\n  background: #557ef8;\n}\n.skills .skill-box .progress-line > span > .percent-tooltip {\n  position: absolute;\n  right: -15px;\n  top: -30px;\n  margin-bottom: 10px;\n  color: #303e67;\n  text-transform: uppercase;\n  font-size: 13px;\n}\n\n.profile-activity-height {\n  height: 440px !important;\n}\n\n.chat-box-left {\n  float: left;\n  width: 340px;\n  height: 750px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  padding: 16px;\n  margin-bottom: 20px;\n  border: 1px solid #eceff5;\n}\n.chat-box-left .chat-body-left {\n  height: 610px;\n}\n.chat-box-left .nav-pills {\n  background-color: #fafbfb;\n}\n.chat-box-left .nav-pills .nav-link {\n  color: #303e67;\n}\n.chat-box-left .nav-pills .nav-link.active {\n  color: #ffffff;\n  background: #557ef8;\n}\n.chat-box-left .nav.nav-tabs .nav-link {\n  font-weight: 500;\n}\n.chat-box-left .chat-search {\n  margin-top: 20px;\n}\n.chat-box-left .chat-list {\n  height: 610px !important;\n}\n.chat-box-left .chat-list .media + .media {\n  border: 1px solid #f1f5fa;\n  margin-bottom: 5px;\n  border-radius: 5px;\n}\n.chat-box-left .chat-list .media {\n  padding: 15px;\n  position: relative;\n}\n.chat-box-left .chat-list .media:hover, .chat-box-left .chat-list .media:focus {\n  background-color: rgba(241, 245, 250, 0.5);\n}\n.chat-box-left .chat-list .media.new-message {\n  border: 1px solid #eaf0f9;\n  background-color: #f1f5fa;\n  margin-bottom: 5px;\n  border-radius: 5px;\n}\n.chat-box-left .chat-list .media .media-left {\n  position: relative;\n  align-self: center;\n}\n.chat-box-left .chat-list .media .media-left .round-10 {\n  border: 2px solid #fafbfb;\n  border-radius: 50%;\n  position: absolute;\n  bottom: 0;\n  right: -1px;\n  display: inline-block;\n  height: 12px;\n  width: 12px;\n}\n.chat-box-left .chat-list .media .media-body {\n  margin-left: 8px;\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n}\n.chat-box-left .chat-list .media .media-body h6 {\n  font-size: 14px;\n  color: #303e67;\n  margin-bottom: 0px;\n}\n.chat-box-left .chat-list .media .media-body p {\n  margin-bottom: 0;\n  color: #303e67;\n  font-size: 12px;\n}\n.chat-box-left .chat-list .media .media-body > div:last-child {\n  display: flex;\n  align-items: flex-end;\n  flex-direction: column;\n  min-width: 50px;\n  text-align: right;\n}\n.chat-box-left .chat-list .media .media-body > div:last-child span:nth-child(2) {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #22b783;\n  color: #ffffff;\n  border-radius: 50%;\n  font-size: 10px;\n  width: 18px;\n  height: 18px;\n  margin-top: 8px;\n}\n.chat-box-left .chat-list .media .media-body span {\n  font-size: 12px;\n  color: #303e67;\n  display: block;\n}\n\n.chat-box-right {\n  width: auto;\n  background-color: #ffffff;\n  display: block;\n  border-radius: 3px;\n  position: relative;\n  height: 750px;\n  margin-left: 361px;\n  margin-bottom: 20px;\n  border: 1px solid #eceff5;\n}\n.chat-box-right .chat-header {\n  border-bottom: 1px solid #f1f5fa;\n  padding: 16px;\n  background-color: #ffffff;\n}\n.chat-box-right .chat-header .media .media-body {\n  margin-left: 8px;\n  align-self: center;\n}\n.chat-box-right .chat-header .media .media-body h6 {\n  font-size: 14px;\n  color: #303e67;\n  margin-bottom: 5px;\n  font-weight: 700;\n}\n.chat-box-right .chat-header .media .media-body p {\n  margin-bottom: 0;\n  color: #8997bd;\n  font-size: 12px;\n}\n.chat-box-right .chat-header .chat-features {\n  position: relative;\n  top: -34px;\n  float: right;\n}\n.chat-box-right .chat-header .chat-features a {\n  color: #b6c2e4;\n  font-size: 22px;\n  margin-left: 12px;\n}\n.chat-box-right .chat-header .chat-features a:hover {\n  color: #557ef8;\n}\n.chat-box-right .chat-body {\n  padding: 16px;\n  height: 615px;\n}\n.chat-box-right .chat-body .chat-detail {\n  max-height: 610px;\n}\n.chat-box-right .chat-body .chat-detail .reverse {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.chat-box-right .chat-body .chat-detail .media .media-img {\n  z-index: 5;\n}\n.chat-box-right .chat-body .chat-detail .media .media-body {\n  margin-left: 20px;\n}\n.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg {\n  max-width: 80%;\n  margin-bottom: 5px;\n  margin-left: -56px;\n}\n.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg:first-child p {\n  padding-left: 44px;\n}\n.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg p {\n  padding: 7px 16px;\n  background-color: rgba(85, 126, 248, 0.01);\n  border: 1px solid #e8ebf3;\n  color: #303e67;\n  display: inline-block;\n  margin-bottom: 0;\n  border-radius: 50px;\n}\n.chat-box-right .chat-body .chat-detail .media .media-body.reverse {\n  margin-right: 20px;\n  margin-left: 0;\n}\n.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg {\n  max-width: 80%;\n  margin-bottom: 5px;\n  margin-right: -56px;\n}\n.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg:first-child p {\n  padding-right: 44px;\n}\n.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg p {\n  padding: 7px 16px;\n  background-color: rgba(85, 126, 248, 0.01);\n  border: 1px solid #e8ebf3;\n  color: #303e67;\n  display: inline-block;\n  margin-bottom: 0;\n  border-radius: 50px;\n}\n.chat-box-right .chat-footer {\n  border-top: 1px solid #eceff5;\n  background-color: #ffffff;\n  padding: 16px;\n  position: absolute;\n  width: 100%;\n  left: 0;\n  bottom: 0;\n}\n.chat-box-right .chat-footer .media .media-body {\n  margin-left: 10px;\n  align-self: center;\n}\n.chat-box-right .chat-footer .media .media-body h6 {\n  font-size: 14px;\n  color: #303e67;\n  margin-bottom: 5px;\n}\n.chat-box-right .chat-footer .media .media-body p {\n  margin-bottom: 0;\n  color: #303e67;\n  font-size: 12px;\n}\n.chat-box-right .chat-footer .chat-features a {\n  color: #b6c2e4;\n  font-size: 22px;\n  margin-left: 12px;\n}\n.chat-box-right .chat-footer .chat-features a:hover {\n  color: #557ef8;\n}\n.chat-box-right .chat-footer input.form-control {\n  border: none;\n}\n.chat-box-right .chat-footer .chat-admin {\n  position: absolute;\n  top: -40px;\n  border: 2px solid #eceff5;\n  border-radius: 50%;\n}\n\n@media (min-width: 1024px) and (max-width: 1680px) {\n  .chat-box-left {\n    width: 310px;\n    float: left;\n  }\n\n  .chat-box-right {\n    width: auto;\n    margin-left: 330px;\n  }\n}\n@media (min-width: 767px) and (max-width: 1023.98px) {\n  .chat-box-left {\n    width: 100%;\n    float: none;\n  }\n\n  .chat-box-right {\n    width: 100%;\n    margin-left: 0;\n  }\n}\n@media (max-width: 767px) {\n  .chat-box-left {\n    float: none;\n    width: 100%;\n  }\n\n  .chat-box-right {\n    margin: 0;\n    width: 100%;\n  }\n}\n@media (max-width: 660px) {\n  .chat-box-left {\n    float: none;\n    width: 100%;\n  }\n\n  .chat-box-right {\n    margin: 0;\n    width: 100%;\n  }\n}\n@media (max-width: 568px) {\n  .chat-box-left {\n    float: none;\n    width: 100%;\n  }\n\n  .chat-box-right {\n    margin: 0;\n    width: 100%;\n  }\n}\n.invoice-head {\n  border-bottom: 4px double #b6c2e4;\n}\n.invoice-head .logo-lg.brand-light {\n  display: none;\n}\n.invoice-head .logo-lg.brand-dark {\n  display: inline-block;\n}\n.invoice-head .contact-detail li {\n  border-left: 2px solid #b6c2e4;\n}\n.invoice-head .contact-detail li i {\n  font-size: 24px;\n  color: #8997bd;\n  margin-bottom: 5px;\n}\n\n@media print {\n  .logo, .page-title, .breadcrumb, .footer {\n    display: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  .left {\n    display: none;\n  }\n\n  .content, .page-content-wrapper, .page-wrapper {\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  .content-page {\n    margin-left: 0;\n    margin-top: 0;\n  }\n\n  .topbar, .footer, .left-sidenav, .report-btn, .leftbar-tab-menu, .left-sidebar {\n    display: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  .content-page > .content {\n    margin: 0;\n  }\n\n  .page-wrapper .page-content-tab {\n    width: 100%;\n    margin-top: 0;\n  }\n}\n.email-leftbar {\n  width: 220px;\n  float: left;\n}\n.email-leftbar .mail-list a {\n  display: block;\n  color: #303e67;\n  font-size: 13px;\n  line-height: 24px;\n  padding: 5px;\n  font-weight: 500;\n}\n.email-leftbar .mail-list a i {\n  color: #8997bd;\n}\n.email-leftbar .mail-list a:hover i,\n.email-leftbar .mail-list a.active i,\n.email-leftbar .mail-list a:hover,\n.email-leftbar .mail-list a.active {\n  color: #557ef8;\n}\n.email-leftbar .chat-user-box p.user-title {\n  font-size: 13px;\n  color: #000444;\n  font-weight: 500;\n}\n.email-leftbar .chat-user-box p {\n  font-size: 12px;\n}\n\n.email-rightbar {\n  margin-left: 240px;\n}\n\n.message-list {\n  display: block;\n  padding-left: 0;\n}\n.message-list li {\n  position: relative;\n  display: block;\n  height: 50px;\n  line-height: 50px;\n  transition-duration: 0.3s;\n}\n.message-list li a {\n  color: #303e67;\n}\n.message-list li:hover {\n  background: #f1f5fa;\n  transition-duration: 0.05s;\n}\n.message-list li .col-mail {\n  float: left;\n  position: relative;\n}\n.message-list li .col-mail-1 {\n  width: 320px;\n}\n.message-list li .col-mail-1 .star-toggle,\n.message-list li .col-mail-1 .checkbox-wrapper-mail,\n.message-list li .col-mail-1 .dot {\n  display: block;\n  float: left;\n}\n.message-list li .col-mail-1 .dot {\n  border: 4px solid transparent;\n  border-radius: 100px;\n  margin: 22px 26px 0;\n  height: 0;\n  width: 0;\n  line-height: 0;\n  font-size: 0;\n}\n.message-list li .col-mail-1 .checkbox-wrapper-mail {\n  margin: 15px 10px 0 20px;\n}\n.message-list li .col-mail-1 .star-toggle {\n  margin-top: 18px;\n  font-size: 16px;\n  margin-left: 5px;\n}\n.message-list li .col-mail-1 .title {\n  position: absolute;\n  top: 0;\n  left: 110px;\n  right: 0;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  margin: 14px 0 0;\n}\n.message-list li .col-mail-2 {\n  position: absolute;\n  top: 0;\n  left: 320px;\n  right: 0;\n  bottom: 0;\n}\n.message-list li .col-mail-2 .subject,\n.message-list li .col-mail-2 .date {\n  position: absolute;\n  top: 0;\n}\n.message-list li .col-mail-2 .subject {\n  left: 0;\n  right: 200px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.message-list li .col-mail-2 .date {\n  right: 0;\n  width: 170px;\n  padding-left: 80px;\n}\n.message-list li.active,\n.message-list li.active:hover {\n  box-shadow: inset 3px 0 0 #557ef8;\n}\n.message-list li.unread {\n  background-color: #f1f5fa;\n}\n.message-list li.unread a {\n  color: #00032b;\n}\n.message-list .checkbox-wrapper-mail {\n  cursor: pointer;\n  height: 20px;\n  width: 20px;\n  position: relative;\n  display: inline-block;\n  box-shadow: inset 0 0 0 1px #b6c2e4;\n  border-radius: 1px;\n}\n.message-list .checkbox-wrapper-mail input {\n  opacity: 0;\n  cursor: pointer;\n}\n.message-list .checkbox-wrapper-mail input:checked ~ label {\n  opacity: 1;\n}\n.message-list .checkbox-wrapper-mail label {\n  position: absolute;\n  height: 20px;\n  width: 20px;\n  left: 0;\n  cursor: pointer;\n  opacity: 0;\n  margin-bottom: 0;\n  transition-duration: 0.05s;\n  top: 0;\n}\n.message-list .checkbox-wrapper-mail label:before {\n  content: \"\\f12c\";\n  font-family: \"Material Design Icons\";\n  top: 0;\n  height: 20px;\n  color: #00032b;\n  width: 20px;\n  position: absolute;\n  margin-top: -16px;\n  left: 4px;\n  font-size: 13px;\n}\n\n@media (max-width: 767px) {\n  .email-leftbar {\n    float: none;\n    width: 100%;\n  }\n\n  .email-rightbar {\n    margin: 0;\n  }\n}\n.note-editor.note-frame {\n  border: 1px solid #e8ebf3;\n}\n.note-editor.note-frame .note-editing-area .note-editable {\n  padding: 10px;\n  overflow: auto;\n  color: #303e67;\n  background-color: #ffffff;\n}\n\n.note-editor.note-frame .note-statusbar .note-resizebar {\n  background-color: #f5f5f9;\n}\n\n.crypto-report-history .nav {\n  background-color: #fafbfb;\n  padding: 4px;\n  border-radius: 4px;\n}\n.crypto-report-history .nav.nav-tabs {\n  border: none;\n}\n.crypto-report-history .nav .nav-item .nav-link {\n  margin-right: 5px;\n  padding: 3px 8px;\n  font-size: 12px;\n  border-radius: 5px;\n  color: #303e67;\n  font-weight: 500;\n  border-color: transparent;\n}\n.crypto-report-history .nav .nav-item .nav-link.active {\n  color: #557ef8;\n  background-color: #f5f5f9;\n  border-color: transparent;\n}\n.crypto-report-history .nav .nav-item .nav-link:focus, .crypto-report-history .nav .nav-item .nav-link:hover {\n  border-color: transparent;\n}\n\n.calculator-block {\n  background-color: #fbfbfb;\n}\n.calculator-block .calculator-body {\n  padding: 16px;\n  position: relative;\n  padding-top: 0;\n}\n.calculator-block .cryptonatorwidget {\n  border: none !important;\n  padding: 0 !important;\n}\n.calculator-block .cryptonatorwidget input,\n.calculator-block .cryptonatorwidget select {\n  height: 40px !important;\n  line-height: 40px !important;\n  margin-bottom: 0;\n  border: none;\n  color: #303e67;\n  border-bottom: 1px solid #eceff5;\n  outline: none;\n  padding-left: 10px;\n  background-color: transparent;\n  font-family: \"Roboto\", sans-serif !important;\n}\n.calculator-block .cryptonatorwidget div:last-child {\n  display: none;\n}\n.calculator-block .cryptonatorwidget input option,\n.calculator-block .cryptonatorwidget select option {\n  background-color: #ffffff !important;\n}\n.calculator-block ::-webkit-input-placeholder {\n  /* Chrome/Opera/Safari */\n  color: #303e67;\n}\n.calculator-block ::-moz-placeholder {\n  /* Firefox 19+ */\n  color: #303e67;\n}\n.calculator-block :-ms-input-placeholder {\n  /* IE 10+ */\n  color: #303e67;\n}\n.calculator-block :-moz-placeholder {\n  /* Firefox 18- */\n  color: #303e67;\n}\n\n.coin-market-nav .nav-pills .nav-item.show .nav-link,\n.coin-market-nav .nav-pills .nav-link.active {\n  background: #ffffff;\n  box-shadow: 0 7px 14px 0 rgba(137, 151, 189, 0.12);\n  border-radius: 0;\n}\n\n.transaction-history li {\n  border-bottom: 1px solid #e8ebf3;\n  padding: 10px 0;\n}\n.transaction-history li:last-of-type {\n  border: none;\n  padding-bottom: 0;\n}\n\n.positive {\n  color: #22b783 !important;\n}\n\n.negative {\n  color: #ef4d56 !important;\n}\n\n.crypto-dash-activity {\n  height: 280px;\n}\n\n.ccc-widget > div {\n  background: #ffffff !important;\n}\n.ccc-widget .histoTitle {\n  display: none;\n}\n.ccc-widget div:first-child {\n  border: none !important;\n}\n.ccc-widget div.histoRow:nth-of-type(2) {\n  font-weight: 500 !important;\n  color: #303e67 !important;\n  font-size: 13px !important;\n  background-color: #fafbfb;\n}\n.ccc-widget div.histoRow:nth-of-type(2) .histoChange {\n  font-weight: 500;\n}\n.ccc-widget div.histoRow {\n  border-bottom-color: #e8ebf3 !important;\n  font-size: 13px !important;\n  color: #000444 !important;\n  padding: 0.7rem 0.7rem;\n}\n\n.kanban-board {\n  flex: 1;\n  white-space: nowrap;\n  overflow-x: scroll;\n  display: flex;\n}\n.kanban-board .kanban-col {\n  user-select: none;\n  flex: 1 0 auto;\n  width: calc(100vw - 24px);\n  max-height: 100%;\n  padding-right: 12px;\n  padding-bottom: 12px;\n  outline: none !important;\n  position: relative;\n}\n.kanban-board .kanban-col .kanban-main-card {\n  max-height: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  margin-bottom: 12px;\n  border-radius: 4px;\n  padding: 20px;\n  background: #fafbfb;\n}\n.kanban-board .kanban-col .kanban-main-card .kanban-box-title {\n  position: relative;\n  display: block;\n}\n.kanban-board .kanban-col .kanban-main-card .kanban-box-title .kanban-main-dropdown {\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n@media (min-width: 576px) {\n  .kanban-board .kanban-col {\n    max-width: 19.5rem;\n  }\n}\n.project-task-content {\n  flex: 1;\n  white-space: inherit;\n  display: flex;\n  overflow: auto;\n}\n.project-task-content .project-task-content-col {\n  user-select: none;\n  flex: 1 0 auto;\n  width: 19rem;\n  max-height: 100%;\n  outline: none !important;\n  position: relative;\n}\n.project-task-content .project-task-content-col .project-task-content-inner {\n  max-height: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n}\n.project-task-content .project-task-content-col .project-task-content-inner .progress {\n  border-radius: 0;\n}\n.project-task-content .project-task-content-col .project-task-content-inner .project-task-add-btn {\n  opacity: 0;\n}\n.project-task-content .project-task-content-col .project-task-content-inner:hover .project-task-add-btn {\n  opacity: 1;\n}\n.project-task-content .project-task-content-col .project-task-content-inner .project-task-box {\n  padding: 20px 20px 20px 0;\n  height: 700px;\n}\n.project-task-content .project-task-content-col .project-task-content-inner .project-task-box .project-task-card {\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px 0 rgba(34, 41, 47, 0.1);\n  border-radius: 5px;\n  margin-left: 2px;\n}\n.project-task-content .project-task-content-col .project-task-content-inner .project-task-box .project-task-card.deadline {\n  background-color: rgba(239, 77, 86, 0.08);\n  box-shadow: 0px 0px 6px 0px rgba(239, 77, 86, 0.28);\n  border: 0;\n}\n.project-task-content .project-task-content-col .project-task-content-inner .project-task-box .project-task-card .project-task-date svg {\n  fill: #7081b9;\n  width: 24px;\n  height: 24px;\n}\n\n@media (max-width: 1024px) {\n  .project-task-content {\n    overflow-x: scroll;\n  }\n}\n.auth-page .auth-header-box {\n  background-color: #232a3e;\n}\n\n.auth-bg {\n  background: radial-gradient(circle at 39% 47%, rgba(107, 107, 107, 0.08) 0%, rgba(107, 107, 107, 0.08) 33.333%, rgba(72, 72, 72, 0.08) 33.333%, rgba(72, 72, 72, 0.08) 66.666%, rgba(36, 36, 36, 0.08) 66.666%, rgba(36, 36, 36, 0.08) 99.999%), radial-gradient(circle at 53% 74%, rgba(182, 182, 182, 0.08) 0%, rgba(182, 182, 182, 0.08) 33.333%, rgba(202, 202, 202, 0.08) 33.333%, rgba(202, 202, 202, 0.08) 66.666%, rgba(221, 221, 221, 0.08) 66.666%, rgba(221, 221, 221, 0.08) 99.999%), radial-gradient(circle at 14% 98%, rgba(184, 184, 184, 0.08) 0%, rgba(184, 184, 184, 0.08) 33.333%, rgba(96, 96, 96, 0.08) 33.333%, rgba(96, 96, 96, 0.08) 66.666%, rgba(7, 7, 7, 0.08) 66.666%, rgba(7, 7, 7, 0.08) 99.999%), linear-gradient(45deg, #f79f9b, #0f4069);\n}\n\n.ex-page-content h1 {\n  font-size: 98px;\n  font-weight: 700;\n  text-shadow: rgba(137, 151, 189, 0.2) 1px 1px, rgba(137, 151, 189, 0.2) 2px 2px, rgba(137, 151, 189, 0.2) 3px 3px;\n}","/*\r\nTemplate Name:Unikit - Admin & Dashboard Template\r\nAuthor: Mannatthemes\r\nFile: footer Css\r\n*/\r\n\r\n\r\n.footer {\r\n  bottom: 0;\r\n  padding: 16px;\r\n  position: absolute;\r\n  right: 0;\r\n  left: 0;\r\n  color: $gray-600;\r\n  border-top: 1px solid $border;\r\n}","/*\r\nTemplate Name: Unikit - Admin & Dashboard Template\r\nAuthor: Mannatthemes\r\nFile: Leftbar\r\n*/\r\n\r\n\r\n\r\n//\r\n// Left Sidenav\r\n// \r\n\r\n\r\n.left-sidebar {\r\n    min-width: $sidebar-width;\r\n    max-width: $sidebar-width;\r\n    background-color: $sidebar-light-bg;    \r\n    min-height: 100vh;\r\n    transition: .3s;\r\n    position: fixed;\r\n    bottom: 0;\r\n    top: 0;\r\n    z-index: 1001;    \r\n    .brand {\r\n        background-color: $brand-light-bg;\r\n        border-bottom: 1px solid $border;\r\n        border-right: 1px solid $brand-border;\r\n        text-align: center;\r\n        .logo {\r\n            line-height: $header-height;\r\n            .logo-sm {\r\n                height: 24px;                \r\n            }\r\n            .logo-lg {\r\n                height: 15px;\r\n                margin-left: 2px;\r\n                display: $brand-dark;\r\n            }\r\n            .logo-light{\r\n                display: $brand-light;\r\n            }\r\n        }\r\n    }\r\n    .nav{\r\n        &.nav-tabs{\r\n            border-bottom: 1px solid transparent;\r\n            background-color: $sidebar-tab-bg;\r\n            padding: 5px;\r\n            &.menu-tab{\r\n                .nav-item{\r\n                    &.show{\r\n                        &.active,\r\n                        &:hover,\r\n                        &:focus{\r\n                            color: $sidebar-tab-active-color;\r\n                            background-color:  $sidebar-light-tab-bg;\r\n                            border-color: transparent transparent transparent;\r\n                        }\r\n                    }\r\n                }\r\n                .nav-link{\r\n                    color: $sidebar-menu-item-color;\r\n                    padding: 0.2rem 0.5rem;\r\n                    border-radius: 5px;\r\n                    &.active,\r\n                    &:hover,\r\n                    &:focus{\r\n                        color: $sidebar-tab-active-color;\r\n                        background-color:  $sidebar-light-tab-bg;\r\n                        border-color: transparent transparent transparent;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .menu-content{\r\n        padding-bottom: $header-height * 4;\r\n        box-shadow: $sidebar-shadow;\r\n        border-right: 1px solid $border;\r\n    }\r\n    .menu-body{\r\n        padding: 16px;\r\n        // height: calc(100vh - 68px) !important;        \r\n        .nav-item {\r\n            position: relative;\r\n            display: block;\r\n            &.menuitem-active{\r\n                .nav-link{\r\n                    &.active{\r\n                        color: $sidebar-sub-item-active-color;\r\n                        background-color:rgba($sidebar-item-active-dark-color, 0.08);\r\n                        .menu-icon{\r\n                            color: $sidebar-item-active-dark-color;\r\n                        }\r\n                    }\r\n                }\r\n               \r\n            }\r\n            .nav-link {\r\n                position: relative;\r\n                color: $sidebar-menu-item-color;\r\n                font-size: 13px;\r\n                font-weight: 500;\r\n                display: flex;\r\n                align-items: center;\r\n                height: 42px; \r\n                border-radius: 3px; \r\n                padding: 10px;\r\n                margin-top: 2px;\r\n                .menu-icon{\r\n                    color: $sidebar-icon-color;               \r\n                    margin-right: 6px;\r\n                    font-size: 20px;\r\n                } \r\n                &.active i,\r\n                &.active {\r\n                    color: $sidebar-menu-item-active-color; \r\n                }                          \r\n            } \r\n        }   \r\n    }\r\n    .navbar-vertical {\r\n        .navbar-nav {\r\n            padding-left: 0;\r\n            .menu-label {\r\n                text-transform: uppercase;\r\n                font-size: 10px;\r\n                font-weight: 500;\r\n                letter-spacing: .5px;\r\n                color: $sidebar-label-color;\r\n                padding: 20px 8px;\r\n            }\r\n            .nav-link[data-bs-toggle=collapse]{\r\n                &:after {\r\n                    display: block;\r\n                    content: \"\\f105\";\r\n                    font-family: 'Line Awesome Free';\r\n                    font-weight: 900;\r\n                    margin-left: auto;\r\n                    transition: transform .2s;\r\n                }\r\n            }            \r\n            .nav-link[data-bs-toggle=collapse][aria-expanded=true]{\r\n                color: $sidebar-item-active-color;\r\n                background:$sidebar-item-active-bg;\r\n                box-shadow: $sidebar-item-active-shadow-color;\r\n                &:after {\r\n                    transform: rotate(90deg);\r\n                }\r\n                .menu-icon{\r\n                    color: $sidebar-item-active-icon-color;\r\n                }\r\n            }\r\n            .nav-item{\r\n                .nav{\r\n                    padding: 0 0 0 10px;\r\n                    .nav-item{\r\n                        .nav-link{\r\n                            &:before{\r\n                                content: \"\";\r\n                                position: absolute;\r\n                                left: 12px;\r\n                                width: 4px;\r\n                                height: 4px;\r\n                                border: 1px solid $gray-500;\r\n                                border-radius: 50%;\r\n                                background: rgba($gray-700, .2);\r\n                            }\r\n                            &.active:before{\r\n                                content: \"\";\r\n                                border: none;\r\n                                background: $primary;\r\n                            }\r\n                        }\r\n                    }\r\n                } \r\n                              \r\n            }\r\n        }\r\n    } \r\n}\r\n  \r\n.navbar-custom{\r\n    .responsive-logo{\r\n        display: none;\r\n    }\r\n}\r\n.page-wrapper {\r\n    flex: 1;\r\n    display: flex;\r\n    .page-content-tab {\r\n        width: calc(100% - #{$sidebar-width});\r\n        margin-left: auto;\r\n        position: relative;\r\n        min-height: calc(100vh - #{$header-height});\r\n        padding: 0 8px 52px 8px;\r\n        margin-top: $header-height;\r\n    }    \r\n}\r\n.sidebar-user-pro{\r\n    padding: 20px 16px;\r\n    .user-detail{\r\n        p,\r\n        h5{\r\n            color: $sidebar-item-active-color;\r\n        }\r\n    }\r\n}\r\n\r\n.update-msg {\r\n    border-radius: 5px;\r\n    padding: 12px 12px;\r\n    position: relative;\r\n    background-color: lighten($sidebar-dark-bg, 3%);\r\n    h5{\r\n        color: $gray-200;\r\n    }\r\n    p{\r\n        color: $gray-500;\r\n        font-weight: 400;\r\n    }\r\n}\r\n\r\n// Enlarge menu\r\n.enlarge-menu {\r\n    .left-sidebar{\r\n        min-width: $sidebar-collapse-width;        \r\n        .brand{\r\n            .logo{\r\n                .logo-lg {\r\n                    display: $brand-dark;\r\n                }\r\n                .logo-lg{\r\n                    display: none;\r\n                }\r\n            }\r\n        } \r\n        .update-msg{\r\n            display: none;\r\n        }\r\n        .sidebar-user-pro{\r\n            padding: 20px 0;\r\n            .user-detail{\r\n                display: none;\r\n            }\r\n        }        \r\n        \r\n        .nav.nav-tabs.menu-tab {\r\n            .nav-link{\r\n                padding: 0.2rem 0;\r\n                span{\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n        .menu-body {\r\n            .nav-item {\r\n                .collapse.show{\r\n                    display: none;\r\n                }\r\n                .nav-link{\r\n                    padding: 0;\r\n                    .menu-icon{\r\n                        margin: 0 auto;\r\n                    }\r\n                    span{\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n        } \r\n        .navbar-vertical {\r\n            .navbar-nav {\r\n                .nav-link[data-bs-toggle=collapse]:after{\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n        .menu-label{\r\n            border: 1px solid $border;\r\n            border-radius: 5px;\r\n            span{\r\n                display: none;\r\n            }\r\n        }\r\n        &:hover{\r\n            min-width: $sidebar-width;\r\n            .brand{\r\n                .logo{\r\n                    .logo-lg {\r\n                        display: $brand-dark;\r\n                    }\r\n                    .logo-light{\r\n                        display: $brand-light;\r\n                    }\r\n                }\r\n            } \r\n            .update-msg{\r\n                display: block;\r\n            }\r\n            .sidebar-user-pro{\r\n                padding: 16px;\r\n                .user-detail{\r\n                    display: inline-block;\r\n                }\r\n            }        \r\n            \r\n            .nav.nav-tabs.menu-tab {\r\n                .nav-link{\r\n                    padding: 0.2rem 0.5rem;\r\n                    span{\r\n                        display: inline-block;\r\n                    }\r\n                }\r\n            }\r\n            .menu-body {\r\n                .nav-item {\r\n                    .collapse.show{\r\n                        display: block;\r\n                    }\r\n                    .nav-link{\r\n                        padding: 10px;\r\n                        .menu-icon{\r\n                            margin: 0;\r\n                            margin-right: 6px;\r\n                        }\r\n                        span{\r\n                            display: block;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            .navbar-vertical {\r\n                .navbar-nav {\r\n                    .nav-link[data-bs-toggle=collapse]:after{\r\n                        display: block;\r\n                    }\r\n                }\r\n            }\r\n            .menu-label{\r\n                border: none;\r\n                span{\r\n                    display: inline-block;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .topbar {\r\n        .navbar-custom{\r\n            margin-left: $sidebar-collapse-width;\r\n        }        \r\n        .topbar-left{\r\n            margin-left: 0;\r\n            width: $sidebar-width;\r\n        }\r\n    }\r\n    &.enlarge-menu-all {\r\n        .left-sidebar{\r\n            display: none;\r\n        }\r\n        .topbar {\r\n            .topbar-left{\r\n                margin-left: 0;\r\n                width: $sidebar-width;\r\n            }\r\n            .navbar-custom{\r\n                margin-left: 0;\r\n            } \r\n        }\r\n    }\r\n    .page-content-tab {\r\n      width: calc(100% - #{$sidebar-collapse-width});       \r\n    }\r\n}\r\n\r\n@media (max-width: 1199.98px){    \r\n    .page-wrapper {\r\n        .page-content-tab {\r\n            width: calc(100% - #{$sidebar-collapse-width});  \r\n        }    \r\n    }\r\n}\r\n\r\n@media (max-width: 1023.98px){\r\n    .left-sidebar {\r\n        position: fixed;\r\n        top: $header-height;\r\n        overflow-y: auto;\r\n        z-index: 5;\r\n        bottom: 0;\r\n    }\r\n    .navbar-custom {\r\n        margin-left: $sidebar-collapse-width;\r\n        .responsive-logo{\r\n          display: flex;\r\n          padding-left: 10px;\r\n        }\r\n    }\r\n    .page-content-tab {\r\n        min-height: 100vh;\r\n        width: 100%;\r\n    }\r\n    .enlarge-menu {\r\n        .topbar {\r\n            .topbar-left{\r\n                margin-left: 0;\r\n                width: 60px !important;\r\n            }\r\n        }\r\n        .page-content-tab {\r\n          width: 100%;       \r\n      }\r\n    }\r\n    .enlarge-menu-all{\r\n        .topbar {            \r\n            .navbar-custom{\r\n                margin-left: 0;\r\n            } \r\n        }\r\n        .page-content-tab {\r\n            width: 100%;       \r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 768px){\r\n     .navbar-collapse {\r\n        display: block !important;\r\n    }\r\n    .navbar-vertical {\r\n        .navbar-nav {\r\n            .nav {\r\n                .nav-link {\r\n                    padding-left: 28px !important;\r\n                }\r\n            }\r\n        }\r\n    }  \r\n}\r\n\r\n@media (max-width: 767.98px){\r\n    .navbar-collapse {\r\n       display: block;\r\n   }\r\n   .navbar-vertical {\r\n       .navbar-nav {\r\n           .nav {\r\n               .nav-link {\r\n                   padding-left: 1rem;\r\n               }\r\n           }\r\n       }\r\n   }  \r\n}\r\n\r\n@media (min-width: 680px) {\r\n    .page-wrapper {\r\n        display: flex;\r\n    }\r\n  }\r\n\r\n  \r\n  body{\r\n      &.dark-sidebar{\r\n        .left-sidebar{\r\n            background-color: $sidebar-dark-bg;\r\n            .brand {\r\n                background-color: $brand-dark-bg;\r\n                border-bottom: 1px solid lighten($brand-dark-bg, 3%);\r\n                .logo {\r\n                    .logo-lg {\r\n                        display: $brand-light;\r\n                    }\r\n                    .logo-light{\r\n                        display: $brand-dark;\r\n                    }\r\n                }\r\n            }\r\n            .menu-body {\r\n                .nav-item {\r\n                    .nav-link{\r\n                        color: $sidebar-menu-item-dark-color;\r\n                        &.active{\r\n                            color: $sidebar-item-active-dark-color;\r\n                        }\r\n                        .menu-icon{\r\n                            color: $sidebar-icon-dark-color;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            .navbar-vertical {\r\n                .navbar-nav {\r\n                    .nav-link[data-bs-toggle=collapse][aria-expanded=true]{\r\n                        color: $sidebar-item-active-dark-color;\r\n                        background-color:rgba($sidebar-item-active-dark-color, 0.08);\r\n                        .menu-icon{\r\n                            color: $sidebar-item-active-dark-color;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            .sidebar-user-pro{\r\n                padding: 20px 16px;\r\n                .user-detail{\r\n                    p,\r\n                    h5{\r\n                        color: $sidebar-item-active-dark-color;\r\n                    }\r\n                }\r\n            }\r\n            .nav{\r\n                &.nav-tabs{\r\n                    background-color: $sidebar-item-active-dark-bg;\r\n                    &.menu-tab{\r\n                        .nav-item{\r\n                            &.show{\r\n                                &.active,\r\n                                &:hover,\r\n                                &:focus{\r\n                                    color: $sidebar-tab-active-dark-color;\r\n                                    background-color:  $sidebar-dark-tab-bg;\r\n                                    border-color: transparent transparent transparent;\r\n                                }\r\n                            }\r\n                        }\r\n                        .nav-link{\r\n                            color: $sidebar-menu-item-dark-color;\r\n                            &.active,\r\n                            &:hover,\r\n                            &:focus{\r\n                                color: $sidebar-tab-active-dark-color;\r\n                                background-color:  $sidebar-dark-tab-bg;\r\n                                border-color: transparent transparent transparent;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        &.enlarge-menu{\r\n            .left-sidebar{\r\n                .brand{\r\n                    .logo{\r\n                        .logo-lg {\r\n                            display: $brand-light;\r\n                        }\r\n                    }\r\n               }  \r\n               .menu-label{\r\n                   border: 1px solid rgba($sidebar-item-active-dark-color, 0.05);\r\n               } \r\n                &:hover{\r\n                    .brand{\r\n                        .logo{\r\n                            .logo-lg {\r\n                                display: $brand-light;\r\n                            }\r\n                            .logo-light{\r\n                                display: $brand-dark;\r\n                            }\r\n                        }\r\n                    } \r\n                }\r\n                .sidebar-user-pro{\r\n                    padding: 20px 0;\r\n                }\r\n                &:hover{\r\n                    .menu-label{\r\n                        border: 1px solid transparent;\r\n                    } \r\n                    .sidebar-user-pro{\r\n                        padding: 20px 16px;\r\n                    }\r\n                } \r\n               \r\n            }            \r\n        }\r\n    }    \r\n}","/*\r\nTemplate Name: Unikit - Admin & Dashboard Template\r\nAuthor: Mannatthemes\r\nFile: Horizontal-nav\r\n*/\r\n\r\n\r\n\r\n[data-layout=\"horizontal\"] {\r\n    display: inherit;   \r\n    .topbar {\r\n        background-color: $header-light-bg; \r\n        display: flex;\r\n        border-bottom: 1px solid $border;\r\n        left: 0;\r\n        position: fixed;\r\n        right: 0;\r\n        top: 0;\r\n        z-index: 999;\r\n        .brand {\r\n            text-align: center;\r\n            height: $header-height;\r\n            width: 160px;\r\n            background-color: $header-light-bg;\r\n            border-bottom: none;\r\n            box-shadow: $header-shadow;\r\n            .logo {\r\n                line-height: $header-height;\r\n                .logo-sm {\r\n                    height: 30px;                \r\n                }\r\n                .logo-lg {\r\n                    height: 16px;\r\n                    display: $brand-dark;\r\n                    &.logo-light{\r\n                      display: $brand-light;\r\n                  }\r\n                }  \r\n            }\r\n        }\r\n        .navbar-custom{\r\n            margin-left: 0;\r\n            width: 100%;\r\n            border-bottom: none;\r\n            .navbar-custom-menu{\r\n                min-height: $header-height;\r\n                display: flex;\r\n                align-items: center;                \r\n            }\r\n        }\r\n    }\r\n    \r\n    .page-wrapper{\r\n        margin: 0 auto;\r\n        width: 1380px; \r\n        padding-top: $header-height; \r\n        .page-content-tab{\r\n            margin-left: 0;\r\n            width: 100%;\r\n            margin-top: 0;\r\n        }     \r\n    }\r\n    .app-search-topbar {\r\n        form {\r\n            position: relative;\r\n            z-index: 1; \r\n        }\r\n        button {\r\n            position: absolute;\r\n            width: 30px;\r\n            height: 30px;\r\n            left: 12px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            border: none;\r\n            text-align: center;\r\n            background-color: transparent;\r\n            color: $header-icon-color; \r\n            i{\r\n                display: flex;\r\n            }\r\n            &:focus {\r\n                outline: none; \r\n            }\r\n        }\r\n        input {\r\n            width: 100%;\r\n            height: 56px;\r\n            border: none;\r\n            font-size: 12px;\r\n            border-radius: 4px;\r\n            padding-left: 54px;\r\n            padding-right: 15px;\r\n            background-color: $dropdown-bg; \r\n            color: $body-color;\r\n            &:focus {\r\n                box-shadow: none;\r\n                outline: none !important; \r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.navbar-custom-menu {\r\n    .navigation-menu{\r\n        .nav-item.active {\r\n            a {\r\n                color: $header-item-active-color;\r\n                i{\r\n                    color: $header-item-active-color;\r\n                }\r\n            }\r\n            .dropdown-menu {\r\n                li.active>a {\r\n                    color: $header-item-active-color;\r\n                }\r\n            }\r\n        }\r\n        .nav-item {\r\n            .nav-link {\r\n                font-weight: 500;\r\n                font-size: 14px;\r\n                &:hover {\r\n                    color: $header-item-hover-color;\r\n                }\r\n                &.active{\r\n                    color: $header-item-active-color;\r\n                    .menu-icon{\r\n                        color: $header-item-active-color;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }  \r\n    .dropdown {\r\n        position: relative;\r\n        .dropdown-toggle{\r\n            &:after {\r\n                display: block;\r\n                content: \"\\f107\";\r\n                font-family: 'Line Awesome Free';\r\n                font-weight: 900;\r\n                color: $navbar-icon-color;\r\n                border: none;\r\n                font-size: 12px;\r\n                margin-left: .255em;\r\n                float: right;\r\n            }\r\n        }\r\n        .nav-link{\r\n            &.dropdown-toggle{\r\n                &:after {\r\n                    content: \"\\f107\";\r\n                    font-family: 'Line Awesome Free';\r\n                    position: relative;\r\n                    top: 2px;\r\n                }\r\n                &.arrow-none{\r\n                    &:after{\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n            &.active{\r\n                &.dropdown-toggle{\r\n                    &:after {\r\n                        content: \"\\f107\";\r\n                        color: $header-item-active-color;\r\n                    }\r\n                } \r\n            }\r\n        }\r\n        .dropdown-menu {\r\n            margin: 1.125rem 0;\r\n            line-height: 1.2rem;\r\n            min-width: 12rem;\r\n            box-shadow: 0 3px 12px rgba($drop-shadow-color,.3);;\r\n            border-radius: .5rem;\r\n            top: 100% !important;\r\n            .dropdown-item {\r\n                position: relative;\r\n                line-height: 26px;\r\n                color: $header-item-color;\r\n                &.active {\r\n                    color: $primary;\r\n                    text-decoration: none;\r\n                    background-color: rgba($primary, .04);\r\n                }\r\n                &:last-child {\r\n                    border-bottom: 0\r\n                }\r\n                &:focus {\r\n                    background-color: rgba($primary, .04);\r\n                    color: $primary;\r\n                    border-radius: 0;\r\n                    .dropdown-toggle{\r\n                        &:after {\r\n                            color: $primary;\r\n                        }\r\n                    }\r\n                    &:hover {\r\n                        color: $header-item-hover-color;\r\n                        text-decoration: none;\r\n                        background-color: rgba($primary, .04);\r\n                        border-radius: 0\r\n                    }\r\n                    &:active {\r\n                        color: $primary;\r\n                        text-decoration: none;\r\n                        background-color: rgba($primary, .04);\r\n                        border-radius: .25rem\r\n                    }\r\n                }\r\n                &:hover{\r\n                    color: $header-item-hover-color;\r\n                    text-decoration: none;\r\n                    background-color: rgba($primary, .04);\r\n                    border-radius: 0;\r\n                    &.dropdown-toggle:after {\r\n                        color: $header-item-hover-color;\r\n                    }\r\n                }\r\n            }            \r\n            \r\n            .dropdown-submenu {\r\n                a:after {\r\n                    transform: rotate(-90deg);\r\n                    right: 1rem\r\n                }\r\n                .dropdown-menu {\r\n                    top: -18px !important;\r\n                    left: 100%;\r\n                    box-shadow: 0 3px 12px rgba($drop-shadow-color,.3);\r\n                    min-width: 12rem;\r\n                    border-radius: .5rem\r\n                }\r\n            }\r\n            &.dropdown-menu-md {\r\n                min-width: 17rem !important;\r\n                border-radius: .5rem\r\n            }\r\n            &.dropdown-menu-xl {\r\n                min-width: 24rem !important;\r\n                border-radius: .5rem\r\n            }\r\n        }\r\n    } \r\n}\r\n\r\n.navbar-toggle {\r\n    border: 0;\r\n    position: relative;\r\n    padding: 0;\r\n    margin: 0;\r\n    cursor: pointer;\r\n    &:hover {\r\n        background-color: transparent;\r\n        span {\r\n            background-color: $secondary;\r\n        }\r\n    }\r\n    .lines {\r\n        width: 20px;\r\n        display: block;\r\n        position: relative;\r\n        padding-top: 24px;\r\n        height: $header-height;\r\n        -webkit-transition: all .5s ease;\r\n        transition: all .5s ease;\r\n    }\r\n    span {\r\n        height: 2px;\r\n        width: 100%;\r\n        background-color: $secondary;\r\n        display: block;\r\n        margin-bottom: 4px;\r\n        transition: transform .5s ease;\r\n    }\r\n    &.open {\r\n        span {\r\n            position: absolute;\r\n            &:first-child {\r\n                top: 30px;\r\n                transform: rotate(45deg);\r\n                background-color: $secondary;\r\n            }\r\n            &:nth-child(2) {\r\n                visibility: hidden;\r\n            }\r\n            &:last-child {\r\n                width: 100%;\r\n                top: 30px;\r\n                transform: rotate(-45deg);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n.navigation-menu {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: inline-block;\r\n    >li {\r\n        display: inline-block;\r\n        position: relative;\r\n        a {\r\n            display: block;\r\n            font-size: 13px;\r\n            transition: all .1s ease;\r\n            line-height: 18px;\r\n            .menu-icon {\r\n                display: inline-block;\r\n                font-size: 20px;\r\n                margin-right: 8px;\r\n                transition: all .1s ease;\r\n                vertical-align: text-bottom;\r\n                color: $navbar-icon-color;\r\n            }                \r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 1499.98px) {  \r\n    body[data-layout=\"horizontal\"]{\r\n        display: flex;        \r\n        .page-wrapper{\r\n            width: 100%;\r\n            .page-content {\r\n                min-height: calc(100vh - #{$header-height});\r\n                margin-top: 0;\r\n            } \r\n        }\r\n    }\r\n}\r\n@media (max-width:1200px) {\r\n    body[data-layout=\"horizontal\"]{\r\n        .navbar-custom-menu {\r\n            .navigation-menu {\r\n                .nav-item {\r\n                    .nav-link {\r\n                        padding: 5px 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .topbar{\r\n            .brand {\r\n                width: 60px !important;\r\n                position: fixed;\r\n                z-index: 1;\r\n                .logo {                \r\n                    .logo-lg {\r\n                        display: none !important;\r\n                    }  \r\n                }\r\n            } \r\n            .navigation-menu{\r\n                margin-left: 60px;\r\n            }\r\n        } \r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) {  \r\n    body[data-layout=\"horizontal\"]{\r\n        display: flex;\r\n        .page-wrapper{\r\n            width: 100%;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n@media (min-width: 992px) {\r\n    \r\n    .topbar {\r\n        .navigation-menu{           \r\n            >li{\r\n                >a {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    color: $header-item-color;   \r\n                    min-height: $header-height;  \r\n                    font-weight: 500;   \r\n                    span{\r\n                        vertical-align: middle;\r\n                        padding: 4px;\r\n                        border-radius: 4px; \r\n                        menu-icon{\r\n                            color: $gray-500;\r\n                            font-size: 20px;\r\n                        }\r\n                    }                              \r\n                }\r\n                &:hover a {\r\n                    color: $header-item-hover-color; \r\n                    i{\r\n                        color: $header-item-hover-color; \r\n                    }\r\n                }                \r\n                &.active{\r\n                    border-bottom: 1px solid $primary;\r\n                }               \r\n            }            \r\n        }\r\n        .navbar-toggle {\r\n            display: none;\r\n        }\r\n        #navigation {\r\n            display: block;        \r\n        }\r\n    } \r\n    .animate {\r\n        animation-duration: 0.3s;\r\n        animation-fill-mode: both;\r\n      }\r\n    .navbar-custom-menu{\r\n        .dropdown {\r\n            .dropdown-submenu:hover{\r\n                > .dropdown-menu{\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n    }    \r\n}\r\n\r\n\r\n@media (max-width: 991px) {\r\n    body[data-layout=\"horizontal\"]{\r\n        .page-wrapper{\r\n            width: 100%;\r\n        }\r\n    }\r\n    \r\n    .topbar {\r\n        .navigation-menu {\r\n            float: none;\r\n            max-height: 400px;\r\n            text-align: left;\r\n            width: 100%; \r\n            margin-left: 0 !important;           \r\n            >li {\r\n                display: block;\r\n                >a {\r\n                    color: $mobile-menu-item-color;\r\n                    padding: 15px;\r\n                    font-size: 13px;\r\n                    \r\n                    &:after {\r\n                        position: absolute;\r\n                        right: 15px;\r\n                    }\r\n                    &:hover{\r\n                        color: $primary;\r\n                    }                    \r\n                }\r\n            }\r\n        }\r\n        .navbar-header {\r\n            float: left;\r\n        }\r\n    }\r\n\r\n\r\n    #navigation {\r\n        position: absolute;\r\n        top: $header-height;\r\n        left: 0;\r\n        right: 0;\r\n        display: none;\r\n        height: auto;\r\n        max-height: 500px;\r\n        padding: 8px;\r\n        overflow: auto;\r\n        background-color: $card-bg;\r\n        z-index: 1000;\r\n        box-shadow: 0px 1px 3px 1.25px rgba($gray-500, 0.3);\r\n    }\r\n    #navigation.open {\r\n        display: block;\r\n        overflow-y: auto;\r\n    }\r\n    .navbar-custom-menu{\r\n        min-height: 0;\r\n    }\r\n    .topbar {\r\n        .navigation-menu {\r\n            margin-left: 0;\r\n            .dropdown-menu{\r\n                margin: 0;\r\n                .dropdown-submenu {\r\n                    .dropdown-menu {\r\n                        box-shadow: none;\r\n                        margin: 0;\r\n                    }\r\n                }\r\n            } \r\n            .nav-item {\r\n                .nav-link {\r\n                    padding: .5rem 0!important;\r\n                    border-bottom: 1px solid $border;\r\n                }\r\n                .dropdown-menu{\r\n                    position: static !important;\r\n                    margin: 0;\r\n                    transform: none !important;\r\n                    .dropdown-submenu {\r\n                        .dropdown-menu {\r\n                            box-shadow: none;\r\n                            margin: 0;\r\n                        }\r\n                    }\r\n                }\r\n            }  \r\n        }           \r\n    }\r\n    .dark-topbar {\r\n        .topbar {\r\n            .navigation-menu>li>a{\r\n                color: $header-item-color !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n@media (min-width: 768px) {\r\n    .navbar-toggle {\r\n        display: block;\r\n    } \r\n}\r\n@media (max-width: 1129.98px) {\r\n    .topbar {\r\n         .nav-user{\r\n             .user-name{\r\n                 display: none;\r\n             }\r\n         }\r\n    }\r\n}\r\n\r\n@media (max-width: 767.98px){\r\n    \r\n    .topbar{\r\n        .brand{\r\n            margin-right: 0;\r\n            .logo{\r\n                .logo-sm {\r\n                    height: 32px;\r\n                }\r\n                .logo-lg{\r\n                    display: none;\r\n                }\r\n            }\r\n        }  \r\n    }\r\n    .page-content {\r\n        width: 100%;\r\n        margin-top: 0;\r\n        min-height: 100vh;\r\n        padding: 0 0 60px 0;\r\n    }   \r\n    .hide-phone{\r\n        display: none;\r\n    }  \r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .page-title-box {\r\n        .breadcrumb{\r\n            display: none;\r\n        }\r\n    }      \r\n}\r\n\r\n@media (max-width: 620px) {\r\n  .logo-large {\r\n      display: none;\r\n  }\r\n  .logo-small {\r\n      display: inline-block !important;\r\n  }\r\n}\r\n\r\n\r\n  \r\n@keyframes slideIn {\r\n0% {\r\n    transform: translateY(1rem);\r\n    opacity: 0;\r\n}\r\n100% {\r\n    transform:translateY(0rem);\r\n    opacity: 1;\r\n}\r\n0% {\r\n    transform: translateY(1rem);\r\n    opacity: 0;\r\n}\r\n}\r\n\r\n@-webkit-keyframes slideIn {\r\n0% {\r\n    -webkit-transform: transform;\r\n    -webkit-opacity: 0;\r\n}\r\n100% {\r\n    -webkit-transform: translateY(0);\r\n    -webkit-opacity: 1;\r\n}\r\n0% {\r\n    -webkit-transform: translateY(1rem);\r\n    -webkit-opacity: 0;\r\n}\r\n}\r\n\r\n.slideIn {\r\n-webkit-animation-name: slideIn;\r\nanimation-name: slideIn;\r\n}\r\n\r\nbody[data-layout=\"horizontal\"]{\r\n    &.dark-topbar{\r\n        .navbar-custom,\r\n        .topbar{\r\n            background-color: $header-dark-bg;\r\n            .brand{\r\n                background-color: $header-dark-bg;\r\n                .logo {\r\n                    .logo-lg {\r\n                        display: $brand-light;\r\n                        &.logo-light{\r\n                          display: $brand-dark;\r\n                      }\r\n                    }  \r\n                }\r\n            }\r\n        }\r\n        .navigation-menu>li a .menu-icon{\r\n            color: $navbar-icon-dark-color;\r\n        }\r\n        .topbar .navigation-menu>li>a{\r\n            color: $header-item-dark-color;\r\n        }\r\n        .navbar-custom-menu {\r\n            .dropdown {\r\n                position: relative;\r\n                .dropdown-toggle{\r\n                    &:after {\r\n                        color: $navbar-icon-dark-color;\r\n                    }\r\n                }\r\n            }\r\n            .navigation-menu {                \r\n                .nav-item {\r\n                    .nav-link{\r\n                        &.active,\r\n                        &:hover{\r\n                            color: $header-item-dark-hover-color;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .navbar-custom .nav-link.nav-icon i{\r\n            color: $header-icon-dark-color;\r\n        }\r\n        .navbar-custom .nav-link.nav-icon{\r\n            background-color: $header-icon-dark-bg;\r\n        }\r\n        .navbar-custom .nav-link{\r\n            color: $header-item-dark-color;\r\n        }\r\n    }\r\n}\r\n\r\n","/* =============\r\n   General\r\n============= */\r\n\r\nhtml {\r\n  position: relative;\r\n  min-height: 100%;\r\n}\r\n\r\nbody{\r\n  margin: 0;\r\n  overflow-x: hidden !important;\r\n  font-size: $font-size-base;\r\n  background-color: $body-bg;\r\n  color: $body-color;\r\n  letter-spacing: 0.1px;\r\n  line-height: 1.5;\r\n  position: relative;\r\n}\r\n\r\n.row>*{\r\n  position: relative;\r\n}\r\n\r\n.h1,.h2,.h3,.h4,.h5,.h6,\r\nh1,h2,h3,h4,h5,h6 {\r\n  color: $gray-700;\r\n  margin: 10px 0;\r\n}\r\n\r\n\r\nh1 {\r\n  line-height: 43px;\r\n}\r\n\r\nh2 {\r\n  line-height: 35px;\r\n}\r\n\r\nh3 {\r\n  line-height: 30px;\r\n}\r\n\r\nh4 {\r\n  line-height: 22px;\r\n}\r\n\r\na {\r\n  font-family: $font-primary;\r\n  color: $gray-700;\r\n  text-decoration: none;\r\n  &:hover,&:active,&:focus {\r\n    outline: 0;\r\n    text-decoration: none;\r\n  }\r\n}\r\n\r\nhr{\r\n  background-color: $border;\r\n  opacity: 1;\r\n}\r\n\r\n.o-1{\r\n  opacity: 0.08;\r\n}\r\n\r\np {\r\n  line-height: 1.6;\r\n  font-family: $font-secondary;\r\n  font-size: $font-size-base;\r\n  font-weight: $font-weight-normal;\r\n}\r\n\r\n.card-bg{\r\n  background-color: $card-bg;\r\n}\r\n\r\n* {\r\n  outline: none !important;\r\n}\r\nmark {\r\n  color: inherit;\r\n  padding: 0;\r\n  background: 0 0;\r\n  background-image: linear-gradient(120deg ,rgba($warning,.4) 0,rgba($warning,.4) 100%);\r\n  background-repeat: no-repeat;\r\n  background-position: 0 80%;\r\n  position: relative;\r\n  background-size: 100% .3em;\r\n}\r\n.fw-semibold{\r\n  font-weight: $font-weight-semibold !important;\r\n}\r\n\r\n.nav{\r\n  &.nav-pills{\r\n    background-color: $light-alt;\r\n  }\r\n}\r\n\r\n.media {\r\n  display: flex;\r\n  align-items: flex-start;\r\n}\r\n.media-body {\r\n  flex: 1;\r\n}\r\n\r\n\r\n.divider-custom{\r\n  display: block;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  margin: 1rem 0;\r\n  .divider-text {\r\n    position: relative;\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    padding: 2px 6px;\r\n    color: $dark;\r\n    border: 1px dashed $border;\r\n    border-radius: 30px;\r\n    font-family: $font-secondary;\r\n    &:after {\r\n      left: 100%;\r\n    }\r\n    &:before {\r\n      right: 100%;\r\n    }  \r\n  }\r\n  .divider-text:after, \r\n  .divider-text:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 9999px;\r\n    border-top: 1px dashed $border;\r\n  }\r\n}\r\n\r\n.ti-spin {\r\n  animation: 2s linear infinite spinner-border;\r\n}","\r\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\r\n .waves-effect {\r\n    position: relative;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n  .waves-effect .waves-ripple {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    width: 100px;\r\n    height: 100px;\r\n    margin-top: -50px;\r\n    margin-left: -50px;\r\n    opacity: 0;\r\n    background: rgba(0, 0, 0, 0.2);\r\n    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    -webkit-transition: all 0.5s ease-out;\r\n    -moz-transition: all 0.5s ease-out;\r\n    -o-transition: all 0.5s ease-out;\r\n    transition: all 0.5s ease-out;\r\n    -webkit-transition-property: -webkit-transform, opacity;\r\n    -moz-transition-property: -moz-transform, opacity;\r\n    -o-transition-property: -o-transform, opacity;\r\n    transition-property: transform, opacity;\r\n    -webkit-transform: scale(0) translate(0, 0);\r\n    -moz-transform: scale(0) translate(0, 0);\r\n    -ms-transform: scale(0) translate(0, 0);\r\n    -o-transform: scale(0) translate(0, 0);\r\n    transform: scale(0) translate(0, 0);\r\n    pointer-events: none;\r\n  }\r\n  .waves-effect.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n  }\r\n  .waves-effect.waves-classic .waves-ripple {\r\n    background: rgba(0, 0, 0, 0.2);\r\n  }\r\n  .waves-effect.waves-classic.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n  }\r\n  .waves-notransition {\r\n    -webkit-transition: none !important;\r\n    -moz-transition: none !important;\r\n    -o-transition: none !important;\r\n    transition: none !important;\r\n  }\r\n  .waves-button,\r\n  .waves-circle {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\r\n  }\r\n  .waves-button,\r\n  .waves-button:hover,\r\n  .waves-button:visited,\r\n  .waves-button-input {\r\n    white-space: nowrap;\r\n    vertical-align: middle;\r\n    cursor: pointer;\r\n    border: none;\r\n    outline: none;\r\n    color: inherit;\r\n    background-color: rgba(0, 0, 0, 0);\r\n    font-size: 1em;\r\n    line-height: 1em;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    z-index: 1;\r\n  }\r\n  .waves-button {\r\n    padding: 0.85em 1.1em;\r\n    border-radius: 0.2em;\r\n  }\r\n  .waves-button-input {\r\n    margin: 0;\r\n    padding: 0.85em 1.1em;\r\n  }\r\n  .waves-input-wrapper {\r\n    border-radius: 0.2em;\r\n    vertical-align: bottom;\r\n  }\r\n  .waves-input-wrapper.waves-button {\r\n    padding: 0;\r\n  }\r\n  .waves-input-wrapper .waves-button-input {\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;\r\n  }\r\n  .waves-circle {\r\n    text-align: center;\r\n    width: 2.5em;\r\n    height: 2.5em;\r\n    line-height: 2.5em;\r\n    border-radius: 50%;\r\n  }\r\n  .waves-float {\r\n    -webkit-mask-image: none;\r\n    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    -webkit-transition: all 300ms;\r\n    -moz-transition: all 300ms;\r\n    -o-transition: all 300ms;\r\n    transition: all 300ms;\r\n  }\r\n  .waves-float:active {\r\n    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n  }\r\n  .waves-block {\r\n    display: block;\r\n  }\r\n\r\n.waves-effect.waves-light {\r\n    .waves-ripple {\r\n        background-color: rgba($white, 0.4);\r\n    }\r\n}\r\n\r\n.waves-effect.waves-primary {\r\n    .waves-ripple {\r\n        background-color: rgba($primary, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-success {\r\n    .waves-ripple {\r\n        background-color: rgba($success, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-info {\r\n    .waves-ripple {\r\n        background-color: rgba($info, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-warning {\r\n    .waves-ripple {\r\n        background-color: rgba($warning, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-danger {\r\n    .waves-ripple {\r\n        background-color: rgba($danger, 0.4);\r\n    }\r\n}","// \r\n// _card.scss\r\n// \r\n\r\n.card {\r\n  margin-bottom: 16px;\r\n  background-color: $card-bg;\r\n  border: none;\r\n  box-shadow: $card-shadow;\r\n  .card-header{\r\n    background-color: $card-bg;\r\n    border-bottom: 1px solid $border;\r\n    &:first-child {\r\n      border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0;\r\n    }\r\n  }\r\n  .card-footer{\r\n    background-color: $card-bg;\r\n    border-top: 1px dashed $border;\r\n  }\r\n}\r\n.card-title {\r\n  text-transform: capitalize;\r\n  letter-spacing: 0.02em;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  margin: 0;\r\n  color: $gray-700;\r\n}\r\n\r\n\r\n","// \r\n// _badge.scss\r\n// \r\n\r\n.badge{\r\n    &.badge-dot{        \r\n        &:after {\r\n            position: absolute;\r\n            content: \"\";\r\n            right: 3px;\r\n            top: -13px;\r\n            transform: translateY(-50%);\r\n            display: inline-block;\r\n            height: 10px;\r\n            width: 10px;\r\n            border: 2px solid $card-bg;\r\n            border-radius: 50%;\r\n        }\r\n        &.online{\r\n            &:after{\r\n                background-color: $success;\r\n            }\r\n        }\r\n        &.offline{\r\n            &:after{\r\n                background-color: $gray-500;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n.badge{\r\n    &.badge-soft-#{$color} {\r\n      background-color: rgba($value, 0.15) !important;\r\n      color: $value;\r\n      box-shadow: 0px 0px 13px 0px rgba($value,0.05);\r\n    }\r\n    &.badge-outline-#{$color} {\r\n      background-color: transparent !important;\r\n      color: $value;\r\n      border: 1px solid $value;\r\n    }\r\n  }\r\n}\r\n\r\n.badge-outline-light{\r\n    color: $gray-700 !important;\r\n}","// \r\n// _buttons.scss\r\n// \r\n\r\n\r\n\r\n.btn-round {\r\n  border-radius: 30px;\r\n}\r\n.btn-icon-circle{\r\n  width: 36px;\r\n  height: 36px;\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: 50%;\r\n  &.btn-icon-circle-sm{\r\n    width: 30px;\r\n    height: 30px;\r\n    line-height: 1;\r\n    padding: 0;\r\n  }\r\n}\r\n\r\n\r\n.btn-icon-square{\r\n  width: 36px;\r\n  height: 36px;\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.btn-icon-square-sm{\r\n  width: 30px;\r\n  height: 30px;\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.btn-square{\r\n  border-radius: 0;\r\n}\r\n.btn-skew{\r\n  transform: skew(-15deg);\r\n  i,\r\n  span{\r\n    display: inline-block;\r\n    transform: skew(15deg);\r\n  }\r\n}\r\n.accordion{\r\n  .btn:focus{\r\n    box-shadow: none;\r\n  }\r\n}\r\n.btn.btn-outline-dashed {\r\n  outline: 1px dashed $white !important;\r\n  outline-offset: -5px;\r\n  -moz-outline-radius: 25px;\r\n}\r\n\r\n\r\n.btn-link{\r\n  &:active,\r\n  &.active,\r\n  &:focus,\r\n  &:hover{\r\n    text-decoration: none;\r\n  }\r\n}\r\n\r\n.button-list, \r\n.button-items {\r\n  margin-bottom: -8px;\r\n  .btn{\r\n      margin: 0 5px 8px 0;\r\n  }\r\n}\r\n.btn{\r\nbox-shadow: none;  \r\n&.focus,\r\n&:focus{\r\n  box-shadow: none;\r\n} \r\n}\r\n\r\n.btn-xs {\r\npadding: 2px 10px;\r\nfont-size: 11px;\r\n}\r\n\r\n.btn-outline-light {\r\n  color: $gray-600;\r\n  background-image: none;\r\n  background-color: transparent;\r\n  border-color: $gray-300;\r\n}\r\n\r\n\r\n.btn-outline-dark {\r\n  color: $gray-900;\r\n&:hover{\r\n  box-shadow: none;\r\n  color: $gray-100;\r\n}\r\n}\r\n\r\n.btn-outline-info{\r\n&.focus,\r\n&:focus{\r\n  box-shadow: none;\r\n}\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n  .btn-soft-#{$color} {\r\n    background-color: rgba($value, 0.08) !important;\r\n    color: $value !important;\r\n    &:hover{\r\n    background-color: $value !important;\r\n    color: $white !important;\r\n    }\r\n  }\r\n\r\n  .btn-de-#{$color} {\r\n    background-color: transparent !important;\r\n    color: $value !important;\r\n    border: 1px solid $border_2;\r\n    &:hover{\r\n    background-color: $value !important;\r\n    color: $white !important;\r\n    border: 1px solid $value;\r\n    }\r\n  }\r\n  .btn-de-dashed-#{$color} {\r\n    background-color: transparent !important;\r\n    color: $value !important;\r\n    border: 1px dashed $border_2;\r\n    &:hover{\r\n    background-color: $value !important;\r\n    color: $white !important;\r\n    border: 1px solid $value;\r\n    }\r\n  }\r\n}\r\n.hover-light-color{\r\n  &:hover{\r\n    color: $light !important;\r\n  }\r\n}","// \r\n// _dropdown.scss\r\n// \r\n\r\n.dropdown-menu{\r\n  box-shadow: 0 3px 12px rgba($drop-shadow-color,.3);\r\n  margin: 0;\r\n  .dropdown-item:hover, \r\n  .dropdown-item:focus{\r\n    background-color: $gray-100;\r\n    color: $gray-900;\r\n  }\r\n}\r\n.dropdown-lg{\r\n  width: $dropdown-lg-width;\r\n}\r\n.dropdown-xl{\r\n  min-width: 42rem;\r\n}\r\n.dropstart .dropdown-toggle::before,\r\n.dropend .dropdown-toggle::after,\r\n.dropup .dropdown-toggle::after,\r\n.dropdown-toggle::after{\r\n  display: none;\r\n}","// \r\n// _tables.scss\r\n// \r\n\r\n\r\n.table {\r\n  th{\r\n    color: $gray-500;\r\n    font-weight: 400;\r\n    vertical-align: middle;\r\n    border-color: $table-border-color;\r\n  }\r\n  td {\r\n    font-weight: 500;\r\n    vertical-align: middle;\r\n    border-color: $table-border-color;\r\n  }\r\n  &.border-dashed{\r\n    th {\r\n      font-weight: 400;\r\n      border-top: 1px dashed $table-border-color;      \r\n    }\r\n    td{\r\n      border-top: 1px dashed $table-border-color;\r\n    }\r\n    thead {\r\n      th {\r\n        border-bottom: 1px dashed $table-border-color;\r\n      }\r\n    }\r\n  }\r\n  \r\n  .thead-light {\r\n    th{\r\n      color: $gray-500;\r\n      background-color: $gray-100;\r\n      border-color: $table-border-color;\r\n      border-bottom: none;\r\n    }\r\n  }\r\n  &.table-dark {\r\n    color: $gray-100;\r\n    th{\r\n      color: $gray-100;\r\n    }\r\n  }\r\n  tbody tr:last-child {\r\n    th,\r\n    td {\r\n      border-bottom: none;\r\n    }\r\n  }\r\n  tbody{\r\n    tr:hover{\r\n      box-shadow: $card-shadow;\r\n    }\r\n  }\r\n}\r\nthead{\r\n  >tr {\r\n    th:first-child{\r\n      border-top-left-radius: 5px;\r\n      border-bottom-left-radius: 5px;\r\n    }\r\n    th:last-child{\r\n      border-top-right-radius: 5px;\r\n      border-bottom-right-radius: 5px;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n  \r\n  /*== Table Responsive ==*/\r\n  \r\n  .table-rep-plugin {\r\n    .btn-toolbar {\r\n        display: block;\r\n    }\r\n    .btn-default {\r\n        border: none;\r\n        background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));\r\n        color: $white;\r\n        margin-right: 5px;\r\n        box-shadow: 0 7px 14px 0 rgba($primary, 0.5);\r\n        transition: .3s ease-out;\r\n        &:hover,\r\n        &:focus {\r\n            color: $white;\r\n            box-shadow: 0 0 0 2px rgba($primary,.3);\r\n        }\r\n    }\r\n    .btn-default.btn-primary:active,\r\n    .btn-default.btn-primary:hover,\r\n    .btn-default.btn-primary:focus {\r\n        border: none !important;\r\n        background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));\r\n        color: $white;\r\n        box-shadow: 0 0 0 2px rgba($primary,.3);\r\n    }\r\n    tbody th {\r\n        font-size: 14px;\r\n        font-weight: normal;\r\n    }\r\n\r\n    table.focus-on tbody tr.focused th, \r\n    table.focus-on tbody tr.focused td {\r\n      background-color: $primary;\r\n      color: $white;\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n/* Sticky Header */\r\n.fixed-solution .sticky-table-header {\r\n  top: 70px !important;\r\n  background-color: $gray-100;\r\n  border-top: 1px solid $border_2;\r\n  border-bottom: 1px solid $border_2;\r\n}\r\n\r\n.table-responsive[data-pattern=\"priority-columns\"]{\r\n  border: 1px solid $border_2;\r\n}\r\n\r\n.attendance-table{\r\n  .table thead tr th{\r\n    padding: 5px;\r\n  }\r\n}\r\n\r\n.dataTable-table > thead > tr > th{\r\n  border: none;\r\n}\r\n\r\n\r\n.dataTable-selector,\r\n.dataTable-input{\r\n  color: $input-color;\r\n  background-color: $input-bg;\r\n  border: 1px solid $input-border-color;\r\n  border-radius: 0.25rem;\r\n}    \r\n\r\n.dataTable-table {\r\n  > tbody > tr > td, \r\n  > tbody > tr > th, \r\n  > tfoot > tr > td, \r\n  > tfoot > tr > th, \r\n  > thead > tr > td, \r\n  > thead > tr > th{\r\n    padding:  $table-cell-padding-y $table-cell-padding-x;\r\n  }\r\n}\r\n \r\n.dataTable-wrapper{\r\n  &.no-footer {\r\n    .dataTable-container {\r\n      border-bottom: 1px dashed $border;\r\n    }\r\n  }\r\n}","// \r\n// progress.scss\r\n// \r\n\r\n.progress{\r\n  background-color: $gray-200;\r\n}\r\n\r\n\r\n\r\n/* Progressbar Vertical */\r\n\r\n.progress-vertical {\r\n  min-height: 250px;\r\n  height: 250px;\r\n  width: 8px;\r\n  position: relative;\r\n  display: inline-block;\r\n  margin-bottom: 0;\r\n  margin-right: 20px;\r\n  box-shadow: none;\r\n}\r\n\r\n.progress-vertical .progress-bar {\r\n  width: 100%;\r\n}\r\n\r\n.progress-vertical-bottom {\r\n  min-height: 250px;\r\n  height: 250px;\r\n  position: relative;\r\n  width: 8px;\r\n  display: inline-block;\r\n  margin-bottom: 0;\r\n  margin-right: 20px;\r\n  box-shadow: none;\r\n}\r\n\r\n.progress-vertical-bottom .progress-bar {\r\n  width: 100%;\r\n  position: absolute;\r\n  bottom: 0;\r\n}\r\n\r\n.progress-vertical.progress-sm,\r\n.progress-vertical-bottom.progress-sm {\r\n  width: 5px !important;\r\n}\r\n\r\n.progress-vertical.progress-sm .progress-bar,\r\n.progress-vertical-bottom.progress-sm .progress-bar {\r\n  font-size: 8px;\r\n  line-height: 5px;\r\n}\r\n\r\n.progress-vertical.progress-md,\r\n.progress-vertical-bottom.progress-md {\r\n  width: 15px !important;\r\n}\r\n\r\n.progress-vertical.progress-md .progress-bar,\r\n.progress-vertical-bottom.progress-md .progress-bar {\r\n  font-size: 10.8px;\r\n  line-height: 14.4px;\r\n}\r\n\r\n.progress-vertical.progress-lg,\r\n.progress-vertical-bottom.progress-lg {\r\n  width: 20px !important;\r\n}\r\n\r\n.progress-vertical.progress-lg .progress-bar,\r\n.progress-vertical-bottom.progress-lg .progress-bar {\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n}\r\n\r\n.progress-icon-spin{\r\n  font-size: 36px;\r\n}","// \r\n// _alert.scss\r\n// \r\n\r\na.badge:hover{\r\n  color: $white;\r\n}\r\n.alert {\r\n  position: relative;\r\n  border: 0;\r\n\r\n  &.custom-alert{\r\n    overflow: hidden;\r\n    &:after{\r\n      content: '';\r\n      position: absolute;\r\n      width: 4px;\r\n      height: 100%;\r\n      top: 0;\r\n      left: 0;\r\n    }\r\n    @each $color, $value in $theme-colors {\r\n      &.custom-alert-#{$color}{\r\n        &:after{\r\n          background-color: $value;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.b-round{\r\n  border-radius: 40px;\r\n}\r\n.alert {\r\n  position: relative;\r\n  border: 0;\r\n  &.icon-custom-alert{\r\n    display: flex;\r\n    padding: 5px 18px;\r\n  }\r\n  .alert-icon{\r\n    font-size: 21px;\r\n    margin-right: 8px;\r\n  }\r\n  .alert-text{\r\n    flex-grow: 1;\r\n    align-self: center;\r\n  }\r\n  .alert-close {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .alert-link {\r\n    font-weight: 600;\r\n  }\r\n\r\n  &.alert-light{\r\n    color: $dark;\r\n    background-color: $light;\r\n  }\r\n  \r\n  @each $color, $value in $theme-colors {\r\n    &.alert-outline-#{$color} {\r\n      border:1px solid $value;\r\n      background-color: transparent;\r\n      color: $value !important;\r\n      \r\n    }\r\n    &.alert-soft-success{\r\n      border:none;\r\n      background-color: lighten($value, 45%);\r\n      color: $value;\r\n    }\r\n  }\r\n}\r\n",".form-select:focus{\r\n    box-shadow: none;\r\n}\r\n\r\n.uppy-Dashboard-inner{\r\n    background-color: $card-bg;\r\n    border: 1px solid $border_2;\r\n}\r\n[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles{\r\n    border: 1px dashed $border_2;\r\n}\r\n\r\n.uppy-Dashboard-AddFiles-title{\r\n    color: $dark;\r\n}","//\r\n// Modals\r\n// \r\n.modal-demo {\r\n  background-color: $card-bg;\r\n  width: 600px;\r\n  border-radius: 4px;\r\n  display: none;\r\n  position: relative;\r\n  .close {\r\n      position: absolute;\r\n      top: 15px;\r\n      right: 25px;\r\n      color: $gray-200;\r\n    }\r\n}\r\n\r\n.modal-content{\r\n  background-color: $modal-body-bg;\r\n  .modal-header{\r\n    background-color: $sidebar-dark-bg;\r\n    .modal-title{\r\n      color: $white;\r\n      align-self: center;\r\n      font-weight: 500;\r\n      margin-top: 0;\r\n      font-family: $font-secondary;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n  .modal-footer{\r\n    border-top: 1px solid $gray-300;\r\n    >*{\r\n      margin: 0 0 0 0.25rem;\r\n    }\r\n  }\r\n  .modal-body p,h4{\r\n    color: $gray-600;\r\n  }\r\n  .modal-title.custom-title{\r\n    color: lighten($gray-500, 80%);\r\n  }\r\n}\r\n\r\n#custom-modal{\r\n  .close{\r\n    color: $gray-800;\r\n  }\r\n}\r\n.custom-modal-title {\r\n  padding: 15px 25px 15px 25px;\r\n  line-height: 22px;\r\n  font-size: 18px;\r\n  background-color: $gray-200;\r\n  color: $gray-800;\r\n  text-align: left;\r\n  margin: 0px;\r\n}\r\n\r\n.custom-modal-text {\r\n  padding: 20px;\r\n  color: $gray-500;\r\n}\r\n\r\n.custombox-modal-flash .close, \r\n.custombox-modal-rotatedown .close {\r\n  top: 20px;\r\n  z-index: 9999;\r\n\r\n}\r\n\r\n#session-timeout-dialog .modal-header {\r\n  display: inline-block;\r\n}\r\n\r\n.modal{\r\n  &.modal-rightbar{\r\n    position: fixed;\r\n    margin: auto;   \r\n    right: 0;\r\n    left: auto;\r\n    height: 100%;\r\n    padding-right: 0 !important;\r\n    .modal-content {\r\n      height: 100vh;\r\n      overflow-y: auto;\r\n      border: none;\r\n      border-radius: 0;\r\n    }  \r\n    .modal-body {\r\n      padding: 15px;\r\n      overflow-x: hidden;\r\n    } \r\n  }\r\n  &.modal-rightbar{\r\n    .modal-dialog {\r\n      width: 320px;\r\n      right: -320px;\r\n      margin: 0 0 0 auto;\r\n    }\r\n    &.show .modal-dialog {\r\n      right: 0;  \r\n      transition: left 0.3s ease, right 0.3s ease;  \r\n    }\r\n  }\r\n}\r\n","//\r\n// Switch\r\n// \r\n\r\n\r\n@each $color, $value in $theme-colors {\r\n  .form-switch-#{$color} {\r\n    .form-check-input:checked{\r\n      background-color: $value;\r\n      border-color: $value;\r\n    }\r\n  }\r\n}\r\n\r\n","/* ==============\r\n  Form-Advanced\r\n===================*/\r\n\r\n\r\n.selectr-options-container,\r\n.selectr-selected{\r\n  border-color: $border_2 !important;\r\n  background-color: $input-bg;\r\n}\r\n.selectr-tag-input{\r\n  background-color: $input-bg;\r\n}\r\n.selectr-option.selected{\r\n  background-color: $gray-200;\r\n}\r\n.selectr-input{\r\n  border-color: $border !important;\r\n}\r\n\r\n.selectr-container.open .selectr-selected {\r\n  border-color: $border_2 $border_2 transparent;\r\n  border-radius: 3px 3px 0 0;\r\n}\r\n.selectr-tag{\r\n  background: $primary;\r\n  border-radius: 3px;\r\n}\r\n\r\n.selectr-tag-remove::after, \r\n.selectr-tag-remove::before{\r\n  width: 1px;\r\n}\r\n\r\n//  Datepicker\r\n.datepicker.active{\r\n  display: inline-block;\r\n  border: 1px solid $border;\r\n  border-radius: 4px;\r\n}\r\n.datepicker-dropdown.datepicker-orient-top{\r\n  padding-bottom: 0;\r\n}\r\n.datepicker-header .datepicker-controls .button{\r\n  font-weight: 500;\r\n}\r\n.datepicker-controls .button{\r\n  font-size: 15px;\r\n  border: 1px solid $border;\r\n  background-color: $body-bg;\r\n  color: $gray-700;\r\n}\r\n.datepicker-view .dow{\r\n  font-weight: 500;\r\n  font-size: 12px;\r\n}\r\n\r\n.datepicker-picker {\r\n  background-color: $body-bg;\r\n  span{\r\n    border-radius: 25px;\r\n  }\r\n}\r\n.datepicker-cell.focused:not(.selected),\r\n.datepicker-cell:not(.disabled):hover{\r\n  background-color: $card-bg;\r\n}\r\n\r\n// Mask\r\n.example__complete {\r\n  display: none;\r\n  margin-left: 5px;\r\n}\r\n\r\n.example__complete::after {\r\n  content: '✔';\r\n}","//\r\n// Form Validation\r\n// \r\n\r\n\r\n#form-validation-2{\r\n  small{\r\n    display: none;\r\n    color: $danger;\r\n    &.error {\r\n      display: block;\r\n    }\r\n  }  \r\n}\r\n\r\n.form-control{\r\n  &.error {\r\n    border-color: $danger;\r\n  }\r\n  &.success{\r\n    border-color: $success;\r\n  }\r\n}\r\n","\r\n.form-wizard-wrapper {\r\n  label {\r\n    font-size: 13px;\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n.wizard > .content > .body input{\r\n  border: 1px solid $border_2;\r\n  transition: border-color 0s ease-out;\r\n  &:focus {\r\n    box-shadow: none;\r\n    border-color: $primary;\r\n  }\r\n}\r\n.wizard.vertical > .steps{\r\n  width: auto;\r\n}\r\n.wizard > .steps > ul > li {\r\n  width: auto; \r\n  margin-bottom: 10px;\r\n}\r\n\r\n.wizard>.steps a,\r\n.wizard>.steps a:active,\r\n.wizard>.steps a:hover {\r\n  margin: 3px;\r\n  padding: 0;\r\n  border-radius: 50px;\r\n}\r\n\r\n.wizard>.steps .current a,\r\n.wizard>.steps .current a:active,\r\n.wizard>.steps .current a:hover {\r\n  background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));\r\n  color: $white;\r\n  padding: 2px 20px 2px 2px;\r\n  box-shadow: 0px 3px 10px 0 rgba($primary, 0.4);\r\n}\r\n\r\n.wizard>.steps .disabled a,\r\n.wizard>.steps .disabled a:active,\r\n.wizard>.steps .disabled a:hover,\r\n.wizard>.steps .done a,\r\n.wizard>.steps .done a:active,\r\n.wizard>.steps .done a:hover {\r\n  background-color: rgba($primary,0.1);\r\n  color: $primary;\r\n  padding: 0 20px 0 0;\r\n  box-shadow: 0px 0px 0px 2.25px rgba($primary,0.5);\r\n}\r\n\r\n.wizard>.steps .current a .number,\r\n.wizard>.steps .current a:active .number,\r\n.wizard>.steps .current a:hover .number {\r\n  border: 2px solid $white;\r\n}\r\n\r\n.wizard>.steps .disabled a .number,\r\n.wizard>.steps .disabled a:active .number,\r\n.wizard>.steps .disabled a:hover .number,\r\n.wizard>.steps .done a .number,\r\n.wizard>.steps .done a:active .number,\r\n.wizard>.steps .done a:hover .number {\r\n  border-color: $primary;\r\n}\r\n\r\n.wizard>.content {\r\n  background-color: transparent;\r\n  margin: 0 5px;\r\n  border-radius: 0;\r\n  min-height: 150px\r\n}\r\n#form-horizontal fieldset{\r\n  margin-top:20px;\r\n}\r\n.wizard>.content>.body {\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 15px 0 0;\r\n  position: static;\r\n}\r\n\r\n.wizard>.steps .number {\r\n  font-size: 16px;\r\n  padding: 5px;\r\n  border-radius: 50%;\r\n  border: 2px solid $white;\r\n  width: 38px;\r\n  display: inline-block;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  margin-right: 10px;\r\n  background-color: rgba($primary, 0.15);\r\n}\r\n.wizard > .actions,\r\n.wizard.vertical > .actions{\r\n  margin-top: 20px;\r\n}\r\n.wizard>.actions .disabled a,\r\n.wizard>.actions .disabled a:active,\r\n.wizard>.actions .disabled a:hover {\r\n  opacity: .65;\r\n  background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));\r\n  color: $white;\r\n  cursor: not-allowed; \r\n}\r\n\r\n.wizard>.actions a,\r\n.wizard>.actions a:active,\r\n.wizard>.actions a:hover {\r\n  background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));\r\n  border-radius: 4px;\r\n  padding: 8px 15px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .wizard > .steps > ul > li {\r\n    width: 50%;\r\n  }\r\n  .form-wizard-wrapper {\r\n    label {\r\n      text-align: left;\r\n    }\r\n  }\r\n}\r\n@media (max-width: 520px) {\r\n  .wizard > .steps > ul > li {\r\n    width: 100%;\r\n  }\r\n}\r\n","\r\n// Form editor\r\n.mce-panel{\r\n  border: 1px solid $gray-200 !important;\r\n  background-color: $editor-layout !important;\r\n  color: $gray-700 !important;\r\n}\r\n.mce-label{\r\n  text-shadow: none !important;\r\n  color: $gray-500 !important;\r\n}\r\n.mce-tinymce{\r\n  box-shadow: none !important;\r\n}\r\n.mce-btn {\r\n  background: transparent !important;\r\n}\r\n.mce-flow-layout,\r\n.mce-top-part::before{\r\n  box-shadow: none !important;\r\n  background-color: $gray-200 !important;\r\n}\r\n.mce-caret{\r\n  border-top: 4px solid $gray-700 !important;\r\n  opacity: .7 !important;\r\n}\r\n.mce-menubar .mce-caret {\r\n  border-top-color: $gray-700 !important;\r\n  opacity: .7 !important;\r\n}\r\n.mce-menubar .mce-menubtn button span,\r\n.mce-btn .mce-txt,\r\n.mce-ico{\r\n  color: $gray-700 !important;\r\n}\r\n\r\n.mce-btn.mce-disabled button, \r\n.mce-btn.mce-disabled:hover button{\r\n  opacity: .7 !important;\r\n}\r\n.mce-menu-item.mce-disabled, \r\n.mce-menu-item.mce-disabled:hover,\r\n.mce-menu-item:hover, \r\n.mce-menu-item:focus{\r\n  background: $gray-100 !important;\r\n}\r\n\r\n","// \r\n// _nav.scss\r\n// \r\n\r\n.nav {\r\n  &.nav-tabs{\r\n      .nav-item.show,\r\n      .nav-link{\r\n        color: $gray-700;\r\n          &:focus ,\r\n          &.active{\r\n              color: $primary;\r\n              background-color: $card-bg;\r\n              border-color: transparent transparent $primary;\r\n          }\r\n          &.active:hover{\r\n              border-color: transparent transparent $primary;\r\n          }\r\n          &:hover {\r\n              border-color: transparent transparent $border;\r\n          }\r\n      }\r\n      .nav-item.show{\r\n          .nav-link{\r\n              color: $primary;\r\n              background-color: $card-bg;\r\n          }\r\n      }\r\n  }\r\n  &.nav-pills{\r\n      background-color: $light;\r\n  }\r\n}\r\n\r\n\r\n.navbar-dark {\r\n  .navbar-nav {\r\n      .nav-link{\r\n          &:hover,\r\n          &:focus{\r\n              color: $light;\r\n          }\r\n      }\r\n  }\r\n} \r\n\r\n.nav-tabs-custom{\r\n  .nav{\r\n    &.nav-tabs{\r\n      border-bottom: none;\r\n      display: inline-flex;\r\n      .nav-item{\r\n        border: 2px solid $gray-200;\r\n        border-radius: 4px;\r\n        margin-right: 5px;        \r\n      }\r\n      .nav-link{\r\n        border-radius: 3px;\r\n        padding: 10px 14px;\r\n        &.active{\r\n          background-color: $light;\r\n          border-color: transparent;  \r\n          color: $primary;  \r\n          i{\r\n              color: $primary;\r\n          }      \r\n        }\r\n        i{\r\n          font-size: 24px;\r\n          vertical-align: middle;\r\n          color: $secondary;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n.nav{\r\n  &.nav-pills-custom{\r\n    &.nav-pills{\r\n      .nav-item{\r\n        .nav-link{\r\n          padding: 4px 14px;\r\n          font-size: 0.71rem;\r\n          line-height: 2;\r\n          border: 1px solid $gray-300;\r\n          color: $gray-600;\r\n          &.active{\r\n            color: $white;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.nav-pills .nav-item.show .nav-link, \r\n.nav-pills .nav-link.active {\r\n  background: $primary;\r\n  color: $white;\r\n}\r\n.eco-revene-history{\r\n  .nav{\r\n    .nav-item{\r\n      .nav-link.active{\r\n        color: $dark;\r\n        background-color: $light;\r\n      }\r\n    }\r\n  }\r\n}\r\n.nav-border{\r\n  &.nav.nav-pills {\r\n    background-color: transparent;\r\n    border-bottom: 1px solid $border;\r\n    line-height: 36px;   \r\n  }\r\n  .nav-item{\r\n    margin-bottom: -1px;\r\n  }\r\n  .nav-link {\r\n    color: $gray-700;\r\n  }\r\n  .nav-item.show .nav-link,\r\n  .nav-link.active {\r\n    background: transparent;\r\n    color: $primary;\r\n    box-shadow: none;\r\n    border-radius: 0;\r\n    border-bottom: 1px solid $primary;\r\n  }\r\n}\r\n\r\n\r\n.nav-pills .nav-item.show .nav-link, \r\n.nav-pills .nav-link.active {\r\n  background: $primary;\r\n  color: $white;\r\n  border-radius: 0;\r\n}","//\r\n// Spinners\r\n// \r\n\r\n\r\n.spinner-border{\r\n  &.spinner-border-custom-1{\r\n    border: 5px double currentColor;\r\n    border-right-color: transparent;\r\n  }\r\n  &.spinner-border-custom-2{\r\n    border: 5px dotted currentColor;\r\n    border-right-color: transparent;\r\n  }\r\n  &.spinner-border-custom-3{\r\n    border: 5px groove currentColor;\r\n    border-right-color: transparent;\r\n  }\r\n  &.spinner-border-custom-4{\r\n    border: 5px dashed currentColor;\r\n    border-right-color: transparent;\r\n  }\r\n  &.spinner-border-custom-5{\r\n    border: 5px outset currentColor;\r\n    border-right-color: transparent;\r\n  }  \r\n}","[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  width: 0;\n  height: 0;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  left: 0;\n  right: 0;\n  min-height: 10px;\n  &:before {\n    position: absolute;\n    content: '';\n    background: shade-color($gray-300, 10%);\n    border-radius: 7px;\n    left: 2px;\n    right: 2px;\n    opacity: 0;\n    transition: opacity 0.2s linear;\n  }\n  &.simplebar-visible:before {\n    /* When hovered, remove all transitions from drag handle */\n    opacity: 0.5;\n    transition: opacity 0s linear;\n  } \n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 9px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n","//\r\n// Charts\r\n// \r\n\r\n\r\n/* Sparkline chart */\r\n.jqstooltip {\r\n  width: auto !important;\r\n  height: auto !important;\r\n  box-sizing: content-box;\r\n  background-color: $white !important;\r\n  padding: 5px 10px !important;\r\n  border-radius: 3px;\r\n  border-color: $white !important;\r\n  display: inline-block !important;\r\n  box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);\r\n}\r\n\r\n.jqsfield {\r\n  font-size: 12px !important;\r\n  line-height: 18px !important;\r\n  color: $dark !important;\r\n}\r\n\r\n.chart {\r\n  position: relative;\r\n  display: inline-block;\r\n  width: 110px;\r\n  height: 110px;\r\n  margin-top: 20px;\r\n  margin-bottom: 20px;\r\n  text-align: center;\r\n  canvas {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n  }\r\n}\r\n\r\n.chart.chart-widget-pie {\r\n  margin-top: 5px;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.percent {\r\n  display: inline-block;\r\n  line-height: 110px;\r\n  z-index: 2;\r\n\r\n  &:after {\r\n    content: '%';\r\n    margin-left: 0.1em;\r\n    font-size: .8em;\r\n  }\r\n}\r\n\r\n\r\n/* Morris chart */\r\n.morris-chart {\r\n  text {\r\n    font-family: $font-secondary !important;\r\n    color: $gray-500;\r\n  }\r\n}\r\n\r\n.morris-hover.morris-default-style {\r\n  border-radius: 5px;\r\n  padding: 10px 12px;\r\n  background: $light;\r\n  border: none;\r\n  font-family: $font-secondary;\r\n  box-shadow: 0 5px 25px 5px rgba($dark,.14);\r\n\r\n  .morris-hover-point {\r\n    line-height: 28px;\r\n  }\r\n  .morris-hover-row-label {\r\n    background-color: $primary;\r\n    color: $white;\r\n    padding: 4px 20px;\r\n    border-radius: 5px 5px 0 0;\r\n    margin: -10px -12px 10px;\r\n  }\r\n}\r\n\r\n/* Flot chart */\r\n#flotTip {\r\n  padding: 8px 12px;\r\n  background-color: $card-bg;\r\n  z-index: 100;\r\n  color: $dark;\r\n  box-shadow: 0 5px 25px 5px rgba($dark,.14);\r\n  border-radius: 1px;\r\n}\r\n.flot-chart{\r\n  .flot-y-axis,\r\n  .flot-x-axis {\r\n    .flot-tick-label {\r\n      transform: translateY(2px);\r\n      text-transform: uppercase;\r\n      font-size: 12px;\r\n      font-weight: 400;\r\n      font-family: $font-secondary;\r\n      letter-spacing: .5px;\r\n      fill: $gray-500;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n/* Chartist chart */\r\n.ct-golden-section:before {\r\n  float: none;\r\n}\r\n.ct-chart {\r\n  height: 300px;\r\n}\r\n.ct-grid {\r\n  stroke: rgba($dark,.09);\r\n  stroke-width: 2px;\r\n  stroke-dasharray: 3px;\r\n}\r\n.ct-chart .ct-label {\r\n  fill: $text-muted;\r\n  color: $text-muted;\r\n  font-size: 14px;\r\n  line-height: 1;\r\n}\r\n.ct-chart.simple-pie-chart-chartist .ct-label {\r\n  color: $white;\r\n  fill: $white;\r\n  font-size: 16px;\r\n}\r\n.ct-chart .ct-series.ct-series-a .ct-slice-donut,\r\n.ct-chart .ct-series.ct-series-b .ct-bar{\r\n  stroke: $gray-300;\r\n}\r\n\r\n.ct-chart .ct-series.ct-series-b .ct-line,\r\n.ct-chart .ct-series.ct-series-b .ct-point {\r\n  stroke: $gray-400;\r\n}\r\n.ct-chart .ct-series.ct-series-c .ct-slice-donut{\r\n  stroke: $secondary;\r\n}\r\n.ct-chart .ct-series.ct-series-a .ct-line,\r\n.ct-chart .ct-series.ct-series-a .ct-point,\r\n.ct-chart .ct-series.ct-series-b .ct-slice-donut,\r\n.ct-chart .ct-series.ct-series-a .ct-bar{\r\n  stroke: $primary;\r\n}\r\n\r\n.ct-chart .ct-series.ct-series-c .ct-point,\r\n.ct-chart .ct-series.ct-series-c .ct-line{\r\n  stroke: $warning;\r\n}\r\n\r\n.ct-chart .ct-series.ct-series-c .ct-bar{\r\n  stroke: $gray-100;\r\n}\r\n.ct-chart .ct-series.ct-series-e .ct-slice-donut,\r\n.ct-chart .ct-series.ct-series-d .ct-bar,\r\n.ct-chart .ct-series.ct-series-d .ct-line,\r\n.ct-chart .ct-series.ct-series-d .ct-point {\r\n  stroke: $success;\r\n}\r\n.ct-chart .ct-series.ct-series-d .ct-slice-donut{\r\n  stroke: $warning;\r\n}\r\n.ct-chart .ct-series.ct-series-e .ct-bar,\r\n.ct-chart .ct-series.ct-series-e .ct-line,\r\n.ct-chart .ct-series.ct-series-e .ct-point{\r\n  stroke: $pink;\r\n}\r\n\r\n\r\n\r\n.ct-chart .ct-series.ct-series-f .ct-bar,\r\n.ct-chart .ct-series.ct-series-f .ct-line,\r\n.ct-chart .ct-series.ct-series-f .ct-point {\r\n  stroke: $purple;\r\n}\r\n\r\n.ct-chart .ct-series.ct-series-g .ct-bar,\r\n.ct-chart .ct-series.ct-series-g .ct-line,\r\n.ct-chart .ct-series.ct-series-g .ct-point {\r\n  stroke: shade-color($danger, 10%);\r\n}\r\n\r\n.ct-series-a .ct-area,\r\n.ct-series-a .ct-slice-pie{\r\n  fill: $primary;\r\n}\r\n \r\n.ct-series-b .ct-area,\r\n.ct-series-b .ct-slice-pie {\r\n  fill: $secondary;\r\n}\r\n\r\n.ct-series-c .ct-area,\r\n.ct-series-c .ct-slice-pie {\r\n  fill: $gray-300;\r\n}\r\n\r\n\r\n.chartist-tooltip {\r\n  position: absolute;\r\n  display: inline-block;\r\n  opacity: 0;\r\n  min-width: 10px;\r\n  padding: 2px 10px;\r\n  -webkit-border-radius: 3px;\r\n  border-radius: 3px;\r\n  -moz-border-radius: 3px;\r\n  background-clip: padding-box;\r\n  background: $dark;\r\n  color: $white;\r\n  text-align: center;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  -webkit-transition: opacity .2s linear;\r\n  -moz-transition: opacity .2s linear;\r\n  -o-transition: opacity .2s linear;\r\n  transition: opacity .2s linear;\r\n}\r\n.chartist-tooltip.tooltip-show {\r\n  opacity: 1;\r\n}\r\n\r\n#donut-chart #donut-chart-container .legend {\r\n  position: relative;\r\n  margin-right: -50px;\r\n  top: -50px;\r\n}\r\n// /*== Apex Chart ==*/\r\n\r\n.apexcharts-gridlines-horizontal,\r\n.apexcharts-gridlines-vertical,\r\n.apexcharts-grid,\r\n.apexcharts-gridline,\r\n.apexcharts-xaxis-tick,\r\n.apexcharts-xaxis line,\r\n.apexcharts-gridline line{\r\n  pointer-events: none;\r\n  stroke: $apex-grid-color;\r\n}\r\n.apexcharts-xaxis line{\r\n  display: none;\r\n}\r\n\r\n.apexcharts-radar-series line,\r\n.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, \r\n.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, \r\n.apexcharts-radar-series path, .apexcharts-radar-series polygon{\r\n  pointer-events: none;\r\n  stroke: $apex-grid-color-2;\r\n}\r\n\r\n.apexcharts-legend-text {\r\n  color: $gray-500!important;\r\n  font-family: $font-secondary!important\r\n}\r\n\r\n.apexcharts-pie-label {\r\n  fill: $white!important\r\n}\r\n.apexcharts-datalabels text,\r\n.apexcharts-data-labels,\r\n.apexcharts-xaxis text,\r\n.apexcharts-yaxis text {\r\n  font-family: $font-secondary!important;\r\n  fill: $gray-500;\r\n}\r\n.apexcharts-yaxis-annotation-label{\r\n  color: $gray-500!important;\r\n}\r\n.apexcharts-point-annotations text,\r\n.apexcharts-xaxis-annotations text,\r\n.apexcharts-yaxis-annotations text {\r\n  fill: $white;\r\n}\r\n\r\n.britechart,\r\n.tick text {\r\n  font-family: $font-secondary;\r\n  font-size: .75rem\r\n}\r\n.extended-x-line,\r\n.extended-y-line,\r\n.horizontal-grid-line,\r\n.vertical-grid-line {\r\n  stroke: $gray-300;\r\n}\r\n\r\n.bar-chart .percentage-label,\r\n.donut-text,\r\n.legend-entry-name,\r\n.legend-entry-value,\r\n.tick text {\r\n  fill: $gray-500;\r\n}\r\n\r\n.apex-charts{\r\n  min-height: 10px !important;\r\n}\r\n\r\n.apexcharts-tooltip-title{\r\n  background: $body-bg !important;\r\n  color: $body-color;\r\n  border-color: $gray-100 !important;\r\n}\r\n\r\n.dash-apex-chart{\r\n  .apexcharts-toolbar{\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n.apexcharts-tooltip {\r\n  background: $body-bg !important;\r\n  border-color: $border !important;\r\n  white-space: normal !important;\r\n}\r\n\r\n\r\n.apexcharts-xaxistooltip {\r\n  background-color: $body-bg !important;\r\n  border-color: $body-bg !important;\r\n  color: $body-color !important;\r\n}\r\n\r\n.apexcharts-xaxistooltip-top:before,\r\n.apexcharts-xaxistooltip-top:after {\r\n  border-top-color:  $body-bg !important;\r\n}\r\n\r\n.apexcharts-xaxistooltip-bottom:before,\r\n.apexcharts-xaxistooltip-bottom:after {\r\n  border-bottom-color:  $body-bg !important;\r\n}\r\n.apexcharts-xaxistooltip:before,\r\n.apexcharts-xaxistooltip:after {\r\n  border-color: $body-bg;\r\n}\r\n.apexcharts-title-text,\r\n.apexcharts-datalabel-label{\r\n  color: $gray-700;\r\n}\r\n.apexcharts-datalabel-value{\r\n  color: $gray-100;\r\n}\r\n.apexcharts-legend-marker{\r\n  margin-right: 5px;\r\n  vertical-align: middle;\r\n}\r\n.apexcharts-yaxis,\r\n.apexcharts-xaxis{\r\n  .apexcharts-yaxis-texts-g,\r\n  .apexcharts-xaxis-texts-g{\r\n    .apexcharts-text.apexcharts-yaxis-label,\r\n    .apexcharts-text.apexcharts-xaxis-label {\r\n      font-weight: 500;\r\n    }\r\n  }\r\n}\r\n.apexcharts-datalabels-group{\r\n  .apexcharts-text{\r\n    &.apexcharts-datalabel-value,\r\n    &.apexcharts-datalabel-label{\r\n      fill: $gray-500;\r\n      color: $gray-500;\r\n    }\r\n  }\r\n}\r\n\r\n/*clock*/\r\n\r\n.superpose {\r\n  color: $gray-200;\r\n  height: 350px;\r\n  width: 100%;\r\n  .superclock {\r\n    position: relative;\r\n    width: 300px;\r\n    margin: auto;\r\n    .superclock1 {\r\n      position: absolute;\r\n      left: 10px;\r\n      top: 10px;\r\n    }\r\n    .superclock2 {\r\n      position: absolute;\r\n      left: 60px;\r\n      top: 60px;\r\n    }\r\n    .superclock3 {\r\n      position: absolute;\r\n      left: 110px;\r\n      top: 110px;\r\n    }\r\n  }\r\n}\r\n\r\n.drop-shadow{\r\n  filter: drop-shadow(0px 8px 4px $gray-100);\r\n}\r\n\r\n.tui-chart {\r\n  .tui-chart-chartExportMenu-area{\r\n    z-index: 50;\r\n  }\r\n}","//\r\n// UI Slider\r\n// \r\n\r\n.noUi-target {\r\n  background: $gray-300;\r\n  border-radius: 4px;\r\n  border: 1px solid $border_2;\r\n  box-shadow: inset 0 1px 1px $gray-100, 0 3px 6px -5px $gray-300;\r\n}\r\n\r\n\r\n.noUi-horizontal {\r\n  .noUi-handle {\r\n    width: 16px;\r\n    height: 16px;\r\n    right: -8px;\r\n    top: -6px;\r\n  }\r\n}\r\n.noUi-horizontal {\r\n  height: 7px;\r\n}\r\n\r\n/* Handle stripes;\r\n */\r\n.noUi-handle{\r\n  border: 2px solid $border_2;\r\n  border-radius: 50px;\r\n  background: $primary;\r\n  box-shadow: none;\r\n  &:before,\r\n  &:after {\r\n   height: 4px;\r\n   width: 1px;\r\n   background: $white;\r\n   left: 4px;\r\n   top: 4px;\r\n  }\r\n} \r\n .noUi-handle:after {\r\n   left: 7px;\r\n }\r\n \r\n.noUi-connect {\r\n  background: shade-color($primary, 10%);\r\n}\r\n\r\n\r\n.noUi-vertical {\r\n  width: 7px;\r\n  .noUi-handle {\r\n    width: 16px;\r\n    height: 16px;\r\n    right: -5.5px;\r\n    top: -10px;\r\n    &:before, \r\n    &:after {\r\n      width: 5px;\r\n      height: 1px;\r\n      left: 3px;\r\n      top: 7px;\r\n    }\r\n  }\r\n  .noUi-handle:after {\r\n    width: 5px;\r\n    height: 1px;\r\n    left: 3px;\r\n    top: 4px;\r\n  }  \r\n}\r\n\r\n\r\n.noUi-marker {\r\n  position: absolute;\r\n  background: rgba($gray-500, .2);\r\n}\r\n.noUi-marker-sub {\r\n  background: rgba($gray-500, .3);\r\n}\r\n.noUi-marker-large {\r\n  background: rgba($gray-500, .3);\r\n}\r\n.noUi-marker-horizontal{\r\n  &.noUi-marker-large{\r\n    height: 12px;\r\n  }\r\n}\r\n\r\n.example-val:before {\r\n  content: \"Value: \";\r\n}\r\n\r\n.noUi-tooltip {\r\n  display: none;\r\n}\r\n.noUi-active .noUi-tooltip {\r\n  display: block;\r\n}\r\n\r\n.noUi-tooltip {\r\n  border: 1px solid $border;\r\n  background: tint-color($gray-100, 50%);\r\n  color: $gray-700;\r\n  padding: 2px 4px;\r\n  font-size: 10px;\r\n}","//\r\n// Sweet Alert\r\n// \r\n\r\n\r\n.swal2-popup {\r\n  background: $card-bg;\r\n  .swal2-title{\r\n    font-size: 20px;\r\n    font-weight: 500;\r\n    color: $gray-700;\r\n  }\r\n  .swal2-content{\r\n    color: $gray-600;\r\n    font-size: 15px;\r\n  }\r\n  &.swal2-toast{\r\n    background-color: $card-bg;\r\n    box-shadow: 0 0 0.625em $gray-200;\r\n    .swal2-title{\r\n      line-height: 0;\r\n    }\r\n  }\r\n  .swal2-styled {\r\n    display: inline-block;\r\n      font-weight: 400;\r\n      line-height: 1.5;\r\n      text-align: center;\r\n      text-decoration: none;\r\n      vertical-align: middle;\r\n      cursor: pointer;\r\n      user-select: none;\r\n      background-color: transparent;\r\n      border: none;\r\n      padding: .375rem .75rem;\r\n      font-size: .8125rem;\r\n      border-radius: .25rem;\r\n      &:focus{\r\n        box-shadow: none;\r\n      }\r\n      &.swal2-confirm{\r\n        font-size: $font-size-base;\r\n        background-color: $success;\r\n        &:focus{\r\n          box-shadow: none;\r\n        }\r\n      }\r\n      &.swal2-deny {\r\n        background-color: $primary;\r\n        font-size: $font-size-base;\r\n        &:focus{\r\n          box-shadow: none;\r\n        }\r\n      }\r\n      &.swal2-cancel{\r\n        font-size: $font-size-base;\r\n        background-color: $danger;\r\n        &:focus{\r\n          box-shadow: none;\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\n.swal2-close:focus{\r\n  box-shadow: none;\r\n}\r\n.swal2-footer{\r\n  border-top: 1px solid $border_2;\r\n}\r\n\r\n.swal2-actions {\r\n  .btn-success,\r\n  .btn-danger{\r\n    border: none;\r\n    &:focus{\r\n      box-shadow: none;\r\n    }\r\n  }\r\n}\r\n.swal2-icon{\r\n  width: 3em;\r\n  height: 3em;\r\n  margin: 1em auto 1em;\r\n}\r\n\r\n.swal2-icon.swal2-error [class^=swal2-x-mark-line] {\r\n  top: 22px;\r\n  width: 30px;\r\n}\r\n.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {\r\n  left: 9px;\r\n}\r\n\r\n.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {\r\n  right: 9px;\r\n}\r\n\r\n.swal2-icon .swal2-icon-content {\r\n  font-size: 40px;\r\n}\r\n\r\n.swal2-icon.swal2-success [class^=swal2-success-circular-line] {\r\n  width: 40px;\r\n  height: 70px;\r\n}\r\n.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {\r\n  top: -23px;\r\n  left: -13px;\r\n}\r\n.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {\r\n  top: -12px;\r\n  left: 36px;\r\n}\r\n.swal2-icon.swal2-success .swal2-success-fix {\r\n  top: 0px;\r\n  left: 12px;\r\n  width: 6px;\r\n  height: 60px;\r\n}\r\n.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {\r\n  top: 28px;\r\n  left: 6px;\r\n  width: 18px;\r\n}\r\n.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {\r\n  top: 23px;\r\n  right: 4px;\r\n  width: 30px;\r\n}\r\n\r\n@-webkit-keyframes swal2-animate-success-line-tip {\r\n  0% {\r\n    top: 1.1875em;\r\n    left: 0.0625em;\r\n    width: 0;\r\n  }\r\n  54% {\r\n    top: 24px;\r\n    left: 4px;\r\n    width: 0\r\n  }\r\n  70% {\r\n    top: 27px;\r\n    left: 0px;\r\n    width: 22px\r\n  }\r\n  84% {\r\n    top: 30px;\r\n    left: 8px;\r\n    width: 16px\r\n  }\r\n  100% {\r\n    top: 28px;\r\n    left: 6px;\r\n    width: 18px\r\n  }\r\n}\r\n@keyframes swal2-animate-success-line-tip {\r\n  0% {\r\n    top: 1.1875em;\r\n    left: 0.0625em;\r\n    width: 0;\r\n  }\r\n  54% {\r\n    top: 24px;\r\n    left: 4px;\r\n    width: 0\r\n  }\r\n  70% {\r\n    top: 27px;\r\n    left: 0px;\r\n    width: 22px\r\n  }\r\n  84% {\r\n    top: 30px;\r\n    left: 8px;\r\n    width: 16px\r\n  }\r\n  100% {\r\n    top: 28px;\r\n    left: 6px;\r\n    width: 18px\r\n  }\r\n}\r\n@-webkit-keyframes swal2-animate-success-line-long {\r\n  0% {\r\n    top: 26px;\r\n    right: 10px;\r\n    width: 0;\r\n  }\r\n  65% {\r\n    top: 26px;\r\n    right: 10px;\r\n    width: 0;\r\n  }\r\n  84% {\r\n    top: 22px;\r\n    right: 0;\r\n    width: 34px;\r\n  }\r\n  100% {\r\n    top: 23px;\r\n    right: 4px;\r\n    width: 30px;\r\n  }\r\n}\r\n@keyframes swal2-animate-success-line-long {\r\n  0% {\r\n    top: 3.375em;\r\n    right: 2.875em;\r\n    width: 0;\r\n  }\r\n  65% {\r\n    top: 40px;\r\n    right: 30px;\r\n    width: 0;\r\n  }\r\n  84% {\r\n    top: 22px;\r\n    right: 0;\r\n    width: 34px;\r\n  }\r\n  100% {\r\n    top: 23px;\r\n    right: 4px;\r\n    width: 30px;\r\n  }\r\n}","@mixin keyframes($name) {\n  @-webkit-keyframes #{$name} {\n    @content; \n  }\n  @-moz-keyframes #{$name} {\n    @content;\n  }\n  @keyframes #{$name} {\n    @content;\n  } \n}\n\n\n@mixin prefix($map, $vendors: webkit moz ms o) {\n  @each $prop, $value in $map {\n    @if $vendors {\n      @each $vendor in $vendors {\n        #{\"-\" + $vendor + \"-\" + $prop}: #{$value};\n      }\n    }\n    // Dump regular property anyway\n    #{$prop}: #{$value};\n  }\n}\n\n\n@include keyframes(passing-through) {\n  \n  0% {\n    opacity: 0;\n    @include prefix((transform: translateY(40px)));\n  }\n\n  30%, 70% {\n    opacity: 1;\n    @include prefix((transform: translateY(0px)));\n  }\n\n  100% {\n    opacity: 0;\n    @include prefix((transform: translateY(-40px)));\n  }\n}\n\n\n@include keyframes(slide-in) {\n  \n  0% {\n    opacity: 0;\n    @include prefix((transform: translateY(40px)));\n  }\n\n  30% {\n    opacity: 1;\n    @include prefix((transform: translateY(0px)));\n  }\n}\n\n\n\n@include keyframes(pulse) {\n  \n  0% { @include prefix((transform: scale(1))); }\n  10% { @include prefix((transform: scale(1.1))); }\n  20% { @include prefix((transform: scale(1))); }\n\n}\n\n\n\n.dropzone, .dropzone * {\n  box-sizing: border-box;\n}\n.dropzone {\n\n  $image-size: 120px;\n\n  $image-border-radius: 20px;\n\n  &.dz-clickable {\n    cursor: pointer;\n\n    * {\n      cursor: default;\n    }\n    .dz-message {\n      &, * {\n        cursor: pointer;\n      }\n    }\n  }\n\n  min-height: 150px;\n  border: 2px solid rgba(0, 0, 0, 0.3);\n  background: white;\n  padding: 20px 20px;\n\n  &.dz-started {\n    .dz-message {\n      display: none;\n    }\n  }\n\n  &.dz-drag-hover {\n    border-style: solid;\n    .dz-message {\n      opacity: 0.5;\n    }\n  }\n  .dz-message {\n    text-align: center;\n    margin: 2em 0;\n\n    .dz-button {\n      background: none;\n      color: inherit;\n      border: none;\n      padding: 0;\n      font: inherit;\n      cursor: pointer;\n      outline: inherit;\n    }\n  }\n\n\n\n  .dz-preview {\n    position: relative;\n    display: inline-block;\n\n    vertical-align: top;\n\n    margin: 16px;\n    min-height: 100px;\n\n    &:hover {\n      // Making sure that always the hovered preview element is on top\n      z-index: 1000;\n      .dz-details {\n        opacity: 1;\n      }\n    }\n\n    &.dz-file-preview {\n\n      .dz-image {\n        border-radius: $image-border-radius;\n        background: #999;\n        background: linear-gradient(to bottom, #eee, #ddd);\n      }\n\n      .dz-details {\n        opacity: 1;\n      }\n    }\n\n    &.dz-image-preview {\n      background: white;\n      .dz-details {\n        @include prefix((transition: opacity 0.2s linear));\n      }\n    }\n\n    .dz-remove {\n      font-size: 14px;\n      text-align: center;\n      display: block;\n      cursor: pointer;\n      border: none;\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n\n    &:hover .dz-details {\n      opacity: 1;\n    }\n    .dz-details {\n      $background-color: #444;\n\n      z-index: 20;\n\n      position: absolute;\n      top: 0;\n      left: 0;\n\n      opacity: 0;\n\n      font-size: 13px;\n      min-width: 100%;\n      max-width: 100%;\n      padding: 2em 1em;\n      text-align: center;\n      color: rgba(0, 0, 0, 0.9);\n\n      $width: 120px;\n\n      line-height: 150%;\n\n      .dz-size {\n        margin-bottom: 1em;\n        font-size: 16px;\n      }\n\n      .dz-filename {\n\n        white-space: nowrap;\n\n        &:hover {\n          span {\n            border: 1px solid rgba(200, 200, 200, 0.8);\n            background-color: rgba(255, 255, 255, 0.8);\n          }\n        }\n        &:not(:hover) {\n          span {\n            border: 1px solid transparent;\n          }\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n      }\n\n      .dz-filename, .dz-size {\n        span {\n          background-color: rgba(255, 255, 255, 0.4);\n          padding: 0 0.4em;\n          border-radius: 3px;\n        }\n      }\n\n    }\n\n    &:hover {\n      .dz-image {\n        // opacity: 0.8;\n        img {\n          @include prefix((transform: scale(1.05, 1.05))); // Getting rid of that white bleed-in\n          @include prefix((filter: blur(8px)), webkit); // Getting rid of that white bleed-in\n        }\n      }\n    }\n    .dz-image {\n      border-radius: $image-border-radius;\n      overflow: hidden;\n      width: $image-size;\n      height: $image-size;\n      position: relative;\n      display: block;\n      z-index: 10;\n\n      img {\n        display: block;\n      }\n    }\n\n\n    &.dz-success {\n      .dz-success-mark {\n        @include prefix((animation: passing-through 3s cubic-bezier(0.770, 0.000, 0.175, 1.000)));\n      }\n    }\n    &.dz-error {\n      .dz-error-mark {\n        opacity: 1;\n        @include prefix((animation: slide-in 3s cubic-bezier(0.770, 0.000, 0.175, 1.000)));\n      }\n    }\n\n\n    .dz-success-mark, .dz-error-mark {\n\n      $image-height: 54px;\n      $image-width: 54px;\n\n      pointer-events: none;\n\n      opacity: 0;\n      z-index: 500;\n\n      position: absolute;\n      display: block;\n      top: 50%;\n      left: 50%;\n      margin-left: -($image-width * .5);\n      margin-top: -($image-height * .5);\n\n      svg {\n        display: block;\n        width: $image-width;\n        height: $image-height;\n      }\n    }\n    \n      \n    &.dz-processing .dz-progress {\n      opacity: 1;\n      @include prefix((transition: all 0.2s linear));\n    }\n    &.dz-complete .dz-progress {\n      opacity: 0;\n      @include prefix((transition: opacity 0.4s ease-in));\n    }\n\n    &:not(.dz-processing) {\n      .dz-progress {\n        @include prefix((animation: pulse 6s ease infinite));\n      }\n    }\n    .dz-progress {\n\n      opacity: 1;\n      z-index: 1000;\n\n      pointer-events: none;\n      position: absolute;\n      height: 16px;\n      left: 50%;\n      top: 50%;\n      margin-top: -8px;\n\n      width: 80px;\n      margin-left: -40px;\n\n      // border: 2px solid #333;\n      background: rgba(255, 255, 255, 0.9);\n\n      // Fix for chrome bug: https://code.google.com/p/chromium/issues/detail?id=157218\n      -webkit-transform: scale(1);\n\n\n      border-radius: 8px;\n\n      overflow: hidden;\n\n      .dz-upload {\n        background: #333;\n        background: linear-gradient(to bottom, #666, #444);\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        width: 0;\n        @include prefix((transition: width 300ms ease-in-out));\n      }\n\n    }\n\n    &.dz-error {\n      .dz-error-message {\n        display: block;\n      }\n      &:hover .dz-error-message {\n        opacity: 1;\n        pointer-events: auto;\n      }\n    }\n\n    .dz-error-message {\n      $width: $image-size + 20px;\n      $color: rgb(190, 38, 38);\n\n      pointer-events: none;\n      z-index: 1000;\n      position: absolute;\n      display: block;\n      display: none;\n      opacity: 0;\n      @include prefix((transition: opacity 0.3s ease));\n      border-radius: 8px;\n      font-size: 13px;\n      top: $image-size + 10px;\n      left: -10px;\n      width: $width;\n      background: $color;\n      background: linear-gradient(to bottom, $color, darken($color, 5%));\n      padding: 0.5em 1.2em;\n      color: white;\n\n      // The triangle pointing up\n      &:after {\n        content: '';\n        position: absolute;\n        top: -6px;\n        left: $width * .5 - 6px;\n        width: 0; \n        height: 0; \n        border-left: 6px solid transparent;\n        border-right: 6px solid transparent;\n        border-bottom: 6px solid $color;\n      }\n    }\n\n  }\n}\n\n\n","//\r\n// Maps\r\n// \r\n\r\n.gmaps {\r\n  height: 300px;\r\n  background: $light;\r\n  border-radius: 3px;\r\n}\r\n\r\n.overlay {\r\n  display: block;\r\n  text-align: center;\r\n  color: $white;\r\n  font-size: 14px;\r\n  line-height: 20px;\r\n  background: $primary;\r\n  border-radius: 4px;\r\n  padding: 5px 15px;\r\n}\r\n\r\n.overlay_arrow {\r\n  left: 50%;\r\n  margin-left: -16px;\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n}\r\n\r\n.overlay_arrow.above {\r\n  bottom: -9px;\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  border-top: 10px solid $primary;\r\n}\r\n\r\n.overlay_arrow.below {\r\n  top: -9px;\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  border-bottom: 10px solid $primary;\r\n}\r\n\r\n\r\n\r\n.svgMap-map-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  padding-top: 50%;\r\n  overflow: hidden;\r\n  background: $light;\r\n}","//\r\n// Calendar\r\n// \r\n\r\n.fc-event {\r\n  border-radius: 2px;\r\n  border: none;\r\n  cursor: move;\r\n  font-size: 13px;\r\n  margin: 5px;\r\n  padding: 7px 5px;\r\n  text-align: center;\r\n  background-color: rgba($primary, 0.18);\r\n  color: $primary;\r\n}\r\n\r\n.fc {\r\n  .fc-header-toolbar{\r\n    &.fc-toolbar {\r\n      .fc-toolbar-chunk{\r\n        h2{\r\n          font-size: 16px;\r\n          text-transform: uppercase;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .fc-toolbar{\r\n    &.fc-header-toolbar{\r\n      margin-bottom: $card-spacer-y;\r\n    }\r\n  }\r\n\r\n  .fc-col-header-cell-cushion{\r\n    padding: 10px 0;\r\n  }\r\n  .fc-button{\r\n    font-size: $font-size-base;\r\n  }\r\n  .fc-button-primary{\r\n    background: transparent;\r\n    border: 1px solid $border;\r\n    color: $gray-600;\r\n    text-transform: capitalize;\r\n    text-shadow: none;\r\n    box-shadow: none;\r\n    &:hover{\r\n      background: $primary;\r\n      color: $white;\r\n      border-color: $card-bg;\r\n    }\r\n    &.active,\r\n    &:focus,\r\n    &:active{\r\n      text-shadow: none;\r\n      box-shadow: none;\r\n    }\r\n    &:disabled {\r\n      background: rgba($primary, 0.1);\r\n      color: $primary;\r\n      border-color: $card-bg;\r\n      opacity: 1;\r\n    }\r\n    &:not(:disabled):active, \r\n    &:not(:disabled).fc-button-active{\r\n      background: $primary;\r\n      color: $white;\r\n      border-color: $card-bg;\r\n      &:focus{\r\n        box-shadow: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.fc-license-message{\r\n  display: none;\r\n}\r\n\r\n.fc-theme-standard {\r\n  .fc-scrollgrid,\r\n  td, \r\n  th{\r\n    border: 1px solid $border;\r\n  }\r\n}\r\n\r\n.fc-day-other{\r\n  background-image: linear-gradient(-45deg, $card-bg 25%, transparent 25%, transparent 50%, $card-bg 50%, $gray-200 75%, transparent 75%, transparent);\r\n  background-size: 10px 10px;\r\n}\r\n\r\n\r\n.fc-h-event {\r\n  .fc-event-main{\r\n    color: $gray-500;\r\n  }\r\n}\r\n\r\n\r\n\r\n// Lightpick\r\n\r\n.litepicker{\r\n  box-shadow: none;\r\n  font-family: $font-secondary;\r\n  background-color: $card-bg;\r\n  border: 1px solid $border;\r\n  z-index: 99;\r\n  width: 100%;\r\n  font-size: $font-size-base;\r\n  .container__main{\r\n    width: 100%;\r\n    .month-item{\r\n      width: 100%;\r\n    }\r\n  }\r\n  .container__months{\r\n    width: 100%;\r\n    box-shadow: none;\r\n    background-color: $card-bg;\r\n    .month-item-weekdays-row {\r\n      > div{\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        color: $body-color;\r\n      }\r\n    }\r\n    .month-item-header {\r\n      div{\r\n        > .month-item-name,\r\n        > .month-item-year{\r\n          color: $body-color;\r\n        }\r\n      }\r\n    }\r\n  }\r\n .container__days {\r\n  > div,\r\n  > a{\r\n    width: calc(100% / 7);\r\n    padding: 12px 0;\r\n    }\r\n    .day-item{\r\n      font-size: 12px;\r\n      color: $gray-700;\r\n      transition: none;\r\n      &.is-today{\r\n        background-color: rgba($primary, 0.08);\r\n        color: $primary;\r\n      }\r\n      &:hover{\r\n        box-shadow: none;\r\n        background-color: rgba($primary, 0.08);\r\n        color: $primary;\r\n      }\r\n    }\r\n  }\r\n} ",".gu-mirror {\r\n    position: fixed !important;\r\n    margin: 0 !important;\r\n    z-index: 9999 !important;\r\n    opacity: 0.8;\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)\";\r\n    filter: alpha(opacity=80);\r\n  }\r\n  .gu-hide {\r\n    display: none !important;\r\n  }\r\n  .gu-unselectable {\r\n    -webkit-user-select: none !important;\r\n    -moz-user-select: none !important;\r\n    -ms-user-select: none !important;\r\n    user-select: none !important;\r\n  }\r\n  .gu-transit {\r\n    opacity: 0.2;\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)\";\r\n    filter: alpha(opacity=20);\r\n  }\r\n  ","//\r\n// General\r\n\r\n\r\n.scroll-rightbar{\r\n  max-height: 500px;\r\n}\r\n.icon-dual {\r\n  color: $icon-dual-color;\r\n  fill: rgba($icon-dual-color,.12);\r\n}\r\n.icon-sm {\r\n  height: 22px;\r\n  width: 22px;\r\n}\r\n.icon-md {\r\n  height: 26px;\r\n  width: 26px;\r\n}\r\n.icon-lg {\r\n  height: 32px;\r\n  width: 32px;\r\n}\r\nhr{\r\n  &.hr-dashed {\r\n    margin-top: 1rem;\r\n    margin-bottom: 1rem;\r\n    border: 0;\r\n    border-top: 1px dashed $border_2;\r\n    box-sizing: content-box;\r\n    height: 0;\r\n    background-color: transparent;\r\n    overflow: visible;\r\n  }\r\n}\r\n\r\n// Thumb sizes+\r\n.thumb-xxs {\r\n  height: 24px !important;\r\n  width: 24px !important;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n}\r\n.thumb-xs {\r\n  height: 32px !important;\r\n  width: 32px !important;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n}\r\n.thumb-sm {\r\n  height: 36px !important;\r\n  width: 36px !important;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n}\r\n.thumb-md {\r\n  height: 48px;\r\n  width: 48px;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n}\r\n.thumb-lg {\r\n  height: 60px;\r\n  width: 60px;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n}\r\n.thumb-xl {\r\n  height: 78px;\r\n  width: 78px;\r\n  font-size: 32px;\r\n  font-weight: 700;\r\n}\r\n\r\n.badge{\r\n  line-height: 10px;\r\n}\r\n\r\n/* Page titles */\r\n\r\n.title-text, \r\n.header-title {\r\n  margin-bottom: 8px;\r\n  text-transform: capitalize;\r\n  letter-spacing: 0.02em;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  margin-top: 0;\r\n  color: $header-title;\r\n  text-shadow: 0 0 1px rgba($gray-200, 0.1);\r\n  font-family: $font-secondary;\r\n}\r\n.page-title-box {\r\n  padding: 16px 0;\r\n  .page-title {\r\n    font-size: 18px;\r\n    margin: 0;\r\n    color: $gray-700;\r\n  }  \r\n\r\n  .breadcrumb {\r\n    font-size: 13px;\r\n    margin-bottom: 0;\r\n    padding: 2px 0;\r\n    background-color: transparent;\r\n  }\r\n}\r\n\r\n.dual-border:after {\r\n  content: '';\r\n  height: 3px;\r\n  width: 80px;\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 0;\r\n  border: 1px dotted $primary;\r\n  border-radius: 63px;\r\n}\r\n.dash-info-carousel{\r\n  .carousel-item{\r\n    h2{\r\n      font-weight: 500;\r\n      color: $gray-700;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n  .carousel-control-prev,\r\n  .carousel-control-next{\r\n        width: 30px;\r\n        height: 30px;\r\n        background-color: $gray-100;\r\n        border-radius:50%;\r\n        opacity: 1;\r\n        &:hover {\r\n          opacity: .9;\r\n        }\r\n  }\r\n  .carousel-control-prev {\r\n    left: auto;\r\n    right: 38px;\r\n    top:0;\r\n    border: 1px solid $border;\r\n    .carousel-control-prev-icon {\r\n      background-image: none;\r\n    }\r\n    &:after {        \r\n        content: '\\f104';\r\n        font-family: 'Line Awesome Free';\r\n        font-weight: 900;\r\n        font-size: .875rem;\r\n        color: $gray-700;\r\n        line-height: 1.875rem;\r\n        position: absolute;\r\n    }\r\n  }\r\n  .carousel-control-next {\r\n    left: auto;\r\n    right: 0;\r\n    top:0;\r\n    border: 1px solid $border;\r\n    .carousel-control-next-icon {\r\n      background-image: none;\r\n      width: 0;\r\n    }\r\n    &:after {        \r\n        content: '\\f105';\r\n        font-family: 'Line Awesome Free';\r\n        font-weight: 900;\r\n        font-size: .875rem;\r\n        color: $gray-700;\r\n        line-height: 1.875rem;\r\n    }\r\n  }\r\n}\r\n// Prism \r\n:not(pre) > code[class*=\"language-\"], pre[class*=\"language-\"] {\r\n  background: $light;\r\n}\r\n\r\n// Popover\r\n.popover{\r\n  border-color: $gray-300;\r\n  .popover-header{\r\n    margin-top: 0;\r\n    background-color: $gray-200;\r\n  }\r\n}\r\n\r\n\r\n.eco-revene-history{\r\n  .nav{\r\n    .nav-item{\r\n      .nav-link.active{\r\n        color: $dark;\r\n        background-color: $light;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.icon-demo-content {\r\n  text-align: center;\r\n\r\n  i{\r\n    display: block;\r\n    font-size: 30px;\r\n    margin: 0 auto 5px;\r\n    color: $gray-600;\r\n  }\r\n\r\n  svg{\r\n    display: block;\r\n    font-size: 30px;\r\n    margin: 0 auto 5px;\r\n    color: $gray-600;\r\n  }\r\n\r\n\r\n  .col-sm-6 {\r\n    margin-bottom: 40px;\r\n\r\n    &:hover {\r\n      i {\r\n        color: $primary;\r\n      }\r\n    }\r\n    &:hover{\r\n      path:nth-of-type(1) {\r\n        fill:$primary;\r\n      }\r\n      path:nth-of-type(2) {\r\n        fill:$text-muted;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n.icon-xs{\r\n  width: 15px;\r\n  height: 15px;\r\n}\r\n.icon-sm{\r\n  width: 22px;\r\n  height: 22px;\r\n}\r\n.icon-md{\r\n  width: 30px;\r\n  height: 30px;\r\n}\r\n.icon-lg{\r\n  width: 36px;\r\n  height: 36px;\r\n}\r\n\r\n.icon-xl{\r\n  width: 42px;\r\n  height: 42px;\r\n}\r\n\r\n\r\n.br-theme-bars-square .br-widget a{\r\n  background-color: $card-bg;\r\n}\r\n.br-theme-fontawesome-stars-o .br-widget a:after,\r\n.br-theme-css-stars .br-widget a:after,\r\n.br-theme-fontawesome-stars .br-widget a:after{\r\n  color: $gray-300;\r\n}\r\n\r\n\r\ncode[class*=\"language-\"], pre[class*=\"language-\"]{\r\n  text-shadow: none;\r\n  color: $gray-700;\r\n}\r\n\r\n.token.operator, \r\n.token.entity, \r\n.token.url, \r\n.language-css \r\n.token.string, \r\n.style .token.string{\r\n  color: $white;\r\n  background: $primary;\r\n}\r\n\r\n.icon-demo-content.emoji-icons i {\r\n  display: block;\r\n  font-size: 18px;\r\n  margin: 0 auto 8px;\r\n}\r\n\r\n\r\n\r\n\r\n.lightpick{\r\n  box-shadow: none;\r\n  font-family: $font-secondary;\r\n  background-color: $card-bg;\r\n  border: 1px solid $border;\r\n  z-index: 99;\r\n  &.lightpick--inlined{\r\n    display: block;\r\n  }\r\n  .lightpick__month{\r\n    width: 100%;\r\n    background-color: $card-bg;\r\n  }\r\n  .lightpick__day{\r\n    color: $gray-500;\r\n  }\r\n  .lightpick__previous-action, \r\n  .lightpick__next-action, \r\n  .lightpick__close-action{\r\n    background-color: $gray-200;\r\n    padding-bottom: 4px;\r\n  }\r\n  .lightpick__month-title-bar{\r\n    margin-bottom: 22px;\r\n    .lightpick__month-title > .lightpick__select-months{\r\n      color: $gray-700;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n  \r\n  .lightpick__day-of-the-week{\r\n      color: $gray-700;\r\n      font-weight: 500;\r\n      font-size: 13px;\r\n  }\r\n  .lightpick__day.is-start-date, \r\n  .lightpick__day.is-end-date, \r\n  .lightpick__day.is-start-date:hover, \r\n  .lightpick__day.is-end-date:hover,\r\n  .lightpick__day:not(.is-disabled):hover,\r\n  .lightpick__day.is-today{\r\n    color: $primary;\r\n    background-color: $gray-200;\r\n    background-image: none;\r\n    font-weight: 500;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 40px;\r\n    height: 40px;\r\n    text-align: center;\r\n    border-radius: 50%;\r\n    margin: 0 auto;\r\n  }\r\n  .lightpick__day.is-today{\r\n    border: 3px solid tint-color($gray-100, 2%);\r\n    box-shadow: 0px 0px 0px 1.25px $gray-200;\r\n    font-weight: 600;\r\n  }\r\n  .lightpick__month-title > .lightpick__select{\r\n    color: $gray-700;\r\n  }\r\n  .lightpick__toolbar{\r\n    .lightpick__previous-action,\r\n    .lightpick__next-action{\r\n      color: $gray-700;\r\n    }\r\n  }\r\n} \r\n\r\n//  Task Box\r\n\r\n.task-box{\r\n  .task-priority-icon{\r\n    i{\r\n      border: 5px solid $light;\r\n      border-radius: 50%;\r\n      position: absolute;\r\n      top: -5px;\r\n      left: -5px;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.lang-css{\r\n  .pun,\r\n  .pln{\r\n    color: $dark;\r\n  }\r\n}\r\n\r\n.starability-basic,\r\n.starability-slot,\r\n.starability-grow,\r\n.starability-growRotate,\r\n.starability-fade,\r\n.starability-checkmark{\r\n  min-height: auto;\r\n}\r\n\r\n.tox-notifications-container{\r\n  display: none;\r\n}\r\n\r\n.preview-box {\r\n  display: flex;\r\n  justify-content: center;\r\n  width: 100%;\r\n  height: auto;\r\n  .preview-content {\r\n    width: auto;\r\n    height: 50px;\r\n    max-width: 100%;\r\n    border-radius: 5px;\r\n  }\r\n}\r\n\r\n\r\n\r\ndiv{\r\n  &.hopscotch-bubble{\r\n    background-color: $body-bg;\r\n    color: $body-color;\r\n    border: 1px solid $border;\r\n    h3{\r\n      color: $body-color;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.folder-icon div.listree-submenu-heading.collapsed:before {\r\n  content: \"\\f07b\";\r\n  font-family: 'Font Awesome 5 Free';\r\n}\r\n\r\n.folder-icon div.listree-submenu-heading.expanded:before {\r\n  content: \"\\f07c\";\r\n  font-family: 'Font Awesome 5 Free';\r\n}\r\n\r\n.tobii-zoom__icon{\r\n  display: none;\r\n}\r\n.tobii-zoom{\r\n  display: block !important;\r\n}\r\n\r\n\r\n// Analytics\r\n\r\n.analytic-dash-activity{\r\n  height: 345px;\r\n}\r\n\r\n//  Helpdesk\r\n\r\n.border-b{\r\n  border-bottom: 1px solid $border;\r\n}\r\n.border-e{\r\n  border-right: 1px solid $border;\r\n  border-bottom: none;\r\n}\r\n@media (min-width: 767.99px) and (max-width: 991.98px){\r\n  .border-bo{\r\n    border-bottom: 1px solid $border;\r\n  }\r\n}\r\n@media (max-width: 767.98px){\r\n  .border-b{\r\n    border-bottom: 1px solid $border;\r\n    border-right:none;\r\n  }\r\n}\r\n.tabulator-row .tabulator-cell div[data-max=\"100\"]{\r\n  background-color: rgba($primary, 0.5) !important;\r\n  height: 3px !important;\r\n}\r\n\r\n\r\n// Hospital\r\n\r\n.timeline-custom {\r\n  position: relative;\r\n  border-left: 1px dashed $border;\r\n  .time-item {\r\n    position: relative;\r\n    padding: 8px 0;\r\n  }\r\n}\r\n\r\n.time-item:before,\r\n.time-item-item:before {\r\n  display: table;\r\n  content: \" \";\r\n}\r\n\r\n.time-item:before {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 4px;\r\n  top: 12px;\r\n  width: 8px;\r\n  height: 8px;\r\n  margin-left: -8px;\r\n  background-color: $primary;\r\n  border-radius: 10px;\r\n  content: '';\r\n}\r\n\r\n.item-info {\r\n  margin-left: 15px;\r\n}\r\n\r\n.country-reports {\r\n  position: absolute;  \r\n  .country-data{\r\n    position: relative;\r\n    z-index: 10;\r\n    &:before {\r\n      position: absolute;\r\n      content: '';\r\n      width: 14px;\r\n      height: 14px;\r\n      background: $card-bg;\r\n      left: 50%;\r\n      bottom: -6px;\r\n      transform: translateX(-50%) rotate(45deg);\r\n      z-index: -1;\r\n      border: 1px solid $border;\r\n    }    \r\n  }\r\n  &.country-ind{\r\n    top: 43%;\r\n    right: 24%;\r\n  }  \r\n  &.country-usa{\r\n    top: 29%;\r\n    left: 18%;\r\n  }  \r\n}\r\n\r\n.text-slider {\r\n    margin: 0 auto;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transform: translate3d(0, 0, 0);\r\n   >ul {\r\n      white-space: nowrap;\r\n    }\r\n  .move-text {\r\n    animation: moveSlideshow 12s linear infinite;\r\n  }\r\n  @-webkit-keyframes moveSlideshow {\r\n    100% {\r\n        -webkit-transform: translateX(-45%);\r\n        transform: translateX(-45%);\r\n    }\r\n  }\r\n  @keyframes moveSlideshow {\r\n      100% {\r\n          -webkit-transform: translateX(-45%);\r\n          transform: translateX(-45%);\r\n      }\r\n  }\r\n  .mover {\r\n      -webkit-animation: mover 1s infinite alternate;\r\n      animation: mover 1s infinite alternate;\r\n  }\r\n  @-webkit-keyframes mover {\r\n      0% {\r\n          -webkit-transform: translateY(0);\r\n          transform: translateY(0);\r\n      }\r\n      100% {\r\n          -webkit-transform: translateY(5px);\r\n          transform: translateY(5px);\r\n      }\r\n  }\r\n  @keyframes mover {\r\n      0% {\r\n          -webkit-transform: translateY(0);\r\n          transform: translateY(0);\r\n      }\r\n      100% {\r\n          -webkit-transform: translateY(5px);\r\n          transform: translateY(5px);\r\n      }\r\n  }\r\n}\r\n.socials {\r\n  a {\r\n    i {\r\n      width: 28px;\r\n      height: 28px;\r\n      line-height: 28px;\r\n      text-align: center;\r\n      border-radius: 50%;\r\n      border: 1px solid $gray-300;\r\n      color: $gray-600;\r\n      transition: all .3s ease-out;\r\n    }\r\n    &:hover i{\r\n      &.fa-facebook-f{\r\n        color: $blue;\r\n        border: 1px solid;\r\n      }\r\n      &.fa-twitter{\r\n        color: $info;\r\n        border: 1px solid;\r\n      }\r\n      &.fa-medium-m{\r\n        color: $danger;\r\n        border: 1px solid;\r\n      }\r\n      &.fa-telegram{\r\n        color: $success;\r\n        border: 1px solid;\r\n      }\r\n      &.fa-btc{\r\n        color: $warning;\r\n        border: 1px solid;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Ecommerce\r\n\r\n.cart-promo {\r\n  padding: 90px;\r\n  background-image: url(../../assets/images/products/bg-cart.png);\r\n  background-position: center center;\r\n  background-size: cover;\r\n}\r\n.total-payment {\r\n  border: 1px solid $border;\r\n  background-color: $light;\r\n  border-radius: 3px;\r\n}\r\n\r\n.shopping-cart,\r\n.total-payment {\r\n  .table {\r\n    tbody {\r\n      td{\r\n        padding: 20px 10px;\r\n        border-top: 0;\r\n        border-bottom: 1px solid $border;\r\n      }\r\n    }\r\n  }\r\n} \r\n\r\n.checkout-accordion{\r\n  .accordion-button::after{\r\n    display: none;\r\n  }\r\n}\r\n\r\nul.listree-submenu-items{\r\n  border-left: 1px dashed $border_2;\r\n}\r\n\r\n\r\n// RTL\r\n\r\nhtml[dir=\"rtl\"]{\r\n  .simplebar-offset{\r\n    right: 0 !important;\r\n  }\r\n  .left-sidebar {\r\n    .navbar-vertical {\r\n      .navbar-nav {\r\n        .nav-link[data-bs-toggle=collapse]:after{\r\n          transform: rotate(180deg);\r\n        }\r\n        .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after{\r\n          transform: rotate(270deg);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n//Tobii Lighbox\r\n.tobii__btn svg {\r\n    height: 30px;\r\n    width: auto;\r\n}\r\n.tobii__counter {\r\n    font-size: 16px;\r\n}\r\n.tobii-zoom {\r\n    display: block !important;\r\n}\r\n.tobii-zoom__icon {\r\n    display: none;\r\n}\r\n#grid {\r\n    padding: 0 !important;\r\n}\r\n\r\n\r\n.splide__slide img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.splide__slide {\r\n  opacity: 0.8;\r\n}\r\n\r\n.splide__slide.is-active {\r\n  opacity: 1;\r\n}\r\n.splide__list{\r\n  justify-content: center;\r\n}\r\n.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, \r\n.splide--nav>.splide__track>.splide__list>.splide__slide{\r\n  border: 2px dashed $border;\r\n  padding: 14px;\r\n  border-radius: 4px;\r\n}\r\n.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active, \r\n.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{\r\n  border: 2px dashed $primary;\r\n  border-radius: 4px;\r\n  padding: 14px;\r\n}","//\r\n// Background-color\r\n// \r\n.bg-black{\r\n  background-color: $black !important;\r\n  color: $white;\r\n}\r\n.bg-card{\r\n  background-color: $card-bg !important;\r\n}\r\n\r\n.bg-transparent{\r\n  background-color: transparent !important;\r\n}\r\n\r\n.bg-light-alt{\r\n  background-color:  $light-alt !important;\r\n}\r\n// bg-soft\r\n@each $color, $value in $theme-colors {\r\n  .bg-soft-#{$color} {\r\n    background-color: rgba($value, 0.08) !important;\r\n    color: $value !important;\r\n    &:hover{\r\n    background-color: $value !important;\r\n    color: $white !important;\r\n    }\r\n    &.not-hover:hover{\r\n      background-color: rgba($value, 0.08) !important;\r\n      color: $value !important;\r\n    }\r\n  }\r\n  \r\n  .icon-dual-#{$color}{\r\n    color: $value;\r\n    fill: rgba($value,.25);\r\n  }\r\n\r\n  .shadow-#{$color}{\r\n    box-shadow: 0 6px 20px 0 rgba($value, .5) !important\r\n  }\r\n}\r\n\r\n\r\n// Icon\r\n\r\n.icon-dual-2 {\r\n  color: $gray-600;\r\n  fill: rgba($gray-600,.25);\r\n}\r\n\r\n","// \r\n// _avatar.scss\r\n// \r\n.avatar-box{\r\n  position: relative;\r\n  display: inline-block;\r\n  .avatar-title {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 100%;\r\n    color: $gray-100;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n}\r\n.avatar-md{\r\n    height: 36px;\r\n    width: 36px;\r\n    line-height: 36px;\r\n    text-align: center;\r\n    border-radius: 50%;\r\n    font-size: 18px;\r\n    display: inline-block;\r\n}\r\n.img-group{\r\n    .avatar-badge{\r\n      position: absolute;\r\n      right: 1px;\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 8px;\r\n      box-shadow: 0 0 0 2px $card-bg;\r\n      z-index: 2;\r\n    }\r\n    \r\n    .user-avatar {\r\n      position: relative;\r\n      display: inline-block;\r\n      &:focus,\r\n      &:hover{\r\n        z-index: 2;\r\n      }\r\n      .online {\r\n        background: $success;\r\n      }\r\n      .offline{\r\n        background: $gray-400;\r\n      }\r\n      img{\r\n        box-shadow: 0 0 0 2px $gray-100;\r\n      }\r\n    }\r\n  }\r\n  ","//\r\n// Files\r\n//\r\n\r\n.files-nav{\r\n  .nav{\r\n    .nav-link{\r\n      padding: 10px;\r\n      color: $gray-700;\r\n      margin-bottom: 10px;\r\n      font-weight: 500;\r\n      display: flex;\r\n      .icon-dual-file{\r\n        color: $gray-500;\r\n        fill: rgba($gray-500, 0.12);\r\n      }\r\n      h5{\r\n        color: $gray-700;\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n      } \r\n      small{\r\n        color: $gray-500;\r\n        font-size: 10px;\r\n      }\r\n      &.active{\r\n        background-color:rgba($gray-500, 0.08);\r\n        color: $gray-700; \r\n        .icon-dual-file{\r\n          color: $primary;\r\n          fill: rgba($primary, 0.12);\r\n        }             \r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.file-box-content{\r\n  margin-bottom: -16px;\r\n  .file-box{\r\n    border: 1px solid $border;\r\n    border-radius: 5px;\r\n    padding: 20px;\r\n    width: 160px;\r\n    display: inline-block;\r\n    margin-right: 5px;\r\n    margin-bottom: 16px;\r\n    background-color: $card-bg;\r\n    .download-icon-link{\r\n      color: $text-muted;\r\n      .file-download-icon{\r\n        font-size: 13px;\r\n        position: relative;\r\n        top: -10px;\r\n        left: 110px;\r\n      }\r\n      &:hover{\r\n        color: $primary;\r\n      }\r\n    }\r\n    \r\n    i{\r\n      font-size: 36px;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.file-category{\r\n  width: 100%;\r\n  .file-category-block{\r\n    text-align: center;\r\n    margin-right: 20px;\r\n    .file-category-folder{\r\n      border-bottom:2px solid transparent;\r\n      padding: 10px 20px !important;\r\n      border-radius: 18px;\r\n      &.active{\r\n        border-bottom:2px solid;\r\n      }\r\n      i{\r\n        display: block;\r\n        font-size: 38px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.category-icon{\r\n  i{\r\n    font-size: 200px;\r\n    color: $gray-100;\r\n  }\r\n}\r\n\r\ninput.add-file-input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  right: 0;\r\n  top: 0;\r\n}","// \r\n// _ribbons.scss\r\n// \r\n\r\n\r\n.ribbon1 {\r\n  position: absolute;\r\n  top: -6.1px;\r\n  right: 10px;  \r\n  &:after {\r\n    position: absolute;\r\n    content: \"\";\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 30px solid transparent;\r\n    border-right: 30px solid transparent;\r\n    border-top: 10px solid;\r\n  }\r\n  \r\n  span {\r\n    display: block;\r\n    padding: 6px 4px 0px;\r\n    border-top-right-radius: 6px;\r\n    width: 60px;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    &:before,\r\n    &:after{\r\n      position: absolute;\r\n      content: \"\";\r\n    }\r\n    &:before {\r\n      height: 6px;\r\n      width: 4px;\r\n      left: -4px;\r\n      top: 0;\r\n     }\r\n     &:after {\r\n      height: 6px;\r\n      width: 6px;\r\n      left: -6px;\r\n      top: 0;\r\n      border-radius: 8px 8px 0 0;\r\n     }\r\n\r\n     @each $color, $value in $theme-colors {\r\n      &.rib1-#{$color}, &:before {\r\n        background: $value;\r\n      }\r\n      &.rib1-#{$color} {\r\n        &:after{\r\n          background: darken($value, 15%);\r\n        }\r\n      } \r\n    }\r\n  }\r\n  \r\n  @each $color, $value in $theme-colors {\r\n    &.rib1-#{$color} {\r\n      &:after{\r\n        border-top-color:$value;\r\n      }\r\n    } \r\n  }\r\n}\r\n\r\n//Ribbon2\r\n\r\n.ribbon2 {\r\n  width: 30px;\r\n  padding: 8px 0;\r\n  position: absolute;\r\n  top: -6px;\r\n  right: 12px;\r\n  text-align: center;\r\n  border-top-left-radius: 3px;\r\n  \r\n  &:before, \r\n  &:after {\r\n    content: \"\";\r\n    position: absolute;\r\n  }\r\n  &:before{\r\n    height: 0;\r\n    width: 0;\r\n    right: -5.5px;\r\n    top: 0.1px;\r\n    border-right: 6px solid transparent;\r\n  }\r\n  &:after {\r\n    height: 0;\r\n    width: 0;\r\n    bottom: -18px;\r\n    left: 0;    \r\n    border-bottom: 18px solid transparent;\r\n  }\r\n  @each $color, $value in $theme-colors {\r\n    &.rib2-#{$color} {\r\n      background: $value;\r\n      &:before{\r\n        border-bottom: 6px solid darken($value, 15%);\r\n      }\r\n      &:after{\r\n        border-left: 15px solid $value;\r\n        border-right: 15px solid $value;\r\n      }\r\n    } \r\n  }\r\n}\r\n\r\n // ribbon-3\r\n\r\n .ribbon3 {\r\n   text-align: center;\r\n  width: 70px;\r\n  height: 26px;\r\n  line-height: 26px;\r\n  padding-right: 12px;\r\n  position: absolute;\r\n  right: -8px;\r\n  top: 10px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  &:before, \r\n  &:after {\r\n    content: \"\";\r\n    position: absolute;\r\n  }\r\n  &:before {\r\n    height: 0;\r\n    width: 0;\r\n    bottom: -8.5px;\r\n    right: 0.1px;   \r\n    border-right: 9px solid transparent;\r\n  }\r\n  &:after {\r\n    height: 0;\r\n    width: 0;\r\n    left: -14.5px;\r\n    border-bottom: 13px solid transparent;\r\n    border-top: 13px solid transparent;\r\n  }\r\n  @each $color, $value in $theme-colors {\r\n    &.rib3-#{$color} {\r\n      background: $value;\r\n      &:before{\r\n        border-top: 9px solid darken($value, 15%);\r\n      }\r\n      &:after{\r\n        border-right: 15px solid $value;\r\n      }\r\n    } \r\n  }\r\n}\r\n\r\n//ribbon-4\r\n.ribbon4 {\r\n  width: 100%;\r\n  height: 188px;\r\n  position: absolute;\r\n  top: -8px;\r\n  left: 8px;\r\n  overflow: hidden;\r\n  &:before,\r\n  &:after {\r\n    content: \"\"; \r\n    position: absolute;\r\n  }\r\n  &:before {\r\n    width: 40px;\r\n    height: 8px;\r\n    right: 44px;\r\n    border-radius: 8px 8px 0px 0px;\r\n  }\r\n  &:after {\r\n    width: 8px;\r\n    height: 40px;\r\n    right: 0px;\r\n    top: 44px;\r\n    border-radius: 0px 8px 8px 0px;\r\n  }\r\n  @each $color, $value in $theme-colors {\r\n    &.rib4-#{$color} {\r\n      &:after, &:before{\r\n        background: darken($value, 10%);\r\n      }\r\n    }     \r\n  }\r\n  \r\n  .ribbon4-band {\r\n    width: 170px;\r\n    height: 20px;\r\n    line-height: 20px;\r\n    position: absolute;\r\n    top: 16px;\r\n    right: -50px;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n    transform: rotate(45deg);\r\n    border: 1px dashed;\r\n    text-align: center;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    @each $color, $value in $theme-colors {\r\n      &.ribbon4-band-#{$color}{\r\n        box-shadow:0 0 0 3px $value,  0px 21px 5px -18px rgba($gray-700,.6);\r\n        background: $value;\r\n      } \r\n    }\r\n  }  \r\n}\r\n\r\n","//\r\n// Pricing\r\n// \r\n\r\n\r\n.pricingTable1{ \r\n  .title1{\r\n    color: $gray-700;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    text-transform: capitalize;\r\n  }\r\n  \r\n  .amount{\r\n    display: block;\r\n    position: relative;\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    font-family: $font-secondary;\r\n    color: $gray-700;\r\n    &.amount-border{\r\n      &::after{\r\n        content: '';\r\n        position: absolute;\r\n        height: 6px;\r\n        background-color: rgba($warning, 0.6);\r\n        top: 28px;\r\n        width: 100%;\r\n        right: 0;\r\n        border-radius: 30px;\r\n        transform: rotate(-5deg);\r\n      }\r\n    }    \r\n  }\r\n  .pricing-content-2{\r\n    margin: 0 0 0px 0;\r\n  }\r\n  \r\n  .pricing-content-2 li{\r\n    color: $gray-700;\r\n    line-height: 40px;\r\n    &::before{\r\n      content: \"\\f00c\" !important;\r\n      font-family: 'Font Awesome 5 Free' !important;\r\n      font-weight: 600;\r\n      font-size: 9px;\r\n      text-align: center;\r\n      background-color: rgba($purple, 0.1);\r\n      color: $purple !important;\r\n      width: 20px;\r\n      height: 20px;\r\n      line-height: 20px;\r\n      display: inline-block;\r\n      border-radius: 50%;\r\n      margin-right: 5px;\r\n    }\r\n  }  \r\n}\r\n\r\n.pricingTable1 .a-animate-blink {\r\n  -webkit-animation: a-animate-blink 1s step-start 0s infinite;\r\n  -moz-animation: a-animate-blink 1s step-start 0s infinite;\r\n  -ms-animation: a-animate-blink 1s step-start 0s infinite;\r\n  -o-animation: a-animate-blink 1s step-start 0s infinite;\r\n  animation: a-animate-blink 1s step-start 0s infinite;\r\n  animation-fill-mode: initial;\r\n}\r\n\r\n@-webkit-keyframes a-animate-blink {\r\n  50% {\r\n    opacity: 0.0;\r\n  }\r\n}\r\n\r\n@-moz-keyframes a-animate-blink {\r\n  50% {\r\n    opacity: 0.0;\r\n  }\r\n}\r\n\r\n@-o-keyframes a-animate-blink {\r\n  50% {\r\n    opacity: 0.0;\r\n  }\r\n}\r\n\r\n@keyframes a-animate-blink {\r\n  50% {\r\n    opacity: 0.0;\r\n  }\r\n}\r\n\r\n// .custom-border{\r\n//   height: 5px;\r\n//   width: 100%;\r\n//   background-color: $gray-200;\r\n// }","//\r\n// Timeline\r\n// \r\n.activity-scroll{\r\n  min-height: 620px;\r\n}\r\n\r\n.activity-height{\r\n  height: 400px !important;\r\n}\r\n\r\n.activity{\r\n  .activity-info {\r\n    display: flex;\r\n    margin:5px 0;\r\n    position: relative;\r\n    min-height: 60px;\r\n    &::before{\r\n      content: '';\r\n      position: absolute;      \r\n      bottom: 0;\r\n      top: 42px;\r\n      left: 18px;\r\n      border-left: 2px dotted $border_2;\r\n    }\r\n    .icon-info-activity i{\r\n      width: 36px;\r\n      height: 36px;      \r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 50%;\r\n      color: $text-muted;\r\n      box-shadow: 0px 0px 1px 0.25px;\r\n      font-size: 18px;\r\n      border: 2px solid lighten($gray-100, 10%);\r\n      margin-left: 2px;\r\n    }\r\n    .activity-info-text {\r\n      margin-left: 16px;\r\n      width: 100%;\r\n      a,\r\n      span{\r\n        color: $gray-700;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n/* ==============\r\n  Timeline\r\n===================*/\r\n\r\n\r\n.main-timeline{\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n  .main-timeline:before{\r\n    content: \"\";\r\n    width: 3px;\r\n    height: 100%;\r\n    background: $light;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n  }\r\n  .main-timeline .timeline{\r\n    padding-right: 30px;\r\n    position: relative;\r\n  }\r\n  .main-timeline .timeline:before,\r\n  .main-timeline .timeline:after{\r\n    content: \"\";\r\n    display: block;\r\n    width: 100%;\r\n    clear: both;\r\n  }\r\n  .main-timeline .timeline:first-child:before,\r\n  .main-timeline .timeline:last-child:before{\r\n    content: \"\";\r\n    width: 13px;\r\n    height: 13px;\r\n    border-radius: 50%;\r\n    border: 2px solid $light;\r\n    background: $card-bg;\r\n    margin: 0 auto;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: -3px;\r\n  }\r\n  .main-timeline .timeline:last-child:before{\r\n    top: auto;\r\n    bottom: 0;\r\n  }\r\n  .main-timeline .timeline-icon{\r\n    width: 18px;\r\n    height: 18px;\r\n    border-radius: 50%;\r\n    background: $card-bg;\r\n    border: 2px solid $light;\r\n    box-sizing: content-box;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: -4px;\r\n  }\r\n  .main-timeline .timeline-icon:before{\r\n    content: \"\";\r\n    display: block;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: $info;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n  }\r\n  .main-timeline .year{\r\n    display: inline-block;\r\n    padding: 8px 20px;\r\n    margin: 0;\r\n    font-size: 14px;\r\n    color: $white;\r\n    background: $info;\r\n    text-align: center;\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 35%;\r\n    transform: translateY(-50%);\r\n  }\r\n  .main-timeline .year:before{\r\n    content: \"\";\r\n    border-right: 18px solid $info;\r\n    border-top: 18px solid transparent;\r\n    border-bottom: 18px solid transparent;\r\n    position: absolute;\r\n    top: 0;\r\n    left: -18px;\r\n  }\r\n  .main-timeline .timeline-content{\r\n    width: 46.5%;\r\n    padding: 20px;\r\n    margin: 0 20px 0 0;\r\n    background: $light;\r\n    position: relative;\r\n  }\r\n  .main-timeline .timeline-content:after{\r\n    content: \"\";\r\n    border-left: 20px solid $light;\r\n    border-top: 20px solid transparent;\r\n    border-bottom: 20px solid transparent;\r\n    position: absolute;\r\n    top: 50%;\r\n    right: -20px;\r\n    transform: translateY(-50%);\r\n  }\r\n  .main-timeline .title{\r\n    float: left;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: $gray-800;\r\n    margin: 0 20px 20px 0;\r\n  }\r\n  .main-timeline .post{\r\n    display: inline-block;\r\n    font-size: 13px;\r\n    color: $gray-700;\r\n  }\r\n  .main-timeline .description{\r\n    font-size: 14px;\r\n    color: $gray-700;\r\n    line-height: 24px;\r\n    margin: 0;\r\n    clear: both;\r\n  }\r\n  .main-timeline .timeline:nth-child(2n){ padding: 0 0 0 30px; }\r\n  .main-timeline .timeline:nth-child(2n) .year{\r\n    right: auto;\r\n    left: 35%;\r\n  }\r\n  .main-timeline .timeline:nth-child(2n) .year:before{\r\n    border: 18px solid transparent;\r\n    border-right: none;\r\n    border-left: 18px solid $info;\r\n    left: auto;\r\n    right: -18px;\r\n  }\r\n  .main-timeline .timeline:nth-child(2n) .timeline-content{\r\n    float: right;\r\n    margin: 0 0 0 20px;\r\n  }\r\n  .main-timeline .timeline:nth-child(2n) .timeline-content:after{\r\n    border-left: none;\r\n    border-right: 20px solid $light;\r\n    right: auto;\r\n    left: -20px;\r\n  }\r\n  @media only screen and (max-width: 1200px){\r\n    .main-timeline .year{ right: 30%; }\r\n    .main-timeline .timeline:nth-child(2n) .year{ left: 30%; }\r\n  }\r\n  @media only screen and (max-width: 990px){\r\n    .main-timeline .year{ right: 25%; }\r\n    .main-timeline .timeline:nth-child(2n) .year{ left: 25%; }\r\n  }\r\n  @media only screen and (max-width: 767px){\r\n    .main-timeline:before{ left: 10px; }\r\n    .main-timeline .timeline{\r\n        padding: 0 0 0 30px;\r\n        margin-bottom: 20px;\r\n    }\r\n    .main-timeline .timeline:last-child{ margin-bottom: 0; }\r\n    .main-timeline .timeline:first-child:before,\r\n    .main-timeline .timeline:last-child:before{ display: none; }\r\n    .main-timeline .timeline-icon{\r\n        margin: 0;\r\n        position: absolute;\r\n        top: 7px;\r\n        left: 0;\r\n    }\r\n    .main-timeline .year,\r\n    .main-timeline .timeline:nth-child(2n) .year{\r\n        display: block;\r\n        font-weight: bold;\r\n        margin: 0 0 32px 30px;\r\n        z-index: 1;\r\n        position: relative;\r\n        top: auto;\r\n        left: auto;\r\n        right: auto;\r\n        transform: none;\r\n    }\r\n    .main-timeline .timeline:nth-child(2n) .year:before{\r\n        border-left: none;\r\n        border-right: 18px solid $info;\r\n        right: auto;\r\n        left: -18px;\r\n    }\r\n    .main-timeline .timeline-content{ padding: 20px; }\r\n    .main-timeline .timeline-content,\r\n    .main-timeline .timeline:nth-child(2n) .timeline-content{\r\n        width: auto;\r\n        float: none;\r\n        margin: 0 0 0 30px;\r\n    }\r\n    .main-timeline .timeline-content:after,\r\n    .main-timeline .timeline:nth-child(2n) .timeline-content:after{\r\n        border: none;\r\n        border-bottom: 20px solid $light;\r\n        border-left: 20px solid transparent;\r\n        border-right: 20px solid transparent;\r\n        top: -20px;\r\n        left: 50%;\r\n        right: auto;\r\n        transform: translateX(-50%);\r\n    }\r\n  }\r\n  @media only screen and (max-width: 480px){\r\n    .main-timeline .title{\r\n        float: none;\r\n        margin: 0;\r\n    }\r\n    .main-timeline .year,\r\n    .main-timeline .timeline:nth-child(2n) .year{ margin-left: 20px; }\r\n    .main-timeline .timeline-content,\r\n    .main-timeline .timeline:nth-child(2n) .timeline-content{ margin-left: 10px; }\r\n    .main-timeline .post{ margin: 5px 0; }\r\n  }","//\r\n// Profile\r\n// \r\n\r\n.met-pro-bg{\r\n  background-repeat: repeat;\r\n}\r\n.met-profile {  \r\n  .met-profile-main {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex: 1;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    .met-profile-main-pic {\r\n      position: relative;\r\n      max-width: 128px;\r\n      max-height: 128px;\r\n      margin-right: 24px;\r\n      \r\n      .met-profile_main-pic-change {\r\n        cursor: pointer;\r\n        background-color: $primary;\r\n        border-radius: 50%;\r\n        width: 32px;\r\n        height: 32px;\r\n        position: absolute;\r\n        bottom: 4px;\r\n        right: 4px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex: 1;\r\n        box-shadow: 0px 0px 20px 0px rgba($gray-100,0.05);\r\n        border: 3px solid $card-bg;\r\n        i{\r\n          transition: all 0.3s;\r\n          color: $white;\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n    .met-profile_user-detail{\r\n      .met-user-name{\r\n        font-size: 24px;\r\n        font-weight: 600;\r\n        margin-bottom: 6px;\r\n      }\r\n      .met-user-name-post{\r\n        color: $text-muted;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }  \r\n  \r\n}\r\n\r\n.education-activity{\r\n  min-height: 400px;\r\n}\r\n\r\n.met-basic-detail{\r\n  h3{\r\n    font-size: 34px;\r\n    font-weight: 600;\r\n    margin-bottom: 18px;\r\n  }\r\n  p{\r\n    line-height: 22px;\r\n  }\r\n}\r\n\r\n.own-detail{\r\n  padding: 20px;\r\n  width: 145px;\r\n  height: 145px;\r\n  text-align: center;\r\n  border-radius: 52% 48% 23% 77% / 44% 68% 32% 56%;\r\n  box-shadow: 0px 0px 3px 1.25px $gray-300;\r\n  h1{\r\n    font-weight: 600;\r\n    color: $white;\r\n    margin-top: 0;\r\n  }\r\n  h5{\r\n    color: darken($white, 5%);\r\n  }\r\n  &.own-detail-project{\r\n    position: absolute;\r\n    top: 110px;\r\n    left: -60px;\r\n  }\r\n  &.own-detail-happy{\r\n    position: absolute;\r\n    top: 110px;\r\n    left: 60px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px){\r\n  .own-detail{\r\n    display: none;\r\n  }\r\n  #settings_detail .dropify-wrapper{\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n#settings_detail {\r\n  .dropify-wrapper{\r\n    width: 16%;\r\n    height: 164px;\r\n    margin-bottom: 30px;\r\n  }\r\n}\r\n\r\n.profile-nav{\r\n  .nav{\r\n    .nav-link{\r\n      padding: 10px;\r\n      color: $gray-700;\r\n      margin-bottom: 10px;\r\n      font-weight: 500;\r\n      &.active{\r\n        background-color: rgba($primary,0.05);\r\n        color: $primary;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.profile-card {\r\n  .profile-socials {\r\n    a {\r\n      i {\r\n        width: 30px;\r\n        height: 30px;\r\n        line-height: 30px;\r\n        text-align: center;\r\n        border-radius: 50%;\r\n      }\r\n    }\r\n  }\r\n  .pro-title{\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: $gray-700;\r\n    margin-bottom: 5px;\r\n  }\r\n  .socials-data{\r\n    h3{\r\n      color: $gray-700;\r\n      font-family: $font-primary;\r\n      font-size: 18px;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n/* section skills */\r\n.skill-detail{\r\n  color: $text-muted;\r\n  font-family: $font-secondary;\r\n  font-size: 14px;\r\n}\r\n.skills {\r\n  .skill-box {\r\n    margin-bottom: 30px;\r\n    &:last-of-type {\r\n      margin-bottom: 0;\r\n    }\r\n    .skill-title {\r\n      margin-bottom: 10px;\r\n      color: $gray-700;\r\n      text-transform: uppercase;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n    }\r\n    .progress-line {\r\n      background: $gray-100;\r\n      height: 7px;\r\n      margin: 0;\r\n      position: relative;\r\n      border: 2px solid $card-bg;\r\n      width: 100%;\r\n      border-radius: 10px;\r\n      box-shadow: 0px 0px 1px 0.25px $primary;\r\n      \r\n    } \r\n    .progress-line > span {\r\n      position: absolute;\r\n      display: block;\r\n      top: 0;\r\n      left: 0;\r\n      height: 100%;\r\n      width: 0;\r\n      background: $primary;\r\n    }\r\n    .progress-line > span > .percent-tooltip {\r\n      position: absolute;\r\n      right: -15px;\r\n      top: -30px;\r\n      margin-bottom: 10px;\r\n      color: $gray-700;\r\n      text-transform: uppercase;\r\n      font-size: 13px;\r\n    }   \r\n  }\r\n}\r\n\r\n.profile-activity-height{\r\n  height: 440px !important;\r\n}\r\n\r\n","//\r\n// Chat\r\n// \r\n.chat-box-left {\r\n  float: left;\r\n  width: 340px;\r\n  height: 750px;\r\n  background-color: $card-bg;\r\n  border-radius: 3px;\r\n  padding: 16px;\r\n  margin-bottom: 20px;\r\n  border: 1px solid $border;\r\n  .chat-body-left{\r\n    height: 610px;\r\n  }\r\n  .nav-pills{\r\n    background-color: $gray-100;\r\n    .nav-link{\r\n      color: $gray-700;\r\n      &.active{\r\n        color:$white;\r\n        background: $primary;\r\n      }\r\n    }\r\n  }\r\n.nav.nav-tabs {\r\n  .nav-link{\r\n    font-weight: 500;\r\n  }\r\n}\r\n  .chat-search{\r\n    margin-top: 20px;\r\n  }\r\n  .chat-list{\r\n    height: 610px !important;\r\n    .media + .media {\r\n      border: 1px solid $gray-200;\r\n      margin-bottom: 5px;\r\n      border-radius: 5px;\r\n    }\r\n    .media{\r\n      padding: 15px;\r\n      position: relative;\r\n      &:hover,\r\n      &:focus{\r\n        background-color: rgba($gray-200, .5);\r\n      }\r\n      &.new-message{\r\n        border: 1px solid $gray-300;\r\n        background-color: $gray-200;\r\n        margin-bottom: 5px;\r\n        border-radius: 5px;\r\n      }\r\n      .media-left {\r\n        position: relative;\r\n        align-self: center;\r\n        .round-10 {\r\n          border: 2px solid $gray-100;\r\n          border-radius: 50%;\r\n          position: absolute;\r\n          bottom: 0;\r\n          right: -1px;\r\n          display: inline-block;\r\n          height: 12px;\r\n          width: 12px;\r\n        }\r\n      }\r\n      .media-body {\r\n        margin-left: 8px;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        justify-content: space-between;\r\n        h6 {\r\n          font-size: 14px;\r\n          color: $gray-700;\r\n          margin-bottom: 0px;\r\n        }\r\n        p{\r\n          margin-bottom: 0;\r\n          color: $gray-700;\r\n          font-size: 12px;\r\n        }\r\n        > div:last-child {\r\n          display: flex;\r\n          align-items: flex-end;\r\n          flex-direction: column;\r\n          min-width: 50px;\r\n          text-align: right;          \r\n          span:nth-child(2) {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: $success;\r\n            color: $white;\r\n            border-radius: 50%;\r\n            font-size: 10px;            \r\n            width: 18px;\r\n            height: 18px;\r\n            margin-top: 8px;\r\n          }\r\n        }\r\n        span{\r\n          font-size: 12px;\r\n          color: $gray-700;\r\n          display: block;\r\n        }\r\n      }\r\n    }  \r\n  }\r\n}\r\n\r\n.chat-box-right{\r\n  width: auto;\r\n  background-color: $card-bg;\r\n  display: block;\r\n  border-radius: 3px;\r\n  position: relative;\r\n  height: 750px;\r\n  margin-left: 361px;\r\n  margin-bottom: 20px;\r\n  border: 1px solid $border;\r\n\r\n    .chat-header {\r\n      border-bottom: 1px solid $gray-200;\r\n      padding: 16px;\r\n      background-color: $card-bg;\r\n     .media {   \r\n      .media-body {\r\n        margin-left: 8px;\r\n        align-self: center;\r\n        h6 {\r\n          font-size: 14px;\r\n          color: $gray-700;\r\n          margin-bottom: 5px;\r\n          font-weight: 700;\r\n        }\r\n        p{\r\n          margin-bottom: 0;\r\n          color: $gray-500;\r\n          font-size: 12px;\r\n        }\r\n      }\r\n    }\r\n    .chat-features{\r\n      position: relative;\r\n      top: -34px;\r\n      float: right;\r\n      a{\r\n        color: $gray-400;\r\n        font-size: 22px;\r\n        margin-left: 12px;\r\n        &:hover{\r\n          color: $primary;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  .chat-body{\r\n    padding: 16px;    \r\n    height: 615px;\r\n    .chat-detail{\r\n      max-height: 610px;\r\n      .reverse{\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-end;\r\n      }\r\n      .media{\r\n        .media-img{\r\n          z-index: 5;\r\n        }\r\n        .media-body{\r\n          margin-left: 20px;\r\n          .chat-msg{\r\n            max-width: 80%;\r\n            margin-bottom: 5px;\r\n            margin-left: -56px;\r\n            &:first-child p{\r\n              padding-left: 44px;\r\n            }\r\n            p {\r\n              padding: 7px 16px;\r\n              background-color: rgba($primary, .01);\r\n              border: 1px solid $border_2;\r\n              color: $gray-700;\r\n              display: inline-block;\r\n              margin-bottom: 0;\r\n              border-radius: 50px;              \r\n            }\r\n          }\r\n          &.reverse {\r\n            margin-right: 20px;\r\n            margin-left: 0;\r\n            .chat-msg{\r\n              max-width: 80%;\r\n              margin-bottom: 5px;\r\n              margin-right: -56px;\r\n              &:first-child p{\r\n                padding-right: 44px;\r\n              }\r\n              p {\r\n                padding: 7px 16px;\r\n                background-color: rgba($primary, .01);\r\n                border: 1px solid $border_2;\r\n                color: $gray-700;\r\n                display: inline-block;\r\n                margin-bottom: 0;\r\n                border-radius: 50px;              \r\n              }\r\n            }\r\n          }            \r\n        }\r\n      } \r\n    }\r\n  }\r\n  .chat-footer {\r\n    border-top: 1px solid $border;\r\n    background-color: $card-bg;\r\n    padding: 16px;\r\n    position: absolute;\r\n    width: 100%;\r\n    left: 0;\r\n    bottom: 0;\r\n    .media {   \r\n      .media-body {\r\n        margin-left: 10px;\r\n        align-self: center;\r\n        h6 {\r\n          font-size: 14px;\r\n          color: $gray-700;\r\n          margin-bottom: 5px;\r\n        }\r\n        p{\r\n          margin-bottom: 0;\r\n          color: $gray-700;\r\n          font-size: 12px;\r\n        }\r\n      }\r\n    }\r\n    .chat-features{\r\n      a{\r\n        color: $gray-400;\r\n        font-size: 22px;\r\n        margin-left: 12px;\r\n        &:hover{\r\n          color: $primary;\r\n        }\r\n      }\r\n    }\r\n    input{\r\n      &.form-control{\r\n        border: none;\r\n      }\r\n    }\r\n    .chat-admin{      \r\n      position: absolute;\r\n      top: -40px;\r\n      border: 2px solid $border;\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n}  \r\n\r\n\r\n@media (min-width: 1024px) and (max-width: 1680px) {\r\n  .chat-box-left{\r\n    width: 310px;\r\n    float: left;\r\n  }\r\n  .chat-box-right {\r\n    width: auto;\r\n    margin-left: 330px;\r\n  }\r\n}\r\n \r\n@media (min-width: 767px) and (max-width: 1023.98px) {\r\n  .chat-box-left{\r\n    width: 100%;\r\n    float: none;\r\n  }\r\n  .chat-box-right {\r\n    width: 100%;\r\n    margin-left: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .chat-box-left{\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n  .chat-box-right {\r\n    margin: 0;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n\r\n@media (max-width: 660px) {\r\n  .chat-box-left{\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n  .chat-box-right {\r\n    margin: 0;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 568px) {\r\n  .chat-box-left{\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n  .chat-box-right {\r\n    margin: 0;\r\n    width: 100%;\r\n  }\r\n}","//\r\n// Invoice\r\n// \r\n\r\n\r\n\r\n.invoice-head{\r\n  border-bottom: 4px double $gray-400;\r\n  .logo-lg{\r\n    &.brand-light{\r\n      display: $brand-light;\r\n    }\r\n    &.brand-dark{\r\n      display: $brand-dark;\r\n    }\r\n  }\r\n .contact-detail{\r\n   li{\r\n     border-left: 2px solid $gray-400;\r\n     i{\r\n       font-size: 24px;\r\n       color: $gray-500;\r\n       margin-bottom: 5px;\r\n     }\r\n   }\r\n }\r\n}","//\r\n// Print\r\n// \r\n\r\n@media print {\r\n  .logo,.page-title,.breadcrumb,.footer {\r\n    display: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .left {\r\n    display: none;\r\n  }\r\n  .content,.page-content-wrapper,.page-wrapper {\r\n    margin-top: 0;\r\n    padding-top: 0;\r\n  }\r\n  .content-page {\r\n    margin-left: 0;\r\n    margin-top: 0;\r\n  }\r\n\r\n  .topbar, .footer, .left-sidenav,.report-btn, .leftbar-tab-menu, .left-sidebar{\r\n    display: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .content-page > .content {\r\n    margin: 0;\r\n  }\r\n  .page-wrapper .page-content-tab{\r\n    width: 100%;\r\n    margin-top: 0;\r\n  }\r\n}","//\r\n// Email\r\n// \r\n\r\n.email-leftbar {\r\n  width: 220px;\r\n  float: left;\r\n  .mail-list {\r\n    a {\r\n      display: block;\r\n      color: $gray-700;\r\n      font-size: 13px;\r\n      line-height: 24px;\r\n      padding: 5px;\r\n      font-weight: 500;\r\n      i{\r\n        color: $gray-500;\r\n      }\r\n    }\r\n    a:hover i,\r\n    a.active i,\r\n    a:hover,\r\n    a.active {\r\n      color: $primary;\r\n    }\r\n  }\r\n  .chat-user-box {\r\n    p.user-title {\r\n      font-size: 13px;\r\n      color: $dark;\r\n      font-weight: 500;\r\n    }\r\n    p {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n}\r\n\r\n.email-rightbar {\r\n  margin-left: 240px;\r\n}\r\n\r\n.message-list {\r\n  display: block;\r\n  padding-left: 0;\r\n\r\n  li {\r\n    position: relative;\r\n    display: block;\r\n    height: 50px;\r\n    line-height: 50px;\r\n    transition-duration: .3s;\r\n\r\n    a{\r\n      color: $gray-700;\r\n    }\r\n\r\n    &:hover {\r\n      background: $gray-200;\r\n      transition-duration: .05s;\r\n    }\r\n\r\n    .col-mail {\r\n      float: left;\r\n      position: relative;\r\n    }\r\n\r\n    .col-mail-1 {\r\n      width: 320px;\r\n\r\n      .star-toggle,\r\n      .checkbox-wrapper-mail,\r\n      .dot {\r\n        display: block;\r\n        float: left;\r\n      }\r\n\r\n      .dot {\r\n        border: 4px solid transparent;\r\n        border-radius: 100px;\r\n        margin: 22px 26px 0;\r\n        height: 0;\r\n        width: 0;\r\n        line-height: 0;\r\n        font-size: 0;\r\n      }\r\n\r\n      .checkbox-wrapper-mail {\r\n        margin: 15px 10px 0 20px;\r\n      }\r\n\r\n      .star-toggle {\r\n        margin-top: 18px;\r\n        font-size: 16px;\r\n        margin-left: 5px;\r\n      }\r\n\r\n      .title {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 110px;\r\n        right: 0;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        margin: 14px 0 0;\r\n        \r\n      }\r\n    }\r\n\r\n    .col-mail-2 {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 320px;\r\n      right: 0;\r\n      bottom: 0;\r\n\r\n      .subject,\r\n      .date {\r\n        position: absolute;\r\n        top: 0;\r\n      }\r\n\r\n      .subject {\r\n        left: 0;\r\n        right: 200px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n      }\r\n\r\n      .date {\r\n        right: 0;\r\n        width: 170px;\r\n        padding-left: 80px;\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  li.active,\r\n  li.active:hover {\r\n    box-shadow: inset 3px 0 0 $primary;\r\n  }\r\n\r\n  li.unread  {\r\n    background-color: $gray-200;\r\n    a{\r\n      color: darken($dark,5%);\r\n    }\r\n  }\r\n\r\n  .checkbox-wrapper-mail {\r\n    cursor: pointer;\r\n    height: 20px;\r\n    width: 20px;\r\n    position: relative;\r\n    display: inline-block;\r\n    box-shadow: inset 0 0 0 1px $gray-400;\r\n    border-radius: 1px;\r\n\r\n    input {\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n    input:checked ~ label {\r\n      opacity: 1;\r\n    }\r\n\r\n    label {\r\n      position: absolute;\r\n      height: 20px;\r\n      width: 20px;\r\n      left: 0;\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      margin-bottom: 0;\r\n      transition-duration: .05s;\r\n      top: 0;\r\n      &:before {\r\n        content: \"\\F12C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: 0;\r\n        height: 20px;\r\n        color: darken($dark,5%);\r\n        width: 20px;\r\n        position: absolute;\r\n        margin-top: -16px;\r\n        left: 4px;\r\n        font-size: 13px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n@media (max-width: 767px) {\r\n  .email-leftbar {\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n  .email-rightbar {\r\n    margin: 0;\r\n  }\r\n}\r\n \r\n\r\n.note-editor{\r\n  &.note-frame {\r\n    border: 1px solid $border_2;\r\n    .note-editing-area {\r\n      .note-editable {\r\n        padding: 10px;\r\n        overflow: auto;\r\n        color: $gray-700;\r\n        background-color: $card-bg;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.note-editor.note-frame .note-statusbar .note-resizebar{\r\n  background-color: $body-bg;\r\n}","// Dashboard\r\n\r\n\r\n.crypto-report-history{\r\n  .nav{  \r\n    background-color: $light; \r\n    padding: 4px; \r\n    border-radius: 4px;\r\n    &.nav-tabs{\r\n      border: none;\r\n    }\r\n    .nav-item{\r\n      .nav-link{\r\n        margin-right: 5px;\r\n        padding: 3px 8px;\r\n        font-size: 12px;\r\n        border-radius: 5px;\r\n        color: $gray-700;\r\n        font-weight: 500;\r\n        border-color: transparent;\r\n        &.active{\r\n          color: $primary;\r\n          background-color: $body-bg;\r\n          border-color: transparent;\r\n        }\r\n        &:focus,\r\n        &:hover{\r\n          border-color: transparent;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.calculator-block {\r\n  background-color:$light-alt;\r\n  .calculator-body {\r\n    padding: 16px;\r\n    position: relative;\r\n    padding-top: 0;\r\n  }\r\n  .cryptonatorwidget {\r\n    border: none !important;\r\n    padding: 0 !important;\r\n    input,\r\n    select {\r\n      height: 40px !important;\r\n      line-height: 40px !important;\r\n      margin-bottom: 0;\r\n      border: none;\r\n      color: $gray-700;\r\n      border-bottom: 1px solid $border;\r\n      outline: none;\r\n      padding-left: 10px;\r\n      background-color: transparent;\r\n      font-family: $font-primary !important;\r\n    }\r\n    div:last-child{\r\n      display: none;\r\n    }\r\n    input option, \r\n    select option{\r\n      background-color: $card-bg !important;\r\n    }\r\n  }\r\n  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */\r\n    color: $gray-700;\r\n  }\r\n  ::-moz-placeholder { /* Firefox 19+ */\r\n    color: $gray-700;\r\n  }\r\n  :-ms-input-placeholder { /* IE 10+ */\r\n    color: $gray-700;\r\n  }\r\n  :-moz-placeholder { /* Firefox 18- */\r\n    color: $gray-700;\r\n  }\r\n}\r\n\r\n.coin-market-nav{\r\n  .nav-pills .nav-item.show .nav-link, \r\n  .nav-pills .nav-link.active{\r\n    background: $card-bg;\r\n    box-shadow: 0 7px 14px 0 rgba($gray-500, 0.12);\r\n    border-radius: 0;\r\n  }\r\n}\r\n\r\n.transaction-history{\r\n  li{\r\n    border-bottom: 1px solid $border_2;\r\n    padding: 10px 0;\r\n  }\r\n  li:last-of-type{\r\n    border: none;\r\n    padding-bottom: 0;\r\n  }  \r\n}\r\n.positive{\r\n  color: $success !important;\r\n}\r\n.negative{\r\n  color: $danger !important;\r\n}\r\n.crypto-dash-activity{\r\n  height: 280px;\r\n}\r\n\r\n\r\n// .coin-market-h,\r\n// .btc-volume-chart{\r\n//   height: 250px !important;\r\n// }\r\n// .crypto-modal-btn{\r\n//   &:focus{\r\n//     outline: none;\r\n//     box-shadow: none !important;\r\n//   }\r\n// }\r\n// .trade-history{\r\n//   height: 240px !important;\r\n// }\r\n\r\n\r\n// .market-cap-table{\r\n//   td{\r\n//     h5{\r\n//       color: $gray-700;\r\n//     }\r\n//   }\r\n// }\r\n\r\n// .vol-btc{\r\n//   font-size: 18px;\r\n//   color: $gray-700;\r\n//   font-weight: 600;\r\n//   margin: 0px auto 30px;\r\n// }\r\n\r\n\r\n.ccc-widget {\r\n  >div{    \r\n    background: $card-bg !important;\r\n  }\r\n  .histoTitle{\r\n    display: none;\r\n  }  \r\n  div:first-child{\r\n    border:none !important;\r\n  }\r\n  div.histoRow:nth-of-type(2) {\r\n    font-weight: 500 !important;\r\n    color: $gray-700 !important;\r\n    font-size: 13px !important; \r\n    background-color: $light;\r\n    .histoChange{\r\n      font-weight: 500;\r\n    }  \r\n  \r\n  }\r\n  div.histoRow{\r\n    border-bottom-color: $table-border-color !important;\r\n    font-size: 13px !important;\r\n    color: $table-color !important;\r\n    padding: $table-cell-padding-y $table-cell-padding-x;\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n// // Wallet\r\n\r\n// .wallet-bal-usd{\r\n//   .wallet-title{\r\n//     font-size: 16px;\r\n//     color: $gray-700;\r\n//   }\r\n//   h3{\r\n//     font-size: 28px;\r\n//     color: $gray-700;\r\n//     font-weight: 600;\r\n//     margin-top: 20px;\r\n//   }\r\n// }\r\n\r\n\r\n// .wallet-bal-crypto{\r\n//   .wallet-title{\r\n//     font-size: 16px;\r\n//     color: $gray-700;\r\n//   }\r\n//   .coin-bal{\r\n//     h3{\r\n//       font-size: 16px;\r\n//       color: $gray-700;\r\n//     }\r\n//   }\r\n// }\r\n\r\n// .btc-price{\r\n//   h3{\r\n//     font-size: 18px;\r\n//     color: $gray-700;\r\n//     font-weight: 600;\r\n//   }\r\n// }\r\n\r\n// .crypto-wallet-activity{\r\n//   min-height: 600px;\r\n// }\r\n\r\n// // Crypto News\r\n// .wrap{\r\n//   width: 100%;\r\n//   white-space: nowrap;\r\n//   overflow: hidden;\r\n//   font-size: 0;\r\n//   background: $bg-navbar;\r\n//   border-radius: 3px;\r\n//   display: flex;\r\n//   align-items: center;\r\n//   background-color: $light;\r\n// }\r\n// .jctkr-label{\r\n//   height: 60px;\r\n//   padding: 0 17px;\r\n//   line-height: 60px;\r\n//   background: rgba($primary,0.9);\r\n//   font-weight: 600;\r\n//   font-size: 16px;\r\n//   color: $white;\r\n//   cursor: default;\r\n// }\r\n// .jctkr-label:hover{\r\n//   background: $blue;\r\n//   color: $white;\r\n// }\r\n// [class*=\"js-conveyor-\"] ul{\r\n//   display: inline-block;\r\n//   opacity: 0.5;\r\n// }\r\n// [class*=\"js-conveyor-\"] ul li{\r\n//   padding: 0 15px;\r\n//   line-height: 35px;\r\n//   font-size: 16px;\r\n//   .usd-rate{\r\n//     color: $gray-600;\r\n//   }\r\n// }\r\n\r\n\r\n\r\n// // ICO Card\r\n\r\n// .ico-card {\r\n//   .ico-socials {\r\n//     a {\r\n//       i {\r\n//         width: 28px;\r\n//         height: 28px;\r\n//         line-height: 28px;\r\n//         text-align: center;\r\n//         border-radius: 50%;\r\n//         border: 1px solid $gray-300;\r\n//         color: $gray-600;\r\n//         transition: all .3s ease-out;\r\n//       }\r\n//       &:hover i{\r\n//         &.fa-facebook-f{\r\n//           color: $blue;\r\n//           border: 1px solid;\r\n//         }\r\n//         &.fa-twitter{\r\n//           color: $info;\r\n//           border: 1px solid;\r\n//         }\r\n//         &.fa-medium-m{\r\n//           color: $danger;\r\n//           border: 1px solid;\r\n//         }\r\n//         &.fa-telegram{\r\n//           color: $success;\r\n//           border: 1px solid;\r\n//         }\r\n//         &.fa-btc{\r\n//           color: $warning;\r\n//           border: 1px solid;\r\n//         }\r\n//       }\r\n//     }\r\n//   }\r\n// }\r\n\r\n\r\n\r\n// // Setting\r\n\r\n// .setting-card{\r\n//   .setting-detail{\r\n//     h3{\r\n//       font-size: 16px;\r\n//       color: $gray-700;\r\n//       font-weight: 600;\r\n//     }\r\n//   }\r\n//   .sett-card-icon{\r\n//     width: 54px;\r\n//     height: 54px;\r\n//     text-align: center;\r\n//     line-height: 54px;\r\n//     align-self: center;\r\n//     border-radius: 50%;\r\n//     margin-right: 18px;\r\n//     i{\r\n//       font-size: 24px;\r\n//     }\r\n//     &.set-icon-purple{      \r\n//     background-color: rgba($purple,0.1);\r\n//     color: $purple;\r\n//     }\r\n//     &.set-icon-success{      \r\n//     background-color: rgba($success,0.1);\r\n//     color: $success;\r\n//     }\r\n//     &.set-icon-danger{      \r\n//     background-color: rgba($danger,0.1);\r\n//     color: $danger;\r\n//     }\r\n//   }\r\n// }\r\n\r\n","\r\n\r\n// kanban board\r\n.kanban-board{\r\n  flex: 1;\r\n  white-space: nowrap;\r\n  overflow-x: scroll;\r\n  display: flex;\r\n  .kanban-col {\r\n    user-select: none;\r\n    flex: 1 0 auto;\r\n    width: calc(100vw - 24px);\r\n    max-height: 100%;\r\n    padding-right: 12px;\r\n    padding-bottom: 12px;\r\n    outline: none !important;\r\n    position: relative;\r\n    .kanban-main-card {\r\n      max-height: 100%;\r\n      overflow: hidden;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-around;\r\n      margin-bottom: 12px;\r\n      border-radius: 4px;\r\n      padding: 20px;\r\n      background: $light;\r\n      .kanban-box-title{\r\n        position: relative;\r\n        display: block;\r\n        .kanban-main-dropdown{\r\n          position: absolute;\r\n          right: 0;\r\n          top: 0;\r\n        }\r\n      }\r\n      \r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 576px){\r\n  .kanban-board .kanban-col {\r\n    max-width: 19.5rem;\r\n  }\r\n}\r\n\r\n\r\n// project-task\r\n\r\n.project-task-content{\r\n  flex: 1;\r\n  white-space: inherit;\r\n  display: flex;\r\n  overflow: auto;\r\n  .project-task-content-col{\r\n    user-select: none;\r\n    flex: 1 0 auto;\r\n    width: 19rem;\r\n    max-height: 100%;\r\n    outline: none !important;\r\n    position: relative;\r\n    .project-task-content-inner{\r\n      max-height: 100%;\r\n      overflow: hidden;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-around;\r\n      .progress{\r\n        border-radius: 0;\r\n      }\r\n      .project-task-add-btn{\r\n        opacity: 0;\r\n      }\r\n      &:hover{\r\n        .project-task-add-btn{\r\n          opacity: 1;\r\n        }\r\n      }\r\n      .project-task-box{\r\n        padding: 20px 20px 20px 0;\r\n        height: 700px;\r\n        .project-task-card{\r\n          background-color: $card-bg;\r\n          box-shadow: $card-shadow;\r\n          border-radius: 5px;\r\n          margin-left: 2px;\r\n          &.deadline{\r\n            background-color: rgba($danger, 0.08);\r\n            box-shadow: 0px 0px 6px 0px rgba($danger, 0.28);\r\n            border: 0;\r\n          }\r\n          .project-task-date{\r\n            svg{\r\n              fill: $text-muted;\r\n              width: 24px;\r\n              height: 24px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    } \r\n  }\r\n}\r\n\r\n@media (max-width: 1024px){\r\n  .project-task-content{\r\n    overflow-x: scroll;\r\n  }\r\n}","//\r\n// Account Pages\r\n// \r\n\r\n.auth-page {\r\n  .auth-header-box {\r\n    background-color: darken($gray-500, 45%);\r\n  }\r\n}\r\n\r\n.auth-bg {\r\n  background: radial-gradient(circle at 39% 47%, rgba(107,107,107,0.08) 0%, rgba(107,107,107,0.08) 33.333%, rgba(72,72,72,0.08) 33.333%, rgba(72,72,72,0.08) 66.666%, rgba(36,36,36,0.08) 66.666%, rgba(36,36,36,0.08) 99.999%),radial-gradient(circle at 53% 74%, rgba(182,182,182,0.08) 0%, rgba(182,182,182,0.08) 33.333%, rgba(202,202,202,0.08) 33.333%, rgba(202,202,202,0.08) 66.666%, rgba(221,221,221,0.08) 66.666%, rgba(221,221,221,0.08) 99.999%),radial-gradient(circle at 14% 98%, rgba(184,184,184,0.08) 0%, rgba(184,184,184,0.08) 33.333%, rgba(96,96,96,0.08) 33.333%, rgba(96,96,96,0.08) 66.666%, rgba(7,7,7,0.08) 66.666%, rgba(7,7,7,0.08) 99.999%),linear-gradient(\r\n45deg\r\n, #f79f9b, #0f4069);\r\n}\r\n\r\n.ex-page-content {\r\n  h1 {\r\n    font-size: 98px;\r\n    font-weight: 700;\r\n    text-shadow: rgba($gray-500, 0.2) 1px 1px, \r\n                 rgba($gray-500, 0.2) 2px 2px, \r\n                 rgba($gray-500, 0.2) 3px 3px;\r\n  }\r\n}"]}