default\n // Use the .carousel-control's width as margin so we don't overlay those\n margin-right: $carousel-control-width;\n margin-left: $carousel-control-width;\n list-style: none;\n\n li {\n box-sizing: content-box;\n flex: 0 1 auto;\n width: $carousel-indicator-width;\n height: $carousel-indicator-height;\n margin-right: $carousel-indicator-spacer;\n margin-left: $carousel-indicator-spacer;\n text-indent: -999px;\n cursor: pointer;\n background-color: $carousel-indicator-active-bg;\n background-clip: padding-box;\n // Use transparent borders to increase the hit area by 10px on top and bottom.\n border-top: $carousel-indicator-hit-area-height solid transparent;\n border-bottom: $carousel-indicator-hit-area-height solid transparent;\n opacity: .5;\n @include transition($carousel-indicator-transition);\n }\n\n .active {\n opacity: 1;\n }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n position: absolute;\n right: (100% - $carousel-caption-width) / 2;\n bottom: 20px;\n left: (100% - $carousel-caption-width) / 2;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: $carousel-caption-color;\n text-align: center;\n}\n","@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: text-bottom;\n border: $spinner-border-width solid currentColor;\n border-right-color: transparent;\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 50%;\n animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n transform: none;\n }\n}\n\n.spinner-grow {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: text-bottom;\n background-color: currentColor;\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 50%;\n opacity: 0;\n animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n .spinner-border,\n .spinner-grow {\n animation-duration: 1.5s;\n }\n }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline { vertical-align: baseline !important; } // Browser default\n.align-top { vertical-align: top !important; }\n.align-middle { vertical-align: middle !important; }\n.align-bottom { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus() {\n background-color: darken($color, 10%) !important;\n }\n }\n @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n #{$parent} {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n }\n @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n @each $color, $value in $theme-colors {\n @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n }\n}\n\n.bg-white {\n background-color: $white !important;\n}\n\n.bg-transparent {\n background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border { border: $border-width solid $border-color !important; }\n.border-top { border-top: $border-width solid $border-color !important; }\n.border-right { border-right: $border-width solid $border-color !important; }\n.border-bottom { border-bottom: $border-width solid $border-color !important; }\n.border-left { border-left: $border-width solid $border-color !important; }\n\n.border-0 { border: 0 !important; }\n.border-top-0 { border-top: 0 !important; }\n.border-right-0 { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0 { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n .border-#{$color} {\n border-color: $value !important;\n }\n}\n\n.border-white {\n border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n border-radius: $border-radius !important;\n}\n\n.rounded-top {\n border-top-left-radius: $border-radius !important;\n border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n border-top-right-radius: $border-radius !important;\n border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n border-bottom-right-radius: $border-radius !important;\n border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n border-top-left-radius: $border-radius !important;\n border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n border-radius: 50% !important;\n}\n\n.rounded-pill {\n border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n @each $value in $displays {\n .d#{$infix}-#{$value} { display: $value !important; }\n }\n }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n @each $value in $displays {\n .d-print-#{$value} { display: $value !important; }\n }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n\n &::before {\n display: block;\n content: \"\";\n }\n\n .embed-responsive-item,\n iframe,\n embed,\n object,\n video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n &::before {\n padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);\n }\n }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .flex#{$infix}-row { flex-direction: row !important; }\n .flex#{$infix}-column { flex-direction: column !important; }\n .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }\n .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n .flex#{$infix}-wrap { flex-wrap: wrap !important; }\n .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }\n .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n .flex#{$infix}-fill { flex: 1 1 auto !important; }\n .flex#{$infix}-grow-0 { flex-grow: 0 !important; }\n .flex#{$infix}-grow-1 { flex-grow: 1 !important; }\n .flex#{$infix}-shrink-0 { flex-shrink: 0 !important; }\n .flex#{$infix}-shrink-1 { flex-shrink: 1 !important; }\n\n .justify-content#{$infix}-start { justify-content: flex-start !important; }\n .justify-content#{$infix}-end { justify-content: flex-end !important; }\n .justify-content#{$infix}-center { justify-content: center !important; }\n .justify-content#{$infix}-between { justify-content: space-between !important; }\n .justify-content#{$infix}-around { justify-content: space-around !important; }\n\n .align-items#{$infix}-start { align-items: flex-start !important; }\n .align-items#{$infix}-end { align-items: flex-end !important; }\n .align-items#{$infix}-center { align-items: center !important; }\n .align-items#{$infix}-baseline { align-items: baseline !important; }\n .align-items#{$infix}-stretch { align-items: stretch !important; }\n\n .align-content#{$infix}-start { align-content: flex-start !important; }\n .align-content#{$infix}-end { align-content: flex-end !important; }\n .align-content#{$infix}-center { align-content: center !important; }\n .align-content#{$infix}-between { align-content: space-between !important; }\n .align-content#{$infix}-around { align-content: space-around !important; }\n .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n .align-self#{$infix}-auto { align-self: auto !important; }\n .align-self#{$infix}-start { align-self: flex-start !important; }\n .align-self#{$infix}-end { align-self: flex-end !important; }\n .align-self#{$infix}-center { align-self: center !important; }\n .align-self#{$infix}-baseline { align-self: baseline !important; }\n .align-self#{$infix}-stretch { align-self: stretch !important; }\n }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .float#{$infix}-left { float: left !important; }\n .float#{$infix}-right { float: right !important; }\n .float#{$infix}-none { float: none !important; }\n }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-fixed;\n}\n\n.sticky-top {\n @supports (position: sticky) {\n position: sticky;\n top: 0;\n z-index: $zindex-sticky;\n }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n @include sr-only();\n}\n\n.sr-only-focusable {\n @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n @each $size, $length in $sizes {\n .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n @each $prop, $abbrev in (margin: m, padding: p) {\n @each $size, $length in $spacers {\n .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n .#{$abbrev}t#{$infix}-#{$size},\n .#{$abbrev}y#{$infix}-#{$size} {\n #{$prop}-top: $length !important;\n }\n .#{$abbrev}r#{$infix}-#{$size},\n .#{$abbrev}x#{$infix}-#{$size} {\n #{$prop}-right: $length !important;\n }\n .#{$abbrev}b#{$infix}-#{$size},\n .#{$abbrev}y#{$infix}-#{$size} {\n #{$prop}-bottom: $length !important;\n }\n .#{$abbrev}l#{$infix}-#{$size},\n .#{$abbrev}x#{$infix}-#{$size} {\n #{$prop}-left: $length !important;\n }\n }\n }\n\n // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n @each $size, $length in $spacers {\n @if $size != 0 {\n .m#{$infix}-n#{$size} { margin: -$length !important; }\n .mt#{$infix}-n#{$size},\n .my#{$infix}-n#{$size} {\n margin-top: -$length !important;\n }\n .mr#{$infix}-n#{$size},\n .mx#{$infix}-n#{$size} {\n margin-right: -$length !important;\n }\n .mb#{$infix}-n#{$size},\n .my#{$infix}-n#{$size} {\n margin-bottom: -$length !important;\n }\n .ml#{$infix}-n#{$size},\n .mx#{$infix}-n#{$size} {\n margin-left: -$length !important;\n }\n }\n }\n\n // Some special margin utils\n .m#{$infix}-auto { margin: auto !important; }\n .mt#{$infix}-auto,\n .my#{$infix}-auto {\n margin-top: auto !important;\n }\n .mr#{$infix}-auto,\n .mx#{$infix}-auto {\n margin-right: auto !important;\n }\n .mb#{$infix}-auto,\n .my#{$infix}-auto {\n margin-bottom: auto !important;\n }\n .ml#{$infix}-auto,\n .mx#{$infix}-auto {\n margin-left: auto !important;\n }\n }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n // Just in case `pointer-events: none` is set on a parent\n pointer-events: auto;\n content: \"\";\n // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n background-color: rgba(0, 0, 0, 0);\n }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify { text-align: justify !important; }\n.text-wrap { white-space: normal !important; }\n.text-nowrap { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .text#{$infix}-left { text-align: left !important; }\n .text#{$infix}-right { text-align: right !important; }\n .text#{$infix}-center { text-align: center !important; }\n }\n}\n\n// Transformation\n\n.text-lowercase { text-transform: lowercase !important; }\n.text-uppercase { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal { font-weight: $font-weight-normal !important; }\n.font-weight-bold { font-weight: $font-weight-bold !important; }\n.font-weight-bolder { font-weight: $font-weight-bolder !important; }\n.font-italic { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus() {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n\n @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n visibility: visible !important;\n}\n\n.invisible {\n visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n @media print {\n *,\n *::before,\n *::after {\n // Bootstrap specific; comment out `color` and `background`\n //color: $black !important; // Black prints faster\n text-shadow: none !important;\n //background: transparent !important;\n box-shadow: none !important;\n }\n\n a {\n &:not(.btn) {\n text-decoration: underline;\n }\n }\n\n // Bootstrap specific; comment the following selector out\n //a[href]::after {\n // content: \" (\" attr(href) \")\";\n //}\n\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n\n // Bootstrap specific; comment the following selector out\n //\n // Don't show links that are fragment identifiers,\n // or use the `javascript:` pseudo protocol\n //\n\n //a[href^=\"#\"]::after,\n //a[href^=\"javascript:\"]::after {\n // content: \"\";\n //}\n\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n page-break-inside: avoid;\n }\n\n //\n // Printing Tables:\n // https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables\n //\n\n thead {\n display: table-header-group;\n }\n\n tr,\n img {\n page-break-inside: avoid;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 {\n page-break-after: avoid;\n }\n\n // Bootstrap specific changes start\n\n // Specify a size and min-width to make printing closer across browsers.\n // We don't set margin here because it breaks `size` in Chrome. We also\n // don't use `!important` on `size` as it breaks in Chrome.\n @page {\n size: $print-page-size;\n }\n body {\n min-width: $print-body-min-width !important;\n }\n .container {\n min-width: $print-body-min-width !important;\n }\n\n // Bootstrap components\n .navbar {\n display: none;\n }\n .badge {\n border: $border-width solid $black;\n }\n\n .table {\n border-collapse: collapse !important;\n\n td,\n th {\n background-color: $white !important;\n }\n }\n\n .table-bordered {\n th,\n td {\n border: 1px solid $gray-300 !important;\n }\n }\n\n .table-dark {\n color: inherit;\n\n th,\n td,\n thead th,\n tbody + tbody {\n border-color: $table-border-color;\n }\n }\n\n .table .thead-dark th {\n color: inherit;\n border-color: $table-border-color;\n }\n\n // Bootstrap specific changes end\n }\n}\n","/*!\n\n=========================================================\n* Now UI Dashboard PRO React - v1.5.0 based on Now UI Dashboard PRO - v1.4.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/now-ui-dashboard-pro-react\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\n\n\n@import \"now-ui-dashboard/variables\";\n@import \"now-ui-dashboard/mixins\";\n\n// Core CSS\n@import \"now-ui-dashboard/buttons\";\n@import \"now-ui-dashboard/social-buttons\";\n@import \"now-ui-dashboard/inputs\";\n@import \"now-ui-dashboard/typography\";\n@import \"now-ui-dashboard/misc\";\n@import \"now-ui-dashboard/navbar\";\n@import \"now-ui-dashboard/dropdown\";\n@import \"now-ui-dashboard/alerts\";\n@import \"now-ui-dashboard/images\";\n@import \"now-ui-dashboard/nucleo-outline\";\n@import \"now-ui-dashboard/tables\";\n@import \"now-ui-dashboard/footers\";\n@import \"now-ui-dashboard/fixed-plugin\";\n\n// components\n@import \"now-ui-dashboard/checkboxes-radio\";\n@import \"now-ui-dashboard/progress\";\n@import \"now-ui-dashboard/badges\";\n@import \"now-ui-dashboard/pagination\";\n@import \"now-ui-dashboard/info-areas\";\n@import \"now-ui-dashboard/pills\";\n@import \"now-ui-dashboard/tabs\";\n@import \"now-ui-dashboard/rtl\";\n@import \"now-ui-dashboard/popups\";\n@import \"now-ui-dashboard/modals\";\n@import \"now-ui-dashboard/carousel\";\n@import \"now-ui-dashboard/sidebar-and-main-panel\";\n@import \"now-ui-dashboard/timeline\";\n\n// cards\n@import \"now-ui-dashboard/cards\";\n@import \"now-ui-dashboard/cards/card-chart\";\n@import \"now-ui-dashboard/cards/card-user\";\n@import \"now-ui-dashboard/cards/card-plain\";\n\n@import \"now-ui-dashboard/cards/card-background\";\n@import \"now-ui-dashboard/cards/card-collapse\";\n@import \"now-ui-dashboard/cards/card-map\";\n@import \"now-ui-dashboard/cards/card-contributions\";\n@import \"now-ui-dashboard/cards/card-info-area\";\n@import \"now-ui-dashboard/cards/card-lock\";\n@import \"now-ui-dashboard/cards/card-pricing\";\n@import \"now-ui-dashboard/cards/card-profile\";\n@import \"now-ui-dashboard/cards/card-signup\";\n@import \"now-ui-dashboard/cards/card-stats-mini\";\n@import \"now-ui-dashboard/cards/card-stats\";\n@import \"now-ui-dashboard/cards/card-subcategories\";\n@import \"now-ui-dashboard/cards/card-testimonials\";\n@import \"now-ui-dashboard/cards/card-wizard\";\n\n// Plugins CSS\n@import \"now-ui-dashboard/plugins/plugin-bootstrap-switch\";\n@import \"now-ui-dashboard/plugins/plugin-nouislider\";\n@import \"now-ui-dashboard/plugins/plugin-animate-bootstrap-notify\";\n@import \"now-ui-dashboard/plugins/plugin-perfect-scrollbar\";\n@import \"now-ui-dashboard/plugins/plugin-card-wizard\";\n@import \"now-ui-dashboard/plugins/plugin-datetimepicker\";\n@import \"now-ui-dashboard/plugins/plugin-bootstrap-select\";\n@import \"now-ui-dashboard/plugins/plugin-jasny-fileupload\";\n@import \"now-ui-dashboard/plugins/plugin-tagsinput\";\n@import \"now-ui-dashboard/plugins/plugin-datatables.net\";\n@import \"now-ui-dashboard/plugins/plugin-jquery.jvectormap\";\n@import \"now-ui-dashboard/plugins/plugin-fullcalendar\";\n\n// example pages and sections\n@import \"now-ui-dashboard/example-pages\";\n@import \"now-ui-dashboard/sections\";\n\n@import \"now-ui-dashboard/responsive\";\n@import \"now-ui-dashboard/media-queries\";\n\n// react differences\n@import \"now-ui-dashboard/react/react-differences\";\n",".btn,\n.navbar .navbar-nav > a.btn {\n border-width: $border-thick;\n font-weight: $font-weight-bold;\n font-size: $font-size-small;\n line-height: $line-height;\n border: none;\n margin: 10px 1px;\n border-radius: $border-radius-small;\n padding: $padding-btn-vertical $padding-btn-horizontal;\n cursor: pointer;\n\n @include btn-styles($default-color, $default-states-color);\n\n &:hover,\n &:focus {\n @include opacity(1);\n outline: 0 !important;\n }\n &:active,\n &.active,\n .open > &.dropdown-toggle {\n @include box-shadow(none);\n outline: 0 !important;\n }\n\n .badge {\n margin: 0;\n }\n\n &.btn-icon {\n // see above for color variations\n height: $btn-icon-size-regular;\n min-width: $btn-icon-size-regular;\n width: $btn-icon-size-regular;\n padding: 0;\n font-size: $btn-icon-font-size-regular;\n overflow: hidden;\n position: relative;\n line-height: normal;\n\n &[class*=\"btn-outline-\"] {\n padding: 0 !important;\n }\n\n &.btn-sm {\n height: $btn-icon-size-small;\n min-width: $btn-icon-size-small;\n width: $btn-icon-size-small;\n\n .fa,\n .far,\n .fas,\n .now-ui-icons {\n font-size: $btn-icon-font-size-small;\n }\n }\n\n &.btn-lg {\n height: $btn-icon-size-lg;\n min-width: $btn-icon-size-lg;\n width: $btn-icon-size-lg;\n\n .fa,\n .far,\n .fas,\n .now-ui-icons {\n font-size: $btn-icon-font-size-lg;\n }\n }\n\n &:not(.btn-footer) .now-ui-icons,\n &:not(.btn-footer) .fa,\n &:not(.btn-footer) .far,\n &:not(.btn-footer) .fas {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-12px, -12px);\n line-height: 1.5626rem;\n width: 24px;\n }\n }\n\n &:not(.btn-icon) .now-ui-icons {\n position: relative;\n top: 1px;\n }\n}\n\n// Apply the mixin to the buttons\n// .btn-default { @include btn-styles($default-color, $default-states-color); }\n.btn-primary {\n @include btn-styles($primary-color, $primary-states-color);\n}\n.btn-success {\n @include btn-styles($success-color, $success-states-color);\n}\n.btn-info {\n @include btn-styles($info-color, $info-states-color);\n}\n.btn-warning {\n @include btn-styles($warning-color, $warning-states-color);\n}\n.btn-danger {\n @include btn-styles($danger-color, $danger-states-color);\n}\n.btn-neutral {\n @include btn-styles($white-color, $white-color);\n}\n\n.btn-outline-primary {\n @include outline-buttons($primary-color, $primary-states-color);\n}\n.btn-outline-success {\n @include outline-buttons($success-color, $success-states-color);\n}\n.btn-outline-info {\n @include outline-buttons($info-color, $info-states-color);\n}\n.btn-outline-warning {\n @include outline-buttons($warning-color, $warning-states-color);\n}\n.btn-outline-danger {\n @include outline-buttons($danger-color, $danger-states-color);\n}\n.btn-outline-default {\n @include outline-buttons($default-color, $default-states-color);\n}\n\n.btn {\n &:disabled,\n &[disabled],\n &.disabled {\n @include opacity(0.5);\n pointer-events: none;\n }\n}\n[class*=\"btn-outline-\"] {\n border: $border;\n padding: $padding-btn-vertical - 1 $padding-round-horizontal - 1;\n background-color: $transparent-bg;\n}\n\n[class*=\"btn-outline-\"],\n.btn-link {\n &.disabled,\n &:disabled,\n &[disabled],\n fieldset[disabled] & {\n &,\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: $transparent-bg;\n }\n }\n}\n\n.btn-link {\n border: $none;\n padding: $padding-base-vertical $padding-base-horizontal;\n background-color: $transparent-bg;\n}\n\n.btn-lg {\n @include btn-size(\n $padding-large-vertical,\n $padding-large-horizontal,\n $font-size-large,\n $border-radius-large\n );\n}\n.btn-sm {\n @include btn-size(\n $padding-small-vertical,\n $padding-small-horizontal,\n $font-size-base,\n $border-radius-small\n );\n}\n\n.btn-wd {\n min-width: 140px;\n}\n.btn-group.select {\n width: 100%;\n}\n.btn-group.select .btn {\n text-align: left;\n}\n.btn-group.select .caret {\n position: absolute;\n top: 50%;\n margin-top: -1px;\n right: 8px;\n}\n\n.btn-round {\n border-width: $border-thin;\n border-radius: $btn-round-radius;\n padding-right: $padding-round-horizontal;\n padding-left: $padding-round-horizontal;\n\n &.btn-simple:not(.btn-sm):not(.btn-lg) {\n padding: $padding-btn-vertical - 1 $padding-round-horizontal - 1;\n }\n}\n\n.no-caret {\n &.dropdown-toggle::after {\n display: none;\n }\n}\n","//== Buttons\n//\n//## For each of Bootstrap's buttons, define text, background and border color.\n\n$sans-serif-family: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n\n$none: 0 !default;\n$border-thin: 1px !default;\n$border-thick: 2px !default;\n\n$white-color: #ffffff !default;\n$white-bg: #ffffff !default;\n$orange-bg: #e95e38 !default;\n\n$smoke-bg: #f5f5f5 !default;\n$light-black: #444 !default;\n\n$black-bg: rgba(30, 30, 30, 0.97) !default;\n\n$black-color: #1e1e2d !default;\n$black-hr: #444444 !default;\n\n$hr-line: rgba(0, 0, 0, 0.1) !default;\n\n$light-gray: #e3e3e3 !default;\n$medium-gray: #dddddd !default;\n$dark-gray: #9a9a9a !default;\n\n$opacity-gray-3: rgba(222, 222, 222, 0.3) !default;\n$opacity-gray-5: rgba(222, 222, 222, 0.5) !default;\n$opacity-gray-8: rgba(222, 222, 222, 0.8) !default;\n\n$opacity-5: rgba(255, 255, 255, 0.5) !default;\n$opacity-8: rgba(255, 255, 255, 0.8) !default;\n\n$datepicker-color-days: rgba(255, 255, 255, 0.8) !default;\n$datepicker-color-old-new-days: rgba(255, 255, 255, 0.4) !default;\n\n$opacity-1: rgba(255, 255, 255, 0.1) !default;\n$opacity-2: rgba(255, 255, 255, 0.2) !default;\n\n$transparent-bg: transparent !default;\n$dark-background: #555555 !default;\n\n$default-color: #888 !default;\n$default-states-color: lighten($default-color, 6%) !default;\n$default-color-opacity: rgba(182, 182, 182, 0.6) !default;\n\n$primary-color: #1e1e2d !default;\n$primary-states-color: lighten($primary-color, 6%) !default;\n$primary-color-opacity: rgba(249, 99, 50, 0.3) !default;\n$primary-color-alert: rgba(249, 99, 50, 0.8) !default;\n\n$success-color: #006400 !default;\n$success-states-color: lighten($success-color, 6%) !default;\n$success-color-opacity: rgba(24, 206, 15, 0.3) !default;\n$success-color-alert: $success-color !default;\n\n$info-color: #2ca8ff !default;\n$info-states-color: lighten($info-color, 6%) !default;\n$info-color-opacity: rgba(44, 168, 255, 0.3) !default;\n$info-color-alert: rgba(44, 168, 255, 0.8) !default;\n\n$warning-color: #ffb236 !default;\n$warning-states-color: lighten($warning-color, 6%) !default;\n$warning-color-opacity: rgba(255, 178, 54, 0.3) !default;\n$warning-color-alert: rgba(255, 178, 54, 0.8) !default;\n\n$danger-color: #ff3636 !default;\n$danger-states-color: lighten($danger-color, 6%) !default;\n$danger-color-opacity: rgba(255, 54, 54, 0.3) !default;\n$danger-color-alert: rgba(255, 54, 54, 0.8) !default;\n\n$orange-color: #f96332 !default;\n\n/* brand Colors */\n$brand-primary: $primary-color !default;\n$brand-info: $info-color !default;\n$brand-success: $success-color !default;\n$brand-warning: $warning-color !default;\n$brand-danger: $danger-color !default;\n$brand-inverse: $black-color !default;\n\n$link-disabled-color: #666666 !default;\n\n/* light colors */\n$light-blue: rgba($primary-color, 0.2);\n$light-azure: rgba($info-color, 0.2);\n$light-green: rgba($success-color, 0.2);\n$light-orange: rgba($warning-color, 0.2);\n$light-red: rgba($danger-color, 0.2);\n\n//== Components\n//\n\n$padding-input-vertical: 11px !default;\n$padding-input-horizontal: 19px !default;\n\n$padding-btn-vertical: 11px !default;\n$padding-btn-horizontal: 22px !default;\n\n$padding-base-vertical: 0.5rem !default;\n$padding-base-horizontal: 0.7rem !default;\n\n$padding-round-horizontal: 23px !default;\n\n$padding-simple-vertical: 10px !default;\n$padding-simple-horizontal: 17px !default;\n\n$padding-large-vertical: 15px !default;\n$padding-large-horizontal: 48px !default;\n\n$padding-small-vertical: 5px !default;\n$padding-small-horizontal: 15px !default;\n\n// $padding-xs-vertical: 1px !default;\n// $padding-xs-horizontal: 5px !default;\n\n$padding-label-vertical: 2px !default;\n$padding-label-horizontal: 12px !default;\n\n$margin-large-vertical: 30px !default;\n$margin-base-vertical: 15px !default;\n\n$margin-base-horizontal: 15px !default;\n\n$margin-bottom: 10px !default;\n$border: 1px solid !default;\n$border-radius-extra-small: 0.125rem !default;\n$border-radius-small: 0.1875rem !default;\n$border-radius-large: 0.25rem !default;\n$border-radius-extreme: 0.875rem !default;\n\n$border-radius-large-top: $border-radius-large $border-radius-large 0 0 !default;\n$border-radius-large-bottom: 0 0 $border-radius-large $border-radius-large !default;\n\n$btn-round-radius: 4px !default;\n\n$height-base: 55px !default;\n\n$btn-icon-size: 3.5rem !default;\n$btn-icon-size-regular: 2.375rem !default;\n$btn-icon-font-size-regular: 0.9375rem !default;\n$btn-icon-font-size-small: 0.6875rem !default;\n$btn-icon-size-small: 1.875rem !default;\n$btn-icon-font-size-lg: 1.325rem !default;\n$btn-icon-size-lg: 3.6rem !default;\n\n$font-size-h1: 3.5em !default; // ~ 49px\n$font-size-h2: 2.5em !default; // ~ 35px\n$font-size-h3: 2em !default; // ~ 28px\n$font-size-h4: 1.714em !default; // ~ 24px\n$font-size-h5: 1.57em !default; // ~ 22px\n$font-size-h6: 1em !default; // ~ 14px\n\n$font-paragraph: 1em !default;\n$font-size-navbar: 1em !default;\n$font-size-mini: 0.7142em !default;\n$font-size-small: 0.8571em !default;\n$font-size-base: 14px !default;\n$font-size-large: 1em !default;\n$font-size-large-navbar: 20px !default;\n$font-size-blockquote: 1.1em !default; // ~ 15px\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semi: 600 !default;\n$font-weight-bold: 700 !default;\n\n$line-height-general: 1.5 !default;\n$line-height-nav-link: 1.625rem !default;\n$btn-icon-line-height: 2.4em !default;\n$line-height: 1.35em !default;\n$line-height-lg: 54px !default;\n\n$border-radius-top: 10px 10px 0 0 !default;\n$border-radius-bottom: 0 0 10px 10px !default;\n\n$dropdown-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.125);\n$box-shadow-raised: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);\n$box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);\n$sidebar-box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2),\n 0px 2px 30px 0 rgba(0, 0, 0, 0.35);\n\n$general-transition-time: 300ms !default;\n\n$slow-transition-time: 370ms !default;\n$dropdown-coordinates: 29px -50px !default;\n\n$fast-transition-time: 150ms !default;\n$select-coordinates: 50% -40px !default;\n\n$transition-linear: linear !default;\n$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default;\n$transition-ease: ease 0s;\n\n//$navbar-padding-a: 9px 13px;\n$navbar-margin-a: 15px 0px;\n\n$padding-social-a: 10px 5px;\n\n$navbar-margin-a-btn: 15px 0px;\n$navbar-margin-a-btn-round: 16px 0px;\n\n$navbar-padding-a-icons: 6px 15px;\n$navbar-margin-a-icons: 6px 3px;\n\n$navbar-padding-base: 0.625rem;\n//$navbar-margin-brand: 5px 0px;\n\n$navbar-margin-brand-icons: 12px auto;\n$navbar-margin-btn: 15px 3px;\n\n$height-icon-sm: 32px;\n$width-icon-sm: 32px;\n$padding-icon-sm: 4px;\n$border-radius-icon-sm: 7px;\n\n$height-icon-message: 40px;\n$width-icon-message: 40px;\n\n$height-icon-message-sm: 20px;\n$width-icon-message-sm: 20px;\n\n$white-navbar: rgba(#ffffff, 0.96);\n$primary-navbar: rgba(#34acdc, 0.98);\n$info-navbar: rgba(#5bcaff, 0.98);\n$success-navbar: rgba(#4cd964, 0.98);\n$warning-navbar: #FF9500;\n$danger-navbar: rgba(#ff4c40, 0.98);\n\n$topbar-x: topbar-x !default;\n$topbar-back: topbar-back !default;\n$bottombar-x: bottombar-x !default;\n$bottombar-back: bottombar-back !default;\n\n//Nucleo Icons\n\n$nc-font-path: \"~assets/fonts\" !default;\n$nc-font-size-base: 14px !default;\n$nc-css-prefix: now-ui !default;\n$nc-background-color: #eee !default;\n$nc-li-width: (30em / 14) !default;\n$nc-padding-width: (1em/3) !default;\n\n// Social icons color\n$social-twitter: #55acee !default;\n$social-twitter-state-color: darken(#55acee, 5%) !default;\n\n$social-facebook: #3b5998 !default;\n$social-facebook-state-color: darken(#3b5998, 5%) !default;\n\n$social-google: #dd4b39 !default;\n$social-google-state-color: darken(#dd4b39, 5%) !default;\n\n$social-linkedin: #0077b5 !default;\n$social-linkedin-state-color: darken(#0077b5, 5%) !default;\n\n// Sidebar variables\n$sidebar-width: calc(100% - 260px) !default;\n$sidebar-mini-width: calc(100% - 80px) !default;\n\n// Social icons color\n$social-twitter: #55acee !default;\n$social-twitter-state-color: lighten(#55acee, 6%) !default;\n\n$social-facebook: #3b5998 !default;\n$social-facebook-state-color: lighten(#3b5998, 6%) !default;\n\n$social-google: #dd4b39 !default;\n$social-google-state-color: lighten(#dd4b39, 6%) !default;\n\n$social-linkedin: #0077b5 !default;\n$social-linkedin-state-color: lighten(#0077b5, 6%) !default;\n\n$social-pinterest: #cc2127 !default;\n$social-pinterest-state-color: lighten(#cc2127, 6%) !default;\n\n$social-dribbble: #ea4c89 !default;\n$social-dribbble-state-color: lighten(#ea4c89, 6%) !default;\n\n$social-github: #333333 !default;\n$social-github-state-color: lighten(#333333, 6%) !default;\n\n$social-youtube: #e52d27 !default;\n$social-youtube-state-color: lighten(#e52d27, 6%) !default;\n\n$social-instagram: #125688 !default;\n$social-instagram-state-color: lighten(#125688, 6%) !default;\n\n$social-reddit: #ff4500 !default;\n$social-reddit-state-color: lighten(#ff4500, 6%) !default;\n\n$social-tumblr: #35465c !default;\n$social-tumblr-state-color: lighten(#35465c, 6%) !default;\n\n$social-behance: #1769ff !default;\n$social-behance-state-color: lighten(#1769ff, 6%) !default;\n","// Mixin for generating new styles\n@mixin btn-styles($btn-color, $btn-states-color) {\n background-color: $btn-color;\n\n &:hover,\n &:focus,\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n &:not(:disabled):not(.disabled):active:focus,\n &:not(:disabled):not(.disabled).active:focus,\n &:active:hover,\n &.active:hover,\n .show > &.dropdown-toggle,\n .show > &.dropdown-toggle:focus,\n .show > &.dropdown-toggle:hover {\n background-color: $btn-states-color;\n color: $white-color;\n box-shadow: none;\n border-color: $btn-states-color;\n }\n\n &:not([data-action]):not([class*=\"btn-outline-\"]):hover {\n box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);\n }\n\n &.disabled,\n &:disabled,\n &[disabled],\n fieldset[disabled] & {\n &,\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: $btn-color;\n border-color: $btn-color;\n }\n }\n\n // btn-neutral style\n @if $btn-color == $white-color {\n color: $primary-color;\n\n &.btn-danger {\n color: $danger-color;\n\n &:hover,\n &:focus,\n &:active,\n &:active:focus {\n color: $danger-states-color !important;\n }\n }\n\n &.btn-info {\n color: $info-color;\n\n &:hover,\n &:focus,\n &:active,\n &:active:focus {\n color: $info-states-color !important;\n }\n }\n\n &.btn-warning {\n color: $warning-color;\n\n &:hover,\n &:focus,\n &:active,\n &:active:focus {\n color: $warning-states-color !important;\n }\n }\n\n &.btn-success {\n color: $success-color;\n\n &:hover,\n &:focus,\n &:active,\n &:active:focus {\n color: $success-states-color !important;\n }\n }\n\n &.btn-default {\n color: $default-color;\n\n &:hover,\n &:focus,\n &:active,\n &:active:focus {\n color: $default-states-color !important;\n }\n }\n\n &.active,\n &:active,\n &:active:focus,\n &:active:hover,\n &.active:focus,\n &.active:hover,\n .show > &.dropdown-toggle,\n .show > &.dropdown-toggle:focus,\n .show > &.dropdown-toggle:hover {\n background-color: $white-color;\n color: $primary-states-color !important;\n box-shadow: none;\n }\n\n &:hover,\n &:focus {\n color: $primary-states-color;\n\n &:not(.nav-link) {\n box-shadow: none !important;\n }\n }\n } @else {\n color: $white-color;\n }\n\n &.btn-link {\n color: $btn-color;\n\n &:hover,\n &:focus,\n &:active {\n background-color: $transparent-bg;\n color: $btn-states-color;\n text-decoration: none;\n box-shadow: none;\n }\n }\n}\n\n@mixin outline-buttons($btn-color, $btn-states-color) {\n color: $btn-color;\n border-color: $btn-color;\n\n &:hover,\n &:focus,\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n &:not(:disabled):not(.disabled):active:focus,\n &:not(:disabled):not(.disabled).active:focus,\n &:active:hover,\n &.active:hover,\n .show > &.dropdown-toggle,\n .show > &.dropdown-toggle:focus,\n .show > &.dropdown-toggle:hover {\n background-color: $transparent-bg;\n color: $btn-states-color;\n border-color: $btn-states-color;\n box-shadow: none;\n }\n}\n\n@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border) {\n font-size: $font-size;\n border-radius: $border;\n padding: $padding-vertical $padding-horizontal;\n\n &[class*=\"btn-outline-\"] {\n padding: $padding-vertical - 1 $padding-horizontal - 1;\n }\n}\n","// Opacity\n\n@mixin opacity($opacity) {\n opacity: $opacity;\n // IE8 filter\n $opacity-ie: ($opacity * 100);\n filter: #{alpha(opacity=$opacity-ie)};\n}\n","@mixin box-shadow($shadow...) {\n -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1\n box-shadow: $shadow;\n}\n\n@mixin transition-input-focus-color() {\n -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,\n background-color 0.3s ease-in-out;\n -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,\n background-color 0.3s ease-in-out;\n -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,\n background-color 0.3s ease-in-out;\n -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,\n background-color 0.3s ease-in-out;\n transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,\n background-color 0.3s ease-in-out;\n}\n\n@mixin transition($time, $type) {\n -webkit-transition: all $time $type;\n -moz-transition: all $time $type;\n -o-transition: all $time $type;\n -ms-transition: all $time $type;\n transition: all $time $type;\n}\n\n@mixin rotate-180() {\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n@mixin transform-translate-x($value) {\n -webkit-transform: translate3d($value, 0, 0);\n -moz-transform: translate3d($value, 0, 0);\n -o-transform: translate3d($value, 0, 0);\n -ms-transform: translate3d($value, 0, 0);\n transform: translate3d($value, 0, 0);\n}\n\n@mixin transform-translate-y($value) {\n -webkit-transform: translate3d(0, $value, 0);\n -moz-transform: translate3d(0, $value, 0);\n -o-transform: translate3d(0, $value, 0);\n -ms-transform: translate3d(0, $value, 0);\n transform: translate3d(0, $value, 0);\n}\n\n@mixin transform-translate-y-dropdown($value) {\n -webkit-transform: translate3d(0, $value, 0) !important;\n -moz-transform: translate3d(0, $value, 0) !important;\n -o-transform: translate3d(0, $value, 0) !important;\n -ms-transform: translate3d(0, $value, 0) !important;\n transform: translate3d(0, $value, 0) !important;\n}\n\n@mixin icon-gradient($color, $bottomColor: #000) {\n background: $color;\n background: -webkit-linear-gradient($color 0%, $bottomColor 80%);\n background: -o-linear-gradient($color 0%, $bottomColor 80%);\n background: -moz-linear-gradient($color 0%, $bottomColor 80%);\n background: linear-gradient($color 0%, $bottomColor 80%);\n}\n\n@mixin sidebar-color($color) {\n &:after {\n background: $color;\n }\n\n .nav li.active > a:not([data-toggle=\"collapse\"]) {\n color: $color;\n\n i {\n color: $color;\n }\n }\n}\n\n@mixin bar-animation($type) {\n -webkit-animation: $type 500ms linear 0s;\n -moz-animation: $type 500ms linear 0s;\n animation: $type 500ms 0s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n\n@mixin topbar-x-rotation() {\n @keyframes topbar-x {\n 0% {\n top: 0px;\n transform: rotate(0deg);\n }\n 45% {\n top: 6px;\n transform: rotate(145deg);\n }\n 75% {\n transform: rotate(130deg);\n }\n 100% {\n transform: rotate(135deg);\n }\n }\n @-webkit-keyframes topbar-x {\n 0% {\n top: 0px;\n -webkit-transform: rotate(0deg);\n }\n 45% {\n top: 6px;\n -webkit-transform: rotate(145deg);\n }\n 75% {\n -webkit-transform: rotate(130deg);\n }\n 100% {\n -webkit-transform: rotate(135deg);\n }\n }\n @-moz-keyframes topbar-x {\n 0% {\n top: 0px;\n -moz-transform: rotate(0deg);\n }\n 45% {\n top: 6px;\n -moz-transform: rotate(145deg);\n }\n 75% {\n -moz-transform: rotate(130deg);\n }\n 100% {\n -moz-transform: rotate(135deg);\n }\n }\n}\n\n@mixin topbar-back-rotation() {\n @keyframes topbar-back {\n 0% {\n top: 6px;\n transform: rotate(135deg);\n }\n 45% {\n transform: rotate(-10deg);\n }\n 75% {\n transform: rotate(5deg);\n }\n 100% {\n top: 0px;\n transform: rotate(0);\n }\n }\n\n @-webkit-keyframes topbar-back {\n 0% {\n top: 6px;\n -webkit-transform: rotate(135deg);\n }\n 45% {\n -webkit-transform: rotate(-10deg);\n }\n 75% {\n -webkit-transform: rotate(5deg);\n }\n 100% {\n top: 0px;\n -webkit-transform: rotate(0);\n }\n }\n\n @-moz-keyframes topbar-back {\n 0% {\n top: 6px;\n -moz-transform: rotate(135deg);\n }\n 45% {\n -moz-transform: rotate(-10deg);\n }\n 75% {\n -moz-transform: rotate(5deg);\n }\n 100% {\n top: 0px;\n -moz-transform: rotate(0);\n }\n }\n}\n\n@mixin bottombar-x-rotation() {\n @keyframes bottombar-x {\n 0% {\n bottom: 0px;\n transform: rotate(0deg);\n }\n 45% {\n bottom: 6px;\n transform: rotate(-145deg);\n }\n 75% {\n transform: rotate(-130deg);\n }\n 100% {\n transform: rotate(-135deg);\n }\n }\n @-webkit-keyframes bottombar-x {\n 0% {\n bottom: 0px;\n -webkit-transform: rotate(0deg);\n }\n 45% {\n bottom: 6px;\n -webkit-transform: rotate(-145deg);\n }\n 75% {\n -webkit-transform: rotate(-130deg);\n }\n 100% {\n -webkit-transform: rotate(-135deg);\n }\n }\n @-moz-keyframes bottombar-x {\n 0% {\n bottom: 0px;\n -moz-transform: rotate(0deg);\n }\n 45% {\n bottom: 6px;\n -moz-transform: rotate(-145deg);\n }\n 75% {\n -moz-transform: rotate(-130deg);\n }\n 100% {\n -moz-transform: rotate(-135deg);\n }\n }\n}\n\n@mixin bottombar-back-rotation {\n @keyframes bottombar-back {\n 0% {\n bottom: 6px;\n transform: rotate(-135deg);\n }\n 45% {\n transform: rotate(10deg);\n }\n 75% {\n transform: rotate(-5deg);\n }\n 100% {\n bottom: 0px;\n transform: rotate(0);\n }\n }\n @-webkit-keyframes bottombar-back {\n 0% {\n bottom: 6px;\n -webkit-transform: rotate(-135deg);\n }\n 45% {\n -webkit-transform: rotate(10deg);\n }\n 75% {\n -webkit-transform: rotate(-5deg);\n }\n 100% {\n bottom: 0px;\n -webkit-transform: rotate(0);\n }\n }\n @-moz-keyframes bottombar-back {\n 0% {\n bottom: 6px;\n -moz-transform: rotate(-135deg);\n }\n 45% {\n -moz-transform: rotate(10deg);\n }\n 75% {\n -moz-transform: rotate(-5deg);\n }\n 100% {\n bottom: 0px;\n -moz-transform: rotate(0);\n }\n }\n}\n\n@mixin nc-rotate($degrees, $rotation) {\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});\n -webkit-transform: rotate($degrees);\n -moz-transform: rotate($degrees);\n -ms-transform: rotate($degrees);\n -o-transform: rotate($degrees);\n transform: rotate($degrees);\n}\n\n@mixin nc-flip($horiz, $vert, $rotation) {\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});\n -webkit-transform: scale($horiz, $vert);\n -moz-transform: scale($horiz, $vert);\n -ms-transform: scale($horiz, $vert);\n -o-transform: scale($horiz, $vert);\n transform: scale($horiz, $vert);\n}\n","// for social buttons\n@mixin social-buttons-color($color, $state-color) {\n background-color: $color;\n color: #fff;\n\n &:focus,\n &:active,\n &:hover {\n background-color: $state-color !important;\n color: #fff;\n }\n\n &.btn-simple {\n color: $color;\n background-color: $transparent-bg;\n box-shadow: none;\n border-color: $color;\n\n &:hover,\n &:focus,\n &:active {\n color: $state-color;\n border-color: $state-color;\n }\n }\n\n &.btn-neutral {\n color: $color;\n background-color: $white-color !important;\n\n &:hover,\n &:focus,\n &:active {\n color: $state-color !important;\n }\n }\n}\n","@mixin input-size($padding-vertical, $padding-horizontal) {\n padding: $padding-vertical $padding-horizontal;\n}\n\n@mixin form-control-placeholder($color, $opacity) {\n .form-control::-moz-placeholder {\n color: $color;\n @include opacity(1);\n }\n .form-control:-moz-placeholder {\n color: $color;\n @include opacity(1);\n }\n .form-control::-webkit-input-placeholder {\n color: $color;\n @include opacity(1);\n }\n .form-control:-ms-input-placeholder {\n color: $color;\n @include opacity(1);\n }\n}\n\n@mixin placeholder() {\n &::-moz-placeholder {\n @content;\n } // Firefox\n &:-ms-input-placeholder {\n @content;\n } // Internet Explorer 10+\n &::-webkit-input-placeholder {\n @content;\n } // Safari and Chrome\n}\n\n@mixin light-form() {\n border-radius: 0;\n border: 0;\n padding: 0;\n background-color: transparent;\n}\n\n@mixin form-control-lg-padding($padding-vertical, $padding-horizontal) {\n .form-group.no-border.form-control-lg,\n .input-group.no-border.form-control-lg {\n .input-group-append .input-group-text {\n padding: $padding-vertical 0 $padding-vertical $padding-horizontal;\n }\n\n .form-control {\n padding: $padding-vertical $padding-horizontal;\n\n & + .input-group-prepend .input-group-text,\n & + .input-group-append .input-group-text {\n padding: $padding-vertical $padding-horizontal $padding-vertical 0;\n }\n }\n }\n\n .form-group.form-control-lg,\n .input-group.form-control-lg {\n .form-control {\n padding: $padding-vertical - 1 $padding-horizontal - 1;\n\n & + .input-group-prepend .input-group-text,\n & + .input-group-append .input-group-text {\n padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical -\n 1 0;\n }\n }\n\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n padding: $padding-vertical - 1 0 $padding-vertical $padding-horizontal - 1;\n\n & + .form-control {\n padding: $padding-vertical $padding-horizontal - 1 $padding-vertical\n $padding-horizontal - 3;\n }\n }\n }\n}\n\n@mixin input-base-padding($padding-vertical, $padding-horizontal) {\n .form-group.no-border,\n .input-group.no-border {\n .form-control {\n padding: $padding-vertical $padding-horizontal;\n\n & + .input-group-prepend .input-group-text,\n & + .input-group-append .input-group-text {\n padding: $padding-vertical $padding-horizontal $padding-vertical 0;\n }\n }\n\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n padding: $padding-vertical 0 $padding-vertical $padding-horizontal;\n }\n }\n\n .form-group,\n .input-group {\n .form-control {\n padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical -\n 1 $padding-horizontal - 1;\n\n & + .input-group-prepend .input-group-text,\n & + .input-group-append .input-group-text {\n padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical -\n 1 0;\n }\n }\n\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n padding: $padding-vertical - 1 0 $padding-vertical - 1 $padding-horizontal -\n 1;\n\n & + .form-control,\n & ~ .form-control {\n padding: $padding-vertical - 1 $padding-horizontal $padding-vertical\n $padding-horizontal - 3;\n }\n }\n }\n}\n\n//color1 = $opacity-5\n//color2 = $opacity-8\n//color3 = $white-color\n//color4 = $transparent-bg\n//color5 = $opacity-1\n//color6 = $opacity-2\n\n@mixin input-coloured-bg($color1, $color2, $color3, $color4, $color5, $color6) {\n @include form-control-placeholder(darken($color2, 8%), 1);\n\n .form-control {\n border-color: $color1;\n color: $color2;\n\n &:focus {\n border-color: $color3;\n background-color: $color4;\n color: $color3;\n }\n }\n\n .has-success,\n .has-danger {\n &:after {\n color: $color3;\n }\n }\n\n .has-danger {\n .form-control {\n background-color: $color4;\n }\n }\n\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n background-color: $color4;\n border-color: $color1;\n color: $color2;\n }\n\n .input-group-focus {\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n background-color: $color4;\n border-color: $color3;\n color: $color3;\n }\n }\n\n .form-group.no-border,\n .input-group.no-border {\n .form-control {\n background-color: $color5;\n color: $color2;\n\n &:focus,\n &:active,\n &:active {\n background-color: $color6;\n color: $color3;\n }\n }\n\n .form-control + .input-group-prepend .input-group-text,\n .form-control + .input-group-append .input-group-text {\n background-color: $color5;\n\n &:focus,\n &:active,\n &:active {\n background-color: $color6;\n color: $color3;\n }\n }\n\n .form-control {\n &:focus {\n & + .input-group-prepend .input-group-text,\n & + .input-group-append .input-group-text {\n background-color: $color6;\n color: $color3;\n }\n }\n }\n\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n background-color: $color5;\n border: none;\n color: $color2;\n }\n\n &.input-group-focus {\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n background-color: $color6;\n color: $color3;\n }\n }\n }\n}\n","@include form-control-placeholder($default-color, 1);\n\n.form-control {\n background-color: $transparent-bg;\n border: 1px solid $light-gray;\n border-radius: $btn-round-radius;\n color: $black-color;\n line-height: normal;\n height: auto;\n font-size: $font-size-small;\n @include transition-input-focus-color();\n @include box-shadow(none);\n\n &:focus {\n border: 1px solid $primary-color;\n @include box-shadow(none);\n outline: 0 !important;\n color: $black-color;\n\n & + .input-group-append .input-group-text,\n & ~ .input-group-append .input-group-text,\n & + .input-group-prepend .input-group-text,\n & ~ .input-group-prepend .input-group-text {\n border: 1px solid $primary-color;\n border-left: none;\n background-color: $transparent-bg;\n }\n }\n\n .has-success &,\n .has-error &,\n .has-success &:focus,\n .has-error &:focus {\n @include box-shadow(none);\n }\n\n .has-danger &,\n .has-success & {\n &.form-control-success,\n &.form-control-danger {\n background-image: none;\n }\n }\n\n & + .form-control-feedback {\n border-radius: $border-radius-large;\n font-size: $font-size-base;\n margin-top: -7px;\n position: absolute;\n right: 10px;\n top: 50%;\n vertical-align: middle;\n }\n\n .open & {\n border-radius: $border-radius-large $border-radius-large 0 0;\n border-bottom-color: transparent;\n }\n\n & + .input-group-append .input-group-text,\n & + .input-group-prepend .input-group-text {\n background-color: $white-bg;\n }\n}\n\n.has-success .input-group-append .input-group-text,\n.has-success .input-group-prepend .input-group-text,\n.has-success .form-control {\n border-color: $light-gray;\n}\n\n.has-success .form-control:focus,\n.has-success.input-group-focus .input-group-append .input-group-text,\n.has-success.input-group-focus .input-group-prepend .input-group-text {\n border-color: lighten($success-color, 5%);\n}\n\n.has-danger .form-control,\n.has-danger .input-group-append .input-group-text,\n.has-danger .input-group-prepend .input-group-text,\n.has-danger.input-group-focus .input-group-prepend .input-group-text,\n.has-danger.input-group-focus .input-group-append .input-group-text {\n border-color: lighten($danger-color, 30%);\n color: $danger-color;\n background-color: rgba(222, 222, 222, 0.1);\n\n &:focus {\n background-color: $white-color;\n }\n}\n\n.has-success,\n.has-danger {\n &:after {\n font-family: \"Nucleo Outline\";\n content: \"\\ea22\";\n display: inline-block;\n position: absolute;\n right: 20px;\n bottom: 10px;\n color: $success-color;\n font-size: 11px;\n }\n\n &.form-control-lg {\n &:after {\n font-size: 13px;\n top: 24px;\n }\n }\n\n &.has-label {\n &:after {\n top: 35px;\n }\n }\n\n .form-control + label,\n &.form-check .form-check-label label,\n &.form-check:after {\n display: none !important;\n }\n\n &.form-check .form-check-label {\n color: $success-color;\n }\n}\n\n.has-danger {\n &:after {\n content: \"\\ea53\";\n color: $danger-color;\n }\n\n &.form-check .form-check-label {\n color: $danger-color;\n }\n}\n\n@include form-control-lg-padding(\n $padding-large-vertical,\n $padding-input-horizontal\n);\n@include input-base-padding($padding-input-vertical, $padding-input-horizontal);\n\n.form-group.no-border,\n.input-group.no-border {\n .form-control,\n .form-control + .input-group-prepend .input-group-text,\n .form-control + .input-group-append .input-group-text {\n background-color: $opacity-gray-3;\n border: medium none;\n &:focus,\n &:active,\n &:active {\n border: medium none;\n background-color: $opacity-gray-5;\n }\n }\n\n .form-control {\n &:focus {\n & + .input-group-prepend .input-group-text,\n & + .input-group-append .input-group-text {\n background-color: $opacity-gray-5;\n }\n }\n }\n\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n background-color: $opacity-gray-3;\n border: none;\n }\n}\n\n.has-error {\n .form-control-feedback,\n .control-label {\n color: $danger-color;\n }\n}\n.has-success {\n .form-control-feedback,\n .control-label {\n color: $success-color;\n }\n}\n\n.input-group-append .input-group-text,\n.input-group-prepend .input-group-text {\n background-color: transparent;\n border: 1px solid $light-gray;\n border-radius: $btn-round-radius;\n color: $default-color;\n\n & i {\n opacity: 0.5;\n }\n\n @include transition-input-focus-color();\n\n .has-danger.input-group-focus & {\n background-color: $white-color;\n }\n\n .has-success & {\n background-color: $white-color;\n }\n .has-danger .form-control:focus + & {\n color: $danger-color;\n }\n .has-success .form-control:focus + & {\n color: $success-color;\n }\n\n & + .form-control,\n & ~ .form-control {\n @include input-size($padding-base-vertical - 1, $padding-base-horizontal);\n padding-left: 18px;\n }\n\n i {\n width: 17px;\n }\n}\n\n.input-group-append,\n.input-group-prepend {\n margin: 0;\n}\n\n.input-group-append .input-group-text {\n border-left: none;\n}\n.input-group-prepend .input-group-text {\n border-right: none;\n}\n\n.input-group-focus {\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n background-color: $white-bg;\n border-color: $primary-color;\n }\n\n &.no-border {\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n background-color: $opacity-gray-5;\n }\n }\n}\n\n.input-group,\n.form-group {\n margin-bottom: 10px;\n position: relative;\n\n .form-control-static {\n margin-top: 9px;\n }\n}\n.input-group[disabled] {\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n background-color: $light-gray;\n }\n}\n\n.input-group .form-control:not(:first-child):not(:last-child),\n.input-group-btn:not(:first-child):not(:last-child) {\n border-radius: $btn-round-radius;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: 0 none;\n}\n\n.input-group .form-control:first-child,\n.input-group-btn:first-child > .dropdown-toggle,\n.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {\n border-right: 0 none;\n}\n.input-group .form-control:last-child,\n.input-group-btn:last-child > .dropdown-toggle,\n.input-group-btn:first-child > .btn:not(:first-child) {\n border-left: 0 none;\n}\n.form-control[disabled],\n.form-control[readonly],\nfieldset[disabled] .form-control {\n background-color: $light-gray;\n color: $default-color;\n cursor: not-allowed;\n}\n\n.input-group-btn .btn {\n border-width: $border-thin;\n padding: $padding-btn-vertical $padding-base-horizontal;\n}\n.input-group-btn .btn-default:not(.btn-fill) {\n border-color: $medium-gray;\n}\n\n.input-group-btn:last-child > .btn {\n margin-left: 0;\n}\ntextarea.form-control {\n max-width: 100%;\n max-height: 80px;\n padding: 10px 10px 0 0;\n resize: none;\n border-bottom: 1px solid $light-gray;\n border-radius: $btn-round-radius;\n line-height: 2;\n}\n\n.has-success,\n.has-danger {\n &.form-group .form-control,\n &.form-group.no-border .form-control {\n padding-right: $padding-input-horizontal + 21;\n }\n}\n\n.form.form-newsletter .form-group {\n float: left;\n width: 78%;\n margin-right: 2%;\n margin-top: 9px;\n}\n\n.input-group .input-group-btn {\n padding: 0 12px;\n}\n\n// Input files - hide actual input - requires specific markup in the sample.\n.form-group input[type=\"file\"] {\n opacity: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 100;\n}\n\n.form-text {\n font-size: $font-size-small;\n}\n\n.form-control-lg {\n padding: 0;\n font-size: inherit;\n line-height: 0;\n border-radius: 0;\n}\n\n.form-horizontal {\n .col-form-label,\n .label-on-right {\n padding: 10px 5px 0 15px;\n text-align: right;\n max-width: 180px;\n }\n\n .checkbox-radios {\n margin-bottom: 15px;\n\n .form-check:first-child {\n margin-top: 8px;\n }\n }\n\n .label-on-right {\n text-align: left;\n padding: 10px 15px 0 5px;\n }\n\n .form-check-inline {\n margin-top: 6px;\n }\n}\n","button,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: $sans-serif-family;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: $font-weight-normal;\n}\n\na {\n color: $primary-color;\n &:hover,\n &:focus {\n color: $primary-color;\n }\n}\nh1,\n.h1 {\n font-size: $font-size-h1;\n line-height: 1.15;\n margin-bottom: $margin-base-vertical * 2;\n\n small {\n font-weight: $font-weight-bold;\n text-transform: uppercase;\n opacity: 0.8;\n }\n}\nh2,\n.h2 {\n font-size: $font-size-h2;\n margin-bottom: $margin-base-vertical * 2;\n}\nh3,\n.h3 {\n font-size: $font-size-h3;\n margin-bottom: $margin-base-vertical * 2;\n line-height: 1.4em;\n}\nh4,\n.h4 {\n font-size: $font-size-h4;\n line-height: 1.45em;\n margin-top: $margin-base-vertical * 2;\n margin-bottom: $margin-base-vertical;\n\n & + .category,\n &.title + .category {\n margin-top: -10px;\n }\n}\nh5,\n.h5 {\n font-size: $font-size-h5;\n line-height: 1.4em;\n margin-bottom: 15px;\n}\nh6,\n.h6 {\n font-size: $font-size-h6;\n font-weight: $font-weight-bold;\n text-transform: uppercase;\n}\np {\n &.description {\n font-size: 1.14em;\n }\n}\n\n// i.fa{\n// font-size: 18px;\n// position: relative;\n// top: 1px;\n// }\n\n.title {\n font-weight: $font-weight-bold;\n\n &.title-up {\n text-transform: uppercase;\n\n a {\n color: $black-color;\n text-decoration: none;\n }\n }\n & + .category {\n margin-top: -10px;\n }\n}\n\n.description,\n.card-description,\n.footer-big p,\n.card .footer .stats {\n color: $dark-gray;\n font-weight: $font-weight-light;\n}\n.category,\n.card-category {\n text-transform: capitalize;\n font-weight: $font-weight-normal;\n color: $dark-gray;\n font-size: $font-size-mini;\n}\n\n.card-category {\n font-size: $font-size-h6;\n}\n\n.text-primary,\na.text-primary:focus,\na.text-primary:hover {\n color: $brand-primary !important;\n}\n.text-info,\na.text-info:focus,\na.text-info:hover {\n color: $brand-info !important;\n}\n.text-success,\na.text-success:focus,\na.text-success:hover {\n color: $brand-success !important;\n}\n.text-warning,\na.text-warning:focus,\na.text-warning:hover {\n color: $brand-warning !important;\n}\n.text-danger,\na.text-danger:focus,\na.text-danger:hover {\n color: $brand-danger !important;\n}\n\n.text-gray,\na.text-gray:focus,\na.text-gray:hover {\n color: $light-gray !important;\n}\n\n.blockquote {\n border-left: none;\n border: 1px solid $default-color;\n padding: 20px;\n font-size: $font-size-blockquote;\n line-height: 1.8;\n\n small {\n color: $default-color;\n font-size: $font-size-small;\n text-transform: uppercase;\n }\n\n &.blockquote-primary {\n border-color: $primary-color;\n color: $primary-color;\n\n small {\n color: $primary-color;\n }\n }\n\n &.blockquote-danger {\n border-color: $danger-color;\n color: $danger-color;\n\n small {\n color: $danger-color;\n }\n }\n\n &.blockquote-white {\n border-color: $opacity-8;\n color: $white-color;\n\n small {\n color: $opacity-8;\n }\n }\n}\n","body {\n color: $black-color;\n font-size: $font-size-base;\n font-family: $sans-serif-family;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n.main {\n position: relative;\n background: $white-color;\n}\n/* Animations */\n.nav-pills .nav-link,\n.navbar,\n.nav-tabs .nav-link,\n.sidebar .nav a,\n.sidebar .nav a i,\n.navbar-collapse .navbar-nav .nav-link,\n.animation-transition-general,\n.tag,\n.tag [data-role=\"remove\"],\n.animation-transition-general {\n @include transition($general-transition-time, $transition-ease);\n}\n\n//transition for dropdown caret\n.dropdown-toggle:after,\n.bootstrap-switch-label:before,\n.caret {\n @include transition($fast-transition-time, $transition-ease);\n}\n\n.dropdown-toggle[aria-expanded=\"true\"]:after,\na[data-toggle=\"collapse\"][aria-expanded=\"true\"] .caret,\n.card-collapse .card a[data-toggle=\"collapse\"][aria-expanded=\"true\"] i,\n.card-collapse .card a[data-toggle=\"collapse\"].expanded i {\n @include rotate-180();\n}\n\n.button-bar {\n display: block;\n position: relative;\n width: 22px;\n height: 1px;\n border-radius: 1px;\n background: $white-bg;\n\n & + .button-bar {\n margin-top: 7px;\n }\n\n &:nth-child(2) {\n width: 17px;\n }\n}\n\n.caret {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 2px;\n vertical-align: middle;\n border-top: 4px dashed;\n border-top: 4px solid\\9;\n border-right: 4px solid transparent;\n border-left: 4px solid transparent;\n}\n\n.pull-left {\n float: left;\n}\n.pull-right {\n float: right;\n}\n",".navbar {\n padding-top: $navbar-padding-base;\n padding-bottom: $navbar-padding-base;\n min-height: 53px;\n margin-bottom: 20px;\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);\n\n a {\n vertical-align: middle;\n\n &:not(.btn):not(.dropdown-item) {\n color: $white-color;\n }\n\n &.dropdown-item {\n color: $default-color;\n }\n }\n\n &.bg-white {\n .input-group .form-control,\n .input-group.no-border .form-control {\n color: $default-color;\n\n @include placeholder() {\n color: $default-color;\n }\n }\n .input-group-prepend .input-group-text i,\n .input-group-append .input-group-text i {\n color: $default-color;\n opacity: 0.5;\n }\n }\n\n .form-group,\n .input-group {\n margin: 0;\n margin-left: -3px;\n margin-right: 5px;\n\n .form-group-addon,\n .input-group-prepend .input-group-text,\n .input-group-append .input-group-text {\n color: $white-color;\n\n i {\n opacity: 1;\n }\n }\n\n &.no-border {\n .form-control {\n color: $white-color;\n\n @include placeholder() {\n color: $white-color;\n }\n }\n }\n }\n\n p {\n display: inline-block;\n margin: 0;\n line-height: 1.8em;\n font-size: 1em;\n font-weight: 400;\n }\n\n &.navbar-absolute {\n position: absolute;\n width: 100%;\n padding-top: 10px;\n z-index: 1029;\n }\n\n .documentation & {\n &.fixed-top {\n left: 0;\n width: initial;\n }\n }\n\n .navbar-wrapper {\n display: inline-flex;\n align-items: center;\n\n .navbar-minimize {\n padding-right: 10px;\n\n .btn {\n margin: 0;\n }\n }\n\n .navbar-toggle {\n .navbar-toggler {\n padding-left: 0;\n }\n\n &:hover {\n & .navbar-toggler-bar.bar2 {\n width: 22px;\n }\n }\n }\n }\n\n .navbar-nav {\n &.navbar-logo {\n position: absolute;\n left: 0;\n right: 0;\n margin: 0 auto;\n width: 49px;\n top: -4px;\n }\n\n .nav-link.btn {\n padding: $padding-btn-vertical $padding-btn-horizontal;\n &.btn-lg {\n padding: $padding-large-vertical $padding-large-horizontal;\n }\n &.btn-sm {\n padding: $padding-small-vertical $padding-small-horizontal;\n }\n }\n\n .nav-link {\n text-transform: uppercase;\n font-size: $font-size-mini;\n padding: $padding-base-vertical $padding-base-horizontal;\n line-height: $line-height-nav-link;\n margin-right: 3px;\n\n i.fa + p,\n i.now-ui-icons + p {\n margin-left: 3px;\n }\n\n i.fa,\n i.now-ui-icons {\n font-size: 18px;\n position: relative;\n top: 3px;\n text-align: center;\n width: 21px;\n }\n\n i.now-ui-icons {\n top: 4px;\n font-size: 16px;\n }\n\n &.profile-photo {\n .profile-photo-small {\n width: 27px;\n height: 27px;\n }\n }\n\n &.disabled {\n opacity: 0.5;\n color: $white-color;\n }\n }\n\n .nav-item.active .nav-link:not(.btn),\n .nav-item .nav-link:not(.btn):focus,\n .nav-item .nav-link:not(.btn):hover,\n .nav-item .nav-link:not(.btn):active {\n background-color: $opacity-2;\n border-radius: $border-radius-small;\n color: $white-color;\n }\n }\n\n .logo-container {\n width: 27px;\n height: 27px;\n overflow: hidden;\n margin: 0 auto;\n border-radius: 50%;\n border: 1px solid transparent;\n }\n\n .navbar-brand {\n text-transform: uppercase;\n font-size: $font-size-small;\n padding-top: $padding-base-vertical;\n padding-bottom: $padding-base-vertical;\n line-height: $line-height-nav-link;\n }\n\n .navbar-toggler {\n width: 37px;\n height: 27px;\n vertical-align: middle;\n outline: 0;\n cursor: pointer;\n\n & .navbar-toggler-bar.navbar-kebab {\n width: 3px;\n height: 3px;\n border-radius: 50%;\n margin: 0 auto;\n }\n }\n\n .button-dropdown {\n .navbar-toggler-bar:nth-child(2) {\n width: 17px;\n }\n }\n\n &.navbar-transparent {\n background-color: $transparent-bg !important;\n box-shadow: none;\n color: $white-color;\n }\n\n &.bg-white:not(.navbar-transparent) {\n a:not(.dropdown-item):not(.btn) {\n color: $default-color;\n\n &.disabled {\n opacity: 0.5;\n color: $default-color;\n }\n }\n\n .button-bar {\n background: $default-color;\n }\n\n .nav-item.active .nav-link:not(.btn),\n .nav-item .nav-link:not(.btn):focus,\n .nav-item .nav-link:not(.btn):hover,\n .nav-item .nav-link:not(.btn):active {\n background-color: $opacity-gray-8;\n color: $default-color;\n }\n\n .logo-container {\n border: 1px solid $default-color;\n }\n }\n}\n\n.bg-default {\n background-color: $default-color !important;\n}\n\n.bg-primary {\n background-color: $primary-color !important;\n}\n\n.bg-info {\n background-color: $info-color !important;\n}\n\n.bg-success {\n background-color: $success-color !important;\n}\n\n.bg-danger {\n background-color: $danger-color !important;\n}\n\n.bg-warning {\n background-color: $warning-color !important;\n}\n\n.bg-white {\n background-color: $white-color !important;\n}\n",".dropdown-menu {\n border: 0;\n box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);\n border-radius: $border-radius-extra-small;\n @include transition($fast-transition-time, $transition-linear);\n font-size: $font-size-base;\n\n &.dropdown-menu-right {\n &:before {\n left: auto;\n right: 10px;\n }\n }\n\n i {\n margin-right: 5px;\n position: relative;\n top: 1px;\n }\n\n .now-ui-icons {\n margin-right: 10px;\n position: relative;\n top: 4px;\n font-size: 18px;\n margin-top: -5px;\n opacity: 0.5;\n }\n\n .dropdown-item {\n &.active,\n &:active {\n color: inherit;\n }\n }\n\n .dropup & {\n &:before {\n display: none;\n }\n\n &:after {\n display: inline-block;\n position: absolute;\n width: 0;\n height: 0;\n vertical-align: middle;\n content: \"\";\n top: auto;\n bottom: -5px;\n right: auto;\n left: 10px;\n color: $white-color;\n border-top: 0.4em solid;\n border-right: 0.4em solid transparent;\n border-left: 0.4em solid transparent;\n }\n\n &.dropdown-menu-right {\n &:after {\n right: 10px;\n left: auto;\n }\n }\n }\n\n &:before {\n display: inline-block;\n position: absolute;\n width: 0;\n height: 0;\n vertical-align: middle;\n content: \"\";\n top: -5px;\n left: 10px;\n right: auto;\n color: $white-color;\n border-bottom: 0.4em solid;\n border-right: 0.4em solid transparent;\n border-left: 0.4em solid transparent;\n }\n\n &.dropdown-menu-right {\n right: 0 !important;\n left: auto !important;\n }\n\n .dropdown-item,\n .bootstrap-select &.inner li a {\n font-size: $font-size-small;\n padding-top: 0.6rem;\n padding-bottom: 0.6rem;\n margin-top: 5px;\n @include transition($fast-transition-time, $transition-linear);\n\n &:hover,\n &:focus {\n background-color: $opacity-gray-3;\n outline: 0;\n }\n\n &.disabled,\n &:disabled {\n color: $default-color-opacity;\n\n &:hover,\n &:focus {\n background-color: transparent;\n }\n }\n }\n\n .dropdown-divider {\n background-color: $opacity-gray-5;\n }\n\n .dropdown-header:not([href]):not([tabindex]) {\n color: $default-color-opacity;\n font-size: $font-size-mini;\n text-transform: uppercase;\n font-weight: $font-weight-bold;\n }\n\n &.dropdown-primary {\n @include dropdown-colors(\n darken($primary-color, 3%),\n $opacity-8,\n $white-color,\n $opacity-2\n );\n }\n\n &.dropdown-info {\n @include dropdown-colors(\n darken($info-color, 3%),\n $opacity-8,\n $white-color,\n $opacity-2\n );\n }\n\n &.dropdown-danger {\n @include dropdown-colors(\n darken($danger-color, 3%),\n $opacity-8,\n $white-color,\n $opacity-2\n );\n }\n\n &.dropdown-success {\n @include dropdown-colors(\n darken($success-color, 3%),\n $opacity-8,\n $white-color,\n $opacity-2\n );\n }\n\n &.dropdown-warning {\n @include dropdown-colors(\n darken($warning-color, 3%),\n $opacity-8,\n $white-color,\n $opacity-2\n );\n }\n\n .dropdown &:not(.inner),\n .dropup:not(.bootstrap-select) &,\n &.bootstrap-datetimepicker-widget.top,\n &.bootstrap-datetimepicker-widget.bottom {\n visibility: hidden;\n display: block;\n @include opacity(0);\n top: 100% !important;\n }\n\n .dropdown &:not(.inner),\n &.bootstrap-datetimepicker-widget.bottom {\n @include transform-translate-y-dropdown(-20px);\n }\n\n .bootstrap-select.dropup &:not(.inner) {\n @include transform-translate-y-dropdown(25px);\n }\n\n .dropup:not(.bootstrap-select) &,\n &.bootstrap-datetimepicker-widget.top {\n @include transform-translate-y-dropdown(20px);\n top: auto !important;\n bottom: 100%;\n }\n\n .dropdown.show &:not(.inner),\n &.bootstrap-datetimepicker-widget.top.open,\n &.bootstrap-datetimepicker-widget.bottom.open,\n .dropup.show:not(.bootstrap-select) &,\n .navbar .dropdown.show & {\n @include opacity(1);\n visibility: visible;\n }\n\n .dropdown.show &:not(.inner),\n &.bootstrap-datetimepicker-widget.bottom.open,\n .navbar .dropdown.show & {\n @include transform-translate-y-dropdown(1px);\n }\n\n .dropup.show:not(.bootstrap-select) &,\n &.bootstrap-datetimepicker-widget.top.open {\n @include transform-translate-y-dropdown(-2px);\n }\n}\n\n.button-dropdown {\n padding-right: $padding-base-horizontal;\n cursor: pointer;\n\n & .dropdown-toggle {\n padding-top: $padding-base-vertical;\n padding-bottom: $padding-base-vertical;\n display: block;\n\n &:after {\n display: none;\n }\n }\n}\n","@mixin dropdown-colors(\n $brand-color,\n $dropdown-header-color,\n $dropdown-color,\n $background-color\n) {\n background-color: $brand-color;\n\n &:before {\n color: $brand-color;\n }\n\n .dropdown-header:not([href]):not([tabindex]) {\n color: $dropdown-header-color;\n }\n\n .dropdown-item {\n color: $dropdown-color;\n\n &:hover,\n &:focus {\n background-color: $background-color;\n }\n }\n\n .dropdown-divider {\n background-color: $background-color;\n }\n}\n",".alert {\n border: 0;\n border-radius: $border-radius-small;\n color: $white-color;\n padding-top: 0.9rem;\n padding-bottom: 0.9rem;\n position: relative;\n\n &.alert-success {\n background-color: lighten($success-color, 5%);\n }\n\n &.alert-danger {\n background-color: lighten($danger-color, 5%);\n }\n\n &.alert-warning {\n background-color: lighten($warning-color, 5%);\n }\n\n &.alert-info {\n background-color: lighten($info-color, 5%);\n }\n\n &.alert-primary {\n background-color: lighten($primary-color, 5%);\n }\n\n i.fa,\n i.now-ui-icons {\n font-size: 20px;\n }\n\n .close {\n color: $white-color !important;\n opacity: 0.9;\n text-shadow: none;\n line-height: 0;\n outline: 0;\n }\n\n span[data-notify=\"icon\"] {\n font-size: 22px;\n display: block;\n left: 19px;\n position: absolute;\n top: 50%;\n margin-top: -11px;\n }\n\n button.close {\n position: absolute;\n right: 10px;\n top: 50%;\n margin-top: -13px;\n width: 25px;\n height: 25px;\n padding: 3px;\n }\n\n .close ~ span {\n display: block;\n max-width: 89%;\n }\n\n &.alert-with-icon {\n padding-left: 65px;\n }\n}\n","img {\n max-width: 100%;\n border-radius: $border-radius-small;\n}\n.img-raised {\n box-shadow: $box-shadow-raised;\n}\n","/* --------------------------------\n\nNucleo Outline Web Font - nucleoapp.com/\nLicense - nucleoapp.com/license/\nCreated using IcoMoon - icomoon.io\n\n-------------------------------- */\n\n@font-face {\n font-family: \"Nucleo Outline\";\n src: url(\"~assets/fonts/nucleo-outline.eot\");\n src: url(\"~assets/fonts/nucleo-outline.eot\") format(\"embedded-opentype\"),\n url(\"~assets/fonts/nucleo-outline.woff2\") format(\"woff2\"),\n url(\"~assets/fonts/nucleo-outline.woff\") format(\"woff\"),\n url(\"~assets/fonts/nucleo-outline.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n/*------------------------\n\tbase class definition\n-------------------------*/\n\n.now-ui-icons {\n display: inline-block;\n font: normal normal normal 14px/1 \"Nucleo Outline\";\n font-size: inherit;\n speak: none;\n text-transform: none;\n /* Better Font Rendering */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n/*------------------------\n change icon size\n-------------------------*/\n\n/*----------------------------------\n add a square/circle background\n-----------------------------------*/\n\n.now-ui-icons.circle {\n padding: 0.33333333em;\n vertical-align: -16%;\n background-color: #eee;\n}\n\n.now-ui-icons.circle {\n border-radius: 50%;\n}\n\n/*------------------------\n list icons\n-------------------------*/\n\n.nc-icon-ul {\n padding-left: 0;\n margin-left: 2.14285714em;\n list-style-type: none;\n}\n\n.nc-icon-ul > li {\n position: relative;\n}\n\n.nc-icon-ul > li > .now-ui-icons {\n position: absolute;\n left: -1.57142857em;\n top: 0.14285714em;\n text-align: center;\n}\n\n.nc-icon-ul > li > .now-ui-icons.circle {\n top: -0.19047619em;\n left: -1.9047619em;\n}\n\n/*------------------------\n spinning icons\n-------------------------*/\n\n.now-ui-icons.spin {\n -webkit-animation: nc-icon-spin 2s infinite linear;\n -moz-animation: nc-icon-spin 2s infinite linear;\n animation: nc-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes nc-icon-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n }\n}\n\n@-moz-keyframes nc-icon-spin {\n 0% {\n -moz-transform: rotate(0deg);\n }\n\n 100% {\n -moz-transform: rotate(360deg);\n }\n}\n\n@keyframes nc-icon-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n/*------------------------\n rotated/flipped icons\n-------------------------*/\n\n/*------------------------\n\tfont icons\n-------------------------*/\n\n.now-ui-icons.ui-1_check:before {\n content: \"\\ea22\";\n}\n\n.now-ui-icons.ui-1_email-85:before {\n content: \"\\ea2a\";\n}\n\n.now-ui-icons.arrows-1_cloud-download-93:before {\n content: \"\\ea21\";\n}\n\n.now-ui-icons.arrows-1_cloud-upload-94:before {\n content: \"\\ea24\";\n}\n\n.now-ui-icons.arrows-1_minimal-down:before {\n content: \"\\ea39\";\n}\n\n.now-ui-icons.arrows-1_minimal-left:before {\n content: \"\\ea3a\";\n}\n\n.now-ui-icons.arrows-1_minimal-right:before {\n content: \"\\ea3b\";\n}\n\n.now-ui-icons.arrows-1_minimal-up:before {\n content: \"\\ea3c\";\n}\n\n.now-ui-icons.arrows-1_refresh-69:before {\n content: \"\\ea44\";\n}\n\n.now-ui-icons.arrows-1_share-66:before {\n content: \"\\ea4c\";\n}\n\n.now-ui-icons.business_badge:before {\n content: \"\\ea09\";\n}\n\n.now-ui-icons.business_bank:before {\n content: \"\\ea0a\";\n}\n\n.now-ui-icons.business_briefcase-24:before {\n content: \"\\ea13\";\n}\n\n.now-ui-icons.business_bulb-63:before {\n content: \"\\ea15\";\n}\n\n.now-ui-icons.business_chart-bar-32:before {\n content: \"\\ea1e\";\n}\n\n.now-ui-icons.business_chart-pie-36:before {\n content: \"\\ea1f\";\n}\n\n.now-ui-icons.business_globe:before {\n content: \"\\ea2f\";\n}\n\n.now-ui-icons.business_money-coins:before {\n content: \"\\ea40\";\n}\n\n.now-ui-icons.clothes_tie-bow:before {\n content: \"\\ea5b\";\n}\n\n.now-ui-icons.design_vector:before {\n content: \"\\ea61\";\n}\n\n.now-ui-icons.design_app:before {\n content: \"\\ea08\";\n}\n\n.now-ui-icons.design_bullet-list-67:before {\n content: \"\\ea14\";\n}\n\n.now-ui-icons.design_image:before {\n content: \"\\ea33\";\n}\n\n.now-ui-icons.design_palette:before {\n content: \"\\ea41\";\n}\n\n.now-ui-icons.design_scissors:before {\n content: \"\\ea4a\";\n}\n\n.now-ui-icons.design-2_html5:before {\n content: \"\\ea32\";\n}\n\n.now-ui-icons.design-2_ruler-pencil:before {\n content: \"\\ea48\";\n}\n\n.now-ui-icons.emoticons_satisfied:before {\n content: \"\\ea49\";\n}\n\n.now-ui-icons.files_box:before {\n content: \"\\ea12\";\n}\n\n.now-ui-icons.files_paper:before {\n content: \"\\ea43\";\n}\n\n.now-ui-icons.files_single-copy-04:before {\n content: \"\\ea52\";\n}\n\n.now-ui-icons.health_ambulance:before {\n content: \"\\ea07\";\n}\n\n.now-ui-icons.loader_gear:before {\n content: \"\\ea4e\";\n}\n\n.now-ui-icons.loader_refresh:before {\n content: \"\\ea44\";\n}\n\n.now-ui-icons.location_bookmark:before {\n content: \"\\ea10\";\n}\n\n.now-ui-icons.location_compass-05:before {\n content: \"\\ea25\";\n}\n\n.now-ui-icons.location_map-big:before {\n content: \"\\ea3d\";\n}\n\n.now-ui-icons.location_pin:before {\n content: \"\\ea47\";\n}\n\n.now-ui-icons.location_world:before {\n content: \"\\ea63\";\n}\n\n.now-ui-icons.media-1_album:before {\n content: \"\\ea02\";\n}\n\n.now-ui-icons.media-1_button-pause:before {\n content: \"\\ea16\";\n}\n\n.now-ui-icons.media-1_button-play:before {\n content: \"\\ea18\";\n}\n\n.now-ui-icons.media-1_button-power:before {\n content: \"\\ea19\";\n}\n\n.now-ui-icons.media-1_camera-compact:before {\n content: \"\\ea1c\";\n}\n\n.now-ui-icons.media-2_note-03:before {\n content: \"\\ea3f\";\n}\n\n.now-ui-icons.media-2_sound-wave:before {\n content: \"\\ea57\";\n}\n\n.now-ui-icons.objects_diamond:before {\n content: \"\\ea29\";\n}\n\n.now-ui-icons.objects_globe:before {\n content: \"\\ea2f\";\n}\n\n.now-ui-icons.objects_key-25:before {\n content: \"\\ea38\";\n}\n\n.now-ui-icons.objects_planet:before {\n content: \"\\ea46\";\n}\n\n.now-ui-icons.objects_spaceship:before {\n content: \"\\ea55\";\n}\n\n.now-ui-icons.objects_support-17:before {\n content: \"\\ea56\";\n}\n\n.now-ui-icons.objects_umbrella-13:before {\n content: \"\\ea5f\";\n}\n\n.now-ui-icons.education_agenda-bookmark:before {\n content: \"\\ea01\";\n}\n\n.now-ui-icons.education_atom:before {\n content: \"\\ea0c\";\n}\n\n.now-ui-icons.education_glasses:before {\n content: \"\\ea2d\";\n}\n\n.now-ui-icons.education_hat:before {\n content: \"\\ea30\";\n}\n\n.now-ui-icons.education_paper:before {\n content: \"\\ea42\";\n}\n\n.now-ui-icons.shopping_bag-16:before {\n content: \"\\ea0d\";\n}\n\n.now-ui-icons.shopping_basket:before {\n content: \"\\ea0b\";\n}\n\n.now-ui-icons.shopping_box:before {\n content: \"\\ea11\";\n}\n\n.now-ui-icons.shopping_cart-simple:before {\n content: \"\\ea1d\";\n}\n\n.now-ui-icons.shopping_credit-card:before {\n content: \"\\ea28\";\n}\n\n.now-ui-icons.shopping_delivery-fast:before {\n content: \"\\ea27\";\n}\n\n.now-ui-icons.shopping_shop:before {\n content: \"\\ea50\";\n}\n\n.now-ui-icons.shopping_tag-content:before {\n content: \"\\ea59\";\n}\n\n.now-ui-icons.sport_trophy:before {\n content: \"\\ea5d\";\n}\n\n.now-ui-icons.sport_user-run:before {\n content: \"\\ea60\";\n}\n\n.now-ui-icons.tech_controller-modern:before {\n content: \"\\ea26\";\n}\n\n.now-ui-icons.tech_headphones:before {\n content: \"\\ea31\";\n}\n\n.now-ui-icons.tech_laptop:before {\n content: \"\\ea36\";\n}\n\n.now-ui-icons.tech_mobile:before {\n content: \"\\ea3e\";\n}\n\n.now-ui-icons.tech_tablet:before {\n content: \"\\ea58\";\n}\n\n.now-ui-icons.tech_tv:before {\n content: \"\\ea5e\";\n}\n\n.now-ui-icons.tech_watch-time:before {\n content: \"\\ea62\";\n}\n\n.now-ui-icons.text_align-center:before {\n content: \"\\ea05\";\n}\n\n.now-ui-icons.text_align-left:before {\n content: \"\\ea06\";\n}\n\n.now-ui-icons.text_bold:before {\n content: \"\\ea0e\";\n}\n\n.now-ui-icons.text_caps-small:before {\n content: \"\\ea1b\";\n}\n\n.now-ui-icons.gestures_tap-01:before {\n content: \"\\ea5a\";\n}\n\n.now-ui-icons.transportation_air-baloon:before {\n content: \"\\ea03\";\n}\n\n.now-ui-icons.transportation_bus-front-12:before {\n content: \"\\ea17\";\n}\n\n.now-ui-icons.travel_info:before {\n content: \"\\ea04\";\n}\n\n.now-ui-icons.travel_istanbul:before {\n content: \"\\ea34\";\n}\n\n.now-ui-icons.ui-1_bell-53:before {\n content: \"\\ea0f\";\n}\n\n.now-ui-icons.ui-1_calendar-60:before {\n content: \"\\ea1a\";\n}\n\n.now-ui-icons.ui-1_lock-circle-open:before {\n content: \"\\ea35\";\n}\n\n.now-ui-icons.ui-1_send:before {\n content: \"\\ea4d\";\n}\n\n.now-ui-icons.ui-1_settings-gear-63:before {\n content: \"\\ea4e\";\n}\n\n.now-ui-icons.ui-1_simple-add:before {\n content: \"\\ea4f\";\n}\n\n.now-ui-icons.ui-1_simple-delete:before {\n content: \"\\ea54\";\n}\n\n.now-ui-icons.ui-1_simple-remove:before {\n content: \"\\ea53\";\n}\n\n.now-ui-icons.ui-1_zoom-bold:before {\n content: \"\\ea64\";\n}\n\n.now-ui-icons.ui-2_chat-round:before {\n content: \"\\ea20\";\n}\n\n.now-ui-icons.ui-2_favourite-28:before {\n content: \"\\ea2b\";\n}\n\n.now-ui-icons.ui-2_like:before {\n content: \"\\ea37\";\n}\n\n.now-ui-icons.ui-2_settings-90:before {\n content: \"\\ea4b\";\n}\n\n.now-ui-icons.ui-2_time-alarm:before {\n content: \"\\ea5c\";\n}\n\n.now-ui-icons.users_circle-08:before {\n content: \"\\ea23\";\n}\n\n.now-ui-icons.users_single-02:before {\n content: \"\\ea51\";\n}\n\n.all-icons .font-icon-detail {\n text-align: center;\n padding: 45px 0px 30px;\n border: 1px solid #e5e5e5;\n border-radius: 0.1875rem;\n margin: 15px 0;\n min-height: 168px;\n}\n\n.all-icons [class*=\"now-ui-icons\"] {\n font-size: 32px;\n}\n\n.all-icons .font-icon-detail p {\n margin: 25px auto 0;\n width: 100%;\n text-align: center;\n display: block;\n color: #b8b8b8;\n padding: 0 10px;\n font-size: 0.7142em;\n}\n",".table {\n .img-wrapper {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n overflow: hidden;\n margin: 0 auto;\n }\n\n .img-row {\n max-width: 60px;\n width: 60px;\n }\n\n .form-check {\n margin: 0;\n\n & label .form-check-sign::before,\n & label .form-check-sign::after {\n top: -17px;\n left: 4px;\n }\n }\n\n .btn {\n margin: 0;\n }\n\n small,\n .small {\n font-weight: 300;\n }\n\n .card-tasks .card-body & {\n margin-bottom: 0;\n\n > thead > tr > th,\n > tbody > tr > th,\n > tfoot > tr > th,\n > thead > tr > td,\n > tbody > tr > td,\n > tfoot > tr > td {\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n\n > thead > tr > th {\n border-bottom-width: 1px;\n font-size: 1em;\n font-weight: $font-weight-bold;\n border: 0;\n }\n\n .radio,\n .checkbox {\n margin-top: 0;\n margin-bottom: 0;\n padding: 0;\n width: 15px;\n\n .icons {\n position: relative;\n }\n\n label {\n &:after,\n &:before {\n top: -17px;\n left: -3px;\n }\n }\n }\n > thead > tr > th,\n > tbody > tr > th,\n > tfoot > tr > th,\n > thead > tr > td,\n > tbody > tr > td,\n > tfoot > tr > td {\n padding: 12px 7px;\n vertical-align: middle;\n }\n\n .th-description {\n max-width: 150px;\n }\n .td-price {\n font-size: 26px;\n font-weight: $font-weight-light;\n margin-top: 5px;\n position: relative;\n top: 4px;\n text-align: right;\n }\n .td-total {\n font-weight: $font-weight-bold;\n font-size: $font-size-h5;\n padding-top: 20px;\n text-align: right;\n }\n\n .td-actions .btn {\n margin: 0px;\n }\n\n > tbody > tr {\n position: relative;\n }\n}\n\n.table-shopping {\n > thead > tr > th {\n font-size: $font-size-h6;\n text-transform: uppercase;\n }\n > tbody > tr > td {\n font-size: $font-paragraph;\n\n b {\n display: block;\n margin-bottom: 5px;\n }\n }\n .td-name {\n font-weight: $font-weight-normal;\n font-size: 1.5em;\n small {\n color: $dark-gray;\n font-size: 0.75em;\n font-weight: $font-weight-light;\n }\n }\n .td-number {\n font-weight: $font-weight-light;\n font-size: $font-size-h4;\n }\n .td-name {\n min-width: 200px;\n }\n .td-number {\n text-align: right;\n min-width: 170px;\n\n small {\n margin-right: 3px;\n }\n }\n\n .img-container {\n width: 120px;\n max-height: 160px;\n overflow: hidden;\n display: block;\n\n img {\n width: 100%;\n }\n }\n}\n\n.table-responsive {\n overflow: auto;\n padding-bottom: 10px;\n}\n\n#tables .table-responsive {\n margin-bottom: 30px;\n}\n",".footer {\n padding: 24px 0;\n\n &.footer-default {\n background-color: #f2f2f2;\n }\n\n nav {\n display: inline-block;\n float: left;\n padding-left: 7px;\n }\n\n ul {\n margin-bottom: 0;\n padding: 0;\n list-style: none;\n\n li {\n display: inline-block;\n\n a {\n color: inherit;\n padding: $padding-base-vertical;\n font-size: $font-size-small;\n text-transform: uppercase;\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n }\n\n &.fixed-bottom {\n width: calc(100% - 80px);\n margin-left: auto;\n }\n\n .copyright {\n font-size: $font-size-small;\n line-height: 1.8;\n }\n\n &:after {\n display: table;\n clear: both;\n content: \" \";\n }\n}\n",".fixed-plugin {\n position: fixed;\n right: 0;\n width: 64px;\n background: rgba(0, 0, 0, 0.3);\n z-index: 1031;\n border-radius: 8px 0 0 8px;\n text-align: center;\n top: 120px;\n\n li > a,\n .badge {\n transition: all 0.34s;\n -webkit-transition: all 0.34s;\n -moz-transition: all 0.34s;\n }\n\n .fa-cog {\n color: #ffffff;\n padding: 10px;\n border-radius: 0 0 6px 6px;\n width: auto;\n }\n\n .dropdown .dropdown-menu {\n right: 80px;\n left: auto !important;\n top: -52px !important;\n width: 290px;\n border-radius: 0.1875rem;\n padding: 0 10px;\n }\n\n .dropdown .dropdown-menu .now-ui-icons {\n top: 5px;\n }\n\n .dropdown-menu:after,\n .dropdown-menu:before {\n right: 10px;\n margin-left: auto;\n left: auto;\n }\n\n .fa-circle-thin {\n color: #ffffff;\n }\n\n .active .fa-circle-thin {\n color: #00bbff;\n }\n\n .dropdown-menu > .active > a,\n .dropdown-menu > .active > a:hover,\n .dropdown-menu > .active > a:focus {\n color: #777777;\n text-align: center;\n }\n\n img {\n border-radius: 0;\n width: 100%;\n height: 100px;\n margin: 0 auto;\n }\n\n .dropdown-menu li > a:hover,\n .dropdown-menu li > a:focus {\n box-shadow: none;\n }\n\n .badge {\n border: 3px solid #ffffff;\n border-radius: 50%;\n cursor: pointer;\n display: inline-block;\n height: 23px;\n margin-right: 5px;\n position: relative;\n width: 23px;\n }\n\n .badge.active,\n .badge:hover {\n border-color: #00bbff;\n }\n\n .badge-blue {\n background-color: $brand-info;\n }\n .badge-green {\n background-color: $brand-success;\n }\n .badge-orange {\n background-color: $brand-primary;\n }\n .badge-yellow {\n background-color: $brand-warning;\n }\n .badge-red {\n background-color: $brand-danger;\n }\n\n h5 {\n font-size: 14px;\n margin: 10px;\n }\n\n .dropdown-menu li {\n display: block;\n padding: 18px 2px;\n width: 25%;\n float: left;\n }\n\n li.adjustments-line,\n li.header-title,\n li.button-container {\n width: 100%;\n height: 50px;\n min-height: inherit;\n }\n\n li.button-container {\n height: auto;\n\n div {\n margin-bottom: 5px;\n }\n }\n\n #sharrreTitle {\n text-align: center;\n padding: 10px 0;\n height: 50px;\n }\n\n li.header-title {\n height: 30px;\n line-height: 25px;\n font-size: 12px;\n font-weight: 600;\n text-align: center;\n text-transform: uppercase;\n }\n\n .adjustments-line {\n p {\n float: left;\n display: inline-block;\n margin-bottom: 0;\n font-size: 1em;\n color: #3c4858;\n }\n\n a {\n color: transparent;\n\n .badge-colors {\n position: relative;\n top: -2px;\n }\n\n a:hover,\n a:focus {\n color: transparent;\n }\n }\n\n .togglebutton {\n text-align: center;\n\n .label-switch {\n position: relative;\n left: -10px;\n font-size: $font-size-mini;\n color: $default-color;\n\n &.label-right {\n left: 10px;\n }\n }\n\n .toggle {\n margin-right: 0;\n }\n }\n\n .dropdown-menu > li.adjustments-line > a {\n padding-right: 0;\n padding-left: 0;\n border-bottom: 1px solid #ddd;\n border-radius: 0;\n margin: 0;\n }\n }\n\n .dropdown-menu {\n > li {\n & > a.img-holder {\n font-size: 16px;\n text-align: center;\n border-radius: 10px;\n background-color: #fff;\n border: 3px solid #fff;\n padding-left: 0;\n padding-right: 0;\n opacity: 1;\n cursor: pointer;\n display: block;\n max-height: 100px;\n overflow: hidden;\n padding: 0;\n\n img {\n margin-top: auto;\n }\n }\n\n a.switch-trigger:hover,\n & > a.switch-trigger:focus {\n background-color: transparent;\n }\n\n &:hover,\n &:focus {\n > a.img-holder {\n border-color: rgba(0, 187, 255, 0.53);\n }\n }\n }\n\n > .active > a.img-holder,\n > .active > a.img-holder {\n border-color: #00bbff;\n background-color: #ffffff;\n }\n }\n\n .btn-social {\n width: 50%;\n display: block;\n width: 48%;\n float: left;\n font-weight: 600;\n }\n\n .btn-social {\n i {\n margin-right: 5px;\n }\n\n &:first-child {\n margin-right: 2%;\n }\n }\n\n .dropdown {\n .dropdown-menu {\n -webkit-transform: translateY(-15%);\n -moz-transform: translateY(-15%);\n -o-transform: translateY(-15%);\n -ms-transform: translateY(-15%);\n transform: translateY(-15%);\n top: 27px;\n opacity: 0;\n\n transform-origin: 0 0;\n\n &:before {\n border-bottom: 0.4em solid rgba(0, 0, 0, 0);\n border-left: 0.4em solid rgba(0, 0, 0, 0.2);\n border-top: 0.4em solid rgba(0, 0, 0, 0);\n right: -16px;\n top: 46px;\n }\n\n &:after {\n border-bottom: 0.4em solid rgba(0, 0, 0, 0);\n border-left: 0.4em solid #ffffff;\n border-top: 0.4em solid rgba(0, 0, 0, 0);\n right: -16px;\n }\n\n &:before,\n &:after {\n content: \"\";\n display: inline-block;\n position: absolute;\n top: 74px;\n width: 16px;\n transform: translateY(-50%);\n -webkit-transform: translateY(-50%);\n -moz-transform: translateY(-50%);\n }\n }\n\n &.show .dropdown-menu {\n opacity: 1;\n\n -webkit-transform: translateY(-13%);\n -moz-transform: translateY(-13%);\n -o-transform: translateY(-13%);\n -ms-transform: translateY(-13%);\n transform: translateY(-13%);\n\n transform-origin: 0 0;\n }\n }\n\n .bootstrap-switch {\n margin: 0;\n }\n}\n",".form-check {\n margin-top: 0.5rem;\n}\n\n.form-check .form-check-label {\n display: inline-block;\n position: relative;\n cursor: pointer;\n padding-left: 35px;\n line-height: 26px;\n margin-bottom: 0;\n -webkit-transition: color 0.3s linear;\n -moz-transition: color 0.3s linear;\n -o-transition: color 0.3s linear;\n -ms-transition: color 0.3s linear;\n transition: color 0.3s linear;\n}\n.radio .form-check-sign {\n padding-left: 28px;\n}\n\n.form-check .form-check-sign::before,\n.form-check .form-check-sign::after {\n content: \" \";\n display: inline-block;\n position: absolute;\n width: 26px;\n height: 26px;\n left: 0;\n cursor: pointer;\n border-radius: 3px;\n top: 0;\n background-color: transparent;\n border: 1px solid $light-gray;\n -webkit-transition: opacity 0.3s linear;\n -moz-transition: opacity 0.3s linear;\n -o-transition: opacity 0.3s linear;\n -ms-transition: opacity 0.3s linear;\n transition: opacity 0.3s linear;\n}\n\n.form-check .form-check-sign::after {\n font-family: \"Nucleo Outline\";\n content: \"\\ea22\";\n top: 0px;\n text-align: center;\n font-size: 14px;\n opacity: 0;\n color: $dark-background;\n border: 0;\n background-color: inherit;\n}\n\n.form-check.disabled .form-check-label,\n.form-check.disabled .form-check-label {\n color: $dark-gray;\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.form-check input[type=\"checkbox\"],\n.radio input[type=\"radio\"] {\n opacity: 0;\n position: absolute;\n visibility: hidden;\n}\n.form-check input[type=\"checkbox\"]:checked + .form-check-sign::after {\n opacity: 1;\n}\n\n.form-control input[type=\"checkbox\"]:disabled + .form-check-sign::before,\n.checkbox input[type=\"checkbox\"]:disabled + .form-check-sign::after {\n cursor: not-allowed;\n}\n\n.form-check input[type=\"checkbox\"]:disabled + .form-check-sign,\n.form-check input[type=\"radio\"]:disabled + .form-check-sign {\n pointer-events: none;\n}\n\n.form-check-radio .form-check-sign::before,\n.form-check-radio .form-check-sign::after {\n content: \" \";\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 1px solid $light-gray;\n display: inline-block;\n position: absolute;\n left: 3px;\n top: 3px;\n padding: 1px;\n -webkit-transition: opacity 0.3s linear;\n -moz-transition: opacity 0.3s linear;\n -o-transition: opacity 0.3s linear;\n -ms-transition: opacity 0.3s linear;\n transition: opacity 0.3s linear;\n}\n\n.form-check-radio input[type=\"radio\"] + .form-check-sign:after,\n.form-check-radio input[type=\"radio\"] {\n opacity: 0;\n}\n.form-check-radio input[type=\"radio\"]:checked + .form-check-sign::after {\n width: 4px;\n height: 4px;\n background-color: $dark-background;\n border-color: $dark-background;\n top: 11px;\n left: 11px;\n opacity: 1;\n}\n\n.form-check-radio input[type=\"radio\"]:checked + .form-check-sign::after {\n opacity: 1;\n}\n\n.form-check-radio input[type=\"radio\"]:disabled + .form-check-sign {\n color: $dark-gray;\n}\n\n.form-check-radio input[type=\"radio\"]:disabled + .form-check-sign::before,\n.form-check-radio input[type=\"radio\"]:disabled + .form-check-sign::after {\n color: $dark-gray;\n}\n","// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.\n.progress-container {\n position: relative;\n\n & + .progress-container,\n & ~ .progress-container {\n margin-top: $margin-base-vertical;\n }\n .progress-badge {\n color: $default-color;\n font-size: $font-size-small;\n text-transform: uppercase;\n }\n\n .progress {\n height: 1px;\n border-radius: 0;\n box-shadow: none;\n background: $opacity-gray-5;\n margin-top: 14px;\n\n .progress-bar {\n box-shadow: none;\n background-color: $default-color;\n }\n\n .progress-value {\n position: absolute;\n top: 2px;\n right: 0;\n color: $default-color;\n font-size: $font-size-small;\n }\n }\n\n &.progress-neutral {\n .progress {\n background: rgba(255, 255, 255, 0.3);\n }\n\n .progress-bar {\n background: $white-bg;\n }\n\n .progress-value,\n .progress-badge {\n color: $white-color;\n }\n }\n\n &.progress-primary {\n .progress {\n background: $primary-color-opacity;\n }\n\n .progress-bar {\n background: $brand-primary;\n }\n\n .progress-value,\n .progress-badge {\n color: $brand-primary;\n }\n }\n\n &.progress-info {\n .progress {\n background: $info-color-opacity;\n }\n\n .progress-bar {\n background: $brand-info;\n }\n\n .progress-value,\n .progress-badge {\n color: $brand-info;\n }\n }\n\n &.progress-success {\n .progress {\n background: $success-color-opacity;\n }\n\n .progress-bar {\n background: $brand-success;\n }\n\n .progress-value,\n .progress-badge {\n color: $brand-success;\n }\n }\n\n &.progress-warning {\n .progress {\n background: $warning-color-opacity;\n }\n\n .progress-bar {\n background: $brand-warning;\n }\n\n .progress-value,\n .progress-badge {\n color: $brand-warning;\n }\n }\n\n &.progress-danger {\n .progress {\n background: $danger-color-opacity;\n }\n\n .progress-bar {\n background: $brand-danger;\n }\n\n .progress-value,\n .progress-badge {\n color: $brand-danger;\n }\n }\n}\n","/* badges */\n.badge {\n border-radius: 8px;\n padding: 4px 8px;\n text-transform: uppercase;\n font-size: $font-size-mini;\n line-height: 12px;\n background-color: $transparent-bg;\n border: $border;\n text-decoration: none;\n color: $white-color;\n margin-bottom: 5px;\n border-radius: $border-radius-extreme;\n\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n.badge-icon {\n padding: 0.4em 0.55em;\n i {\n font-size: 0.8em;\n }\n}\n.badge-default {\n @include badge-color($default-color);\n}\n.badge-primary {\n @include badge-color($primary-color);\n}\n.badge-info {\n @include badge-color($info-color);\n}\n.badge-success {\n @include badge-color($success-color);\n}\n.badge-warning {\n @include badge-color($warning-color);\n}\n.badge-danger {\n @include badge-color($danger-color);\n}\n.badge-neutral {\n @include badge-color($white-color);\n color: inherit;\n}\n\n.badge-primary[href]:focus,\n.badge-primary[href]:hover {\n @include badge-hover-href($white-color, darken($primary-color, 3%));\n}\n\n.badge-warning[href]:focus,\n.badge-warning[href]:hover {\n @include badge-hover-href($white-color, darken($warning-color, 3%));\n}\n\n.badge-info[href]:focus,\n.badge-info[href]:hover {\n @include badge-hover-href($white-color, darken($info-color, 3%));\n}\n\n.badge-danger[href]:focus,\n.badge-danger[href]:hover {\n @include badge-hover-href($white-color, darken($danger-color, 3%));\n}\n\n.badge-success[href]:focus,\n.badge-success[href]:hover {\n @include badge-hover-href($white-color, darken($success-color, 3%));\n}\n\n.badge-default[href]:focus,\n.badge-default[href]:hover {\n @include badge-hover-href($white-color, darken($default-color, 3%));\n}\n","@mixin badge-color($color) {\n border-color: $color;\n background-color: $color;\n}\n\n@mixin badge-hover-href($color, $bg-color) {\n color: $color;\n background-color: $bg-color;\n border-color: $bg-color;\n}\n\n@mixin badges-color($color) {\n .tag {\n background-color: $color;\n color: $white-color;\n\n .tagsinput-remove-link {\n color: $white-color;\n }\n }\n}\n@mixin create-colored-badges() {\n &.primary-badge {\n @include badges-color($brand-primary);\n }\n &.info-badge {\n @include badges-color($brand-info);\n }\n &.success-badge {\n @include badges-color($brand-success);\n }\n &.warning-badge {\n @include badges-color($brand-warning);\n }\n &.danger-badge {\n @include badges-color($brand-danger);\n }\n}\n",".pagination {\n .page-item .page-link {\n border: 0;\n border-radius: 30px !important;\n transition: all 0.3s;\n padding: 0px 11px;\n margin: 0 3px;\n min-width: 30px;\n text-align: center;\n height: 30px;\n line-height: 30px;\n color: $black-color;\n cursor: pointer;\n font-size: $font-size-base;\n text-transform: uppercase;\n background: transparent;\n outline: none;\n\n &:hover,\n &:focus {\n color: $black-color;\n background-color: $opacity-gray-3;\n border: none;\n }\n }\n\n .arrow-margin-left,\n .arrow-margin-right {\n position: absolute;\n }\n\n .arrow-margin-right {\n right: 0;\n }\n\n .arrow-margin-left {\n left: 0;\n }\n\n .page-item.active > .page-link {\n color: $white-color;\n box-shadow: $box-shadow;\n\n &,\n &:focus,\n &:hover {\n background-color: $primary-color;\n border-color: $primary-color;\n color: $white-color;\n }\n }\n\n .page-item.disabled > .page-link {\n opacity: 0.5;\n }\n\n // Colors\n &.pagination-info {\n .page-item.active > .page-link {\n &,\n &:focus,\n &:hover {\n background-color: $brand-info;\n border-color: $brand-info;\n }\n }\n }\n\n &.pagination-success {\n .page-item.active > .page-link {\n &,\n &:focus,\n &:hover {\n background-color: $brand-success;\n border-color: $brand-success;\n }\n }\n }\n\n &.pagination-primary {\n .page-item.active > .page-link {\n &,\n &:focus,\n &:hover {\n background-color: $brand-primary;\n border-color: $brand-primary;\n }\n }\n }\n\n &.pagination-warning {\n .page-item.active > .page-link {\n &,\n &:focus,\n &:hover {\n background-color: $brand-warning;\n border-color: $brand-warning;\n }\n }\n }\n\n &.pagination-danger {\n .page-item.active > .page-link {\n &,\n &:focus,\n &:hover {\n background-color: $brand-danger;\n border-color: $brand-danger;\n }\n }\n }\n\n &.pagination-neutral {\n .page-item > .page-link {\n color: $white-color;\n\n &:focus,\n &:hover {\n background-color: $opacity-2;\n color: $white-color;\n }\n }\n\n .page-item.active > .page-link {\n &,\n &:focus,\n &:hover {\n background-color: $white-bg;\n border-color: $white-bg;\n color: $brand-primary;\n }\n }\n }\n}\n",".info {\n &.info-hover {\n .info-title {\n transition: color 0.4s;\n }\n\n &:hover {\n .icon {\n @include transform-translate-y(-0.5rem);\n\n &.icon-primary {\n &.icon-circle {\n box-shadow: 0px 15px 30px 0px rgba(249, 99, 50, 0.3);\n }\n }\n &.icon-info {\n &.icon-circle {\n box-shadow: 0px 15px 35px 0px rgba(44, 168, 255, 0.3);\n }\n }\n &.icon-success {\n &.icon-circle {\n box-shadow: 0px 15px 35px 0px rgba(24, 206, 15, 0.3);\n }\n }\n &.icon-warning {\n &.icon-circle {\n box-shadow: 0px 15px 35px 0px rgba(255, 178, 54, 0.3);\n }\n }\n &.icon-danger {\n &.icon-circle {\n box-shadow: 0px 15px 35px 0px rgba(255, 54, 54, 0.3);\n }\n }\n\n &.icon-info + .info-title {\n color: $info-color;\n }\n\n &.icon-warning + .info-title {\n color: $warning-color;\n }\n\n &.icon-danger + .info-title {\n color: $danger-color;\n }\n\n &.icon-primary + .info-title {\n color: $primary-color;\n }\n\n &.icon-success + .info-title {\n color: $success-color;\n }\n }\n }\n }\n\n .icon {\n color: $default-color;\n transition: transform 0.4s, box-shadow 0.4s;\n\n > i {\n font-size: 2.3em;\n }\n\n &.icon-circle {\n max-width: 70px;\n width: 70px;\n height: 70px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow: 0px 9px 35px -6px rgba(0, 0, 0, 0.3);\n font-size: $font-size-mini;\n background-color: $white-color;\n position: relative;\n\n i {\n line-height: 2.6em;\n }\n }\n }\n\n .info-title {\n margin: $margin-base-vertical 0 5px;\n padding: 0 15px;\n color: $black-color;\n font-weight: $font-weight-bold;\n }\n p {\n color: $default-color;\n padding: 0 15px;\n font-size: 1.1em;\n }\n}\n\n.info-horizontal {\n text-align: left !important;\n\n .icon {\n float: left;\n margin-top: 23px;\n margin-right: 10px;\n\n > i {\n font-size: 2em;\n }\n\n &.icon-circle {\n width: 65px;\n height: 65px;\n max-width: 65px;\n margin-top: 8px;\n\n i {\n display: table;\n margin: 0 auto;\n line-height: 3.5;\n font-size: 1.9em;\n }\n }\n }\n .description {\n overflow: hidden;\n }\n}\n\n.icon {\n &.icon-primary {\n color: $brand-primary;\n\n &.icon-circle {\n box-shadow: 0px 9px 30px -6px rgba($primary-color, 0.5);\n }\n }\n &.icon-info {\n color: $brand-info;\n\n &.icon-circle {\n box-shadow: 0px 9px 30px -6px rgba($info-color, 0.5);\n }\n }\n &.icon-success {\n color: $brand-success;\n\n &.icon-circle {\n box-shadow: 0px 9px 30px -6px rgba($success-color, 0.5);\n }\n }\n &.icon-warning {\n color: $brand-warning;\n\n &.icon-circle {\n box-shadow: 0px 9px 30px -6px rgba($warning-color, 0.5);\n }\n }\n &.icon-danger {\n color: $brand-danger;\n\n &.icon-circle {\n box-shadow: 0px 9px 30px -6px rgba($danger-color, 0.5);\n }\n }\n\n &.icon-white {\n color: $white-color;\n }\n}\n",".nav-pills {\n &.flex-column li > a {\n margin-bottom: 15px;\n }\n\n &.nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link {\n margin-right: 19px;\n }\n\n &:not(.nav-pills-icons):not(.nav-pills-just-icons) .nav-item .nav-link {\n border-radius: $btn-round-radius;\n }\n\n &.nav-pills-just-icons .nav-item .nav-link {\n border-radius: 50%;\n height: 80px;\n max-width: 80px;\n min-width: auto;\n padding: 0;\n width: 80px;\n\n .now-ui-icons {\n font-size: 24px;\n line-height: 80px;\n }\n }\n\n .nav-item {\n .nav-link {\n padding: 0 15.5px;\n text-align: center;\n padding: $padding-btn-vertical $padding-round-horizontal;\n min-width: 100px;\n font-weight: $font-weight-normal;\n color: $light-black;\n background-color: $opacity-gray-3;\n\n &:hover {\n background-color: $opacity-gray-3;\n }\n\n &.active {\n &,\n &:focus,\n &:hover {\n background-color: $dark-gray;\n color: $white-color;\n box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);\n }\n }\n\n &.disabled,\n &:disabled,\n &[disabled] {\n opacity: 0.5;\n }\n }\n\n i {\n display: block;\n font-size: 20px;\n line-height: 60px;\n }\n }\n\n &.nav-pills-neutral {\n .nav-item {\n .nav-link {\n background-color: $opacity-2;\n color: $white-color;\n\n &.active {\n &,\n &:focus,\n &:hover {\n background-color: $white-color;\n color: $primary-color;\n }\n }\n }\n }\n }\n\n &.nav-pills-primary {\n .nav-item {\n .nav-link.active {\n &,\n &:focus,\n &:hover {\n background-color: $brand-primary;\n }\n }\n }\n }\n\n &.nav-pills-info {\n .nav-item {\n .nav-link.active {\n &,\n &:focus,\n &:hover {\n background-color: $brand-info;\n }\n }\n }\n }\n\n &.nav-pills-success {\n .nav-item {\n .nav-link.active {\n &,\n &:focus,\n &:hover {\n background-color: $brand-success;\n }\n }\n }\n }\n\n &.nav-pills-warning {\n .nav-item {\n .nav-link.active {\n &,\n &:focus,\n &:hover {\n background-color: $brand-warning;\n }\n }\n }\n }\n\n &.nav-pills-danger {\n .nav-item {\n .nav-link.active {\n &,\n &:focus,\n &:hover {\n background-color: $brand-danger;\n }\n }\n }\n }\n}\n.tab-space {\n padding: 20px 0 50px 0px;\n}\n\n.tab-content {\n &.tab-subcategories {\n margin-top: 20px;\n background-color: $white-color;\n padding-left: 15px;\n padding-right: 15px;\n box-shadow: $box-shadow;\n }\n}\n\n.nav-align-center {\n text-align: center;\n\n .nav-pills {\n display: inline-flex;\n }\n}\n","// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.\n\n.nav-tabs {\n border: 0;\n padding: $padding-large-vertical $padding-base-horizontal;\n\n > .nav-item {\n > .nav-link {\n color: $default-color;\n margin: 0;\n margin-right: 5px;\n background-color: $transparent-bg;\n border: 1px solid $transparent-bg;\n border-radius: 30px;\n font-size: $font-size-base;\n padding: $padding-btn-vertical $padding-round-horizontal;\n line-height: $line-height-general;\n\n &:hover {\n background-color: $transparent-bg;\n }\n\n &.active {\n border: 1px solid $default-color;\n border-radius: 30px;\n }\n\n i.now-ui-icons {\n font-size: 14px;\n position: relative;\n top: 1px;\n margin-right: 3px;\n }\n }\n\n &.disabled > .nav-link,\n &.disabled > .nav-link:hover {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n\n &.nav-tabs-neutral {\n > .nav-item {\n > .nav-link {\n color: $white-color;\n\n &.active {\n border-color: $opacity-5;\n color: $white-color;\n }\n }\n }\n }\n\n &.nav-tabs-primary {\n > .nav-item {\n > .nav-link {\n &.active {\n border-color: $primary-color;\n color: $primary-color;\n }\n }\n }\n }\n\n &.nav-tabs-info {\n > .nav-item {\n > .nav-link {\n &.active {\n border-color: $info-color;\n color: $info-color;\n }\n }\n }\n }\n\n &.nav-tabs-danger {\n > .nav-item {\n > .nav-link {\n &.active {\n border-color: $danger-color;\n color: $danger-color;\n }\n }\n }\n }\n\n &.nav-tabs-warning {\n > .nav-item {\n > .nav-link {\n &.active {\n border-color: $warning-color;\n color: $warning-color;\n }\n }\n }\n }\n\n &.nav-tabs-success {\n > .nav-item {\n > .nav-link {\n &.active {\n border-color: $success-color;\n color: $success-color;\n }\n }\n }\n }\n}\n",".rtl-active {\n #bodyClick {\n right: 260px;\n left: auto;\n }\n .sidebar,\n .bootstrap-navbar {\n right: 0;\n left: auto;\n\n .nav-mobile-menu .notification {\n float: right;\n margin-right: 0;\n margin-left: 8px;\n }\n\n .nav {\n padding: 0;\n i {\n float: right !important;\n margin-left: 15px;\n margin-right: 0;\n }\n\n p {\n margin: 0;\n text-align: right;\n }\n\n .caret {\n left: 11px;\n right: auto;\n }\n }\n\n .logo {\n a.logo-mini {\n float: right;\n }\n }\n\n .user {\n .user-info > a > span {\n text-align: right;\n display: block;\n }\n\n .photo {\n float: right;\n margin-left: 12px;\n margin-right: 23px;\n }\n }\n\n .user .info .caret {\n left: 22px;\n right: auto;\n }\n\n .sidebar-wrapper\n > .nav\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > a\n .sidebar-mini-icon,\n .sidebar-wrapper\n .user\n .info\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > a\n .sidebar-mini-icon {\n float: right;\n margin-left: 15px;\n margin-right: 0;\n }\n }\n\n .navbar-minimize {\n margin-left: 23px;\n right: auto !important;\n left: 0;\n }\n\n .navbar-header .navbar-toggle {\n margin: 10px 0 10px 15px;\n }\n\n .btn:not(.btn-just-icon):not(.btn-fab) .fa,\n .navbar .navbar-nav > li > a.btn:not(.btn-just-icon):not(.btn-fab) .fa {\n left: 5px;\n }\n\n .card .card-header.card-header-icon {\n float: right;\n }\n\n .main-panel {\n float: left;\n }\n\n .navbar > .container-fluid .navbar-brand {\n margin-right: 10px;\n }\n\n .dropdown-menu {\n right: 0;\n left: auto;\n }\n\n .card .card-header.card-header-tabs .nav-tabs-title {\n float: right;\n padding: 10px 0 10px 10px;\n }\n\n .card.card-product .card-footer {\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n justify-content: space-between;\n }\n\n .navbar-nav.navbar-right > li > .dropdown-menu:before,\n .navbar-nav.navbar-right > li > .dropdown-menu:after {\n right: auto;\n left: 12px;\n }\n\n .card .form-horizontal .label-on-left {\n padding-top: 16px;\n text-align: left;\n }\n\n .form-horizontal .radio label span {\n right: 2px;\n }\n\n .form-check .form-check-label {\n .form-check-sign {\n .check:before {\n margin-right: 11px;\n }\n }\n }\n\n .card .checkbox .checkbox-material:before {\n left: 0;\n }\n\n .nav-pills > li + li {\n margin-right: 0;\n }\n\n .radio-inline,\n .checkbox-inline {\n padding-right: 0;\n margin-top: 5px;\n }\n\n .form-horizontal .checkbox-radios .checkbox:first-child,\n .form-horizontal .checkbox-radios .radio:first-child {\n margin-top: 5px;\n }\n\n .checkbox label,\n .radio label {\n padding: 0;\n }\n\n .radio label {\n padding-right: 28px;\n }\n\n .card .form-horizontal .label-on-right {\n text-align: right;\n padding-top: 17px;\n }\n\n .alert {\n button.close {\n left: 10px !important;\n right: auto !important;\n }\n\n span[data-notify=\"icon\"] {\n right: 15px;\n left: auto;\n }\n\n &.alert-with-icon {\n padding-left: 65px;\n padding-right: 15px;\n left: 20px;\n right: auto !important;\n }\n\n &.alert-with-icon i[data-notify=\"icon\"] {\n right: 15px;\n left: auto;\n }\n }\n\n @media (max-width: 991px) {\n .sidebar\n .sidebar-wrapper\n > .nav\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > .sidebar-normal,\n .sidebar\n .sidebar-wrapper\n .user\n .user-info\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > .sidebar-normal {\n text-align: right;\n }\n\n .nav-open & .main-panel {\n @include transform-translate-x(-260px);\n }\n\n .sidebar {\n @include transform-translate-x(260px);\n }\n }\n\n @media (max-width: 768px) {\n .navbar > .container-fluid .navbar-brand {\n margin-right: 15px;\n }\n\n .navbar-header .navbar-toggle {\n margin-left: 30px;\n }\n }\n\n @media (min-width: 991px) {\n &.sidebar-mini\n .sidebar\n .sidebar-wrapper\n > .nav\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > .sidebar-normal,\n &.sidebar-mini\n .sidebar\n .sidebar-wrapper\n .user\n .info\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > .sidebar-normal,\n &.sidebar-mini .sidebar .sidebar-wrapper .user .info > a > span,\n &.sidebar-mini .sidebar .sidebar-wrapper > .nav li > a p {\n position: relative;\n }\n\n &.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li > a p,\n &.sidebar-mini\n .sidebar:hover\n .sidebar-wrapper\n > .nav\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > a\n .sidebar-normal,\n &.sidebar-mini\n .sidebar:hover\n .sidebar-wrapper\n .user\n .user-info\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > .sidebar-normal,\n &.sidebar-mini .sidebar:hover .sidebar-wrapper .user .user-info > a > span,\n &.sidebar-mini\n .sidebar\n .sidebar-wrapper\n > .nav\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > a\n .sidebar-normal,\n &.sidebar-mini\n .sidebar\n .sidebar-wrapper\n .user\n .info\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > a\n .sidebar-normal,\n &.sidebar-mini .sidebar .sidebar-wrapper .user .info > a > span,\n &.sidebar-mini .sidebar .sidebar-wrapper > .nav li > a p,\n &.sidebar-mini .sidebar .logo a.logo-normal {\n -webkit-transform: translatX(25px);\n -moz-transform: translateX(25px);\n -o-transform: translateX(25px);\n -ms-transform: translateX(25px);\n transform: translateX(25px);\n }\n\n &.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li > a p,\n &.sidebar-mini\n .sidebar:hover\n .sidebar-wrapper\n > .nav\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > a\n .sidebar-normal,\n &.sidebar-mini\n .sidebar:hover\n .sidebar-wrapper\n .user\n .user-info\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > a\n .sidebar-normal,\n &.sidebar-mini .sidebar:hover .sidebar-wrapper .user .user-info > a > span,\n &.sidebar-mini .sidebar:hover .logo a.logo-normal {\n -webkit-transform: translat3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n }\n\n &.sidebar-mini {\n .nav {\n .nav-item {\n .nav-link i {\n margin-right: 0;\n }\n }\n }\n }\n\n .navbar {\n .collapse {\n .nav-item .nav-link {\n .notification {\n top: -10px;\n }\n }\n }\n }\n\n .sidebar-wrapper {\n .nav .nav-item,\n .user .user-info {\n .collapse,\n .collapsing {\n .nav {\n .nav-item .nav-link {\n .sidebar-mini {\n float: right;\n }\n\n .sidebar-normal {\n text-align: right;\n display: block;\n }\n }\n }\n }\n }\n }\n &.sidebar-mini {\n .collapse,\n .collapsing {\n .nav {\n .nav-item .nav-link {\n .sidebar-mini {\n margin-right: 0 !important;\n }\n }\n }\n }\n }\n\n .sidebar {\n .nav .nav-item .nav-link i {\n margin-right: 0;\n }\n .nav .nav-item .nav,\n .user .user-info [data-toggle=\"collapse\"] ~ div .nav {\n .nav-item .nav-link {\n .sidebar-mini {\n margin-right: 0 !important;\n float: right !important;\n margin-left: 15px !important;\n }\n }\n }\n .user .user-info [data-toggle=\"collapse\"] ~ div .nav {\n .nav-item .nav-link {\n .sidebar-normal {\n display: block !important;\n }\n }\n }\n }\n\n .info-horizontal .icon {\n float: right;\n }\n\n .input-group > .custom-select:not(:last-child),\n .input-group > .form-control:not(:last-child),\n .input-group\n > .input-group-append:last-child\n > .btn:not(:last-child):not(.dropdown-toggle),\n .input-group\n > .input-group-append:last-child\n > .input-group-text:not(:last-child),\n .input-group > .input-group-append:not(:last-child) > .btn,\n .input-group > .input-group-append:not(:last-child) > .input-group-text,\n .input-group > .input-group-prepend > .btn,\n .input-group > .input-group-prepend > .input-group-text {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 30px;\n border-bottom-left-radius: 30px;\n }\n\n .input-group > .input-group-append > .btn,\n .input-group > .input-group-append > .input-group-text,\n .input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n .input-group\n > .input-group-prepend:first-child\n > .input-group-text:not(:first-child),\n .input-group > .input-group-prepend:not(:first-child) > .btn,\n .input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n .input-group > .custom-select:not(:first-child),\n .input-group > .form-control:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 30px;\n border-bottom-right-radius: 30px;\n }\n\n .form-control {\n text-align: right;\n direction: rtl;\n }\n}\n",".popover {\n font-size: $font-size-base;\n box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);\n border: none;\n line-height: 1.7;\n max-width: 240px;\n\n &.bs-popover-top .arrow:before,\n &.bs-popover-left .arrow:before,\n &.bs-popover-right .arrow:before,\n &.bs-popover-bottom .arrow:before {\n border-top-color: transparent;\n border-left-color: transparent;\n border-right-color: transparent;\n border-bottom-color: transparent;\n }\n\n .popover-header {\n color: $default-color-opacity;\n font-size: $font-size-base;\n text-transform: capitalize;\n font-weight: $font-weight-semi;\n margin: 0;\n margin-top: 5px;\n border: none;\n background-color: transparent;\n }\n\n &:before {\n display: none;\n }\n\n &.bs-tether-element-attached-top:after {\n border-bottom-color: $white-color;\n top: -9px;\n }\n\n &.popover-primary {\n @include popover-color($primary-color, $white-color);\n }\n\n &.popover-info {\n @include popover-color($info-color, $white-color);\n }\n\n &.popover-warning {\n @include popover-color($warning-color, $white-color);\n }\n\n &.popover-danger {\n @include popover-color($danger-color, $white-color);\n }\n\n &.popover-success {\n @include popover-color($success-color, $white-color);\n }\n}\n\n.tooltip {\n &.bs-tooltip-right .arrow:before {\n border-right-color: $white-color;\n }\n\n &.bs-tooltip-top .arrow:before {\n border-top-color: $white-color;\n }\n\n &.bs-tooltip-bottom .arrow:before {\n border-bottom-color: $white-color;\n }\n\n &.bs-tooltip-left .arrow:before {\n border-left-color: $white-color;\n }\n}\n\n.tooltip-inner {\n padding: $padding-base-vertical $padding-base-horizontal;\n min-width: 130px;\n background-color: $white-color;\n font-size: $font-size-base;\n color: inherit;\n box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);\n}\n","@mixin popover-color($color, $text-color) {\n background-color: $color;\n\n .popover-body {\n color: $text-color;\n }\n\n &.bs-popover-right .arrow:after {\n border-right-color: $color;\n }\n\n &.bs-popover-top .arrow:after {\n border-top-color: $color;\n }\n\n &.bs-popover-bottom .arrow:after {\n border-bottom-color: $color;\n }\n\n &.bs-popover-left .arrow:after {\n border-left-color: $color;\n }\n\n .popover-header {\n color: $text-color;\n opacity: 0.6;\n }\n}\n","//\n// Modals\n// Design element Dialogs\n// --------------------------------------------------\n.modal-content {\n border-radius: $border-radius-small;\n border: none;\n box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.5);\n // Modal header\n // Top section of the modal w/ title and dismiss\n .modal-header {\n border-bottom: none;\n padding-top: 24px;\n padding-right: 24px;\n padding-bottom: 0;\n padding-left: 24px;\n\n & button {\n position: absolute;\n right: 27px;\n top: 30px;\n outline: 0;\n }\n .title {\n margin-top: 5px;\n margin-bottom: 0;\n }\n }\n // Modal body\n // Where all modal content resides (sibling of .modal-header and .modal-footer)\n .modal-body {\n padding-top: 24px;\n padding-right: 24px;\n padding-bottom: 16px;\n padding-left: 24px;\n line-height: 1.9;\n }\n // Footer (for actions)\n .modal-footer {\n border-top: none;\n padding-right: 24px;\n padding-bottom: 16px;\n padding-left: 24px;\n -webkit-justify-content: space-between; /* Safari 6.1+ */\n justify-content: space-between;\n\n button {\n margin: 0;\n padding-left: 16px;\n padding-right: 16px;\n width: auto;\n &.pull-left {\n padding-left: 5px;\n padding-right: 5px;\n position: relative;\n left: -5px;\n }\n }\n }\n .modal-body + .modal-footer {\n padding-top: 0;\n }\n}\n.modal-backdrop {\n background: rgba(0, 0, 0, 0.3);\n}\n\n.modal {\n .modal-login {\n max-width: 320px;\n\n .card-login {\n .logo-container {\n width: 65px;\n margin-bottom: 38px;\n margin-top: 27px;\n }\n }\n }\n\n &.modal-mini {\n p {\n text-align: center;\n }\n\n .modal-dialog {\n max-width: 255px;\n margin: 0 auto;\n }\n\n &.show .modal-dialog {\n -webkit-transform: translate(0, 30%);\n -o-transform: translate(0, 30%);\n transform: translate(0, 30%);\n }\n\n .modal-profile {\n width: 70px;\n height: 70px;\n background-color: $white-color;\n border-radius: 50%;\n text-align: center;\n line-height: 5.7;\n box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.3);\n\n i {\n color: $primary-color;\n font-size: 21px;\n }\n\n &[class*=\"modal-profile-\"] {\n i {\n color: $white-color;\n }\n }\n\n &.modal-profile-primary {\n background-color: $primary-color;\n }\n\n &.modal-profile-danger {\n background-color: $danger-color;\n }\n\n &.modal-profile-warning {\n background-color: $warning-color;\n }\n\n &.modal-profile-success {\n background-color: $success-color;\n }\n\n &.modal-profile-info {\n background-color: $info-color;\n }\n }\n\n .modal-footer {\n button {\n text-transform: uppercase;\n\n &:first-child {\n opacity: 0.5;\n }\n }\n }\n }\n\n &.modal-default {\n @include modal-colors($white-color, $black-color);\n }\n\n &.modal-primary {\n @include modal-colors($primary-color, $white-color);\n }\n\n &.modal-danger {\n @include modal-colors($danger-color, $white-color);\n }\n\n &.modal-warning {\n @include modal-colors($warning-color, $white-color);\n }\n\n &.modal-success {\n @include modal-colors($success-color, $white-color);\n }\n\n &.modal-info {\n @include modal-colors($info-color, $white-color);\n }\n\n .modal-header .close {\n color: $danger-color;\n text-shadow: none;\n\n &:hover,\n &:focus {\n opacity: 1;\n }\n }\n}\n","@mixin modal-colors($bg-color, $color) {\n .modal-content {\n background-color: $bg-color;\n color: $color;\n }\n\n .modal-header .close {\n color: $color;\n }\n\n //inputs\n @include input-coloured-bg(\n $opacity-5,\n $white-color,\n $white-color,\n $transparent-bg,\n $opacity-1,\n $opacity-2\n );\n\n .input-group-addon,\n .form-group.no-border .input-group-addon,\n .input-group.no-border .input-group-addon {\n color: $opacity-8;\n }\n}\n","// display flex was causing errors\n.carousel-item-next,\n.carousel-item-prev,\n.carousel-item.active {\n display: block;\n}\n\n.carousel {\n .carousel-inner {\n box-shadow: $box-shadow-raised;\n }\n .now-ui-icons {\n font-size: 2em;\n }\n}\n",".wrapper {\n position: relative;\n top: 0;\n height: 100vh;\n\n &.wrapper-full-page {\n min-height: 100vh;\n height: auto;\n }\n}\n\n.sidebar,\n.off-canvas-sidebar {\n position: absolute;\n top: 0;\n height: 100%;\n bottom: 0;\n width: 260px;\n left: 0;\n z-index: 9999;\n box-shadow: $sidebar-box-shadow;\n\n .sidebar-wrapper {\n position: relative;\n height: calc(100vh - 75px);\n overflow: auto;\n width: 260px;\n z-index: 4;\n padding-bottom: 100px;\n\n .dropdown .dropdown-backdrop {\n display: none !important;\n }\n\n .navbar-form {\n border: none;\n }\n\n > .nav,\n .user .info {\n [data-toggle=\"collapse\"] ~ div > ul > li > a {\n span {\n display: inline-block;\n @extend .animation-transition-general;\n }\n\n .sidebar-normal {\n margin: 0;\n position: relative;\n transform: translateX(0px);\n opacity: 1;\n white-space: nowrap;\n display: block;\n line-height: 23px;\n z-index: 1;\n }\n\n .sidebar-mini-icon {\n text-transform: uppercase;\n width: 34px;\n margin-right: 10px;\n margin-left: 0px;\n font-size: 12px;\n text-align: center;\n line-height: 25px;\n position: relative;\n float: left;\n z-index: 1;\n display: inherit;\n line-height: 24px;\n color: $opacity-5;\n }\n\n i {\n font-size: 17px;\n line-height: 20px;\n width: 26px;\n }\n }\n }\n\n [data-toggle=\"collapse\"] ~ div > ul > li.active > a {\n .sidebar-mini-icon {\n color: $primary-color;\n }\n }\n }\n\n .navbar-minimize {\n position: absolute;\n right: 18px;\n top: 2px;\n opacity: 1;\n\n .btn {\n &,\n &:active,\n &:focus,\n &:hover {\n background-color: transparent !important;\n }\n }\n\n @extend .animation-transition-general;\n }\n .logo-tim {\n border-radius: 50%;\n border: 1px solid #333;\n display: block;\n height: 61px;\n width: 61px;\n float: left;\n overflow: hidden;\n\n img {\n width: 60px;\n height: 60px;\n }\n }\n\n .nav {\n margin-top: 20px;\n display: block;\n\n .caret {\n top: 14px;\n position: absolute;\n right: 10px;\n }\n\n li {\n > a + div .nav li > a {\n margin-top: 7px;\n }\n\n > a {\n margin: 10px 15px 0;\n border-radius: $btn-round-radius;\n color: $white-color;\n display: block;\n text-decoration: none;\n position: relative;\n text-transform: uppercase;\n cursor: pointer;\n font-size: $font-size-mini;\n padding: 10px 8px;\n line-height: $line-height-nav-link;\n }\n\n &:first-child > a {\n margin: 0 15px;\n }\n\n &:hover:not(.active) > a,\n &:focus:not(.active) > a {\n background-color: $opacity-1;\n }\n\n &:hover:not(.active) > a i,\n &:focus:not(.active) > a i {\n color: $white-color;\n }\n\n &.active > a:not([data-toggle=\"collapse\"]) {\n background-color: $white-color;\n box-shadow: $box-shadow;\n }\n\n &.active > a[data-toggle=\"collapse\"] {\n background-color: $opacity-1;\n box-shadow: none;\n color: $white-color;\n\n i {\n color: $white-color;\n }\n\n & + div .nav .active a {\n background-color: transparent;\n box-shadow: none;\n\n &:after {\n content: \"\";\n position: absolute;\n background-color: $white-color;\n border-radius: $btn-round-radius;\n box-shadow: $box-shadow;\n color: $primary-color;\n height: 44px;\n width: calc(100% - 5px);\n top: 0;\n left: 2px;\n z-index: -1;\n }\n }\n }\n }\n\n p {\n margin: 0;\n line-height: 30px;\n position: relative;\n display: block;\n height: auto;\n white-space: nowrap;\n @extend .animation-transition-general;\n }\n\n i {\n font-size: 20px;\n float: left;\n margin-right: 12px;\n line-height: 30px;\n width: 34px;\n text-align: center;\n color: $opacity-5;\n position: relative;\n }\n }\n\n .sidebar-background {\n position: absolute;\n z-index: 1;\n height: 100%;\n width: 100%;\n display: block;\n top: 0;\n left: 0;\n background-size: cover;\n background-position: center center;\n\n &:after {\n position: absolute;\n z-index: 3;\n width: 100%;\n height: 100%;\n content: \"\";\n display: block;\n background: #ffffff;\n opacity: 1;\n }\n }\n\n .logo {\n position: relative;\n padding: $padding-base-vertical $padding-base-horizontal;\n z-index: 4;\n\n a.logo-mini,\n a.logo-normal {\n @extend .animation-transition-general;\n }\n\n a.logo-mini {\n opacity: 1;\n float: left;\n width: 34px;\n text-align: center;\n margin-left: 10px;\n margin-right: 12px;\n }\n\n a.logo-normal {\n display: block;\n opacity: 1;\n @include transform-translate-x(0px);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 15px;\n height: 1px;\n width: calc(100% - 30px);\n background-color: $opacity-5;\n }\n\n p {\n float: left;\n font-size: 20px;\n margin: 10px 10px;\n color: $white-color;\n line-height: 20px;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n }\n\n .simple-text {\n text-transform: uppercase;\n padding: $padding-base-vertical 0;\n display: block;\n white-space: nowrap;\n font-size: $font-size-large;\n color: $white-color;\n text-decoration: none;\n font-weight: $font-weight-normal;\n line-height: 30px;\n overflow: hidden;\n }\n }\n\n .logo-tim {\n border-radius: 50%;\n border: 1px solid #333;\n display: block;\n height: 61px;\n width: 61px;\n float: left;\n overflow: hidden;\n\n img {\n width: 60px;\n height: 60px;\n }\n }\n\n &:before,\n &:after {\n display: block;\n content: \"\";\n opacity: 1;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n }\n\n &:after {\n @include icon-gradient($default-color);\n z-index: 3;\n }\n\n &[data-color=\"blue\"] {\n @include sidebar-color($info-color);\n }\n &[data-color=\"green\"] {\n @include sidebar-color($success-color);\n }\n &[data-color=\"orange\"] {\n @include sidebar-color($orange-color);\n }\n &[data-color=\"red\"] {\n @include sidebar-color($danger-color);\n }\n &[data-color=\"yellow\"] {\n @include sidebar-color($warning-color);\n }\n\n .user {\n padding-bottom: 20px;\n margin: 20px auto 0;\n position: relative;\n\n &:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 15px;\n height: 1px;\n width: calc(100% - 30px);\n background-color: $opacity-5;\n }\n\n .photo {\n width: 34px;\n height: 34px;\n overflow: hidden;\n float: left;\n z-index: 5;\n margin-right: 10px;\n border-radius: 50%;\n margin-left: 23px;\n box-shadow: $box-shadow-raised;\n @extend .animation-transition-general;\n\n img {\n width: 100%;\n }\n }\n\n a {\n color: $white-color;\n text-decoration: none;\n padding: $padding-base-vertical 15px;\n white-space: nowrap;\n @extend .animation-transition-general;\n }\n\n .info {\n > a {\n display: block;\n line-height: 18px;\n\n > span {\n @extend .animation-transition-general;\n display: block;\n position: relative;\n opacity: 1;\n }\n }\n\n .caret {\n position: absolute;\n top: 8px;\n right: 18px;\n }\n }\n }\n}\n\n.visible-on-sidebar-regular {\n display: inline-block !important;\n}\n.visible-on-sidebar-mini {\n display: none !important;\n}\n\n.off-canvas-sidebar {\n .nav {\n > li > a,\n > li > a:hover {\n color: $white-color;\n }\n\n > li > a:focus {\n background: rgba(200, 200, 200, 0.2);\n }\n }\n}\n\n.main-panel {\n position: relative;\n float: right;\n width: $sidebar-width;\n background-color: #ebecf1;\n\n @include transition(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));\n\n > .content {\n padding: 0 30px 30px;\n min-height: calc(100vh - 123px);\n margin-top: -30px;\n }\n\n > .navbar {\n margin-bottom: 0;\n }\n\n .header {\n margin-bottom: 50px;\n }\n}\n\n.perfect-scrollbar-on {\n .sidebar,\n .main-panel {\n height: 100%;\n max-height: 100%;\n }\n}\n\n.navbar.fixed-top {\n width: calc(100% - 260px);\n z-index: 10;\n right: 0;\n left: auto;\n}\n\n@media (max-width: 991px) {\n .navbar.fixed-top {\n width: 100%;\n }\n}\n\n@media (min-width: 991px) {\n .sidebar,\n .main-panel,\n .sidebar-wrapper {\n -webkit-transition-property: top, bottom, width;\n transition-property: top, bottom, width;\n -webkit-transition-duration: 0.2s, 0.2s, 0.35s;\n transition-duration: 0.2s, 0.2s, 0.35s;\n -webkit-transition-timing-function: linear, linear, ease;\n transition-timing-function: linear, linear, ease;\n -webkit-overflow-scrolling: touch;\n }\n\n .sidebar-mini {\n .visible-on-sidebar-regular {\n display: none !important;\n }\n .visible-on-sidebar-mini {\n display: inline-block !important;\n }\n\n .navbar.fixed-top {\n width: 100%;\n }\n\n .navbar-minimize {\n opacity: 0;\n }\n\n .sidebar,\n .sidebar .sidebar-wrapper {\n width: 80px;\n }\n\n .main-panel {\n width: $sidebar-mini-width;\n }\n\n .sidebar {\n display: block;\n z-index: 1030;\n\n .logo {\n a.logo-normal {\n opacity: 0;\n @include transform-translate-x(-25px);\n }\n }\n\n .sidebar-wrapper {\n > .nav [data-toggle=\"collapse\"] ~ div > ul > li > a .sidebar-normal,\n .user\n .info\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > a\n .sidebar-normal,\n .user .info > a > span,\n > .nav li > a p {\n @include transform-translate-x(-25px);\n opacity: 0;\n }\n }\n }\n\n .sidebar:hover {\n width: 260px;\n\n .logo {\n a.logo-normal {\n opacity: 1;\n @include transform-translate-x(0);\n }\n }\n\n .navbar-minimize {\n opacity: 1;\n }\n .sidebar-wrapper {\n width: 260px;\n\n > .nav li > a p,\n > .nav [data-toggle=\"collapse\"] ~ div > ul > li > a .sidebar-normal,\n .user\n .info\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > a\n .sidebar-normal,\n .user .info > a > span {\n @include transform-translate-x(0px);\n opacity: 1;\n }\n }\n }\n }\n}\n\n.panel-header {\n padding: 45px 30px;\n background: #141e30; /* fallback for old browsers */\n background: -webkit-gradient(\n linear,\n left top,\n right top,\n from(#0c2646),\n color-stop(60%, #204065),\n to(#2a5788)\n );\n background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%);\n position: relative;\n overflow: hidden;\n\n .header {\n .title {\n color: $white-color;\n }\n .category {\n max-width: 600px;\n color: $opacity-5;\n margin: 0 auto;\n font-size: 13px;\n\n a {\n color: $white-color;\n }\n }\n }\n}\n\n//.panel-header-sm {\n// height: 135px;\n//}\n//\n//.panel-header-lg {\n// height: 380px;\n//}\n",".card-timeline {\n .timeline {\n list-style: none;\n padding: 20px 0 20px;\n position: relative;\n\n &:before {\n top: 0;\n bottom: 0;\n position: absolute;\n content: \" \";\n width: 3px;\n background-color: darken($light-gray, 3%);\n left: 50%;\n margin-left: -1.5px;\n }\n\n .timeline-footer {\n .btn {\n margin: 0;\n }\n\n .dropdown {\n display: inline-block;\n }\n }\n\n h6 {\n color: $dark-gray;\n font-weight: 400;\n margin: 10px 0px 0px;\n }\n\n &.timeline-simple {\n &:before {\n left: 5%;\n }\n\n > li > .timeline-panel {\n width: 86%;\n }\n\n > li > .timeline-badge {\n left: 5%;\n }\n }\n\n > li {\n margin-bottom: 20px;\n position: relative;\n\n &:before,\n &:after {\n content: \" \";\n display: table;\n }\n\n &:after {\n clear: both;\n }\n }\n\n > li > .timeline-panel {\n width: 45%;\n float: left;\n padding: 20px;\n border-radius: $border-radius-small;\n box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);\n background-color: $white-color;\n color: $black-color;\n margin-bottom: 20px;\n position: relative;\n\n &:before {\n position: absolute;\n top: 26px;\n right: -15px;\n display: inline-block;\n border-top: 15px solid transparent;\n border-left: 15px solid $light-gray;\n border-right: 0 solid $light-gray;\n border-bottom: 15px solid transparent;\n content: \" \";\n }\n\n &:after {\n position: absolute;\n top: 27px;\n right: -14px;\n display: inline-block;\n border-top: 14px solid transparent;\n border-left: 14px solid $white-color;\n border-right: 0 solid $white-color;\n border-bottom: 14px solid transparent;\n content: \" \";\n }\n }\n\n > li > .timeline-badge {\n color: $white-color;\n width: 50px;\n height: 50px;\n line-height: 51px;\n font-size: 1.4em;\n text-align: center;\n position: absolute;\n top: 16px;\n left: 50%;\n margin-left: -25px;\n background-color: $dark-gray;\n z-index: 100;\n border-top-right-radius: 50%;\n border-top-left-radius: 50%;\n border-bottom-right-radius: 50%;\n border-bottom-left-radius: 50%;\n\n [class^=\"ti-\"],\n [class*=\" ti-\"] {\n line-height: inherit;\n }\n\n .now-ui-icons {\n line-height: 2.6;\n width: 25px;\n text-align: center;\n }\n }\n\n > li.timeline-inverted > .timeline-panel {\n float: right;\n background-color: #fff;\n\n &:before {\n border-left-width: 0;\n border-right-width: 15px;\n left: -15px;\n right: auto;\n }\n\n &:after {\n border-left-width: 0;\n border-right-width: 14px;\n left: -14px;\n right: auto;\n }\n }\n }\n .timeline-heading {\n margin-bottom: 15px;\n }\n .timeline-badge.primary {\n background-color: $info-color !important;\n }\n .timeline-badge.info {\n background-color: $info-color !important;\n }\n\n .timeline-badge.success {\n background-color: $success-color !important;\n }\n\n .timeline-badge.warning {\n background-color: $warning-color !important;\n }\n\n .timeline-badge.danger {\n background-color: $danger-color !important;\n }\n\n .timeline-title {\n margin-top: 0;\n color: inherit;\n }\n\n .timeline-body > p,\n .timeline-body > ul {\n margin-bottom: 0;\n }\n\n .timeline-body > p + p {\n margin-top: 5px;\n }\n}\n",".card {\n border: 0;\n border-radius: $border-radius-small;\n display: inline-block;\n position: relative;\n width: 100%;\n margin-bottom: 20px;\n box-shadow: $box-shadow;\n max-width: 3096px !important;\n\n [data-notify=\"container\"].alert {\n min-width: auto;\n left: unset !important;\n right: unset !important;\n }\n\n .card-body {\n padding: 15px 15px 10px 15px;\n\n &.table-full-width {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n .card-header {\n &:not([data-background-color]) {\n background-color: transparent;\n }\n padding: 15px 15px 0;\n border: 0;\n\n .card-title {\n margin-top: 10px;\n }\n }\n\n .map {\n border-radius: $border-radius-small;\n\n &.map-big {\n height: 400px;\n }\n }\n\n &[data-background-color=\"orange\"] {\n background-color: $primary-color;\n\n .card-header {\n background-color: $primary-color;\n }\n\n .card-footer {\n .stats {\n color: $white-color;\n }\n }\n }\n\n &[data-background-color=\"red\"] {\n background-color: $danger-color;\n }\n\n &[data-background-color=\"yellow\"] {\n background-color: $warning-color;\n }\n\n &[data-background-color=\"blue\"] {\n background-color: $info-color;\n }\n\n &[data-background-color=\"green\"] {\n background-color: $success-color;\n }\n\n .image {\n overflow: hidden;\n height: 200px;\n position: relative;\n }\n\n .avatar {\n width: 30px;\n height: 30px;\n overflow: hidden;\n border-radius: 50%;\n margin-bottom: 15px;\n }\n\n label {\n font-size: $font-size-small;\n margin-bottom: 5px;\n color: $dark-gray;\n }\n\n .card-footer {\n background-color: transparent;\n border: 0;\n\n .stats {\n i {\n margin-right: 5px;\n position: relative;\n top: 2px;\n }\n }\n\n .btn {\n margin: 0;\n }\n }\n}\n",".card-chart {\n .card-header {\n .card-title {\n margin-top: 10px;\n margin-bottom: 0;\n }\n .card-category {\n margin-bottom: 5px;\n }\n }\n\n .table {\n margin-bottom: 0;\n\n td {\n border-top: none;\n border-bottom: 1px solid #e9ecef;\n }\n }\n\n .card-progress {\n margin-top: 30px;\n }\n\n .chart-area {\n height: 190px;\n width: calc(100% + 30px);\n margin-left: -15px;\n margin-right: -15px;\n }\n .card-footer {\n margin-top: 15px;\n\n .stats {\n color: $dark-gray;\n }\n }\n\n .dropdown {\n position: absolute;\n right: 20px;\n top: 20px;\n\n .btn {\n margin: 0;\n }\n }\n}\n",".card-user {\n .image {\n height: 120px;\n }\n\n .author {\n text-align: center;\n text-transform: none;\n margin-top: -77px;\n\n a + p.description {\n margin-top: -7px;\n }\n }\n\n .avatar {\n width: 124px;\n height: 124px;\n border: 1px solid $white-color;\n position: relative;\n }\n\n .card-body {\n min-height: 240px;\n }\n\n hr {\n margin: 5px 15px;\n }\n\n .button-container {\n margin-bottom: 6px;\n text-align: center;\n }\n}\n",".card-plain {\n background: transparent;\n box-shadow: none;\n\n .card-header,\n .card-footer {\n margin-left: 0;\n margin-right: 0;\n background-color: transparent;\n }\n\n &:not(.card-subcategories).card-body {\n padding-left: 0;\n padding-right: 0;\n }\n}\n",".card-background {\n background-position: center center;\n background-size: cover;\n text-align: center;\n\n .card-body {\n position: relative;\n z-index: 2;\n min-height: 370px;\n max-width: 530px;\n margin: 0 auto;\n padding-top: 60px;\n padding-bottom: 60px;\n }\n .card-footer {\n position: relative;\n z-index: 2;\n }\n\n &.card-background-product .card-body {\n max-width: 400px;\n .card-title {\n margin-top: 30px;\n }\n }\n\n .stats {\n color: $white-color;\n }\n\n .card-footer {\n .stats-link > a {\n color: $white-color;\n line-height: 1.9;\n }\n }\n\n .category,\n .card-description,\n small {\n color: $opacity-8;\n }\n\n .card-title {\n color: $white-color;\n margin-top: 130px;\n }\n\n &:not(.card-pricing) .btn {\n margin-bottom: 0;\n }\n\n &::after {\n position: absolute;\n z-index: 1;\n width: 100%;\n height: 100%;\n display: block;\n left: 0;\n top: 0;\n content: \"\";\n background-color: rgba(0, 0, 0, 0.63);\n border-radius: $border-radius-large;\n }\n}\n",".card-collapse {\n .card {\n margin-bottom: 25px;\n\n .card-header {\n position: relative;\n padding: 0.75rem 1.25rem;\n padding-left: 0;\n padding-right: 0;\n\n a[data-toggle=\"collapse\"] {\n display: block;\n color: $light-black;\n\n i {\n float: right;\n position: relative;\n color: #f96332;\n top: 1px;\n @extend .animation-transition-general;\n }\n }\n\n &:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background-color: $light-gray;\n }\n }\n\n .card-body {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n }\n }\n}\n",".map {\n height: 280px;\n}\n",".card-contributions {\n @extend %card-stats;\n\n .card-description {\n max-width: 350px;\n margin: 0 auto;\n margin-bottom: 20px;\n }\n\n .card-title {\n padding-top: 35px;\n }\n\n .card-stats {\n display: flex;\n align-items: center;\n flex-direction: row;\n padding: 11px;\n }\n\n .card-footer {\n [class*=\"col-\"]:not(:first-child):before {\n content: \"\";\n position: absolute;\n left: 0;\n width: 1px;\n height: 100%;\n background-color: $hr-line;\n }\n }\n\n .bootstrap-switch {\n margin: 0;\n }\n\n span {\n padding-left: 15px;\n text-align: left;\n max-width: 125px;\n }\n}\n",".card .info-area {\n padding: 40px 0 40px;\n text-align: center;\n position: relative;\n z-index: 2;\n}\n",".card-lock {\n .card-header {\n img {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n margin-top: -60px;\n box-shadow: $box-shadow-raised;\n }\n }\n}\n",".card-pricing {\n text-align: center;\n\n .card-category {\n padding-top: 1.25em;\n }\n\n .card-title {\n margin-top: 30px;\n }\n\n .card-icon {\n padding: 10px 0 0px;\n\n i {\n font-size: 30px;\n line-height: 2.7;\n max-width: 80px;\n color: $default-color;\n width: 80px;\n height: 80px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow: 0px 9px 35px -6px rgba(0, 0, 0, 0.3);\n background-color: $white-color;\n position: relative;\n }\n\n &.icon-primary i {\n @include icon-color($primary-color);\n }\n &.icon-info i {\n @include icon-color($info-color);\n }\n &.icon-success i {\n color: $success-color;\n box-shadow: 0px 9px 30px -6px rgba(22, 199, 13, 0.85);\n }\n &.icon-warning i {\n @include icon-color($warning-color);\n }\n &.icon-danger i {\n @include icon-color($danger-color);\n }\n }\n h1 {\n small {\n font-size: 18px;\n\n &:first-child {\n position: relative;\n top: -17px;\n font-size: 26px;\n }\n }\n }\n\n ul {\n list-style: none;\n padding: 0;\n max-width: 240px;\n margin: 10px auto;\n\n li {\n color: $default-color;\n text-align: center;\n padding: 12px 0;\n border-bottom: 1px solid rgba($default-color, 0.3);\n\n &:last-child {\n border: 0;\n }\n b {\n color: $black-color;\n }\n i {\n top: 3px;\n right: 3px;\n position: relative;\n font-size: 20px;\n }\n }\n }\n\n &.card-background {\n ul {\n li {\n color: $white-color;\n border-color: rgba($white-color, 0.3);\n\n b {\n color: $white-color;\n }\n }\n }\n [class*=\"text-\"] {\n color: $white-color !important;\n }\n .card-body {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n }\n }\n &.card-background:after {\n background-color: rgba(0, 0, 0, 0.65);\n }\n}\n","@mixin icon-color($color) {\n box-shadow: 0px 9px 30px -6px $color;\n color: $color;\n}\n","%card-profile {\n margin-top: 30px;\n text-align: center;\n\n .card-body .card-title {\n margin-top: 0;\n }\n\n [class*=\"col-\"] {\n .card-description {\n margin-bottom: 0;\n\n & + .card-footer {\n margin-top: 8px;\n }\n }\n }\n\n .card-header-avatar {\n max-width: 130px;\n max-height: 130px;\n margin: -60px auto 0;\n\n img {\n border-radius: 50% !important;\n }\n\n & + .card-body {\n margin-top: 15px;\n }\n }\n\n &.card-plain {\n .card-header-avatar {\n margin-top: 0;\n }\n }\n .card-body {\n .card-avatar {\n margin: 0 auto 30px;\n }\n }\n}\n\n.card-profile {\n @extend %card-profile;\n}\n",".card-signup {\n .header {\n margin-left: 20px;\n margin-right: 20px;\n padding: 30px 0;\n }\n .text-divider {\n margin-top: 30px;\n margin-bottom: 0px;\n text-align: center;\n }\n .content {\n padding: 0px 30px;\n }\n\n .form-check {\n margin-top: 20px;\n padding-left: 0;\n\n label {\n margin-left: 14px;\n padding-left: 40px;\n }\n }\n\n .social-line {\n margin-top: 20px;\n text-align: center;\n\n .btn.btn-icon,\n .btn.btn-icon .btn-icon {\n margin-left: 5px;\n margin-right: 5px;\n box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.2);\n }\n }\n\n .card-footer {\n margin-bottom: 10px;\n margin-top: 24px;\n }\n}\n",".card-stats-mini {\n &.card-background::after {\n background-image: linear-gradient(to right, #434343 0%, black 100%);\n opacity: 0.94;\n }\n\n .card-body {\n &::after {\n clear: both;\n content: \"\";\n display: block;\n }\n }\n\n .card-footer {\n border-top: 1px solid $opacity-2;\n margin: 0 15px;\n }\n\n &.card-background {\n .card-body {\n min-height: auto;\n padding-top: 15px;\n padding-bottom: 15px;\n }\n }\n\n .card-title {\n margin-top: 0;\n margin-bottom: 5px;\n }\n\n .info-area {\n text-align: left;\n width: 40%;\n float: left;\n padding: 15px 0;\n\n .icon > i {\n font-size: 2em;\n }\n }\n\n .chart-area {\n float: left;\n width: 60%;\n }\n\n .stats {\n text-align: left;\n color: $white-color;\n }\n}\n","%card-stats {\n hr {\n margin: 5px 15px;\n }\n}\n\n.card-stats {\n @extend %card-stats;\n\n .statistics {\n position: relative;\n text-align: center;\n padding: 15px 0;\n\n .title {\n margin-bottom: 0;\n }\n .stats-title {\n margin-bottom: 5px;\n color: $dark-gray;\n font-weight: $font-weight-normal;\n }\n\n &.statistics-horizontal,\n &.statistics-horizontal .info-title {\n padding: 0;\n }\n }\n\n .icon {\n display: inline-block;\n vertical-align: top;\n margin: 0 15px;\n }\n\n .stats-information {\n display: inline-block;\n margin-bottom: 15px;\n\n .stats-text {\n font-size: 29px;\n }\n\n .stats-details {\n display: block;\n color: $default-color;\n }\n }\n\n .dots {\n text-align: right;\n\n .dot {\n background-color: $black-color;\n height: 3px;\n width: 3px;\n border-radius: 50%;\n display: inline-block;\n }\n }\n\n [class*=\"col-\"] {\n .statistics::after {\n position: absolute;\n right: 0;\n top: 20px;\n width: 1px;\n height: calc(100% - 40px);\n content: \"\";\n background: $medium-gray;\n }\n }\n [class*=\"col-\"]:last-child {\n .statistics::after {\n display: none;\n }\n }\n}\n",".card-subcategories .card-body {\n padding-bottom: 30px;\n}\n",".card-testimonial {\n @extend %card-profile;\n\n .card-body {\n padding-top: 25px;\n }\n\n .card-description + .card-title {\n margin-top: 20px;\n }\n\n .card-footer {\n margin-top: 0;\n margin-bottom: 2.5rem;\n }\n .card-description {\n & + .card-title {\n margin-top: 30px;\n }\n }\n .icon {\n i {\n font-size: 32px;\n }\n\n &.icon-primary i {\n color: $primary-color;\n }\n\n &.icon-info i {\n color: $info-color;\n }\n\n &.icon-danger i {\n color: $danger-color;\n }\n\n &.icon-warning i {\n color: $warning-color;\n }\n\n &.icon-success i {\n color: $success-color;\n }\n }\n}\n",".card-wizard {\n .card-header {\n padding-bottom: 40px;\n }\n}\n","/* ========================================================================\n * bootstrap-switch - v3.3.2\n * http://www.bootstrap-switch.org\n * ========================================================================\n * Copyright 2012-2013 Mattia Larentis\n * http://www.apache.org/licenses/LICENSE-2.0\n */\n\n//* IMPORTANT! Creative Tim Notice: this file has major changes to fit the Now Ui Dashboard 's design. If you want to use the plugin as it was before our changes, please get the old files from http://www.bootstrap-switch.org\n\n.bootstrap-switch {\n display: inline-block;\n direction: ltr;\n cursor: pointer;\n border-radius: 30px;\n border: 0;\n position: relative;\n text-align: left;\n overflow: hidden;\n box-shadow: 0 0px 10px rgba(0, 0, 0, 0.13);\n margin-bottom: 10px;\n line-height: 8px;\n width: 59px !important;\n height: 22px;\n outline: none;\n z-index: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n vertical-align: middle;\n -webkit-transition: border-color ease-in-out 0.15s,\n box-shadow ease-in-out 0.15s;\n transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n background: rgba($black-color, 0.2);\n}\n\n.bootstrap-switch .bootstrap-switch-container {\n display: inline-flex;\n top: 0;\n height: 22px;\n border-radius: 4px;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n width: 100px !important;\n}\n.bootstrap-switch .bootstrap-switch-handle-on,\n.bootstrap-switch .bootstrap-switch-handle-off,\n.bootstrap-switch .bootstrap-switch-label {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n display: inline-block !important;\n height: 100%;\n color: #fff;\n padding: 6px 10px;\n font-size: 11px;\n text-indent: -5px;\n line-height: 15px;\n -webkit-transition: 0.25s ease-out;\n transition: 0.25s ease-out;\n}\n.bootstrap-switch .bootstrap-switch-handle-on,\n.bootstrap-switch .bootstrap-switch-handle-off {\n text-align: center;\n z-index: 1;\n float: left;\n line-height: 11px;\n width: 50% !important;\n}\n.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-brown,\n.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-brown {\n color: #fff;\n background: $brand-primary;\n}\n.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue,\n.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {\n color: #fff;\n background: $brand-info;\n}\n.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green,\n.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green {\n color: #fff;\n background: $brand-success;\n}\n.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange,\n.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange {\n background: $brand-warning;\n color: #fff;\n}\n.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red,\n.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red {\n color: #fff;\n background: $brand-danger;\n}\n.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,\n.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {\n color: #fff;\n}\n.bootstrap-switch .bootstrap-switch-label {\n text-align: center;\n z-index: 100;\n color: #333333;\n background: #ffffff;\n width: 22px !important;\n height: 22px !important;\n margin: 0px -11px;\n border-radius: 20px;\n position: absolute;\n float: left;\n top: 0;\n left: 50%;\n padding: 0;\n box-shadow: 0 1px 11px rgba(0, 0, 0, 0.25);\n}\n\n.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {\n background-color: rgba(23, 23, 23, 0.4);\n}\n.bootstrap-switch.bootstrap-switch-on:hover .bootstrap-switch-label {\n width: 27px !important;\n margin-left: -16px;\n}\n.bootstrap-switch.bootstrap-switch-off:hover .bootstrap-switch-label {\n width: 27px !important;\n margin-left: -11px;\n}\n.bootstrap-switch .bootstrap-switch-handle-on {\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n}\n.bootstrap-switch .bootstrap-switch-handle-off {\n text-indent: 6px;\n}\n.bootstrap-switch input[type=\"radio\"],\n.bootstrap-switch input[type=\"checkbox\"] {\n position: absolute !important;\n top: 0;\n left: 0;\n opacity: 0;\n filter: alpha(opacity=0);\n z-index: -1;\n}\n.bootstrap-switch input[type=\"radio\"].form-control,\n.bootstrap-switch input[type=\"checkbox\"].form-control {\n height: auto;\n}\n.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,\n.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,\n.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {\n padding: 1px 5px;\n font-size: 12px;\n line-height: 1.5;\n}\n.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,\n.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,\n.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {\n padding: 5px 10px;\n font-size: 12px;\n line-height: 1.5;\n}\n.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,\n.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,\n.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {\n padding: 6px 16px;\n font-size: 18px;\n line-height: 1.33;\n}\n.bootstrap-switch.bootstrap-switch-disabled,\n.bootstrap-switch.bootstrap-switch-readonly,\n.bootstrap-switch.bootstrap-switch-indeterminate {\n cursor: default !important;\n}\n.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,\n.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,\n.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,\n.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,\n.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,\n.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,\n.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,\n.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,\n.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {\n opacity: 0.5;\n filter: alpha(opacity=50);\n cursor: default !important;\n}\n.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {\n -webkit-transition: margin-left 0.5s;\n transition: margin-left 0.5s;\n}\n.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px;\n}\n.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n}\n.bootstrap-switch.bootstrap-switch-focused {\n // border-color: #66afe9;\n // outline: 0;\n // -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);\n // box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);\n}\n// .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,\n// .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {\n// border-bottom-right-radius: 3px;\n// border-top-right-radius: 3px;\n// }\n// .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,\n// .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {\n// border-bottom-left-radius: 3px;\n// border-top-left-radius: 3px;\n// }\n\n.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {\n margin-left: -2px !important;\n}\n\n.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {\n margin-left: -39px !important;\n}\n\n.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {\n &:before {\n background-color: #ffffff;\n }\n}\n\n.bootstrap-switch.bootstrap-switch-on\n .bootstrap-switch-red\n ~ .bootstrap-switch-default {\n background-color: $brand-danger;\n}\n\n.bootstrap-switch.bootstrap-switch-on\n .bootstrap-switch-orange\n ~ .bootstrap-switch-default {\n background-color: $brand-warning;\n}\n\n.bootstrap-switch.bootstrap-switch-on\n .bootstrap-switch-green\n ~ .bootstrap-switch-default {\n background-color: $brand-success;\n}\n\n.bootstrap-switch.bootstrap-switch-on\n .bootstrap-switch-brown\n ~ .bootstrap-switch-default {\n background-color: $brand-primary;\n}\n\n.bootstrap-switch.bootstrap-switch-on\n .bootstrap-switch-blue\n ~ .bootstrap-switch-default {\n background-color: $brand-info;\n}\n\n.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-red,\n.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-brown,\n.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-blue,\n.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-orange,\n.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-green {\n background-color: $light-gray;\n}\n\n.bootstrap-switch-on .bootstrap-switch-handle-off,\n.bootstrap-switch-off .bootstrap-switch-handle-on {\n opacity: 0;\n visibility: hidden;\n}\n","/*! nouislider - 14.1.1 - 12/15/2019 */\n/* Functional styling;\n * These styles are required for noUiSlider to function.\n * You don't need to change these rules to apply your design.\n */\n.noUi-target,\n.noUi-target * {\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-user-select: none;\n -ms-touch-action: none;\n touch-action: none;\n -ms-user-select: none;\n -moz-user-select: none;\n user-select: none;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.noUi-target {\n position: relative;\n}\n.noUi-base,\n.noUi-connects {\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n}\n/* Wrapper for all connect elements.\n */\n.noUi-connects {\n overflow: hidden;\n z-index: 0;\n}\n.noUi-connect,\n.noUi-origin {\n will-change: transform;\n position: absolute;\n z-index: 1;\n top: 0;\n right: 0;\n -ms-transform-origin: 0 0;\n -webkit-transform-origin: 0 0;\n -webkit-transform-style: preserve-3d;\n transform-origin: 0 0;\n transform-style: flat;\n}\n.noUi-connect {\n height: 100%;\n width: 100%;\n}\n.noUi-origin {\n height: 10%;\n width: 10%;\n}\n/* Offset direction\n */\n.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {\n left: 0;\n right: auto;\n}\n/* Give origins 0 height/width so they don't interfere with clicking the\n * connect elements.\n */\n.noUi-vertical .noUi-origin {\n width: 0;\n}\n.noUi-horizontal .noUi-origin {\n height: 0;\n}\n.noUi-handle {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n position: absolute;\n}\n.noUi-touch-area {\n height: 100%;\n width: 100%;\n}\n.noUi-state-tap .noUi-connect,\n.noUi-state-tap .noUi-origin {\n -webkit-transition: transform 0.3s;\n transition: transform 0.3s;\n}\n.noUi-state-drag * {\n cursor: inherit !important;\n}\n/* Slider size and handle placement;\n */\n.noUi-horizontal {\n height: 1px;\n margin: 15px 0;\n}\n.noUi-horizontal .noUi-handle {\n border-radius: 50%;\n background-color: #fff;\n box-shadow: 0 1px 13px 0 rgba(0,0,0,.2);\n height: 15px;\n width: 15px;\n cursor: pointer;\n outline: none;\n right: -10px;\n top: -7px;\n}\n.noUi-vertical {\n width: 18px;\n}\n.noUi-vertical .noUi-handle {\n width: 28px;\n height: 34px;\n right: -6px;\n top: -17px;\n}\n.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {\n left: -17px;\n right: auto;\n}\n/* Styling;\n * Giving the connect element a border radius causes issues with using transform: scale\n */\n.noUi-target {\n background-color: rgba(182, 182, 182, .3);\n \tborder-radius: 3px;\n}\n.noUi-connects {\n border-radius: 3px;\n}\n.noUi-connect {\n background: $default-color;\n}\n/* Handles and cursors;\n */\n.noUi-draggable {\n cursor: ew-resize;\n}\n.noUi-vertical .noUi-draggable {\n cursor: ns-resize;\n}\n.noUi-handle {\n border-radius: 50%;\n\tbackground: #FFF;\n\tcursor: default;\n\t-webkit-transition: $general-transition-time $transition-ease;\n -moz-transition: $general-transition-time $transition-ease;\n -ms-transition: $general-transition-time $transition-ease;\n -o-transform: $general-transition-time $transition-ease;\n transition: $general-transition-time $transition-ease;\n\n &.noUi-active {\n -webkit-transform: scale3d(1.5,1.5,1);\n -moz-transform: scale3d(1.5,1.5,1);\n -ms-transform: scale3d(1.5,1.5,1);\n -o-transform: scale3d(1.5,1.5,1);\n transform: scale3d(1.5,1.5,1);\n }\n}\n/* Handle stripes;\n */\n// .noUi-handle:before,\n// .noUi-handle:after {\n// content: \"\";\n// display: block;\n// position: absolute;\n// height: 14px;\n// width: 1px;\n// background: #E8E7E6;\n// left: 14px;\n// top: 6px;\n// }\n.noUi-handle:after {\n left: 17px;\n}\n.noUi-vertical .noUi-handle:before,\n.noUi-vertical .noUi-handle:after {\n width: 14px;\n height: 1px;\n left: 6px;\n top: 14px;\n}\n.noUi-vertical .noUi-handle:after {\n top: 17px;\n}\n/* Disabled state;\n */\n[disabled] .noUi-connect {\n background: #B8B8B8;\n}\n[disabled].noUi-target,\n[disabled].noUi-handle,\n[disabled] .noUi-handle {\n cursor: not-allowed;\n}\n/* Base;\n *\n */\n.noUi-pips,\n.noUi-pips * {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.noUi-pips {\n position: absolute;\n color: #999;\n}\n/* Values;\n *\n */\n.noUi-value {\n position: absolute;\n white-space: nowrap;\n text-align: center;\n}\n.noUi-value-sub {\n color: #ccc;\n font-size: 10px;\n}\n/* Markings;\n *\n */\n.noUi-marker {\n position: absolute;\n background: #CCC;\n}\n.noUi-marker-sub {\n background: #AAA;\n}\n.noUi-marker-large {\n background: #AAA;\n}\n/* Horizontal layout;\n *\n */\n.noUi-pips-horizontal {\n padding: 10px 0;\n height: 80px;\n top: 100%;\n left: 0;\n width: 100%;\n}\n.noUi-value-horizontal {\n -webkit-transform: translate(-50%, 50%);\n transform: translate(-50%, 50%);\n}\n.noUi-rtl .noUi-value-horizontal {\n -webkit-transform: translate(50%, 50%);\n transform: translate(50%, 50%);\n}\n.noUi-marker-horizontal.noUi-marker {\n margin-left: -1px;\n width: 2px;\n height: 5px;\n}\n.noUi-marker-horizontal.noUi-marker-sub {\n height: 10px;\n}\n.noUi-marker-horizontal.noUi-marker-large {\n height: 15px;\n}\n/* Vertical layout;\n *\n */\n.noUi-pips-vertical {\n padding: 0 10px;\n height: 100%;\n top: 0;\n left: 100%;\n}\n.noUi-value-vertical {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%);\n padding-left: 25px;\n}\n.noUi-rtl .noUi-value-vertical {\n -webkit-transform: translate(0, 50%);\n transform: translate(0, 50%);\n}\n.noUi-marker-vertical.noUi-marker {\n width: 5px;\n height: 2px;\n margin-top: -1px;\n}\n.noUi-marker-vertical.noUi-marker-sub {\n width: 10px;\n}\n.noUi-marker-vertical.noUi-marker-large {\n width: 15px;\n}\n.noUi-tooltip {\n display: block;\n position: absolute;\n border: 1px solid #D9D9D9;\n border-radius: 3px;\n background: #fff;\n color: #000;\n padding: 5px;\n text-align: center;\n white-space: nowrap;\n}\n.noUi-horizontal .noUi-tooltip {\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0);\n left: 50%;\n bottom: 120%;\n}\n.noUi-vertical .noUi-tooltip {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%);\n top: 50%;\n right: 120%;\n}\n\n.slider {\n\n\t&.slider-neutral{\n\t\t& .noUi-connect,\n &.noUi-connect{\n background-color: $white-color;\n }\n\n\t\t&.noUi-target{\n\t\t\tbackground-color: rgba(255,255,255, .3);\n\t\t}\n\n\t\t& .noUi-handle{\n\t\t\tbackground-color: $white-color;\n\t\t}\n\t}\n\n\t&.slider-primary{\n\t\t& .noUi-connect,\n &.noUi-connect{\n background-color: $primary-color;\n }\n\n\t\t&.noUi-target{\n\t\t\tbackground-color: $primary-color-opacity;\n\t\t}\n\n\t\t& .noUi-handle{\n\t\t\tbackground-color: $brand-primary;\n\t\t}\n\t}\n\n &.slider-info{\n & .noUi-connect,\n &.noUi-connect{\n background-color: $brand-info;\n }\n\n\t\t&.noUi-target{\n\t\t\tbackground-color: $info-color-opacity;\n\t\t}\n\n\t\t& .noUi-handle{\n\t\t\tbackground-color: $brand-info;\n\t\t}\n }\n &.slider-success{\n & .noUi-connect,\n &.noUi-connect{\n background-color: $brand-success;\n }\n\n &.noUi-target{\n\t\t\tbackground-color: $success-color-opacity;\n\t\t}\n\n\t\t& .noUi-handle{\n\t\t\tbackground-color: $brand-success;\n\t\t}\n }\n &.slider-warning{\n & .noUi-connect,\n &.noUi-connect{\n background-color: $brand-warning;\n }\n\n &.noUi-target{\n\t\t\tbackground-color: $warning-color-opacity;\n\t\t}\n\n\t\t& .noUi-handle{\n\t\t\tbackground-color: $brand-warning;\n\t\t}\n }\n &.slider-danger{\n & .noUi-connect,\n &.noUi-connect{\n background-color: $brand-danger;\n }\n\n &.noUi-target{\n\t\t\tbackground-color: $danger-color-opacity;\n\t\t}\n\n\t\t& .noUi-handle{\n\t\t\tbackground-color: $brand-danger;\n\t\t}\n }\n\n}\n","// This file was modified by Creative Tim to keep only the animation that we need for Bootstrap Notify\n\n@charset \"UTF-8\";\n\n/*!\nAnimate.css - http://daneden.me/animate\nLicensed under the MIT license - http://opensource.org/licenses/MIT\n\nCopyright (c) 2015 Daniel Eden\n*/\n\n.animated {\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n}\n\n.animated.infinite {\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n}\n\n.animated.hinge {\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n}\n\n.animated.bounceIn,\n.animated.bounceOut {\n -webkit-animation-duration: 0.75s;\n animation-duration: 0.75s;\n}\n\n.animated.flipOutX,\n.animated.flipOutY {\n -webkit-animation-duration: 0.75s;\n animation-duration: 0.75s;\n}\n\n@-webkit-keyframes shake {\n from,\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 10%,\n 30%,\n 50%,\n 70%,\n 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n\n 20%,\n 40%,\n 60%,\n 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n}\n\n@keyframes shake {\n from,\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 10%,\n 30%,\n 50%,\n 70%,\n 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n\n 20%,\n 40%,\n 60%,\n 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n}\n\n.shake {\n -webkit-animation-name: shake;\n animation-name: shake;\n}\n\n@-webkit-keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.fadeInDown {\n -webkit-animation-name: fadeInDown;\n animation-name: fadeInDown;\n}\n\n@-webkit-keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n.fadeOut {\n -webkit-animation-name: fadeOut;\n animation-name: fadeOut;\n}\n\n@-webkit-keyframes fadeOutDown {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n\n@keyframes fadeOutDown {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n\n.fadeOutDown {\n -webkit-animation-name: fadeOutDown;\n animation-name: fadeOutDown;\n}\n\n@-webkit-keyframes fadeOutUp {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n\n@keyframes fadeOutUp {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n\n.fadeOutUp {\n -webkit-animation-name: fadeOutUp;\n animation-name: fadeOutUp;\n}\n","/*\n * Container style\n */\n.ps {\n overflow: hidden !important;\n overflow-anchor: none;\n -ms-overflow-style: none;\n touch-action: auto;\n -ms-touch-action: auto;\n}\n\n/*\n * Scrollbar rail styles\n */\n.ps__rail-x {\n display: none;\n opacity: 0;\n transition: background-color 0.2s linear, opacity 0.2s linear;\n -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;\n height: 15px;\n /* there must be 'bottom' or 'top' for ps__rail-x */\n bottom: 0px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__rail-y {\n display: none;\n opacity: 0;\n transition: background-color 0.2s linear, opacity 0.2s linear;\n -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;\n width: 15px;\n /* there must be 'right' or 'left' for ps__rail-y */\n right: 0;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps--active-x > .ps__rail-x,\n.ps--active-y > .ps__rail-y {\n display: block;\n background-color: transparent;\n}\n\n.ps:hover > .ps__rail-x,\n.ps:hover > .ps__rail-y,\n.ps--focus > .ps__rail-x,\n.ps--focus > .ps__rail-y,\n.ps--scrolling-x > .ps__rail-x,\n.ps--scrolling-y > .ps__rail-y {\n opacity: 0.6;\n}\n\n.ps .ps__rail-x:hover,\n.ps .ps__rail-y:hover,\n.ps .ps__rail-x:focus,\n.ps .ps__rail-y:focus,\n.ps .ps__rail-x.ps--clicking,\n.ps .ps__rail-y.ps--clicking {\n background-color: #eee;\n opacity: 0.9;\n}\n\n/*\n * Scrollbar thumb styles\n */\n.ps__thumb-x {\n background-color: #aaa;\n border-radius: 6px;\n transition: background-color 0.2s linear, height 0.2s ease-in-out;\n -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;\n height: 6px;\n /* there must be 'bottom' for ps__thumb-x */\n bottom: 2px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__thumb-y {\n background-color: #aaa;\n border-radius: 6px;\n transition: background-color 0.2s linear, width 0.2s ease-in-out;\n -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;\n width: 6px;\n /* there must be 'right' for ps__thumb-y */\n right: 2px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__rail-x:hover > .ps__thumb-x,\n.ps__rail-x:focus > .ps__thumb-x,\n.ps__rail-x.ps--clicking .ps__thumb-x {\n background-color: #999;\n height: 11px;\n}\n\n.ps__rail-y:hover > .ps__thumb-y,\n.ps__rail-y:focus > .ps__thumb-y,\n.ps__rail-y.ps--clicking .ps__thumb-y {\n background-color: #999;\n width: 11px;\n}\n\n/* MS supports */\n@supports (-ms-overflow-style: none) {\n .ps {\n overflow: auto !important;\n }\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .ps {\n overflow: auto !important;\n }\n}\n",".card-wizard {\n min-height: 410px;\n box-shadow: $box-shadow;\n opacity: 0;\n @include transition($general-transition-time, $transition-linear);\n\n &.active {\n opacity: 1;\n }\n\n .nav-pills .nav-item .nav-link {\n padding-top: 8px;\n padding-bottom: 8px;\n margin-right: 0 !important;\n }\n\n .nav-pills .nav-item .nav-link,\n .nav-pills .nav-item .nav-link.active,\n .nav-pills .nav-item .nav-link:hover,\n .nav-pills .nav-item .nav-link:focus,\n .nav-pills .nav-item .nav-link.active:focus,\n .nav-pills .nav-item .nav-link.active:hover {\n background-color: transparent;\n box-shadow: none;\n }\n\n .picture-container {\n position: relative;\n cursor: pointer;\n text-align: center;\n }\n\n .wizard-navigation {\n position: relative;\n\n .nav-link {\n display: flex;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n }\n\n .wizard-navigation .nav-link i,\n .moving-tab i {\n display: inline-block;\n font-size: 19px;\n line-height: initial;\n margin-right: 6px;\n padding: 0;\n vertical-align: bottom;\n }\n\n .picture {\n width: 106px;\n height: 106px;\n background-color: #999999;\n border: 1px solid $light-gray;\n color: #ffffff;\n border-radius: 50%;\n margin: 5px auto;\n overflow: hidden;\n transition: all 0.2s;\n -webkit-transition: all 0.2s;\n\n &:hover {\n border-color: #2ca8ff;\n }\n }\n\n .moving-tab {\n position: absolute;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n text-transform: uppercase;\n -webkit-font-smoothing: subpixel-antialiased;\n top: -4px;\n left: 0px;\n border-radius: 30px;\n background-color: $white-color;\n box-shadow: $box-shadow;\n color: $primary-color;\n cursor: pointer;\n font-weight: 500;\n }\n\n &[data-color=\"primary\"] {\n @include set-wizard-color($brand-primary);\n }\n &[data-color=\"white\"] {\n @include set-wizard-color($white-color);\n }\n\n &[data-color=\"green\"] {\n @include set-wizard-color($brand-success);\n }\n\n &[data-color=\"blue\"] {\n @include set-wizard-color($brand-info);\n }\n\n &[data-color=\"orange\"] {\n @include set-wizard-color($brand-warning);\n }\n\n &[data-color=\"red\"] {\n @include set-wizard-color($brand-danger);\n }\n\n .picture input[type=\"file\"] {\n cursor: pointer;\n display: block;\n height: 100%;\n left: 0;\n opacity: 0 !important;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n .picture-src {\n width: 100%;\n }\n\n .tab-content {\n min-height: 355px;\n padding: 20px 0;\n }\n\n .wizard-footer {\n padding: 0 15px;\n\n .checkbox {\n margin-top: 16px;\n }\n }\n\n .disabled {\n display: none;\n }\n\n .wizard-header {\n text-align: center;\n padding: 25px 0 35px;\n\n h5 {\n margin: 5px 0 0;\n }\n }\n\n .nav-pills > li {\n text-align: center;\n }\n\n .btn {\n text-transform: uppercase;\n }\n\n .info-text {\n text-align: center;\n font-weight: 300;\n margin: 10px 0 30px;\n }\n\n .choice {\n text-align: center;\n cursor: pointer;\n margin-top: 20px;\n\n &[disabled] {\n pointer-events: none;\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n .icon {\n text-align: center;\n vertical-align: middle;\n height: 116px;\n width: 116px;\n border-radius: 50%;\n color: $default-color;\n margin: 0 auto 20px;\n border: 1px solid $light-gray;\n transition: all 0.2s;\n -webkit-transition: all 0.2s;\n }\n\n i {\n font-size: 30px;\n line-height: 116px;\n position: absolute;\n left: 0;\n right: 0;\n }\n\n &:hover,\n &.active {\n .icon {\n border-color: #2ca8ff;\n }\n }\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n position: absolute;\n left: -10000px;\n z-index: -1;\n }\n }\n\n .btn-finish {\n display: none;\n }\n\n .card-title + .description {\n font-size: $font-size-base + 3;\n margin-bottom: 32px;\n }\n\n .wizard-title {\n margin: 0;\n }\n\n .nav-pills {\n background-color: $orange-bg;\n\n > li + li {\n margin-left: 0;\n }\n\n > li > a {\n border: 0 !important;\n border-radius: 0;\n line-height: 18px;\n text-transform: uppercase;\n font-size: 12px;\n font-weight: 500;\n min-width: 100px;\n text-align: center;\n color: #555555;\n }\n\n > li.active > a,\n > li.active > a:hover,\n > li.active > a:focus,\n > li > a:hover,\n > li > a:focus {\n background-color: inherit;\n box-shadow: none;\n }\n\n > li i {\n display: block;\n font-size: 30px;\n padding: 15px 0;\n }\n }\n}\n","@mixin set-wizard-color($color) {\n .moving-tab {\n color: $color;\n }\n\n .picture {\n &:hover {\n border-color: $color;\n }\n }\n\n .choice {\n &:hover,\n &.active {\n .icon {\n border-color: $color;\n color: $color;\n }\n }\n }\n\n // .form-group{\n // .form-control{\n // background-image: linear-gradient($color, $color), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color);\n // }\n // }\n\n .checkbox input[type=\"checkbox\"]:checked + .checkbox-material {\n .check {\n background-color: $color;\n }\n }\n\n .radio input[type=\"radio\"]:checked ~ .check {\n background-color: $color;\n }\n\n .radio input[type=\"radio\"]:checked ~ .circle {\n border-color: $color;\n }\n}\n",".sr-only,\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"incrementHours\"]::after,\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"incrementMinutes\"]::after,\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"decrementHours\"]::after,\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"decrementMinutes\"]::after,\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"showHours\"]::after,\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"showMinutes\"]::after,\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"togglePeriod\"]::after,\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"clear\"]::after,\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"today\"]::after,\r\n.bootstrap-datetimepicker-widget .picker-switch::after,\r\n.bootstrap-datetimepicker-widget table th.prev::after,\r\n.bootstrap-datetimepicker-widget table th.next::after {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.bootstrap-datetimepicker-widget {\r\n list-style: none;\r\n}\r\n.bootstrap-datetimepicker-widget a .btn:hover {\r\n background-color: transparent;\r\n}\r\n.bootstrap-datetimepicker-widget.dropdown-menu {\r\n padding: 8px 6px;\r\n width: 254px;\r\n max-width: 254px;\r\n\r\n .now-ui-icons {\r\n opacity: 1;\r\n }\r\n}\r\n@media (min-width: 768px) {\r\n .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {\r\n width: 38em;\r\n }\r\n}\r\n@media (min-width: 992px) {\r\n .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {\r\n width: 38em;\r\n }\r\n}\r\n@media (min-width: 1200px) {\r\n .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {\r\n width: 38em;\r\n }\r\n}\r\n.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {\r\n display: inline-block;\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n vertical-align: middle;\r\n content: \"\";\r\n top: -5px;\r\n left: 10px;\r\n right: auto;\r\n color: $white-color;\r\n border-bottom: 0.4em solid;\r\n border-right: 0.4em solid transparent;\r\n border-left: 0.4em solid transparent;\r\n}\r\n\r\n.bootstrap-datetimepicker-widget.dropdown-menu.top:before {\r\n display: none;\r\n}\r\n\r\n.bootstrap-datetimepicker-widget.dropdown-menu.top:after {\r\n display: inline-block;\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n vertical-align: middle;\r\n content: \"\";\r\n top: auto;\r\n bottom: -6px;\r\n right: auto;\r\n left: 10px;\r\n color: $white-color;\r\n border-top: 0.4em solid;\r\n border-right: 0.4em solid transparent;\r\n border-left: 0.4em solid transparent;\r\n}\r\n.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {\r\n left: auto;\r\n right: 6px;\r\n}\r\n.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {\r\n left: auto;\r\n right: 7px;\r\n}\r\n.bootstrap-datetimepicker-widget .list-unstyled {\r\n margin: 0;\r\n}\r\n.bootstrap-datetimepicker-widget a[data-action] {\r\n padding: 0;\r\n border-width: 0;\r\n color: #66615b;\r\n background-color: transparent;\r\n}\r\n.bootstrap-datetimepicker-widget a[data-action=\"togglePicker\"],\r\n.bootstrap-datetimepicker-widget a[data-action=\"togglePicker\"]:hover {\r\n color: $primary-color;\r\n}\r\n.bootstrap-datetimepicker-widget a[data-action]:hover {\r\n background-color: transparent;\r\n}\r\n.bootstrap-datetimepicker-widget a[data-action]:active {\r\n box-shadow: none;\r\n}\r\n.bootstrap-datetimepicker-widget .timepicker-hour,\r\n.bootstrap-datetimepicker-widget .timepicker-minute,\r\n.bootstrap-datetimepicker-widget .timepicker-second {\r\n width: 40px;\r\n height: 40px;\r\n line-height: 40px;\r\n font-weight: 300;\r\n font-size: 1.5em;\r\n margin: 3px;\r\n border-radius: 50%;\r\n}\r\n.bootstrap-datetimepicker-widget button[data-action] {\r\n width: 38px;\r\n background-color: $primary-color;\r\n height: 38px;\r\n padding: 0;\r\n box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.bootstrap-datetimepicker-widget .btn {\r\n margin: 0 !important;\r\n}\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"incrementHours\"]::after {\r\n content: \"Increment Hours\";\r\n}\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"incrementMinutes\"]::after {\r\n content: \"Increment Minutes\";\r\n}\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"decrementHours\"]::after {\r\n content: \"Decrement Hours\";\r\n}\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"decrementMinutes\"]::after {\r\n content: \"Decrement Minutes\";\r\n}\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"showHours\"]::after {\r\n content: \"Show Hours\";\r\n}\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"showMinutes\"]::after {\r\n content: \"Show Minutes\";\r\n}\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"togglePeriod\"]::after {\r\n content: \"Toggle AM/PM\";\r\n}\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"clear\"]::after {\r\n content: \"Clear the picker\";\r\n}\r\n.bootstrap-datetimepicker-widget .btn[data-action=\"today\"]::after {\r\n content: \"Set the date to today\";\r\n}\r\n.bootstrap-datetimepicker-widget .picker-switch {\r\n text-align: center;\r\n border-radius: 3px;\r\n color: $primary-color;\r\n}\r\n.bootstrap-datetimepicker-widget .picker-switch::after {\r\n content: \"Toggle Date and Time Screens\";\r\n}\r\n.bootstrap-datetimepicker-widget .picker-switch td {\r\n padding: 0;\r\n margin: 0;\r\n height: auto;\r\n width: auto;\r\n line-height: inherit;\r\n}\r\n.bootstrap-datetimepicker-widget .picker-switch td span {\r\n line-height: 2.5;\r\n height: 2.5em;\r\n width: 100%;\r\n border-radius: 3px;\r\n margin: 2px 0px !important;\r\n}\r\n.bootstrap-datetimepicker-widget table {\r\n width: 100%;\r\n margin: 0;\r\n text-align: center;\r\n}\r\n.bootstrap-datetimepicker-widget table td > div,\r\n.bootstrap-datetimepicker-widget table th > div {\r\n text-align: center;\r\n}\r\n.bootstrap-datetimepicker-widget table th {\r\n height: 20px;\r\n line-height: 20px;\r\n width: 20px;\r\n font-weight: 300;\r\n}\r\n.bootstrap-datetimepicker-widget table th.picker-switch {\r\n width: 145px;\r\n}\r\n.bootstrap-datetimepicker-widget table th.disabled,\r\n.bootstrap-datetimepicker-widget table th.disabled:hover {\r\n background: none;\r\n color: #cfcfca;\r\n cursor: not-allowed;\r\n}\r\n.bootstrap-datetimepicker-widget table th.prev span,\r\n.bootstrap-datetimepicker-widget table th.next span {\r\n border-radius: 4px;\r\n height: 27px;\r\n width: 27px;\r\n line-height: 28px;\r\n font-size: 12px;\r\n border-radius: 50%;\r\n text-align: center;\r\n color: $primary-color;\r\n}\r\n.bootstrap-datetimepicker-widget table th.prev::after {\r\n content: \"Previous Month\";\r\n}\r\n.bootstrap-datetimepicker-widget table th.next::after {\r\n content: \"Next Month\";\r\n}\r\n.bootstrap-datetimepicker-widget table th.dow {\r\n text-align: center;\r\n color: $primary-color;\r\n padding-bottom: 5px;\r\n padding-top: 10px;\r\n}\r\n.bootstrap-datetimepicker-widget table thead tr:first-child th {\r\n cursor: pointer;\r\n}\r\n.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,\r\n.bootstrap-datetimepicker-widget\r\n table\r\n thead\r\n tr:first-child\r\n th.picker-switch:hover {\r\n background: #eee;\r\n}\r\n// .bootstrap-datetimepicker-widget table td > div {\r\n// border-radius: 4px;\r\n// height: 54px;\r\n// line-height: 54px;\r\n// width: 54px;\r\n// text-align: center;\r\n// }\r\n.bootstrap-datetimepicker-widget table td.cw > div {\r\n font-size: 0.8em;\r\n height: 20px;\r\n line-height: 20px;\r\n color: #cfcfca;\r\n}\r\n.bootstrap-datetimepicker-widget table td.day > div,\r\n.bootstrap-datetimepicker-widget table td.minute > div,\r\n.bootstrap-datetimepicker-widget table td.hour > div {\r\n height: 30px;\r\n line-height: 2.2;\r\n width: 30px;\r\n text-align: center;\r\n padding: 0px;\r\n border-radius: 50%;\r\n margin: 0 auto;\r\n z-index: -1;\r\n position: relative;\r\n font-weight: 300;\r\n font-size: 14px;\r\n border: none;\r\n cursor: pointer;\r\n @include transition($general-transition-time, $transition-ease);\r\n}\r\n.bootstrap-datetimepicker-widget table td.day:hover > div,\r\n.bootstrap-datetimepicker-widget table td.hour:hover > div,\r\n.bootstrap-datetimepicker-widget table td.minute:hover > div,\r\n.bootstrap-datetimepicker-widget table td.second:hover > div {\r\n background: #eee;\r\n cursor: pointer;\r\n}\r\n.bootstrap-datetimepicker-widget table td.old > div,\r\n.bootstrap-datetimepicker-widget table td.new > div {\r\n color: $default-color;\r\n}\r\n.bootstrap-datetimepicker-widget table td.today > div:before {\r\n content: \"\";\r\n display: inline-block;\r\n border: 0 0 7px 7px solid transparent;\r\n border-bottom-color: #68b3c8;\r\n border-top-color: rgba(0, 0, 0, 0.2);\r\n position: absolute;\r\n bottom: 4px;\r\n right: 4px;\r\n}\r\n.bootstrap-datetimepicker-widget table td.active > div,\r\n.bootstrap-datetimepicker-widget table td.active:hover > div {\r\n background-color: $primary-color;\r\n color: $white-color;\r\n box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);\r\n}\r\n.bootstrap-datetimepicker-widget table td.active.today:before > div {\r\n border-bottom-color: #ffffff;\r\n}\r\n.bootstrap-datetimepicker-widget table td.disabled > div,\r\n.bootstrap-datetimepicker-widget table td.disabled:hover > div {\r\n background: none;\r\n color: #cfcfca;\r\n cursor: not-allowed;\r\n}\r\n.bootstrap-datetimepicker-widget table td span {\r\n display: inline-block;\r\n width: 40px;\r\n height: 40px;\r\n line-height: 40px;\r\n margin: 0 3px;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n text-align: center;\r\n}\r\n.bootstrap-datetimepicker-widget table td span:hover {\r\n background: #eee;\r\n}\r\n.bootstrap-datetimepicker-widget table td span.active {\r\n background-color: $primary-color;\r\n color: #ffffff;\r\n}\r\n.bootstrap-datetimepicker-widget table td span.old {\r\n color: #cfcfca;\r\n}\r\n.bootstrap-datetimepicker-widget table td span.disabled,\r\n.bootstrap-datetimepicker-widget table td span.disabled:hover {\r\n background: none;\r\n color: #cfcfca;\r\n cursor: not-allowed;\r\n}\r\n.bootstrap-datetimepicker-widget .timepicker-picker span,\r\n.bootstrap-datetimepicker-widget .timepicker-hours span,\r\n.bootstrap-datetimepicker-widget .timepicker-minutes span {\r\n border-radius: 50% !important;\r\n}\r\n.bootstrap-datetimepicker-widget.usetwentyfour td.hour {\r\n height: 27px;\r\n line-height: 27px;\r\n}\r\n\r\n.input-group.date .input-group-addon {\r\n cursor: pointer;\r\n}\r\n\r\n.table-condensed > tbody > tr > td,\r\n.table-condensed > tbody > tr > th,\r\n.table-condensed > tfoot > tr > td,\r\n.table-condensed > tfoot > tr > th,\r\n.table-condensed > thead > tr > td,\r\n.table-condensed > thead > tr > th {\r\n padding: 1px;\r\n text-align: center;\r\n z-index: 1;\r\n cursor: pointer;\r\n}\r\n\r\ninput.datetimepicker[data-color] + .bootstrap-datetimepicker-widget {\r\n .picker-switch,\r\n table th.prev span,\r\n table th.next span,\r\n table td.day > div,\r\n a[data-action=\"togglePicker\"],\r\n a[data-action=\"togglePicker\"]:hover,\r\n span,\r\n .timepicker-hours span,\r\n .timepicker-minutes span,\r\n .separator,\r\n table td.minute > div,\r\n table td.hour > div {\r\n color: $white-color;\r\n }\r\n\r\n table th.dow {\r\n color: $opacity-8;\r\n }\r\n\r\n table td.old > div,\r\n table td.new > div {\r\n color: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n button[data-action] {\r\n background-color: $white-color;\r\n }\r\n\r\n table td.active > div,\r\n table td.active:hover > div {\r\n background-color: $white-color;\r\n }\r\n\r\n table td:not(.active).day:hover > div,\r\n table td.hour:hover > div,\r\n table td.minute:hover > div,\r\n table td.second:hover > div,\r\n table td span:hover {\r\n background: $opacity-2;\r\n }\r\n\r\n table thead tr:first-child th:hover span,\r\n table thead tr:first-child th.picker-switch:hover {\r\n background-color: $opacity-2;\r\n }\r\n}\r\n\r\ninput.datetimepicker[data-color=\"orange\"] + .bootstrap-datetimepicker-widget {\r\n background-color: $primary-color;\r\n\r\n table td.active > div,\r\n table td.active:hover > div,\r\n button[data-action],\r\n &.dropdown-menu.top:after,\r\n &.dropdown-menu.bottom:before {\r\n color: $primary-color;\r\n }\r\n}\r\n\r\ninput.datetimepicker[data-color=\"blue\"] + .bootstrap-datetimepicker-widget {\r\n background-color: $info-color;\r\n\r\n table td.active > div,\r\n table td.active:hover > div,\r\n button[data-action],\r\n &.dropdown-menu.top:after,\r\n &.dropdown-menu.bottom:before {\r\n color: $info-color;\r\n }\r\n}\r\n\r\ninput.datetimepicker[data-color=\"green\"] + .bootstrap-datetimepicker-widget {\r\n background-color: $success-color;\r\n\r\n table td.active > div,\r\n table td.active:hover > div,\r\n button[data-action],\r\n &.dropdown-menu.top:after,\r\n &.dropdown-menu.bottom:before {\r\n color: $success-color;\r\n }\r\n}\r\n\r\ninput.datetimepicker[data-color=\"red\"] + .bootstrap-datetimepicker-widget {\r\n background-color: $danger-color;\r\n\r\n table td.active > div,\r\n table td.active:hover > div,\r\n button[data-action],\r\n &.dropdown-menu.top:after,\r\n &.dropdown-menu.bottom:before {\r\n color: $danger-color;\r\n }\r\n}\r\n\r\ninput.datetimepicker[data-color=\"yellow\"] + .bootstrap-datetimepicker-widget {\r\n background-color: $warning-color;\r\n\r\n table td.active > div,\r\n table td.active:hover > div,\r\n button[data-action],\r\n &.dropdown-menu.top:after,\r\n &.dropdown-menu.bottom:before {\r\n color: $warning-color;\r\n }\r\n}\r\n","/*!\n * Bootstrap-select v1.13.1 (https://developer.snapappointments.com/bootstrap-select)\n *\n * Copyright 2012-2018 SnapAppointments, LLC\n * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)\n */\n\nselect.bs-select-hidden,\n.bootstrap-select > select.bs-select-hidden,\nselect.selectpicker {\n display: none !important;\n}\n.bootstrap-select {\n width: 220px \\0;\n /*IE9 and below*/\n\n & > .dropdown-menu {\n overflow: visible !important;\n }\n .dropdown-item.active,\n .dropdown-item:active {\n background-color: inherit;\n }\n\n &.dropup .dropdown-menu {\n top: auto !important;\n bottom: 100%;\n }\n}\n.bootstrap-select > .dropdown-toggle {\n position: relative;\n width: 100%;\n z-index: 1;\n text-align: right;\n white-space: nowrap;\n margin: 0;\n}\n// .bootstrap-select > .dropdown-toggle.bs-placeholder,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder:active {\n// color: #999;\n// }\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,\n// .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {\n// color: rgba(255, 255, 255, 0.5);\n// }\n.bootstrap-select > select {\n position: absolute !important;\n bottom: 0;\n left: 50%;\n display: block !important;\n width: 0.5px !important;\n height: 100% !important;\n padding: 0 !important;\n opacity: 0 !important;\n border: none;\n}\n.bootstrap-select > select.mobile-device {\n top: 0;\n left: 0;\n display: block !important;\n width: 100% !important;\n z-index: 2;\n}\n.has-error .bootstrap-select .dropdown-toggle,\n.error .bootstrap-select .dropdown-toggle,\n.bootstrap-select.is-invalid .dropdown-toggle,\n.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {\n border-color: #b94a48;\n}\n.bootstrap-select.is-valid .dropdown-toggle,\n.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {\n border-color: #28a745;\n}\n.bootstrap-select.fit-width {\n width: auto !important;\n}\n.bootstrap-select:not([class*=\"col-\"]):not([class*=\"form-control\"]):not(.input-group-btn) {\n width: 220px;\n}\n// .bootstrap-select .dropdown-toggle:focus {\n// outline: thin dotted #333333 !important;\n// outline: 5px auto -webkit-focus-ring-color !important;\n// outline-offset: -2px;\n// }\n.bootstrap-select.form-control {\n margin-bottom: 0;\n padding: 0;\n border: none;\n}\n:not(.input-group) > .bootstrap-select.form-control:not([class*=\"col-\"]) {\n width: 100%;\n}\n.bootstrap-select.form-control.input-group-btn {\n z-index: auto;\n}\n.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)\n > .btn {\n border-radius: 0;\n}\n.bootstrap-select:not(.input-group-btn),\n.bootstrap-select[class*=\"col-\"] {\n float: none;\n display: inline-block;\n margin-left: 0;\n}\n.bootstrap-select.dropdown-menu-right,\n.bootstrap-select[class*=\"col-\"].dropdown-menu-right,\n.row .bootstrap-select[class*=\"col-\"].dropdown-menu-right {\n float: right;\n}\n.form-inline .bootstrap-select,\n.form-horizontal .bootstrap-select,\n.form-group .bootstrap-select {\n margin-bottom: 0;\n}\n.form-group-lg .bootstrap-select.form-control,\n.form-group-sm .bootstrap-select.form-control {\n padding: 0;\n}\n.form-group-lg .bootstrap-select.form-control .dropdown-toggle,\n.form-group-sm .bootstrap-select.form-control .dropdown-toggle {\n height: 100%;\n font-size: inherit;\n line-height: inherit;\n border-radius: inherit;\n}\n.bootstrap-select.form-control-sm .dropdown-toggle,\n.bootstrap-select.form-control-lg .dropdown-toggle {\n font-size: inherit;\n line-height: inherit;\n border-radius: inherit;\n}\n.bootstrap-select.form-control-sm .dropdown-toggle {\n padding: 0.25rem 0.5rem;\n}\n.bootstrap-select.form-control-lg .dropdown-toggle {\n padding: 0.5rem 1rem;\n}\n.form-inline .bootstrap-select .form-control {\n width: 100%;\n}\n.bootstrap-select.disabled,\n.bootstrap-select > .disabled {\n cursor: not-allowed;\n}\n.bootstrap-select.disabled:focus,\n.bootstrap-select > .disabled:focus {\n outline: none !important;\n}\n.bootstrap-select.bs-container {\n position: absolute;\n top: 0;\n left: 0;\n height: 0 !important;\n padding: 0 !important;\n}\n.bootstrap-select.bs-container .dropdown-menu {\n z-index: 1060;\n}\n.bootstrap-select .dropdown-toggle:before {\n content: \"\";\n display: inline-block;\n}\n.bootstrap-select .dropdown-toggle .filter-option {\n position: absolute;\n top: 0;\n left: 0;\n padding-top: inherit;\n padding-right: inherit;\n padding-bottom: inherit;\n padding-left: inherit;\n height: 100%;\n width: 100%;\n text-align: left;\n outline: none;\n}\n.bootstrap-select .dropdown-toggle .filter-option-inner {\n padding-right: inherit;\n}\n.bootstrap-select .dropdown-toggle .filter-option-inner-inner {\n overflow: hidden;\n}\n.bootstrap-select .dropdown-toggle .caret {\n position: absolute;\n top: 50%;\n right: 12px;\n margin-top: -2px;\n vertical-align: middle;\n}\n.input-group .bootstrap-select.form-control .dropdown-toggle {\n border-radius: inherit;\n}\n.bootstrap-select[class*=\"col-\"] .dropdown-toggle {\n width: 100%;\n}\n.bootstrap-select .dropdown-menu {\n min-width: 100%;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.bootstrap-select .dropdown-menu > .inner:focus {\n outline: none !important;\n}\n.bootstrap-select .dropdown-menu.inner {\n position: static;\n float: none;\n border: 0;\n padding: 0;\n margin: 0;\n border-radius: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.bootstrap-select .dropdown-menu li {\n position: relative;\n}\n.bootstrap-select .dropdown-menu li.active small {\n color: #fff;\n}\n.bootstrap-select .dropdown-menu li.disabled a {\n cursor: not-allowed;\n}\n.bootstrap-select .dropdown-menu li a {\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.bootstrap-select .dropdown-menu li a.opt {\n position: relative;\n padding-left: 2.25em;\n}\n.bootstrap-select .dropdown-menu li a span.check-mark {\n display: none;\n}\n.bootstrap-select .dropdown-menu li a span.text {\n display: inline-block;\n}\n.bootstrap-select .dropdown-menu li small {\n padding-left: 0.5em;\n}\n.bootstrap-select .dropdown-menu .notify {\n position: absolute;\n bottom: 5px;\n width: 96%;\n margin: 0 2%;\n min-height: 26px;\n padding: 3px 5px;\n background: #f5f5f5;\n border: 1px solid #e3e3e3;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\n pointer-events: none;\n opacity: 0.9;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.bootstrap-select .no-results {\n padding: 3px;\n background: #f5f5f5;\n margin: 0 5px;\n white-space: nowrap;\n}\n.bootstrap-select.fit-width .dropdown-toggle .filter-option {\n position: static;\n display: inline;\n padding: 0;\n}\n.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,\n.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {\n display: inline;\n}\n.bootstrap-select.fit-width .dropdown-toggle .caret {\n position: static;\n top: auto;\n margin-top: -1px;\n}\n.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {\n position: absolute;\n display: inline-block;\n right: 15px;\n top: 14px;\n}\n.bootstrap-select.show-tick .dropdown-menu li a span.text {\n margin-right: 34px;\n}\n.bootstrap-select .bs-ok-default:after {\n content: \"\";\n display: block;\n width: 0.5em;\n height: 1em;\n border-style: solid;\n border-width: 0 0.26em 0.26em 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,\n.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {\n z-index: 1061;\n}\n.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {\n content: \"\";\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 7px solid rgba(204, 204, 204, 0.2);\n position: absolute;\n bottom: -4px;\n left: 9px;\n display: none;\n}\n.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {\n content: \"\";\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid white;\n position: absolute;\n bottom: -4px;\n left: 10px;\n display: none;\n}\n.bootstrap-select.show-menu-arrow.dropup\n .dropdown-toggle\n .filter-option:before {\n bottom: auto;\n top: -4px;\n border-top: 7px solid rgba(204, 204, 204, 0.2);\n border-bottom: 0;\n}\n.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {\n bottom: auto;\n top: -4px;\n border-top: 6px solid white;\n border-bottom: 0;\n}\n.bootstrap-select.show-menu-arrow.pull-right\n .dropdown-toggle\n .filter-option:before {\n right: 12px;\n left: auto;\n}\n.bootstrap-select.show-menu-arrow.pull-right\n .dropdown-toggle\n .filter-option:after {\n right: 13px;\n left: auto;\n}\n.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,\n.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,\n.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,\n.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {\n display: block;\n}\n.bs-searchbox,\n.bs-actionsbox,\n.bs-donebutton {\n padding: 4px 8px;\n}\n.bs-actionsbox {\n width: 100%;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.bs-actionsbox .btn-group button {\n width: 50%;\n}\n.bs-donebutton {\n float: left;\n width: 100%;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.bs-donebutton .btn-group button {\n width: 100%;\n}\n.bs-searchbox + .bs-actionsbox {\n padding: 0 8px 4px;\n}\n.bs-searchbox .form-control {\n margin-bottom: 0;\n width: 100%;\n float: none;\n}\n/*# sourceMappingURL=bootstrap-select.css.map */\n",".btn-file {\n position: relative;\n overflow: hidden;\n vertical-align: middle;\n}\n.btn-file > input {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n font-size: 23px;\n cursor: pointer;\n filter: alpha(opacity=0);\n opacity: 0;\n\n direction: ltr;\n}\n.fileinput {\n display: inline-block;\n margin-bottom: 9px;\n}\n.fileinput .form-control {\n display: inline-block;\n padding-top: 7px;\n padding-bottom: 5px;\n margin-bottom: 0;\n vertical-align: middle;\n cursor: text;\n}\n.fileinput .thumbnail {\n display: inline-block;\n margin-bottom: 10px;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n max-width: 250px;\n box-shadow: $box-shadow;\n\n &.img-circle {\n border-radius: 50%;\n max-width: 100px;\n }\n}\n.fileinput .thumbnail > img {\n max-height: 100%;\n}\n.fileinput .btn {\n vertical-align: middle;\n}\n.fileinput-exists .fileinput-new,\n.fileinput-new .fileinput-exists {\n display: none;\n}\n.fileinput-inline .fileinput-controls {\n display: inline;\n}\n.fileinput-filename {\n display: inline-block;\n overflow: hidden;\n vertical-align: middle;\n}\n.form-control .fileinput-filename {\n vertical-align: bottom;\n}\n.fileinput.input-group {\n display: table;\n}\n.fileinput.input-group > * {\n position: relative;\n z-index: 2;\n}\n.fileinput.input-group > .btn-file {\n z-index: 1;\n}\n.fileinput-new.input-group .btn-file,\n.fileinput-new .input-group .btn-file {\n border-radius: 0 4px 4px 0;\n}\n.fileinput-new.input-group .btn-file.btn-xs,\n.fileinput-new .input-group .btn-file.btn-xs,\n.fileinput-new.input-group .btn-file.btn-sm,\n.fileinput-new .input-group .btn-file.btn-sm {\n border-radius: 0 3px 3px 0;\n}\n.fileinput-new.input-group .btn-file.btn-lg,\n.fileinput-new .input-group .btn-file.btn-lg {\n border-radius: 0 6px 6px 0;\n}\n.form-group.has-warning .fileinput .fileinput-preview {\n color: $brand-warning;\n}\n.form-group.has-warning .fileinput .thumbnail {\n border-color: $brand-warning;\n}\n.form-group.has-error .fileinput .fileinput-preview {\n color: $brand-danger;\n}\n.form-group.has-error .fileinput .thumbnail {\n border-color: $brand-danger;\n}\n.form-group.has-success .fileinput .fileinput-preview {\n color: $brand-success;\n}\n.form-group.has-success .fileinput .thumbnail {\n border-color: $brand-success;\n}\n.input-group-addon:not(:first-child) {\n border-left: 0;\n}\n.thumbnail {\n border: 0 none;\n border-radius: 3px;\n padding: 0;\n}\n","/*\n * bootstrap-tagsinput v0.8.0\n *\n */\n\n.bootstrap-tagsinput {\n display: inline-block;\n padding: 4px 6px;\n max-width: 100%;\n line-height: 22px;\n\n input {\n border: none;\n box-shadow: none;\n outline: none;\n background-color: transparent;\n margin: 0;\n width: 74px;\n max-width: inherit;\n\n &:focus {\n border: none;\n box-shadow: none;\n }\n }\n\n &.form-control input::-moz-placeholder {\n color: #777;\n opacity: 1;\n }\n\n &.form-control input:-ms-input-placeholder,\n &.form-control input::-webkit-input-placeholder {\n color: #777;\n }\n\n .tag {\n cursor: pointer;\n margin: 5px 3px 5px 0;\n position: relative;\n padding: 3px 8px;\n border-radius: 12px;\n color: #ffffff;\n font-weight: 500;\n font-size: 0.75em;\n text-transform: uppercase;\n display: inline-block;\n line-height: 1.5em;\n padding-left: 0.8em;\n\n &:hover {\n padding-right: 22px;\n\n [data-role=\"remove\"] {\n opacity: 1;\n padding-right: 4px;\n }\n }\n\n [data-role=\"remove\"] {\n cursor: pointer;\n position: absolute;\n top: 3px;\n right: 0px;\n opacity: 0;\n background-color: transparent;\n }\n\n [data-role=\"remove\"] {\n &:after {\n font-family: \"Nucleo Outline\";\n content: \"\\ea53\";\n padding: 0px 2px;\n }\n }\n }\n\n @include create-colored-badges();\n}\n","/*\n * This combined file was created by the DataTables downloader builder:\n * https://datatables.net/download\n *\n * To rebuild or modify this file with the latest versions of the included\n * software please visit:\n * https://datatables.net/download/#bs4/dt-1.10.16/cr-1.4.1/fc-3.2.3/fh-3.1.3/r-2.2.0/rg-1.0.2/rr-1.2.3/sc-1.4.3/sl-1.2.3\n *\n * Included libraries:\n * DataTables 1.10.16, ColReorder 1.4.1, FixedColumns 3.2.3, FixedHeader 3.1.3, Responsive 2.2.0, RowGroup 1.0.2, RowReorder 1.2.3, Scroller 1.4.3, Select 1.2.3\n */\n\n// DataTables.net actual Version 1.10.12\n\ntable.dataTable {\n clear: both;\n margin-top: 6px !important;\n margin-bottom: 6px !important;\n max-width: none !important;\n border-collapse: separate !important;\n border: 0;\n}\ntable.dataTable td,\ntable.dataTable th {\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n}\ntable.dataTable td.dataTables_empty,\ntable.dataTable th.dataTables_empty {\n text-align: center;\n}\ntable.dataTable.nowrap th,\ntable.dataTable.nowrap td {\n white-space: nowrap;\n}\n\ndiv.dataTables_wrapper div.dataTables_length label {\n font-weight: normal;\n text-align: left;\n white-space: nowrap;\n}\ndiv.dataTables_wrapper div.dataTables_length select {\n width: 75px;\n display: inline-block;\n}\ndiv.dataTables_wrapper div.dataTables_filter {\n text-align: right;\n}\ndiv.dataTables_wrapper div.dataTables_filter label {\n font-weight: normal;\n white-space: nowrap;\n text-align: left;\n}\ndiv.dataTables_wrapper div.dataTables_filter input {\n margin-left: 0.5em;\n display: inline-block;\n width: auto;\n}\ndiv.dataTables_wrapper div.dataTables_info {\n padding-top: 8px;\n white-space: nowrap;\n}\ndiv.dataTables_wrapper div.dataTables_paginate {\n margin: 0;\n white-space: nowrap;\n text-align: right;\n}\ndiv.dataTables_wrapper div.dataTables_paginate ul.pagination {\n margin: 2px 0;\n white-space: nowrap;\n -ms-flex-pack: end !important;\n justify-content: flex-end !important;\n}\ndiv.dataTables_wrapper div.dataTables_processing {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 200px;\n margin-left: -100px;\n margin-top: -26px;\n text-align: center;\n padding: 1em 0;\n}\n\ntable.dataTable thead > tr > th.sorting_asc,\ntable.dataTable thead > tr > th.sorting_desc,\ntable.dataTable thead > tr > th.sorting,\ntable.dataTable thead > tr > td.sorting_asc,\ntable.dataTable thead > tr > td.sorting_desc,\ntable.dataTable thead > tr > td.sorting {\n padding-right: 30px;\n}\ntable.dataTable thead > tr > th:active,\ntable.dataTable thead > tr > td:active {\n outline: none;\n}\ntable.dataTable thead .sorting,\ntable.dataTable thead .sorting_asc,\ntable.dataTable thead .sorting_desc,\ntable.dataTable thead .sorting_asc_disabled,\ntable.dataTable thead .sorting_desc_disabled {\n cursor: pointer;\n position: relative;\n}\n// table.dataTable thead .sorting:after,\n// table.dataTable thead .sorting_asc:after,\n// table.dataTable thead .sorting_desc:after,\n// table.dataTable thead .sorting_asc_disabled:after,\n// table.dataTable thead .sorting_desc_disabled:after {\n// position: absolute;\n// bottom: 8px;\n// right: 8px;\n// display: block;\n// font-family: 'Glyphicons Halflings';\n// opacity: 0.5;\n// }\n// table.dataTable thead .sorting:after {\n// opacity: 0.2;\n// content: \"\\e150\";\n// /* sort */\n// }\n// table.dataTable thead .sorting_asc:after {\n// content: \"\\e155\";\n// /* sort-by-attributes */\n// }\n// table.dataTable thead .sorting_desc:after {\n// content: \"\\e156\";\n// /* sort-by-attributes-alt */\n// }\ntable.dataTable thead .sorting_asc_disabled:after,\ntable.dataTable thead .sorting_desc_disabled:after {\n color: #eee;\n}\n\ndiv.dataTables_scrollHead table.dataTable {\n margin-bottom: 0 !important;\n}\n\ndiv.dataTables_scrollBody table {\n border-top: none;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\ndiv.dataTables_scrollBody table thead .sorting:after,\ndiv.dataTables_scrollBody table thead .sorting_asc:after,\ndiv.dataTables_scrollBody table thead .sorting_desc:after {\n display: none;\n}\ndiv.dataTables_scrollBody table tbody tr:first-child th,\ndiv.dataTables_scrollBody table tbody tr:first-child td {\n border-top: none;\n}\n\ndiv.dataTables_scrollFoot table {\n margin-top: 0 !important;\n border-top: none;\n}\n\n@media screen and (max-width: 767px) {\n div.dataTables_wrapper div.dataTables_length,\n div.dataTables_wrapper div.dataTables_filter,\n div.dataTables_wrapper div.dataTables_info,\n div.dataTables_wrapper div.dataTables_paginate {\n text-align: center;\n }\n}\ntable.dataTable.table-condensed > thead > tr > th {\n padding-right: 20px;\n}\ntable.dataTable.table-condensed .sorting:after,\ntable.dataTable.table-condensed .sorting_asc:after,\ntable.dataTable.table-condensed .sorting_desc:after {\n top: 6px;\n right: 6px;\n}\n\ntable.table-bordered.dataTable th,\ntable.table-bordered.dataTable td {\n border-left-width: 0;\n}\ntable.table-bordered.dataTable th:last-child,\ntable.table-bordered.dataTable th:last-child,\ntable.table-bordered.dataTable td:last-child,\ntable.table-bordered.dataTable td:last-child {\n border-right-width: 0;\n}\ntable.table-bordered.dataTable tbody th,\ntable.table-bordered.dataTable tbody td {\n border-bottom-width: 0;\n}\n\ndiv.dataTables_scrollHead table.table-bordered {\n border-bottom-width: 0;\n}\n\ndiv.table-responsive > div.dataTables_wrapper > div.row {\n margin: 0;\n}\ndiv.table-responsive\n > div.dataTables_wrapper\n > div.row\n > div[class^=\"col-\"]:first-child {\n padding-left: 0;\n}\ndiv.table-responsive\n > div.dataTables_wrapper\n > div.row\n > div[class^=\"col-\"]:last-child {\n padding-right: 0;\n}\n\ntable.dataTable {\n .btn-simple.btn-icon {\n padding: 3px;\n }\n\n thead {\n .sorting,\n .sorting_asc,\n .sorting_desc,\n .sorting_asc_disabled,\n .sorting_desc_disabled {\n &:after {\n position: relative;\n display: inline-block;\n bottom: 1px;\n right: -7px;\n font-family: \"Font Awesome 5 Free\";\n font-weight: 900;\n opacity: 0.8;\n font-size: 12px;\n }\n }\n\n .disabled-sorting.sorting,\n .disabled-sorting.sorting_asc,\n .disabled-sorting.sorting_desc,\n .disabled-sorting.sorting_asc_disabled,\n .disabled-sorting.sorting_desc_disabled {\n &:after {\n display: none;\n }\n }\n\n .sorting {\n &:after {\n opacity: 0.4;\n content: \"\\f0dc\";\n }\n }\n\n .sorting_asc {\n &:after {\n content: \"\\f0de\";\n top: 2px;\n }\n }\n\n .sorting_desc {\n &:after {\n content: \"\\f0dd\";\n top: -3px;\n }\n }\n }\n\n > thead > tr > th,\n > tbody > tr > th,\n > tfoot > tr > th,\n > thead > tr > td,\n > tbody > tr > td,\n > tfoot > tr > td {\n padding: 5px !important;\n outline: 0;\n max-width: 150px;\n width: 150px;\n border-right: 0;\n border-bottom: 0;\n }\n\n > thead > tr > th {\n border: none;\n }\n}\n\n.dataTables_paginate {\n a {\n outline: 0;\n }\n}\n\ntable.dataTable.dtr-inline.collapsed {\n > tbody > tr > td.child,\n > tbody > tr > th.child,\n > tbody > tr > td.dataTables_empty {\n cursor: default !important;\n }\n\n > tbody > tr > td.child,\n > tbody > tr > th.child,\n > tbody > tr > td.dataTables_empty {\n &:before {\n display: none !important;\n }\n }\n\n > tbody > tr > td:first-child,\n > tbody > tr > th:first-child {\n position: relative;\n padding-left: 30px;\n cursor: pointer;\n }\n\n > tbody > tr > td:first-child,\n > tbody > tr > th:first-child {\n &:before {\n top: 50%;\n margin-top: -9px;\n left: 4px;\n height: 18px;\n width: 18px;\n display: block;\n position: absolute;\n color: $brand-success;\n border: 0px solid white;\n border-radius: 14px;\n box-shadow: 0 0 3px #444;\n box-sizing: content-box;\n text-align: center;\n font-family: \"Courier New\", Courier, monospace;\n line-height: 18px;\n content: \"+\";\n background-color: #fff;\n }\n }\n\n > tbody > tr.parent > td:first-child,\n > tbody > tr.parent > th:first-child {\n &:before {\n content: \"-\";\n color: $brand-danger;\n }\n }\n\n > tbody > tr.child td {\n &:before {\n display: none;\n }\n }\n}\n\ntable.dataTable.dtr-inline.collapsed.compact {\n > tbody > tr > td,\n > tbody > tr > th {\n &:first-child {\n padding-left: 27px;\n }\n }\n\n > tbody > tr > td,\n > tbody > tr > th {\n &:first-child:before {\n top: 5px;\n left: 4px;\n height: 14px;\n width: 14px;\n border-radius: 14px;\n line-height: 14px;\n text-indent: 3px;\n }\n }\n}\n\ntable.dataTable.dtr-column {\n > tbody > tr > td.control,\n > tbody > tr > th.control {\n position: relative;\n cursor: pointer;\n }\n\n > tbody > tr > td.control,\n > tbody > tr > th.control {\n &:before {\n top: 50%;\n left: 50%;\n height: 16px;\n width: 16px;\n margin-top: -10px;\n margin-left: -10px;\n display: block;\n position: absolute;\n color: white;\n border: 2px solid white;\n border-radius: 14px;\n box-shadow: 0 0 3px #444;\n box-sizing: content-box;\n text-align: center;\n font-family: \"Courier New\", Courier, monospace;\n line-height: 14px;\n content: \"+\";\n background-color: #31b131;\n }\n }\n\n > tbody > tr.parent td.control,\n > tbody > tr.parent th.control {\n &:before {\n content: \"-\";\n background-color: #d33333;\n }\n }\n}\n\ntable.dataTable {\n > tbody > tr.child {\n padding: 0.5em 1em;\n }\n\n > tbody > tr.child {\n &:hover {\n background: transparent !important;\n }\n }\n\n > tbody > tr.child ul {\n display: inline-block;\n list-style-type: none;\n margin: 0;\n padding: 0;\n }\n\n > tbody > tr.child ul li {\n border-bottom: 1px solid #efefef;\n padding: 0.5em 0;\n }\n\n > tbody > tr.child ul li {\n &:first-child {\n padding-top: 0;\n }\n }\n\n > tbody > tr.child ul li {\n &:last-child {\n border-bottom: none;\n }\n }\n\n > tbody > tr.child span.dtr-title {\n display: inline-block;\n min-width: 75px;\n font-weight: bold;\n }\n}\n\ndiv.dtr-modal {\n position: fixed;\n box-sizing: border-box;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 100;\n padding: 10em 1em;\n\n div.dtr-modal-display {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n width: 50%;\n height: 50%;\n overflow: auto;\n margin: auto;\n z-index: 102;\n overflow: auto;\n background-color: #f5f5f7;\n border: 1px solid black;\n border-radius: 0.5em;\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);\n }\n\n div.dtr-modal-content {\n position: relative;\n padding: 1em;\n }\n\n div.dtr-modal-close {\n position: absolute;\n top: 6px;\n right: 6px;\n width: 22px;\n height: 22px;\n border: 1px solid #eaeaea;\n background-color: #f9f9f9;\n text-align: center;\n border-radius: 3px;\n cursor: pointer;\n z-index: 12;\n }\n\n div.dtr-modal-close {\n &:hover {\n background-color: #eaeaea;\n }\n }\n\n div.dtr-modal-background {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 101;\n background: rgba(0, 0, 0, 0.6);\n }\n}\n\n.material-datatables {\n .input-sm {\n height: 35px;\n padding: 0;\n }\n}\n\n@media screen and (max-width: 767px) {\n div.dtr-modal div.dtr-modal-display {\n width: 95%;\n }\n\n table.dataTable > tbody > tr > td:first-child {\n padding-left: 30px !important;\n }\n}\n\n@media all and (min-width: 520px) and (max-width: 730px) {\n table.dataTable .btn-simple.btn-icon {\n display: block;\n margin: 0;\n }\n}\n","svg {\n touch-action: none;\n}\n\n.jvectormap-container {\n width: 100%;\n height: 100%;\n position: relative;\n overflow: hidden;\n touch-action: none;\n}\n\n.jvectormap-tip {\n // design changed by www.creative-tim.com\n position: absolute;\n display: none;\n color: $default-color;\n line-height: 1.5em;\n background: $white-color;\n border: none;\n border-radius: $border-radius-extreme;\n padding: 5px 10px;\n z-index: 1040;\n}\n\n.jvectormap-zoomin,\n.jvectormap-zoomout,\n.jvectormap-goback {\n position: absolute;\n left: 10px;\n border-radius: 3px;\n background: #292929;\n padding: 3px;\n color: white;\n cursor: pointer;\n line-height: 10px;\n text-align: center;\n box-sizing: content-box;\n}\n\n.jvectormap-zoomin,\n.jvectormap-zoomout {\n width: 10px;\n height: 10px;\n}\n\n.jvectormap-zoomin {\n top: 10px;\n}\n\n.jvectormap-zoomout {\n top: 30px;\n}\n\n.jvectormap-goback {\n bottom: 10px;\n z-index: 1000;\n padding: 6px;\n}\n\n.jvectormap-spinner {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background: center no-repeat\n url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);\n}\n\n.jvectormap-legend-title {\n font-weight: bold;\n font-size: 14px;\n text-align: center;\n}\n\n.jvectormap-legend-cnt {\n position: absolute;\n}\n\n.jvectormap-legend-cnt-h {\n bottom: 0;\n right: 0;\n}\n\n.jvectormap-legend-cnt-v {\n top: 0;\n right: 0;\n}\n\n.jvectormap-legend {\n background: black;\n color: white;\n border-radius: 3px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend {\n float: left;\n margin: 0 10px 10px 0;\n padding: 3px 3px 1px 3px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {\n float: left;\n}\n\n.jvectormap-legend-cnt-v .jvectormap-legend {\n margin: 10px 10px 0 0;\n padding: 3px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend-tick {\n width: 40px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {\n height: 15px;\n}\n\n.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {\n height: 20px;\n width: 20px;\n display: inline-block;\n vertical-align: middle;\n}\n\n.jvectormap-legend-tick-text {\n font-size: 12px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {\n text-align: center;\n}\n\n.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {\n display: inline-block;\n vertical-align: middle;\n line-height: 20px;\n padding-left: 3px;\n}\n",".fc {\n direction: ltr;\n text-align: left;\n}\n\n.fc-rtl {\n text-align: right;\n}\n\nbody .fc {\n /* extra precedence to overcome jqui */\n font-size: 1em;\n}\n\n/* Colors\n--------------------------------------------------------------------------------------------------*/\n\n.fc-unthemed th,\n.fc-unthemed td,\n.fc-unthemed thead,\n.fc-unthemed tbody,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-row,\n.fc-unthemed .fc-content, /* for gutter border */\n.fc-unthemed .fc-popover,\n.fc-unthemed .fc-list-view,\n.fc-unthemed .fc-list-heading td {\n border-color: #ddd;\n}\n\n.fc-unthemed .fc-popover {\n background-color: $white-color;\n}\n\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-popover .fc-header,\n.fc-unthemed .fc-list-heading td {\n background: $default-color;\n}\n\n.fc-unthemed .fc-popover .fc-header .fc-close {\n color: $link-disabled-color;\n}\n\n.fc-unthemed .fc-today {\n background: $smoke-bg;\n}\n\n.fc-highlight {\n /* when user is selecting cells */\n background: #bce8f1;\n opacity: 0.3;\n}\n\n.fc-bgevent {\n /* default look for background events */\n background: rgb(143, 223, 130);\n opacity: 0.3;\n}\n\n.fc-nonbusiness {\n /* default look for non-business-hours areas */\n /* will inherit .fc-bgevent's styles */\n background: #d7d7d7;\n}\n\n/* Icons (inline elements with styled text that mock arrow icons)\n--------------------------------------------------------------------------------------------------*/\n\n.fc-icon {\n display: inline-block;\n height: 1em;\n line-height: 1em;\n font-size: 1em;\n text-align: center;\n overflow: hidden;\n font-family: \"Courier New\", Courier, monospace;\n\n /* don't allow browser text-selection */\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n/*\nAcceptable font-family overrides for individual icons:\n\t\"Arial\", sans-serif\n\t\"Times New Roman\", serif\n\nNOTE: use percentage font sizes or else old IE chokes\n*/\n\n.fc-icon:after {\n position: relative;\n}\n\n.fc-icon-left-single-arrow:after {\n content: \"\\02039\";\n font-weight: bold;\n font-size: 200%;\n top: -7%;\n}\n\n.fc-icon-right-single-arrow:after {\n content: \"\\0203A\";\n font-weight: bold;\n font-size: 200%;\n top: -7%;\n}\n\n.fc-icon-left-double-arrow:after {\n content: \"\\000AB\";\n font-size: 160%;\n top: -7%;\n}\n\n.fc-icon-right-double-arrow:after {\n content: \"\\000BB\";\n font-size: 160%;\n top: -7%;\n}\n\n.fc-icon-left-triangle:after {\n content: \"\\25C4\";\n font-size: 125%;\n top: 3%;\n}\n\n.fc-icon-right-triangle:after {\n content: \"\\25BA\";\n font-size: 125%;\n top: 3%;\n}\n\n.fc-icon-down-triangle:after {\n content: \"\\25BC\";\n font-size: 125%;\n top: 2%;\n}\n\n.fc-icon-x:after {\n content: \"\\000D7\";\n font-size: 200%;\n top: 6%;\n}\n\n/* Buttons (styled tags, normalized to work cross-browser)\n--------------------------------------------------------------------------------------------------*/\n\n.fc button {\n border-width: $border-thick;\n font-weight: $font-weight-normal;\n font-size: $font-size-small;\n line-height: $line-height;\n margin: 5px 1px;\n border: none;\n margin: 10px 1px;\n border-radius: $border-radius-small;\n padding: $padding-btn-vertical $padding-btn-horizontal;\n cursor: pointer;\n -webkit-transition: all 0.2s ease-in-out;\n -o-transition: all 0.2s ease-in-out;\n transition: all 0.2s ease-in-out;\n outline: none;\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &,\n &.btn-primary {\n @include btn-styles($primary-color, $primary-states-color);\n }\n}\n\n.fc button[disabled],\n.fc button[disabled]:focus,\n.fc button[disabled]:hover {\n cursor: default;\n opacity: 0.5;\n pointer-events: none;\n // @include shadow-2dp-color($gray-light);\n}\n\n.fc-state-default {\n /* non-theme */\n border: 1px solid;\n}\n\n/*.fc-state-default.fc-corner-left { non-theme\n\tborder-top-left-radius: 4px;\n\tborder-bottom-left-radius: 4px;\n}\n\n.fc-state-default.fc-corner-right { /* non-theme\n\tborder-top-right-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n}*/\n\n/* icons in buttons */\n\n.fc button .fc-icon {\n /* non-theme */\n position: relative;\n top: -0.05em; /* seems to be a good adjustment across browsers */\n margin: 0 0.2em;\n vertical-align: middle;\n}\n\n/*\n button states\n borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)\n*/\n\n// .fc-state-default {\n// \tbackground-color: #f5f5f5;\n// \tbackground-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);\n// \tbackground-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));\n// \tbackground-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);\n// \tbackground-image: -o-linear-gradient(top, #ffffff, #e6e6e6);\n// \tbackground-image: linear-gradient(to bottom, #ffffff, #e6e6e6);\n// \tbackground-repeat: repeat-x;\n// \tborder-color: #e6e6e6 #e6e6e6 #bfbfbf;\n// \tborder-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n// \tcolor: #333;\n// \ttext-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);\n// \tbox-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);\n// }\n\n.fc-state-hover,\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n color: #333333;\n background-color: #e6e6e6;\n}\n\n.fc-state-hover {\n color: #333333;\n text-decoration: none;\n background-position: 0 -15px;\n -webkit-transition: background-position 0.1s linear;\n -moz-transition: background-position 0.1s linear;\n -o-transition: background-position 0.1s linear;\n transition: background-position 0.1s linear;\n}\n\n.fc-state-down,\n.fc-state-active {\n background-color: #cccccc;\n background-image: none;\n}\n\n.fc-state-disabled {\n cursor: default;\n background-image: none;\n opacity: 0.65;\n box-shadow: none;\n}\n\n/* Buttons Groups\n--------------------------------------------------------------------------------------------------*/\n\n.fc-button-group {\n display: inline-block;\n}\n\n/*\nevery button that is not first in a button group should scootch over one pixel and cover the\nprevious button's border...\n*/\n\n.fc .fc-button-group > * {\n /* extra precedence b/c buttons have margin set to zero */\n float: left;\n margin: 0 0 0 2px;\n}\n\n.fc .fc-button-group > :first-child {\n /* same */\n margin-left: 0;\n}\n\n/* Popover\n--------------------------------------------------------------------------------------------------*/\n\n.fc-popover {\n position: absolute;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n}\n\n.fc-popover .fc-header {\n /* TODO: be more consistent with fc-head/fc-body */\n padding: 2px 4px;\n}\n\n.fc-popover .fc-header .fc-title {\n margin: 0 2px;\n}\n\n.fc-popover .fc-header .fc-close {\n cursor: pointer;\n}\n\n.fc-ltr .fc-popover .fc-header .fc-title,\n.fc-rtl .fc-popover .fc-header .fc-close {\n float: left;\n}\n\n.fc-rtl .fc-popover .fc-header .fc-title,\n.fc-ltr .fc-popover .fc-header .fc-close {\n float: right;\n}\n\n/* unthemed */\n\n.fc-unthemed .fc-popover {\n border-width: 1px;\n border-style: solid;\n}\n\n.fc-unthemed .fc-popover .fc-header .fc-close {\n font-size: 0.9em;\n margin-top: 2px;\n}\n\n/* jqui themed */\n\n.fc-popover > .ui-widget-header + .ui-widget-content {\n border-top: 0; /* where they meet, let the header have the border */\n}\n\n/* Misc Reusable Components\n--------------------------------------------------------------------------------------------------*/\n\n.fc-divider {\n border-style: solid;\n border-width: 1px;\n}\n\nhr.fc-divider {\n height: 0;\n margin: 0;\n padding: 0 0 2px; /* height is unreliable across browsers, so use padding */\n border-width: 1px 0;\n}\n\n.fc-clear {\n clear: both;\n}\n\n.fc-bg,\n.fc-bgevent-skeleton,\n.fc-highlight-skeleton,\n.fc-helper-skeleton {\n /* these element should always cling to top-left/right corners */\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.fc-bg {\n bottom: 0; /* strech bg to bottom edge */\n}\n\n.fc-bg table {\n height: 100%; /* strech bg to bottom edge */\n}\n\n/* Tables\n--------------------------------------------------------------------------------------------------*/\n\n.fc table {\n width: 100%;\n box-sizing: border-box; /* fix scrollbar issue in firefox */\n table-layout: fixed;\n border-collapse: collapse;\n border-spacing: 0;\n font-size: 1em; /* normalize cross-browser */\n}\n\n.fc th {\n text-align: center;\n}\n\n.fc th,\n.fc td {\n border-style: solid;\n border-width: 1px;\n padding: 0;\n vertical-align: top;\n}\n\n.fc td.fc-today {\n border-style: double; /* overcome neighboring borders */\n}\n\n/* Internal Nav Links\n--------------------------------------------------------------------------------------------------*/\n\na[data-goto] {\n cursor: pointer;\n}\n\na[data-goto]:hover {\n text-decoration: underline;\n}\n\n/* Fake Table Rows\n--------------------------------------------------------------------------------------------------*/\n\n.fc .fc-row {\n /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */\n /* no visible border by default. but make available if need be (scrollbar width compensation) */\n border-style: solid;\n border-width: 0;\n}\n\n.fc-row table {\n /* don't put left/right border on anything within a fake row.\n\t the outer tbody will worry about this */\n border-left: 0 hidden transparent;\n border-right: 0 hidden transparent;\n\n /* no bottom borders on rows */\n border-bottom: 0 hidden transparent;\n}\n\n.fc-row:first-child table {\n border-top: 0 hidden transparent; /* no top border on first row */\n}\n\n/* Day Row (used within the header and the DayGrid)\n--------------------------------------------------------------------------------------------------*/\n\n.fc-row {\n position: relative;\n}\n\n.fc-row .fc-bg {\n z-index: 1;\n}\n\n/* highlighting cells & background event skeleton */\n\n.fc-row .fc-bgevent-skeleton,\n.fc-row .fc-highlight-skeleton {\n bottom: 0; /* stretch skeleton to bottom of row */\n}\n\n.fc-row .fc-bgevent-skeleton table,\n.fc-row .fc-highlight-skeleton table {\n height: 100%; /* stretch skeleton to bottom of row */\n}\n\n.fc-row .fc-highlight-skeleton td,\n.fc-row .fc-bgevent-skeleton td {\n border-color: transparent;\n}\n\n.fc-row .fc-bgevent-skeleton {\n z-index: 2;\n}\n\n.fc-row .fc-highlight-skeleton {\n z-index: 3;\n}\n\n/*\nrow content (which contains day/week numbers and events) as well as \"helper\" (which contains\ntemporary rendered events).\n*/\n\n.fc-row .fc-content-skeleton {\n position: relative;\n z-index: 4;\n padding-bottom: 2px; /* matches the space above the events */\n}\n\n.fc-row .fc-helper-skeleton {\n z-index: 5;\n}\n\n.fc-row .fc-content-skeleton td,\n.fc-row .fc-helper-skeleton td {\n /* see-through to the background below */\n background: none; /* in case s are globally styled */\n border-color: transparent;\n\n /* don't put a border between events and/or the day number */\n border-bottom: 0;\n}\n\n.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */\n.fc-row .fc-helper-skeleton tbody td {\n /* don't put a border between event cells */\n border-top: 0;\n}\n\n/* Scrolling Container\n--------------------------------------------------------------------------------------------------*/\n\n.fc-scroller {\n -webkit-overflow-scrolling: touch;\n}\n\n/* TODO: move to agenda/basic */\n.fc-scroller > .fc-day-grid,\n.fc-scroller > .fc-time-grid {\n position: relative; /* re-scope all positions */\n width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */\n}\n\n/* Global Event Styles\n--------------------------------------------------------------------------------------------------*/\n\n.fc-event {\n position: relative; /* for resize handle and other inner positioning */\n display: block; /* make the tag block */\n font-size: 0.85em;\n line-height: 1.3;\n border-radius: 2px;\n background-color: $brand-success; /* default BACKGROUND color */\n // @include shadow-big-color($brand-success);\n font-weight: normal; /* undo jqui's ui-widget-header bold */\n\n &.event-azure {\n background-color: $brand-info;\n // @include shadow-big-color($brand-info);\n }\n &.event-green {\n background-color: $brand-success;\n // @include shadow-big-color($brand-success);\n }\n &.event-orange {\n background-color: $brand-warning;\n // @include shadow-big-color($brand-warning);\n }\n &.event-red {\n background-color: $brand-danger;\n // @include shadow-big-color($brand-danger);\n }\n &.event-rose {\n // background-color: $brand-rose;\n // @include shadow-big-color($brand-rose);\n }\n &.event-default {\n background-color: $default-color;\n // @include shadow-big-color($gray-light);\n }\n}\n\n.fc-event-dot {\n background-color: #3a87ad; /* default BACKGROUND color */\n}\n\n/* overpower some of bootstrap's and jqui's styles on tags */\n.fc-event,\n.fc-event:hover,\n.ui-widget .fc-event {\n color: $white-color; /* default TEXT color */\n text-decoration: none; /* if has an href */\n}\n\n.fc-event[href],\n.fc-event.fc-draggable {\n cursor: pointer; /* give events with links and draggable events a hand mouse pointer */\n}\n\n.fc-not-allowed, /* causes a \"warning\" cursor. applied on body */\n.fc-not-allowed .fc-event {\n /* to override an event's custom cursor */\n cursor: not-allowed;\n}\n\n.fc-event .fc-bg {\n /* the generic .fc-bg already does position */\n z-index: 1;\n background: $white-color;\n opacity: 0.25;\n}\n\n.fc-event .fc-content {\n position: relative;\n z-index: 2;\n}\n\n/* resizer (cursor AND touch devices) */\n\n.fc-event .fc-resizer {\n position: absolute;\n z-index: 4;\n}\n\n/* resizer (touch devices) */\n\n.fc-event .fc-resizer {\n display: none;\n}\n\n.fc-event.fc-allow-mouse-resize .fc-resizer,\n.fc-event.fc-selected .fc-resizer {\n /* only show when hovering or selected (with touch) */\n display: block;\n}\n\n/* hit area */\n\n.fc-event.fc-selected .fc-resizer:before {\n /* 40x40 touch area */\n content: \"\";\n position: absolute;\n z-index: 9999; /* user of this util can scope within a lower z-index */\n top: 50%;\n left: 50%;\n width: 40px;\n height: 40px;\n margin-left: -20px;\n margin-top: -20px;\n}\n\n/* Event Selection (only for touch devices)\n--------------------------------------------------------------------------------------------------*/\n\n.fc-event.fc-selected {\n z-index: 9999 !important; /* overcomes inline z-index */\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n}\n\n.fc-event.fc-selected.fc-dragging {\n box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);\n}\n\n/* Horizontal Events\n--------------------------------------------------------------------------------------------------*/\n\n/* bigger touch area when selected */\n.fc-h-event.fc-selected:before {\n content: \"\";\n position: absolute;\n z-index: 3; /* below resizers */\n top: -10px;\n bottom: -10px;\n left: 0;\n right: 0;\n}\n\n/* events that are continuing to/from another week. kill rounded corners and butt up against edge */\n\n.fc-ltr .fc-h-event.fc-not-start,\n.fc-rtl .fc-h-event.fc-not-end {\n margin-left: 0;\n border-left-width: 0;\n padding-left: 1px; /* replace the border with padding */\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.fc-ltr .fc-h-event.fc-not-end,\n.fc-rtl .fc-h-event.fc-not-start {\n margin-right: 0;\n border-right-width: 0;\n padding-right: 1px; /* replace the border with padding */\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n/* resizer (cursor AND touch devices) */\n\n/* left resizer */\n.fc-ltr .fc-h-event .fc-start-resizer,\n.fc-rtl .fc-h-event .fc-end-resizer {\n cursor: w-resize;\n left: -1px; /* overcome border */\n}\n\n/* right resizer */\n.fc-ltr .fc-h-event .fc-end-resizer,\n.fc-rtl .fc-h-event .fc-start-resizer {\n cursor: e-resize;\n right: -1px; /* overcome border */\n}\n\n/* resizer (mouse devices) */\n\n.fc-h-event.fc-allow-mouse-resize .fc-resizer {\n width: 7px;\n top: -1px; /* overcome top border */\n bottom: -1px; /* overcome bottom border */\n}\n\n/* resizer (touch devices) */\n\n.fc-h-event.fc-selected .fc-resizer {\n /* 8x8 little dot */\n border-radius: 4px;\n border-width: 1px;\n width: 6px;\n height: 6px;\n border-style: solid;\n border-color: inherit;\n background: #fff;\n /* vertically center */\n top: 50%;\n margin-top: -4px;\n}\n\n/* left resizer */\n.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,\n.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {\n margin-left: -4px; /* centers the 8x8 dot on the left edge */\n}\n\n/* right resizer */\n.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,\n.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {\n margin-right: -4px; /* centers the 8x8 dot on the right edge */\n}\n\n/* DayGrid events\n----------------------------------------------------------------------------------------------------\nWe use the full \"fc-day-grid-event\" class instead of using descendants because the event won't\nbe a descendant of the grid when it is being dragged.\n*/\n\n.fc-day-grid-event {\n margin: 2px 5px 0; /* spacing between events and edges */\n padding: 0 1px;\n}\n\ntr:first-child > td > .fc-day-grid-event {\n margin-top: 2px; /* a little bit more space before the first event */\n}\n\n.fc-day-grid-event.fc-selected:after {\n content: \"\";\n position: absolute;\n z-index: 1; /* same z-index as fc-bg, behind text */\n /* overcome the borders */\n top: -1px;\n right: -1px;\n bottom: -1px;\n left: -1px;\n /* darkening effect */\n background: #000;\n opacity: 0.25;\n}\n\n.fc-day-grid-event .fc-content {\n /* force events to be one-line tall */\n white-space: nowrap;\n overflow: hidden;\n color: white;\n padding: 0 5px;\n}\n\n.fc-day-grid-event .fc-time {\n font-weight: bold;\n}\n\n/* resizer (cursor devices) */\n\n/* left resizer */\n.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,\n.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {\n margin-left: -2px; /* to the day cell's edge */\n}\n\n/* right resizer */\n.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,\n.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {\n margin-right: -2px; /* to the day cell's edge */\n}\n\n/* Event Limiting\n--------------------------------------------------------------------------------------------------*/\n\n/* \"more\" link that represents hidden events */\n\na.fc-more {\n margin: 1px 3px;\n font-size: 0.85em;\n cursor: pointer;\n text-decoration: none;\n}\n\na.fc-more:hover {\n text-decoration: underline;\n}\n\n.fc-limited {\n /* rows and cells that are hidden because of a \"more\" link */\n display: none;\n}\n\n/* popover that appears when \"more\" link is clicked */\n\n.fc-day-grid .fc-row {\n z-index: 1; /* make the \"more\" popover one higher than this */\n}\n\n.fc-more-popover {\n z-index: 2;\n width: 220px;\n}\n\n.fc-more-popover .fc-event-container {\n padding: 10px;\n}\n\n/* Now Indicator\n--------------------------------------------------------------------------------------------------*/\n\n.fc-now-indicator {\n position: absolute;\n border: 0 solid red;\n}\n\n/* Utilities\n--------------------------------------------------------------------------------------------------*/\n\n.fc-unselectable {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n/* Toolbar\n--------------------------------------------------------------------------------------------------*/\n\n.fc-toolbar {\n text-align: center;\n margin-bottom: 1em;\n}\n\n.fc-toolbar .fc-left {\n float: left;\n}\n\n.fc-toolbar .fc-right {\n float: right;\n}\n\n.fc-toolbar .fc-center {\n display: inline-block;\n}\n\n/* the things within each left/right/center section */\n.fc .fc-toolbar > * > * {\n /* extra precedence to override button border margins */\n float: left;\n margin-left: 0.75em;\n}\n\n/* the first thing within each left/center/right section */\n.fc .fc-toolbar > * > :first-child {\n /* extra precedence to override button border margins */\n margin-left: 0;\n}\n\n/* title text */\n\n.fc-toolbar h2 {\n margin: 0;\n font-size: 1.8em;\n}\n\n/* button layering (for border precedence) */\n\n.fc-toolbar button {\n position: relative;\n}\n\n.fc-toolbar .fc-state-hover,\n.fc-toolbar .ui-state-hover {\n z-index: 2;\n}\n\n.fc-toolbar .fc-state-down {\n z-index: 3;\n}\n\n.fc-toolbar .fc-state-active,\n.fc-toolbar .ui-state-active {\n z-index: 4;\n}\n\n.fc-toolbar button:focus {\n z-index: 5;\n}\n\n/* View Structure\n--------------------------------------------------------------------------------------------------*/\n\n/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */\n/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */\n.fc-view-container *,\n.fc-view-container *:before,\n.fc-view-container *:after {\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n}\n\n.fc-view, /* scope positioning and z-index's for everything within the view */\n.fc-view > table {\n /* so dragged elements can be above the view's main element */\n position: relative;\n z-index: 1;\n}\n\n/* BasicView\n--------------------------------------------------------------------------------------------------*/\n\n/* day row structure */\n\n.fc-basicWeek-view .fc-content-skeleton,\n.fc-basicDay-view .fc-content-skeleton {\n /* there may be week numbers in these views, so no padding-top */\n padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */\n}\n\n.fc-basic-view .fc-body .fc-row {\n min-height: 4em; /* ensure that all rows are at least this tall */\n}\n\n/* a \"rigid\" row will take up a constant amount of height because content-skeleton is absolute */\n\n.fc-row.fc-rigid {\n overflow: hidden;\n}\n\n.fc-row.fc-rigid .fc-content-skeleton {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n}\n\n/* week and day number styling */\n\n.fc-day-top.fc-other-month {\n opacity: 0.3;\n}\n\n.fc-basic-view .fc-week-number,\n.fc-basic-view .fc-day-number {\n padding: 2px;\n}\n\n.fc-basic-view th.fc-week-number,\n.fc-basic-view th.fc-day-number {\n padding: 0 2px; /* column headers can't have as much v space */\n}\n\n.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {\n float: right;\n}\n.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {\n float: left;\n}\n\n.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {\n float: left;\n border-radius: 0 0 3px 0;\n}\n.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {\n float: right;\n border-radius: 0 0 0 3px;\n}\n\n.fc-basic-view .fc-day-top .fc-week-number {\n min-width: 1.5em;\n text-align: center;\n background-color: #f2f2f2;\n color: #808080;\n}\n\n/* when week/day number have own column */\n\n.fc-basic-view td.fc-week-number {\n text-align: center;\n}\n\n.fc-basic-view td.fc-week-number > * {\n /* work around the way we do column resizing and ensure a minimum width */\n display: inline-block;\n min-width: 1.25em;\n}\n\n/* AgendaView all-day area\n--------------------------------------------------------------------------------------------------*/\n\n.fc-agenda-view .fc-day-grid {\n position: relative;\n z-index: 2; /* so the \"more..\" popover will be over the time grid */\n}\n\n.fc-agenda-view .fc-day-grid .fc-row {\n min-height: 3em; /* all-day section will never get shorter than this */\n}\n\n.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {\n padding-bottom: 1em; /* give space underneath events for clicking/selecting days */\n}\n\n/* TimeGrid axis running down the side (for both the all-day area and the slot area)\n--------------------------------------------------------------------------------------------------*/\n\n.fc .fc-axis {\n /* .fc to overcome default cell styles */\n vertical-align: middle;\n padding: 0 4px;\n white-space: nowrap;\n}\n\n.fc-ltr .fc-axis {\n text-align: right;\n}\n\n.fc-rtl .fc-axis {\n text-align: left;\n}\n\n.ui-widget td.fc-axis {\n font-weight: normal; /* overcome jqui theme making it bold */\n}\n\n/* TimeGrid Structure\n--------------------------------------------------------------------------------------------------*/\n\n.fc-time-grid-container, /* so scroll container's z-index is below all-day */\n.fc-time-grid {\n /* so slats/bg/content/etc positions get scoped within here */\n position: relative;\n z-index: 1;\n}\n\n.fc-time-grid {\n min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */\n}\n\n.fc-time-grid table {\n /* don't put outer borders on slats/bg/content/etc */\n border: 0 hidden transparent;\n}\n\n.fc-time-grid > .fc-bg {\n z-index: 1;\n}\n\n.fc-time-grid .fc-slats,\n.fc-time-grid > hr {\n /* the tag */\n text-decoration: none;\n color: inherit;\n}\n\n.fc-list-item-title a[href]:hover {\n /* hover effect only on titles with hrefs */\n text-decoration: underline;\n}\n\n/* message when no events */\n\n.fc-list-empty-wrap2 {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.fc-list-empty-wrap1 {\n width: 100%;\n height: 100%;\n display: table;\n}\n\n.fc-list-empty {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n}\n\n.fc-unthemed .fc-list-empty {\n /* theme will provide own background */\n background-color: #eee;\n}\n\n.card-calendar {\n table {\n td {\n text-align: right;\n }\n }\n .content {\n padding: 0 !important;\n }\n // .fc-toolbar{\n // padding-top: $padding-default-horizontal;\n // padding-left: $padding-default-horizontal;\n // padding-right: $padding-default-horizontal;\n // }\n .fc td:first-child {\n border-left: 0;\n }\n .fc td:last-child {\n border-right: 0;\n }\n .fc-basic-view td:last-child.fc-week-number span,\n .fc-basic-view td:last-child.fc-day-number {\n // padding-right: $padding-default-horizontal;\n }\n .fc .fc-day-header:last-child {\n padding-right: 15px;\n }\n\n .fc .fc-widget-header {\n border: 0;\n\n .fc-title {\n color: $white-color;\n }\n }\n\n .fc th {\n text-align: right;\n color: $default-color;\n }\n\n .title {\n margin-top: -9px;\n }\n\n .fc .fc-row:last-child td {\n border-bottom: 0;\n }\n .fc .fc-body .fc-widget-content {\n border-bottom: 0;\n }\n}\n",".login-page {\n .card-login {\n border-radius: $border-radius-large;\n padding-bottom: $padding-base-horizontal;\n\n .btn-wd {\n min-width: 180px;\n }\n\n .logo-container {\n width: 65px;\n margin: 0 auto;\n margin-bottom: 55px;\n\n img {\n width: 100%;\n }\n }\n\n .input-group:last-child {\n margin-bottom: 40px;\n }\n\n &.card-plain {\n @include input-coloured-bg(\n $opacity-5,\n $white-color,\n $white-color,\n $transparent-bg,\n $opacity-1,\n $opacity-2\n );\n\n .input-group-addon,\n .form-group.no-border .input-group-addon,\n .input-group.no-border .input-group-addon {\n color: $opacity-8;\n }\n }\n }\n\n .link {\n font-size: 10px;\n color: $white-color;\n text-decoration: none;\n }\n}\n\n[filter-color=\"primary\"] {\n @include linear-gradient(rgba($black-color, 0.2), rgba($brand-primary, 0.6));\n}\n[filter-color=\"orange\"] {\n @include linear-gradient(rgba($black-color, 0.2), rgba($brand-warning, 0.6));\n}\n[filter-color=\"green\"] {\n @include linear-gradient(rgba($black-color, 0.2), rgba($brand-success, 0.6));\n}\n[filter-color=\"red\"] {\n @include linear-gradient(rgba($black-color, 0.2), rgba($brand-danger, 0.6));\n}\n[filter-color=\"blue\"] {\n @include linear-gradient(rgba($black-color, 0.2), rgba($brand-info, 0.6));\n}\n\n.full-page {\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > .content,\n & > .footer {\n position: relative;\n z-index: 4;\n }\n\n &.section-image {\n position: initial;\n }\n\n & > .content {\n padding-bottom: 150px;\n padding-top: 150px;\n width: 100%;\n }\n\n .footer {\n position: absolute;\n width: 100%;\n bottom: 0;\n\n .container {\n color: $white-color;\n }\n }\n\n .full-page-background {\n position: absolute;\n z-index: -1;\n height: 100%;\n width: 100%;\n display: block;\n top: 0;\n left: 0;\n background-size: cover;\n background-position: center center;\n }\n\n &:after {\n position: absolute;\n z-index: 1;\n width: 100%;\n height: 100%;\n display: block;\n left: 0;\n top: 0;\n content: \"\";\n background-color: rgba(0, 0, 0, 0.6);\n }\n\n &.pricing-page {\n .description {\n margin-bottom: 65px;\n }\n }\n\n &.register-page {\n .info-horizontal {\n padding: 0px 0px 20px;\n }\n\n .info-horizontal {\n text-align: left !important;\n\n .icon {\n margin-top: 0;\n\n > i {\n font-size: 2em;\n }\n\n &.icon-circle {\n width: 65px;\n height: 65px;\n max-width: 65px;\n margin-top: 8px;\n\n i {\n display: table;\n margin: 0 auto;\n line-height: 3.5;\n font-size: 1.9em;\n }\n }\n }\n .description {\n overflow: hidden;\n }\n }\n }\n}\n","@mixin linear-gradient($color1, $color2) {\n background: $color1; /* For browsers that do not support gradients */\n background: -webkit-linear-gradient(\n 90deg,\n $color1,\n $color2\n ); /* For Safari 5.1 to 6.0 */\n background: -o-linear-gradient(\n 90deg,\n $color1,\n $color2\n ); /* For Opera 11.1 to 12.0 */\n background: -moz-linear-gradient(\n 90deg,\n $color1,\n $color2\n ); /* For Firefox 3.6 to 15 */\n background: linear-gradient(0deg, $color1, $color2); /* Standard syntax */\n}\n",".section {\n padding: 70px 0;\n position: relative;\n background: $white-color;\n\n .row + .category {\n margin-top: $margin-base-vertical;\n }\n}\n.section-navbars {\n padding-bottom: 0;\n}\n\n.section-full-screen {\n height: 100vh;\n}\n.section-signup {\n padding-top: 20vh;\n}\n\n.parallax-s {\n overflow: hidden;\n height: 500px;\n width: 100%;\n}\n\n.section-image {\n background-size: cover;\n background-position: center center;\n position: relative;\n width: 100%;\n\n .title,\n .card-plain .card-title {\n color: $white-color;\n }\n\n .nav-pills .nav-link {\n background-color: $white-color;\n\n &:hover,\n &:focus {\n background-color: $white-color;\n }\n }\n\n .info-title,\n .info-area.info-horizontal .icon i,\n .card-pricing.card-plain ul li {\n color: $white-color;\n }\n .description,\n .info-area .icon:not(.icon-circle) {\n color: $opacity-8;\n }\n .card:not(.card-plain) {\n .info-title {\n color: $black-color;\n }\n .info-area p,\n .info-area .icon,\n .description {\n color: $dark-gray;\n }\n }\n\n .footer {\n color: $white-color;\n }\n .card-plain {\n [class*=\"text-\"],\n ul li b {\n color: $white-color;\n }\n .category {\n color: rgba($white-color, 0.5);\n }\n }\n\n &:after {\n position: absolute;\n z-index: 1;\n width: 100%;\n height: 100%;\n display: block;\n left: 0;\n top: 0;\n content: \"\";\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .container {\n z-index: 2;\n position: relative;\n }\n}\n\n.page-header {\n min-height: 100vh;\n max-height: 999px;\n padding: 0;\n color: $white-color;\n position: relative;\n\n .page-header-image {\n position: absolute;\n background-size: cover;\n background-position: center center;\n width: 100%;\n height: 100%;\n z-index: -1;\n }\n\n .content-center {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 2;\n -ms-transform: translate(-50%, -50%);\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n text-align: center;\n color: #ffffff;\n padding: 0 15px;\n width: 100%;\n max-width: 880px;\n }\n\n footer {\n position: absolute;\n bottom: 0;\n width: 100%;\n }\n\n .container {\n height: 100%;\n z-index: 1;\n }\n\n .category,\n .description {\n color: $opacity-8;\n }\n\n &.page-header-small {\n min-height: 60vh;\n max-height: 440px;\n }\n\n &.page-header-mini {\n min-height: 40vh;\n max-height: 340px;\n }\n\n .title {\n margin-bottom: 15px;\n }\n .title + h4 {\n margin-top: 10px;\n }\n\n &:after,\n &:before {\n position: absolute;\n z-index: 0;\n width: 100%;\n height: 100%;\n display: block;\n left: 0;\n top: 0;\n content: \"\";\n }\n\n &:before {\n background-color: rgba(0, 0, 0, 0.3);\n }\n\n &[filter-color=\"orange\"] {\n @include linear-gradient(rgba($black-color, 0.2), rgba(224, 23, 3, 0.6));\n }\n}\n\n.clear-filter {\n &:after,\n &:before {\n display: none;\n }\n}\n\n.section-story-overview {\n padding: 50px 0;\n\n .image-container {\n height: 335px;\n position: relative;\n background-position: center center;\n background-size: cover;\n box-shadow: $box-shadow-raised;\n border-radius: 0.25rem;\n\n & + .category {\n padding-top: 15px;\n }\n\n &.image-right {\n z-index: 2;\n\n + h3.title {\n margin-top: 120px;\n }\n }\n\n &.image-left {\n z-index: 1;\n }\n\n img {\n width: 100%;\n left: 0;\n top: 0;\n height: auto;\n position: absolute;\n }\n\n &:nth-child(2) {\n margin-top: 420px;\n margin-left: -105px;\n }\n }\n\n p.blockquote {\n width: 220px;\n min-height: 180px;\n text-align: left;\n position: absolute;\n top: 376px;\n right: 155px;\n z-index: 0;\n }\n}\n\n.section-nucleo-icons {\n .nucleo-container img {\n width: auto;\n left: 0;\n top: 0;\n height: 100%;\n position: absolute;\n }\n\n .nucleo-container {\n height: 335px;\n position: relative;\n }\n\n h5 {\n margin-bottom: 35px;\n }\n\n .icons-container {\n position: relative;\n max-width: 450px;\n height: 300px;\n max-height: 300px;\n margin: 0 auto;\n }\n .icons-container i {\n font-size: 34px;\n position: absolute;\n left: 0;\n top: 0;\n }\n\n .icons-container i:nth-child(1) {\n top: 5%;\n left: 7%;\n }\n\n .icons-container i:nth-child(2) {\n top: 28%;\n left: 24%;\n }\n\n .icons-container i:nth-child(3) {\n top: 40%;\n }\n\n .icons-container i:nth-child(4) {\n top: 18%;\n left: 62%;\n }\n\n .icons-container i:nth-child(5) {\n top: 74%;\n left: 3%;\n }\n\n .icons-container i:nth-child(6) {\n top: 36%;\n left: 44%;\n font-size: 65px;\n color: #f96332;\n padding: 1px;\n }\n\n .icons-container i:nth-child(7) {\n top: 59%;\n left: 26%;\n }\n\n .icons-container i:nth-child(8) {\n top: 60%;\n left: 69%;\n }\n\n .icons-container i:nth-child(9) {\n top: 72%;\n left: 47%;\n }\n\n .icons-container i:nth-child(10) {\n top: 88%;\n left: 27%;\n }\n\n .icons-container i:nth-child(11) {\n top: 31%;\n left: 80%;\n }\n\n .icons-container i:nth-child(12) {\n top: 88%;\n left: 68%;\n }\n\n .icons-container i:nth-child(13) {\n top: 5%;\n left: 81%;\n }\n\n .icons-container i:nth-child(14) {\n top: 58%;\n left: 90%;\n }\n\n .icons-container i:nth-child(15) {\n top: 6%;\n left: 40%;\n }\n}\n\n.section-images {\n max-height: 670px;\n height: 670px;\n\n .hero-images-container,\n .hero-images-container-1,\n .hero-images-container-2 {\n margin-top: -38vh;\n }\n\n .hero-images-container {\n max-width: 670px;\n }\n\n .hero-images-container-1 {\n max-width: 390px;\n position: absolute;\n top: 55%;\n right: 18%;\n }\n\n .hero-images-container-2 {\n max-width: 225px;\n position: absolute;\n top: 68%;\n right: 12%;\n }\n}\n\n[data-background-color=\"gray\"] {\n background-color: lighten($default-color, 40%);\n}\n\n[data-background-color=\"orange\"] {\n background-color: $orange-bg;\n}\n[data-background-color=\"black\"] {\n background-color: $black-color;\n}\n\n[data-background-color]:not([data-background-color=\"gray\"]) {\n color: $white-color;\n\n .separator-line {\n background-color: $opacity-5;\n }\n\n .footer {\n &.footer-white .footer-brand,\n &.footer-white ul li > a.nav-link:not(.btn-icon) {\n color: initial;\n }\n }\n\n .pagination .page-item.disabled > .page-link {\n background-color: $opacity-2;\n color: $white-color;\n }\n\n .card:not(.card-plain) .category,\n .card:not(.card-plain) .card-description,\n & .card:not(.card-plain) .category,\n & .card:not(.card-plain) .category {\n color: $dark-gray;\n }\n\n .card:not(.card-plain) .card-title,\n & .card:not(.card-plain) .card-title {\n color: initial;\n }\n\n .carousel .carousel-inner {\n box-shadow: none;\n }\n\n .title,\n .social-description h2,\n p,\n p.blockquote,\n p.blockquote small,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n a:not(.btn):not(.dropdown-item):not(.card-link),\n .icons-container i,\n &.card-pricing ul li,\n .info.info-horizontal .icon i,\n .card-pricing.card-plain ul li {\n color: $white-color;\n }\n\n &.card a:not(.btn):not(.dropdown-item) {\n color: $white-color;\n\n &:hover,\n &:focus {\n border-color: $white-color;\n }\n }\n\n &.footer hr,\n &.card-pricing .icon i,\n &.card-pricing ul li {\n border-color: $opacity-2;\n }\n\n .card-footer .stats i,\n &.card-plain .category,\n .card-plain .category,\n .card-header:after {\n color: $opacity-5;\n }\n\n &.card-pricing ul li i,\n &.card-pricing ul li b,\n .card-pricing.card-plain ul li b,\n .card-category,\n .author span,\n .card-pricing.card-plain ul li i {\n color: $opacity-8 !important;\n }\n\n .separator {\n background-color: $white-color;\n }\n\n .navbar.bg-white p {\n color: $default-color;\n }\n\n .description,\n .social-description p {\n color: $opacity-8;\n }\n\n p.blockquote {\n border-color: $opacity-2;\n }\n\n //radio and checkboxes\n .checkbox label::before,\n .checkbox label::after,\n .radio label::before,\n .radio label::after {\n border-color: $opacity-2;\n }\n\n .checkbox label::after,\n .checkbox label,\n .radio label {\n color: $white-color;\n }\n\n .checkbox input[type=\"checkbox\"]:disabled + label,\n .radio input[type=\"radio\"]:disabled + label {\n color: $white-color;\n }\n\n .radio input[type=\"radio\"]:not(:disabled):hover + label::after,\n .radio input[type=\"radio\"]:checked + label::after {\n background-color: $white-color;\n border-color: $white-color;\n }\n\n //inputs\n @include input-coloured-bg(\n $opacity-5,\n $white-color,\n $white-color,\n $transparent-bg,\n $opacity-1,\n $opacity-2\n );\n\n .input-group-addon,\n .form-group.no-border .input-group-addon,\n .input-group.no-border .input-group-addon {\n color: $opacity-8;\n }\n\n .subscribe-line {\n .form-control {\n background-color: $transparent-bg;\n border: 1px solid $light-gray;\n color: $black-color;\n\n &:last-child {\n border-left: 0 none;\n }\n }\n\n .input-group-addon,\n .form-group.no-border .input-group-addon,\n .input-group.no-border .input-group-addon {\n color: $dark-background;\n border: 1px solid $light-gray;\n }\n }\n\n //buttons\n .btn.btn-simple {\n background-color: $transparent-bg;\n border-color: $opacity-5;\n color: $white-color;\n\n &:hover,\n &:hover,\n &:focus,\n &:active {\n background-color: $transparent-bg;\n border-color: $white-color;\n }\n }\n\n //tabs\n .nav-tabs {\n > .nav-item {\n > .nav-link {\n i.now-ui-icons {\n color: $white-color;\n }\n }\n }\n }\n\n &.section-nucleo-icons .icons-container i:nth-child(6) {\n color: $white-color;\n }\n}\n","@media screen and (max-width: 991px) {\n .profile-photo .profile-photo-small {\n margin-left: -2px;\n }\n\n .button-dropdown {\n display: none;\n }\n\n [data-notify=\"container\"].alert {\n min-width: 400px;\n }\n\n #minimizeSidebar {\n display: none;\n }\n\n .timeline > li > .timeline-panel {\n width: 86% !important;\n float: right !important;\n }\n\n .timeline:before,\n .timeline > li > .timeline-badge {\n left: 5% !important;\n }\n\n .timeline > li > .timeline-panel:before {\n border-left-width: 0;\n border-right-width: 15px;\n left: -15px;\n right: auto !important;\n }\n\n .timeline > li > .timeline-panel:after {\n border-left-width: 0;\n border-right-width: 14px;\n left: -14px;\n right: auto !important;\n }\n\n .timeline > li:not(.timeline-inverted) > .timeline-panel:after,\n .timeline > li:not(.timeline-inverted) > .timeline-panel:before {\n @include rotate-180();\n }\n\n .navbar {\n .container-fluid {\n padding-right: 15px;\n padding-left: 15px;\n }\n\n .navbar-collapse {\n .input-group {\n margin: 0;\n margin-top: 5px;\n }\n }\n\n .navbar-nav {\n .nav-item:first-child {\n margin-top: 10px;\n }\n .nav-item:not(:last-child) {\n margin-bottom: 10px;\n }\n }\n\n .dropdown.show .dropdown-menu {\n display: block;\n }\n\n .dropdown .dropdown-menu {\n display: none;\n }\n\n .dropdown.show .dropdown-menu,\n .dropdown .dropdown-menu {\n background-color: transparent;\n border: 0;\n transition: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n width: auto;\n margin: 0px 1rem;\n margin-top: 0px;\n\n &:before {\n display: none;\n }\n }\n\n .dropdown-menu .dropdown-item:focus,\n .dropdown-menu .dropdown-item:hover {\n color: $white-color;\n }\n\n &.bg-white .dropdown-menu .dropdown-item:focus,\n &.bg-white .dropdown-menu .dropdown-item:hover {\n color: $default-color;\n }\n\n &.bg-white:not(.navbar-transparent) .navbar-toggler-bar {\n background-color: $default-color;\n }\n }\n\n .wrapper {\n @include transition(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));\n }\n\n .sidebar {\n box-shadow: none;\n }\n\n #bodyClick {\n height: 100%;\n width: 100%;\n position: fixed;\n opacity: 1;\n top: 0;\n right: 0;\n left: 260px;\n content: \"\";\n z-index: 9999;\n overflow-x: hidden;\n background-color: transparent;\n @include transition(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));\n }\n\n .footer {\n .copyright {\n text-align: right;\n }\n }\n\n .section-nucleo-icons .icons-container {\n margin-top: 65px;\n }\n\n .navbar-nav {\n .nav-link {\n i.fa,\n i.now-ui-icons {\n opacity: 0.5;\n }\n }\n }\n\n @include sidebar();\n}\n\n@media screen and (min-width: 992px) {\n .navbar-collapse {\n background: none !important;\n }\n\n .navbar .navbar-toggle {\n display: none;\n }\n\n // .navbar.fixed-top{\n // width: $sidebar-width;\n // right: 0;\n // left: auto;\n // }\n\n .navbar-nav {\n .nav-link {\n &.profile-photo {\n padding: 0;\n margin: 7px $padding-base-horizontal;\n }\n }\n }\n\n .section-nucleo-icons .icons-container {\n margin: 0 0 0 auto;\n }\n\n .dropdown-menu .dropdown-item {\n color: inherit;\n }\n\n .footer {\n .copyright {\n float: right;\n padding-right: 15px;\n }\n }\n}\n\n@media screen and (max-width: 768px) {\n .nav-tabs {\n display: inline-block;\n width: 100%;\n padding-left: 100px;\n padding-right: 100px;\n text-align: center;\n\n .nav-item > .nav-link {\n margin-bottom: 5px;\n }\n }\n\n .user-profile [class*=\"col-\"] {\n padding-left: 15px !important;\n padding-right: 15px !important;\n }\n\n .card-stats [class*=\"col-\"] .statistics::after {\n display: none;\n }\n\n .main-panel .content {\n padding-left: 15px;\n padding-right: 15px;\n }\n\n .footer {\n nav {\n display: block;\n margin-bottom: 5px;\n float: none;\n }\n }\n\n .landing-page .section-story-overview .image-container:nth-child(2) {\n margin-left: 0;\n margin-bottom: 30px;\n }\n}\n\n@media screen and (max-width: 576px) {\n .navbar[class*=\"navbar-toggleable-\"] .container {\n margin-left: 0;\n margin-right: 0;\n }\n\n [data-notify=\"container\"].alert {\n left: 10px !important;\n right: 10px !important;\n width: auto;\n }\n\n .card-contributions .card-stats {\n flex-direction: column;\n\n .bootstrap-switch {\n margin-bottom: 15px;\n }\n }\n\n .footer {\n .copyright {\n text-align: center;\n }\n }\n\n .section-nucleo-icons {\n .icons-container {\n i {\n font-size: 30px;\n\n &:nth-child(6) {\n font-size: 48px;\n }\n }\n }\n }\n\n .page-header {\n .container h6.category-absolute {\n width: 90%;\n }\n }\n}\n\n@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {\n @include sidebar();\n\n .navbar-minimize {\n display: none;\n }\n\n .sidebar {\n box-shadow: none;\n\n .nav-open & {\n box-shadow: $sidebar-box-shadow;\n }\n }\n\n .sidebar,\n .main-panel,\n .sidebar-wrapper {\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: 0.5s;\n transition-duration: 0.5s;\n -webkit-transition-timing-function: cubic-bezier(0.685, 0.0473, 0.346, 1);\n transition-timing-function: cubic-bezier(0.685, 0.0473, 0.346, 1);\n -webkit-overflow-scrolling: touch;\n }\n}\n","@mixin sidebar() {\n .sidebar,\n .bootstrap-navbar {\n position: fixed;\n display: block;\n top: 0;\n height: 100%;\n width: 260px;\n right: auto;\n left: 0;\n z-index: 1032;\n visibility: visible;\n overflow-y: visible;\n padding: 0;\n @include transition(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));\n\n @include transform-translate-x(-260px);\n }\n\n .bar1,\n .bar2,\n .bar3 {\n outline: 1px solid transparent;\n }\n .bar1 {\n top: 0px;\n @include bar-animation($topbar-back);\n }\n .bar2 {\n opacity: 1;\n }\n .bar3 {\n bottom: 0px;\n @include bar-animation($bottombar-back);\n }\n .toggled .bar1 {\n top: 6px;\n @include bar-animation($topbar-x);\n }\n .toggled .bar2 {\n opacity: 0;\n }\n .toggled .bar3 {\n bottom: 6px;\n @include bar-animation($bottombar-x);\n }\n\n @include topbar-x-rotation();\n @include topbar-back-rotation();\n @include bottombar-x-rotation();\n @include bottombar-back-rotation();\n\n @-webkit-keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n @-moz-keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n @keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n\n .navbar-toggler-bar {\n display: block;\n position: relative;\n width: 22px;\n height: 1px;\n border-radius: 1px;\n background: $white-bg;\n\n & + .navbar-toggler-bar {\n margin-top: 7px;\n }\n\n & + .navbar-toggler-bar.navbar-kebab {\n margin-top: 3px !important;\n }\n\n &.bar2 {\n width: 17px;\n transition: width 0.2s linear;\n }\n }\n\n .main-panel {\n width: 100%;\n }\n\n .navbar-toggle .navbar-toggler,\n .navbar-toggle {\n display: block !important;\n }\n\n .navbar {\n & .toggled .navbar-toggler-bar {\n width: 24px;\n\n & + .navbar-toggler-bar {\n margin-top: 5px;\n }\n }\n }\n\n .nav-open {\n .main-panel {\n right: 0;\n @include transform-translate-x(260px);\n }\n\n .sidebar {\n @include transform-translate-x(0px);\n box-shadow: $sidebar-box-shadow;\n }\n\n body {\n position: relative;\n overflow-x: hidden;\n }\n\n .menu-on-right {\n .main-panel {\n @include transform-translate-x(-260px);\n }\n\n .navbar-collapse,\n .sidebar {\n @include transform-translate-x(0px);\n }\n\n .navbar-translate {\n @include transform-translate-x(-300px);\n }\n\n #bodyClick {\n right: 260px;\n left: auto;\n }\n }\n }\n\n .menu-on-right {\n .sidebar {\n left: auto;\n right: 0;\n @include transform-translate-x(260px);\n }\n }\n}\n","@media screen and (max-width: 768px) {\n [class*=\"pr-\"] {\n padding-right: 15px !important;\n }\n [class*=\"pl-\"] {\n padding-left: 15px !important;\n }\n\n [class*=\"px-\"] {\n padding-left: 15px !important;\n padding-right: 15px !important;\n }\n}\n",".alert {\n border: 0;\n border-radius: $border-radius-small;\n color: $white-color;\n padding: 0.75rem 1.25rem;\n padding-top: 0.9rem;\n padding-bottom: 0.9rem;\n position: relative;\n margin-bottom: 1rem;\n\n &.alert-success {\n background-color: lighten($success-color, 5%);\n }\n\n &.alert-danger {\n background-color: lighten($danger-color, 5%);\n }\n\n &.alert-warning {\n background-color: lighten($warning-color, 5%);\n }\n\n &.alert-info {\n background-color: lighten($info-color, 5%);\n }\n\n &.alert-primary {\n background-color: lighten($primary-color, 5%);\n }\n\n i.fa,\n i.now-ui-icons {\n font-size: 20px;\n }\n\n .close {\n &,\n &:not(:disabled):not(.disabled):hover,\n &:not(:disabled):not(.disabled):focus {\n color: $white-color;\n }\n opacity: 0.9;\n text-shadow: none;\n line-height: 0;\n outline: 0;\n\n span {\n font-weight: 100;\n font-size: 46px;\n top: 50%;\n left: 0;\n position: absolute;\n }\n }\n\n span[data-notify=\"icon\"] {\n font-size: 22px;\n display: block;\n left: 19px;\n position: absolute;\n top: 50%;\n margin-top: -11px;\n }\n\n button.close {\n position: absolute;\n right: 10px;\n top: 50%;\n margin-top: -13px;\n width: 25px;\n height: 25px;\n padding: 3px;\n }\n\n .close ~ span {\n display: block;\n max-width: 89%;\n }\n\n &.alert-with-icon {\n padding-left: 65px;\n }\n}\n",".btn.btn-outline-neutral {\n &,\n &:hover,\n &:focus,\n &:active,\n &:not(:disabled):not(.disabled):active {\n border-color: $white-color;\n }\n}\n.btns-mr-5 .btn {\n margin-right: 5px;\n}\n",".register-page .full-page .info-horizontal .icon {\n margin-top: 0;\n}\n.register-page .full-page .info-horizontal {\n padding: 0 0 20px;\n text-align: left !important;\n}\n.pricing-page .full-page .description {\n margin-bottom: 65px;\n}\n",".btn-file {\n position: relative;\n overflow: hidden;\n vertical-align: middle;\n}\n.btn-file > input {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n font-size: 23px;\n cursor: pointer;\n filter: alpha(opacity=0);\n opacity: 0;\n\n direction: ltr;\n}\n.fileinput {\n display: inline-block;\n margin-bottom: 9px;\n\n input[type=\"file\"] {\n display: none;\n }\n}\n.fileinput .form-control {\n display: inline-block;\n padding-top: 7px;\n padding-bottom: 5px;\n margin-bottom: 0;\n vertical-align: middle;\n cursor: text;\n}\n.fileinput .thumbnail {\n display: inline-block;\n margin-bottom: 10px;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n max-width: 250px;\n box-shadow: $box-shadow;\n\n &.img-circle {\n border-radius: 50%;\n max-width: 100px;\n }\n}\n.fileinput .thumbnail > img {\n max-height: 100%;\n}\n.fileinput .btn {\n vertical-align: middle;\n}\n.fileinput-exists .fileinput-new,\n.fileinput-new .fileinput-exists {\n display: none;\n}\n.fileinput-inline .fileinput-controls {\n display: inline;\n}\n.fileinput-filename {\n display: inline-block;\n overflow: hidden;\n vertical-align: middle;\n}\n.form-control .fileinput-filename {\n vertical-align: bottom;\n}\n.fileinput.input-group {\n display: table;\n}\n.fileinput.input-group > * {\n position: relative;\n z-index: 2;\n}\n.fileinput.input-group > .btn-file {\n z-index: 1;\n}\n.fileinput-new.input-group .btn-file,\n.fileinput-new .input-group .btn-file {\n border-radius: 0 4px 4px 0;\n}\n.fileinput-new.input-group .btn-file.btn-xs,\n.fileinput-new .input-group .btn-file.btn-xs,\n.fileinput-new.input-group .btn-file.btn-sm,\n.fileinput-new .input-group .btn-file.btn-sm {\n border-radius: 0 3px 3px 0;\n}\n.fileinput-new.input-group .btn-file.btn-lg,\n.fileinput-new .input-group .btn-file.btn-lg {\n border-radius: 0 6px 6px 0;\n}\n.form-group.has-warning .fileinput .fileinput-preview {\n color: $brand-warning;\n}\n.form-group.has-warning .fileinput .thumbnail {\n border-color: $brand-warning;\n}\n.form-group.has-error .fileinput .fileinput-preview {\n color: $brand-danger;\n}\n.form-group.has-error .fileinput .thumbnail {\n border-color: $brand-danger;\n}\n.form-group.has-success .fileinput .fileinput-preview {\n color: $brand-success;\n}\n.form-group.has-success .fileinput .thumbnail {\n border-color: $brand-success;\n}\n.input-group-addon:not(:first-child) {\n border-left: 0;\n}\n.thumbnail {\n border: 0 none;\n border-radius: 3px;\n padding: 0;\n}\n.picture-container {\n position: relative;\n cursor: pointer;\n text-align: center;\n}\n\n.picture {\n width: 106px;\n height: 106px;\n background-color: #999999;\n border: 1px solid $light-gray;\n color: #ffffff;\n border-radius: 50%;\n margin: 5px auto;\n overflow: hidden;\n transition: all 0.2s;\n -webkit-transition: all 0.2s;\n\n &:hover {\n border-color: #2ca8ff;\n }\n}\n.picture input[type=\"file\"] {\n cursor: pointer;\n display: block;\n height: 100%;\n left: 0;\n opacity: 0 !important;\n position: absolute;\n top: 0;\n width: 100%;\n}\n\n.picture-src {\n width: 100%;\n}\n","//\n// Modals\n// Design element Dialogs\n// --------------------------------------------------\n.modal-content {\n\n border-radius: $border-radius-small;\n border: none;\n box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.5);\n // Modal header\n // Top section of the modal w/ title and dismiss\n .modal-header {\n border-bottom: none;\n padding-top: 24px;\n padding-right: 24px;\n padding-bottom: 0;\n padding-left: 24px;\n\n & button{\n position: absolute;\n right: 22px;\n top: 12px;\n outline: 0;\n font-size: 60px;\n font-weight: 100;\n }\n &.title .modal-title{\n margin-top: 5px;\n margin-bottom: 0;\n font-weight: 700;\n }\n }\n // Modal body\n // Where all modal content resides (sibling of .modal-header and .modal-footer)\n .modal-body {\n padding-top: 24px;\n padding-right: 24px;\n padding-bottom: 16px;\n padding-left: 24px;\n line-height: 1.9;\n }\n // Footer (for actions)\n .modal-footer {\n border-top: none;\n padding-right: 24px;\n padding-bottom: 16px;\n padding-left: 24px;\n -webkit-justify-content: space-between; /* Safari 6.1+ */\n justify-content: space-between;\n\n button {\n margin: 0;\n padding-left: 16px;\n padding-right: 16px;\n width: auto;\n &.pull-left {\n padding-left: 5px;\n padding-right: 5px;\n position: relative;\n left: -5px;\n }\n }\n\n }\n .modal-body + .modal-footer {\n padding-top: 0;\n }\n}\n.modal-backdrop {\n background: rgba(0,0,0,0.3);\n}\n\n.modal{\n\n .modal-login{\n max-width: 320px;\n\n .card-login{\n .logo-container{\n width: 65px;\n margin-bottom: 38px;\n margin-top: 27px;\n }\n }\n }\n\n\n &.show .modal-mini.modal-dialog{\n -webkit-transform: translate(0,30%);\n -o-transform: translate(0,30%);\n transform: translate(0,30%);\n }\n\n .modal-mini{\n p{\n text-align: center;\n }\n\n &.modal-dialog{\n max-width: 255px;\n margin: 0 auto;\n\n\n }\n\n .modal-profile{\n width: 70px;\n height: 70px;\n background-color: $white-color;\n border-radius: 50%;\n text-align: center;\n line-height: 5.7;\n box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.3);\n\n i{\n color: $primary-color;\n font-size: 21px;\n }\n\n &[class*=\"modal-profile-\"]{\n i{\n color: $white-color;\n }\n }\n\n &.modal-profile-primary{\n background-color: $primary-color;\n }\n\n &.modal-profile-danger{\n background-color: $danger-color;\n }\n\n &.modal-profile-warning{\n background-color: $warning-color;\n }\n\n &.modal-profile-success{\n background-color: $success-color;\n }\n\n &.modal-profile-info{\n background-color: $info-color;\n }\n }\n\n .modal-footer{\n button{\n text-transform: uppercase;\n\n &:first-child{\n opacity: .5;\n }\n }\n }\n }\n\n &.modal-default{\n @include modal-colors($white-color, $black-color);\n }\n\n &.modal-primary{\n @include modal-colors($primary-color, $white-color);\n }\n\n &.modal-danger{\n @include modal-colors($danger-color, $white-color);\n }\n\n &.modal-warning{\n @include modal-colors($warning-color, $white-color);\n }\n\n &.modal-success{\n @include modal-colors($success-color, $white-color);\n }\n\n &.modal-info{\n @include modal-colors($info-color, $white-color);\n }\n\n .modal-header .close{\n color: $danger-color;\n text-shadow: none;\n\n &:hover,\n &:focus{\n opacity: 1;\n }\n }\n}\n\n.modal .modal-header .close {\n color: #FF3636;\n text-shadow: none;\n\n &:not(:disabled):not(.disabled):hover,\n &:not(:disabled):not(.disabled):focus{\n opacity: 1;\n color: #FF3636;\n text-shadow: none;\n }\n}\n","@media screen and (max-width: 991px){\n .navbar .dropdown.show .dropdown-menu, .navbar .dropdown .dropdown-menu{\n position: static !important;\n }\n}\n",".mr-4-px {\n margin-right: 4px;\n}\n",".wrapper {\n position: relative;\n top: 0;\n height: 100vh;\n overflow: hidden;\n\n &.wrapper-full-page {\n min-height: 100vh;\n height: auto;\n display: flex;\n align-items: center;\n }\n}\n\n.sidebar,\n.off-canvas-sidebar {\n position: absolute;\n top: 0;\n height: 100%;\n bottom: 0;\n width: 260px;\n left: 0;\n z-index: 1030;\n box-shadow: $sidebar-box-shadow;\n\n .sidebar-wrapper {\n position: relative;\n height: calc(100vh - 75px);\n overflow: auto;\n width: 260px;\n z-index: 4;\n padding-bottom: 100px;\n font-weight: $font-weight-bold;\n\n .dropdown .dropdown-backdrop {\n display: none !important;\n }\n\n .navbar-form {\n border: none;\n }\n\n > .nav,\n .user .info {\n [data-toggle=\"collapse\"] ~ div > ul > li > a {\n span {\n display: inline-block;\n @extend .animation-transition-general;\n }\n\n .sidebar-normal {\n margin: 0;\n position: relative;\n transform: translateX(0px);\n opacity: 1;\n white-space: nowrap;\n display: block;\n z-index: 1;\n line-height: 23px;\n transition: transform 300ms ease 0s, opacity 300ms ease 0s;\n }\n\n .sidebar-mini-icon {\n width: 34px;\n margin-right: 10px;\n z-index: 1;\n margin-left: 0px;\n font-size: 12px;\n text-align: center;\n line-height: 25px;\n position: relative;\n float: left;\n display: inherit;\n line-height: 24px;\n color: $opacity-5;\n transition: transform 300ms ease 0s, opacity 300ms ease 0s;\n }\n\n i {\n font-size: 17px;\n line-height: 20px;\n width: 26px;\n }\n }\n }\n\n [data-toggle=\"collapse\"] ~ div > ul > li.active > a {\n background-color: transparent;\n box-shadow: none;\n\n .sidebar-mini-icon {\n color: inherit;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n background-color: $white-color;\n height: 44px;\n width: calc(100% - 5px);\n top: 0;\n border-radius: 30px;\n left: 2px;\n z-index: 0;\n // box-shadow: $sidebar-active-box-shadow;\n @extend .animation-transition-general;\n }\n }\n }\n\n .navbar-minimize {\n position: absolute;\n right: 20px;\n top: 2px;\n opacity: 1;\n\n @extend .animation-transition-general;\n }\n .logo-tim {\n border-radius: 50%;\n border: 1px solid #333;\n display: block;\n height: 61px;\n width: 61px;\n float: left;\n overflow: hidden;\n\n img {\n width: 60px;\n height: 60px;\n }\n }\n\n .nav {\n margin-top: 20px;\n display: block;\n\n .caret {\n top: 14px;\n position: absolute;\n right: 10px;\n }\n\n li {\n > a + div .nav li > a {\n margin-top: 7px;\n }\n\n > a,\n > a:not([href]):not([tabindex]):focus,\n > a:not([href]):not([tabindex]):hover {\n margin: 10px 15px 0;\n border-radius: $btn-round-radius;\n color: $white-color;\n display: block;\n text-decoration: none;\n position: relative;\n cursor: pointer;\n font-size: $font-size-mini;\n padding: 10px 8px;\n line-height: $line-height-nav-link;\n }\n\n &:first-child > a {\n margin: 0 15px;\n }\n\n &:hover:not(.active) > a,\n &:focus:not(.active) > a {\n background-color: $opacity-1;\n }\n\n &:hover:not(.active) > a i,\n &:focus:not(.active) > a i {\n color: $white-color;\n }\n\n &.active > a {\n background-color: $white-color;\n box-shadow: $box-shadow;\n }\n\n &.active > a[data-toggle=\"collapse\"],\n & > a[aria-expanded=\"true\"] {\n background-color: $opacity-1;\n box-shadow: none;\n color: $white-color;\n\n i {\n color: $white-color;\n }\n }\n\n &.active {\n & ~ li:hover a[aria-expanded=\"true\"],\n & ~ li:focus a[aria-expanded=\"true\"] {\n background-color: $opacity-1;\n i {\n color: $white-color;\n }\n }\n & ~ li a[aria-expanded=\"true\"],\n & ~ li a[aria-expanded=\"true\"] {\n background-color: transparent;\n i {\n color: $opacity-5;\n }\n }\n }\n\n a[data-toggle=\"collapse\"] ~ div li:not(.active) > a:after {\n content: \"\";\n position: absolute;\n width: calc(100% - 5px);\n background-color: transparent;\n height: 44px;\n top: 0;\n border-radius: 30px;\n left: 2px;\n z-index: 0;\n @extend .animation-transition-general;\n }\n\n a[data-toggle=\"collapse\"] ~ div li:not(.active):hover > a {\n background-color: transparent;\n\n &:after {\n background-color: $opacity-1;\n }\n }\n }\n\n p {\n margin: 0;\n line-height: 30px;\n position: relative;\n display: block;\n height: auto;\n white-space: nowrap;\n transition: transform 300ms ease 0s, opacity 300ms ease 0s;\n }\n\n i {\n font-size: 20px;\n float: left;\n margin-right: 12px;\n line-height: 30px;\n width: 34px;\n text-align: center;\n color: $opacity-5;\n position: relative;\n }\n }\n\n .sidebar-background {\n position: absolute;\n z-index: 1;\n height: 100%;\n width: 100%;\n display: block;\n top: 0;\n left: 0;\n background-size: cover;\n background-position: center center;\n\n &:after {\n position: absolute;\n z-index: 3;\n width: 100%;\n height: 100%;\n content: \"\";\n display: block;\n background: #ffffff;\n opacity: 1;\n }\n }\n\n .logo {\n position: relative;\n padding: $padding-base-vertical $padding-base-horizontal;\n z-index: 4;\n\n a.logo-mini,\n a.logo-normal {\n @extend .animation-transition-general;\n }\n\n a.logo-mini {\n opacity: 1;\n float: left;\n width: 34px;\n text-align: center;\n margin-left: 12px;\n margin-right: 10px;\n }\n\n a.logo-normal {\n display: block;\n opacity: 1;\n @include transform-translate-x(0px);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 15px;\n height: 1px;\n width: calc(100% - 30px);\n background-color: $opacity-5;\n }\n\n p {\n float: left;\n font-size: 20px;\n margin: 10px 10px;\n color: $white-color;\n line-height: 20px;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n }\n\n .simple-text {\n padding: $padding-base-vertical 0;\n display: block;\n white-space: nowrap;\n font-size: $font-size-large;\n color: $white-color;\n text-decoration: none;\n font-weight: $font-weight-normal;\n line-height: 30px;\n overflow: hidden;\n }\n }\n\n .logo-tim {\n border-radius: 50%;\n border: 1px solid #333;\n display: block;\n height: 61px;\n width: 61px;\n float: left;\n overflow: hidden;\n\n img {\n width: 60px;\n height: 60px;\n }\n }\n\n &:before,\n &:after {\n display: block;\n content: \"\";\n opacity: 1;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n }\n &:after {\n @include icon-gradient($default-color);\n z-index: 3;\n }\n &,\n &[data-color=\"black\"] {\n @include sidebar-color($black-color);\n }\n &[data-color=\"blue\"] {\n @include sidebar-color($info-color);\n }\n &[data-color=\"green\"] {\n @include sidebar-color($success-color);\n }\n &[data-color=\"orange\"] {\n @include sidebar-color($orange-color);\n }\n &[data-color=\"red\"] {\n @include sidebar-color($danger-color);\n }\n &[data-color=\"yellow\"] {\n @include sidebar-color($warning-color);\n }\n\n .user {\n padding-bottom: 20px;\n margin: 20px auto 0;\n position: relative;\n\n &:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 15px;\n height: 1px;\n width: calc(100% - 30px);\n background-color: $opacity-5;\n }\n\n .photo {\n width: 34px;\n height: 34px;\n overflow: hidden;\n float: left;\n z-index: 5;\n margin-right: 10px;\n border-radius: 50%;\n margin-left: 23px;\n box-shadow: $box-shadow-raised;\n @extend .animation-transition-general;\n\n img {\n width: 100%;\n }\n }\n\n a {\n color: $white-color;\n text-decoration: none;\n padding: $padding-base-vertical 15px;\n white-space: nowrap;\n @extend .animation-transition-general;\n }\n\n .info {\n > a,\n > a:not([href]):not([tabindex]):focus,\n > a:not([href]):not([tabindex]):hover {\n display: block;\n line-height: 18px;\n color: #ffffff;\n\n > span {\n @extend .animation-transition-general;\n display: block;\n position: relative;\n opacity: 1;\n }\n }\n\n .caret {\n position: absolute;\n top: 8px;\n right: 18px;\n }\n }\n }\n}\n\n.visible-on-sidebar-regular {\n display: inline-block !important;\n}\n.visible-on-sidebar-mini {\n display: none !important;\n}\n\n.off-canvas-sidebar {\n .nav {\n > li > a,\n > li > a:hover {\n color: $white-color;\n }\n\n > li > a:focus {\n background: rgba(200, 200, 200, 0.2);\n }\n }\n}\n\n.main-panel {\n position: relative;\n float: right;\n background-color: #ebecf1;\n\n @include transition(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));\n\n div > .content {\n padding: 0 30px 30px;\n min-height: calc(100vh - 123px);\n margin-top: -30px;\n }\n\n > .navbar {\n margin-bottom: 0;\n }\n\n .header {\n margin-bottom: 50px;\n }\n}\n\n// windows os settings for perfect scrollbar off\n.sidebar .sidebar-wrapper,\n.main-panel {\n .perfect-scrollbar-on &,\n & {\n overflow: hidden;\n }\n}\n\n// regular settings for perfect scrollbar off\n.perfect-scrollbar-off {\n .sidebar .sidebar-wrapper,\n .main-panel {\n overflow: auto;\n }\n}\n\n.sidebar,\n.main-panel {\n height: 100%;\n max-height: 100;\n}\n\n.navbar.fixed-top {\n width: calc(100% - 260px);\n z-index: 10;\n right: 0;\n left: auto;\n}\n\n@media (max-width: 991px) {\n .navbar.fixed-top {\n width: 100%;\n\n [class*=\"container-\"] {\n @include transition(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));\n }\n }\n\n .nav-open .fixed-top [class*=\"container-\"] {\n @include transform-translate-x(260px);\n }\n}\n\n@media (min-width: 991px) {\n .sidebar,\n .main-panel,\n .sidebar-wrapper {\n -webkit-transition-property: top, bottom, width;\n transition-property: top, bottom, width;\n -webkit-transition-duration: 0.2s, 0.2s, 0.35s;\n transition-duration: 0.2s, 0.2s, 0.35s;\n -webkit-transition-timing-function: linear, linear, ease;\n transition-timing-function: linear, linear, ease;\n -webkit-overflow-scrolling: touch;\n }\n\n .sidebar-mini {\n .visible-on-sidebar-regular {\n display: none !important;\n }\n .visible-on-sidebar-mini {\n display: inline-block !important;\n }\n\n .navbar.fixed-top {\n width: 100%;\n }\n\n .navbar-minimize {\n opacity: 0;\n }\n\n .sidebar,\n .sidebar .sidebar-wrapper {\n width: 80px;\n }\n\n .main-panel {\n width: $sidebar-mini-width;\n }\n\n .sidebar {\n display: block;\n z-index: 1030;\n\n .logo {\n a.logo-normal {\n opacity: 0;\n @include transform-translate-x(-25px);\n }\n }\n\n .sidebar-wrapper {\n > .nav [data-toggle=\"collapse\"] ~ div > ul > li > a .sidebar-normal,\n .user\n .info\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > a\n .sidebar-normal,\n .user .info > a > span,\n > .nav li > a p {\n @include transform-translate-x(-25px);\n opacity: 0;\n }\n }\n }\n\n .sidebar:hover {\n width: 260px;\n\n .logo {\n a.logo-normal {\n opacity: 1;\n @include transform-translate-x(0);\n }\n }\n\n .navbar-minimize {\n opacity: 1;\n }\n .sidebar-wrapper {\n width: 260px;\n\n > .nav li > a p,\n > .nav [data-toggle=\"collapse\"] ~ div > ul > li > a .sidebar-normal,\n .user\n .info\n [data-toggle=\"collapse\"]\n ~ div\n > ul\n > li\n > a\n .sidebar-normal,\n .user .info > a > span {\n @include transform-translate-x(0px);\n opacity: 1;\n }\n }\n }\n }\n}\n\n.panel-header {\n padding: 45px 30px;\n position: relative;\n @include panel-gradient($black-color);\n overflow: hidden;\n color: $white-color;\n\n .header {\n .title {\n color: $white-color;\n }\n .category {\n max-width: 600px;\n color: $opacity-5;\n margin: 0 auto;\n font-size: 13px;\n\n a {\n color: $white-color;\n }\n }\n }\n}\n\n\n.panel-header-lg {\n padding: 45px 30px;\n}\n\n@media screen and (max-width: 991px) {\n .sidebar {\n box-shadow: none;\n }\n}\n.navbar .navbar-nav .nav-link i.fa + p,\n.navbar .navbar-nav .nav-link i.now-ui-icons + p {\n margin-left: 6px;\n}\n@media screen and (max-width: 991px) {\n .main-panel {\n width: 100%;\n }\n}\n\n@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {\n .sidebar-mini {\n .wrapper {\n .sidebar {\n &, .sidebar-wrapper{\n width: 260px;\n }\n transition-property: all;\n @include transform-translate-x(-260px);\n .logo a.logo-normal,\n .sidebar-wrapper > .nav li > a p,\n .sidebar-wrapper .user .info > a > span {\n transition: none;\n transform: none;\n opacity: 1;\n }\n }\n .main-panel {\n transition-property: all;\n width: 100%;\n }\n }\n }\n .nav-open {\n .sidebar-mini {\n .wrapper {\n .sidebar {\n @include transform-translate-x(0);\n }\n }\n }\n }\n}\n","@mixin panel-gradient($color) {\n background: $color; /* fallback for old browsers */\n background: linear-gradient(160deg, $color 0%, darken($black-color, 5) 100%);\n background-size: 105%;\n}\n",".rbc-btn {\n color: inherit;\n font: inherit;\n margin: 0;\n}\nbutton.rbc-btn {\n overflow: visible;\n text-transform: none;\n -webkit-appearance: button;\n cursor: pointer;\n}\nbutton[disabled].rbc-btn {\n cursor: not-allowed;\n}\nbutton.rbc-input::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n.rbc-calendar {\n box-sizing: border-box;\n height: 100%;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-align-items: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.rbc-calendar *,\n.rbc-calendar *:before,\n.rbc-calendar *:after {\n box-sizing: inherit;\n}\n.rbc-abs-full,\n.rbc-row-bg {\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.rbc-ellipsis,\n.rbc-event-label,\n.rbc-row-segment .rbc-event-content,\n.rbc-show-more {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.rbc-rtl {\n direction: rtl;\n}\n.rbc-off-range {\n color: #999999;\n}\n.rbc-header {\n overflow: hidden;\n -webkit-flex: 1 0 0%;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: right;\n vertical-align: middle;\n font-weight: bold;\n font-size: 1em;\n min-height: 0;\n border-bottom: 1px solid #ddd;\n color: #888;\n}\n.rbc-header > a,\n.rbc-header > a:active,\n.rbc-header > a:visited {\n color: inherit;\n text-decoration: none;\n}\n.rbc-row-content {\n position: relative;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n z-index: 4;\n min-height: 90px;\n}\n.rbc-toolbar {\n text-align: center;\n margin-bottom: 1em;\n}\n@media screen and (min-width: 1270px) {\n .rbc-toolbar {\n display: -ms-flexbox;\n display: flex;\n }\n}\n.rbc-toolbar .rbc-toolbar-label {\n -ms-flex-positive: 1;\n flex-grow: 1;\n padding: 0 10px;\n text-align: center;\n font-weight: 300;\n line-height: 1.1;\n color: inherit;\n font-family: inherit;\n line-height: 1.1;\n color: inherit;\n font-weight: 400;\n margin: 0;\n font-size: 1.8em;\n}\n.rbc-toolbar button {\n background-color: $primary-color;\n color: $white-color;\n border-width: 2px;\n font-weight: 400;\n font-size: 0.8571em;\n line-height: 1.35em;\n margin: 5px 1px;\n border: none;\n margin: 0 0 0 2px;\n border-radius: 0.1875rem;\n padding: 11px 22px;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n outline: none;\n text-transform: lowercase;\n}\n.rbc-toolbar button:focus {\n outline: none;\n}\n.rbc-btn-group {\n display: inline-block;\n // white-space: nowrap;\n}\n\n.rbc-btn-group button {\n margin: 0 0 0 2px;\n border-radius: 0.1875rem;\n}\n@media screen and (max-width: 526px) {\n .rbc-btn-group button {\n margin: 2px !important;\n }\n}\n\n.rbc-btn-group button + button {\n margin: 0 0 0 2px;\n border-radius: 0.1875rem;\n}\n// .rbc-rtl .rbc-btn-group button + button {\n// margin-left: 0;\n// margin-right: -1px;\n// }\n.rbc-btn-group + .rbc-btn-group,\n.rbc-btn-group + button {\n margin-left: 10px;\n}\n\n.rbc-slot-selecting .rbc-event {\n cursor: inherit;\n pointer-events: none;\n}\n.rbc-event.rbc-selected {\n background-color: #265985;\n}\n.rbc-event-label {\n font-size: 80%;\n}\n.rbc-event-overlaps {\n box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);\n}\n.rbc-event-continues-prior {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.rbc-event-continues-after {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.rbc-event-continues-earlier {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.rbc-event-continues-later {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.rbc-event-continues-day-after {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.rbc-event-continues-day-prior {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.rbc-row {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.rbc-row-segment {\n padding: 0 1px 1px 1px;\n}\n.rbc-selected-cell {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.rbc-show-more {\n background-color: rgba(255, 255, 255, 0.3);\n z-index: 4;\n font-weight: bold;\n font-size: 85%;\n height: auto;\n line-height: normal;\n white-space: nowrap;\n}\n.rbc-month-view {\n position: relative;\n border: 1px solid #ddd;\n border-bottom: none;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-flex: 1 0 0;\n -ms-flex: 1 0 0px;\n flex: 1 0 0;\n width: 100%;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n height: 100%;\n border-left: none;\n border-right: none;\n}\n.rbc-month-view {\n border-top: none;\n}\n.rbc-month-header {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n\n.rbc-month-row {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-flex: 1 0 0;\n -ms-flex: 1 0 0px;\n flex: 1 0 0;\n // -webkit-flex-basis: 0px;\n -ms-flex-preferred-size: 0px;\n // flex-basis: 0px;\n overflow: hidden;\n height: 108px;\n}\n.rbc-month-row + .rbc-month-row {\n border-top: 1px solid #ddd;\n}\n.rbc-date-cell {\n -webkit-flex: 1 1 0;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n min-width: 0;\n padding: 2px;\n text-align: right;\n}\n.rbc-date-cell > a,\n.rbc-date-cell > a:active,\n.rbc-date-cell > a:visited {\n color: inherit;\n text-decoration: none;\n}\n.rbc-row-bg {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-flex: 1 0 0;\n -ms-flex: 1 0 0px;\n flex: 1 0 0;\n overflow: hidden;\n}\n.rbc-day-bg {\n -webkit-flex: 1 0 0%;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n}\n.rbc-day-bg + .rbc-day-bg {\n border-left: 1px solid #ddd;\n}\n.rbc-rtl .rbc-day-bg + .rbc-day-bg {\n border-left-width: 0;\n border-right: 1px solid #ddd;\n}\n.rbc-overlay {\n position: absolute;\n z-index: 5;\n border: 1px solid #e5e5e5;\n background-color: #fff;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);\n padding: 10px;\n}\n.rbc-overlay > * + * {\n margin-top: 1px;\n}\n.rbc-overlay-header {\n border-bottom: 1px solid #e5e5e5;\n margin: -10px -10px 5px -10px;\n padding: 2px 10px;\n}\n.rbc-agenda-view {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-flex: 1 0 0;\n -ms-flex: 1 0 0px;\n flex: 1 0 0;\n overflow: auto;\n}\n.rbc-agenda-view table.rbc-agenda-table {\n width: 100%;\n border: 1px solid #ddd;\n border-spacing: 0;\n border-collapse: collapse;\n}\n.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {\n padding: 5px 10px;\n vertical-align: top;\n}\n.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {\n padding-left: 15px;\n padding-right: 15px;\n text-transform: lowercase;\n}\n.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {\n border-left: 1px solid #ddd;\n}\n.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {\n border-left-width: 0;\n border-right: 1px solid #ddd;\n}\n.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {\n border-top: 1px solid #ddd;\n}\n.rbc-agenda-view table.rbc-agenda-table thead > tr > th {\n padding: 3px 5px;\n text-align: left;\n border-bottom: 1px solid #ddd;\n}\n.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {\n text-align: right;\n}\n.rbc-agenda-time-cell {\n text-transform: lowercase;\n}\n.rbc-agenda-time-cell .rbc-continues-after:after {\n content: \" »\";\n}\n.rbc-agenda-time-cell .rbc-continues-prior:before {\n content: \"« \";\n}\n.rbc-agenda-date-cell,\n.rbc-agenda-time-cell {\n white-space: nowrap;\n}\n.rbc-agenda-event-cell {\n width: 100%;\n}\n.rbc-time-column {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n min-height: 100%;\n}\n.rbc-time-column .rbc-timeslot-group {\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\n.rbc-timeslot-group {\n border-bottom: 1px solid #ddd;\n min-height: 40px;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-flow: column nowrap;\n -ms-flex-flow: column nowrap;\n flex-flow: column nowrap;\n}\n.rbc-time-gutter,\n.rbc-header-gutter {\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.rbc-label {\n padding: 0 5px;\n}\n.rbc-day-slot {\n position: relative;\n}\n.rbc-day-slot .rbc-events-container {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 10px;\n top: 0;\n}\n.rbc-day-slot .rbc-events-container.rbc-is-rtl {\n left: 10px;\n right: 0;\n}\n.rbc-day-slot .rbc-event {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n max-height: 100%;\n min-height: 20px;\n -webkit-flex-flow: column wrap;\n -ms-flex-flow: column wrap;\n flex-flow: column wrap;\n -webkit-align-items: flex-start;\n -ms-flex-align: start;\n align-items: flex-start;\n overflow: hidden;\n position: absolute;\n}\n.rbc-day-slot .rbc-event-label {\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n padding-right: 5px;\n width: auto;\n font-weight: bold;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n color: #fff;\n white-space: nowrap;\n}\n.rbc-day-slot .rbc-event-content {\n width: 100%;\n -webkit-flex: 1 1 0;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n word-wrap: break-word;\n line-height: 1;\n height: 100%;\n min-height: 1em;\n}\n.rbc-day-slot .rbc-time-slot + .rbc-time-slot {\n border-top: 1px dotted #ddd;\n}\n.rbc-time-slot {\n -webkit-flex: 1 0 0;\n -ms-flex: 1 0 0px;\n flex: 1 0 0;\n}\n.rbc-time-slot.rbc-now {\n font-weight: bold;\n}\n.rbc-day-header {\n text-align: center;\n}\n.rbc-slot-selection {\n z-index: 10;\n position: absolute;\n background-color: rgba(0, 0, 0, 0.5);\n color: white;\n font-size: 75%;\n width: 100%;\n padding: 3px;\n}\n.rbc-slot-selecting {\n cursor: move;\n}\n.rbc-time-view {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n width: 100%;\n border: 1px solid #ddd;\n min-height: 0;\n border-left: none;\n border-right: none;\n border-top: none;\n}\n.rbc-time-view .rbc-time-gutter {\n white-space: nowrap;\n}\n.rbc-time-view .rbc-allday-cell {\n box-sizing: content-box;\n width: 100%;\n position: relative;\n}\n.rbc-time-view .rbc-allday-events {\n position: relative;\n z-index: 4;\n}\n.rbc-time-view .rbc-row {\n box-sizing: border-box;\n min-height: 20px;\n}\n.rbc-time-header {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.rbc-time-header.rbc-overflowing {\n border-right: 1px solid #ddd;\n}\n.rbc-rtl .rbc-time-header.rbc-overflowing {\n border-right-width: 0;\n border-left: 1px solid #ddd;\n}\n.rbc-time-header > .rbc-row:first-child {\n border-bottom: 1px solid #ddd;\n}\n.rbc-time-header > .rbc-row.rbc-row-resource {\n border-bottom: 1px solid #ddd;\n}\n.rbc-time-header-content {\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n border-left: 1px solid #ddd;\n}\n.rbc-rtl .rbc-time-header-content {\n border-left-width: 0;\n border-right: 1px solid #ddd;\n}\n.rbc-time-content {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex: 1 0 0%;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n -webkit-align-items: flex-start;\n -ms-flex-align: start;\n align-items: flex-start;\n width: 100%;\n border-top: 2px solid #ddd;\n overflow-y: auto;\n position: relative;\n}\n.rbc-time-content > .rbc-time-gutter {\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.rbc-time-content > * + * > * {\n border-left: 1px solid #ddd;\n}\n.rbc-rtl .rbc-time-content > * + * > * {\n border-left-width: 0;\n border-right: 1px solid #ddd;\n}\n.rbc-time-content > .rbc-day-slot {\n width: 100%;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n}\n.rbc-current-time-indicator {\n position: absolute;\n z-index: 3;\n height: 1px;\n background-color: #74ad31;\n pointer-events: none;\n}\n.rbc-event {\n margin: 2px 5px 0;\n padding: 0 1px;\n position: relative; /* for resize handle and other inner positioning */\n display: block; /* make the tag block */\n font-size: 0.85em;\n line-height: 1.3;\n border-radius: 2px;\n background-color: $brand-success; /* default BACKGROUND color */\n font-weight: normal; /* undo jqui's ui-widget-header bold */\n text-align: right;\n\n &.event-azure {\n background-color: $brand-info;\n }\n &.event-green {\n background-color: $brand-success;\n }\n &.event-orange {\n background-color: $brand-warning;\n }\n &.event-red {\n background-color: $brand-danger;\n }\n &.event-default {\n background-color: #999999;\n }\n\n .rbc-event-content {\n position: relative;\n z-index: 2;\n white-space: nowrap;\n overflow: hidden;\n color: #fff;\n padding: 0 5px;\n }\n}\n.rbc-day-slot .rbc-event {\n display: block !important;\n height: unset !important;\n max-height: unset !important;\n}\n.rbc-today {\n background-color: #f5f5f5;\n}\n",".sweet-alert:focus {\n outline: none;\n}\n.sweet-alert {\n margin: auto !important;\n}\n",".bootstrap-switch.wrapper {\n min-height: auto;\n height: auto;\n}\n","/*!\n\n=========================================================\n* React Wizard - v0.0.5\n=========================================================\n\n* Copyright 2021 Creative Tim (http://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/react-wizard/blob/master/LICENSE.md)\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\n\n.wizard-container {\n .card-wizard {\n .card-header {\n font-size: 14px;\n font-family: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n }\n .wizard-navigation {\n .moving-tab {\n font-size: 14px;\n font-family: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n }\n .nav .nav-item .nav-link{\n cursor: pointer;\n }\n }\n .card-footer {\n font-size: 14px;\n font-family: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n }\n .wizard-navigation {\n .moving-tab {\n font-size: 12px;\n i {\n display: inline-block;\n font-size: 19px;\n line-height: initial;\n margin-right: 6px;\n padding: 0;\n vertical-align: bottom;\n }\n }\n .nav.nav-pills .nav-item a {\n margin-right: 0;\n }\n }\n min-height: 410px;\n box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);\n opacity: 0;\n -webkit-transition: all 300ms linear;\n -moz-transition: all 300ms linear;\n -o-transition: all 300ms linear;\n -ms-transition: all 300ms linear;\n transition: all 300ms linear;\n &.active {\n opacity: 1;\n }\n .nav-pills .nav-item .nav-link {\n padding-top: 8px;\n padding-bottom: 8px;\n background-color: transparent;\n box-shadow: none;\n &.active,\n &:hover,\n &:focus {\n background-color: transparent;\n box-shadow: none;\n }\n &.active {\n &:focus,\n &:hover {\n background-color: transparent;\n box-shadow: none;\n }\n }\n }\n .picture-container {\n position: relative;\n cursor: pointer;\n text-align: center;\n }\n .wizard-navigation {\n position: relative;\n }\n .moving-tab {\n position: absolute;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n text-transform: uppercase;\n -webkit-font-smoothing: subpixel-antialiased;\n top: -4px;\n left: 0;\n border-radius: 30px;\n background-color: #fff;\n box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);\n color: #f96332;\n cursor: pointer;\n font-weight: 500;\n }\n }\n [data-background-color=\"primary\"] {\n background-color: #f96332;\n }\n [data-background-color=\"green\"] {\n background-color: #18ce0f;\n }\n [data-background-color=\"blue\"] {\n background-color: #2ca8ff;\n }\n [data-background-color=\"orange\"] {\n background-color: #ffb236;\n }\n [data-background-color=\"red\"] {\n background-color: #ff3636;\n }\n [data-background-color=\"primary\"] .moving-tab {\n color: #f96332;\n }\n [data-background-color=\"green\"] .moving-tab {\n color: #18ce0f;\n }\n [data-background-color=\"blue\"] .moving-tab {\n color: #2ca8ff;\n }\n [data-background-color=\"orange\"] .moving-tab {\n color: #ffb236;\n }\n [data-background-color=\"red\"] .moving-tab {\n color: #ff3636;\n }\n .card-wizard {\n .tab-content {\n min-height: 355px;\n padding: 20px 0;\n }\n .wizard-footer {\n padding: 0 15px;\n }\n .disabled {\n display: none;\n }\n .wizard-header {\n text-align: center;\n padding: 25px 0 35px;\n h5 {\n margin: 5px 0 0;\n }\n }\n .nav-pills > li {\n text-align: center;\n }\n .btn {\n text-transform: uppercase;\n }\n .info-text {\n text-align: center;\n font-weight: 300;\n margin: 10px 0 30px;\n }\n .card-title {\n font-size: 2em;\n line-height: 1.4em;\n font-weight: 400;\n text-transform: none;\n }\n }\n}\n\n[data-background-color]:not([data-background-color=\"gray\"]) {\n .description,\n .social-description p {\n color: hsla(0, 0%, 100%, 0.8);\n }\n}\n\n.wizard-container {\n .card-wizard {\n .card-title + .description {\n font-size: 17px;\n margin-bottom: 32px;\n }\n .wizard-title {\n margin: 0;\n }\n .nav-pills {\n background-color: inherit;\n > li {\n + li {\n margin-left: 0;\n }\n > a {\n border: 0 !important;\n border-radius: 0;\n line-height: 18px;\n text-transform: uppercase;\n font-size: 12px;\n font-weight: 500;\n min-width: 100px;\n text-align: center;\n }\n &.active > a {\n background-color: inherit;\n box-shadow: none;\n &:hover,\n &:focus {\n background-color: inherit;\n box-shadow: none;\n }\n }\n > a {\n &:hover,\n &:focus {\n background-color: inherit;\n box-shadow: none;\n }\n }\n i {\n display: inline-block;\n font-size: 19px;\n line-height: initial;\n margin-right: 6px;\n padding: 0;\n vertical-align: bottom;\n }\n }\n }\n }\n .nav-pills {\n &.flex-column li > a {\n margin-bottom: 15px;\n }\n &:not(.nav-pills-icons):not(.nav-pills-just-icons) .nav-item .nav-link {\n border-radius: 30px;\n }\n &.nav-pills-just-icons .nav-item .nav-link {\n border-radius: 50%;\n height: 80px;\n width: 80px;\n padding: 0;\n max-width: 80px;\n min-width: auto;\n }\n .nav-item {\n &:not(:last-child) .nav-link {\n margin-right: 19px;\n }\n .nav-link {\n padding: 0 15.5px;\n text-align: center;\n padding: 11px 23px;\n min-width: 100px;\n font-weight: 400;\n color: #444;\n background-color: rgba(222, 222, 222, 0.3);\n &:hover {\n background-color: rgba(222, 222, 222, 0.3);\n }\n &.active {\n background-color: #9a9a9a;\n color: #ffffff;\n box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);\n &:focus,\n &:hover {\n background-color: #9a9a9a;\n color: #ffffff;\n box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);\n }\n }\n &.disabled,\n &:disabled,\n &[disabled] {\n opacity: 0.5;\n }\n }\n }\n &.nav-pills-neutral .nav-item .nav-link {\n background-color: rgba(255, 255, 255, 0.2);\n color: #ffffff;\n &.active {\n background-color: #ffffff;\n color: #f96332;\n &:focus,\n &:hover {\n background-color: #ffffff;\n color: #f96332;\n }\n }\n }\n &.nav-pills-primary .nav-item .nav-link.active {\n background-color: #f96332;\n &:focus,\n &:hover {\n background-color: #f96332;\n }\n }\n &.nav-pills-info .nav-item .nav-link.active {\n background-color: #2ca8ff;\n &:focus,\n &:hover {\n background-color: #2ca8ff;\n }\n }\n &.nav-pills-success .nav-item .nav-link.active {\n background-color: #18ce0f;\n &:focus,\n &:hover {\n background-color: #18ce0f;\n }\n }\n &.nav-pills-warning .nav-item .nav-link.active {\n background-color: #ffb236;\n &:focus,\n &:hover {\n background-color: #ffb236;\n }\n }\n &.nav-pills-danger .nav-item .nav-link.active {\n background-color: #ff3636;\n &:focus,\n &:hover {\n background-color: #ff3636;\n }\n }\n }\n .tab-space {\n padding: 20px 0 50px 0px;\n }\n .tab-content.tab-subcategories {\n margin-top: 20px;\n background-color: #ffffff;\n padding-left: 15px;\n padding-right: 15px;\n box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);\n }\n .card-wizard {\n .btn:focus {\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n }\n .card-footer {\n .btn {\n border-width: 2px;\n font-weight: 400;\n font-size: 0.8571em;\n line-height: 1.35em;\n border: none;\n border-radius: 0.1875rem;\n padding: 11px 22px;\n cursor: pointer;\n background-color: #888;\n color: #ffffff;\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: #979797;\n color: #ffffff;\n box-shadow: none;\n }\n &:active {\n &:focus,\n &:hover {\n background-color: #979797;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &.active {\n &:focus,\n &:hover {\n background-color: #979797;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &:not([data-action]):hover {\n box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);\n }\n &.disabled {\n background-color: #888;\n border-color: #888;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #888;\n border-color: #888;\n }\n }\n &:disabled {\n background-color: #888;\n border-color: #888;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #888;\n border-color: #888;\n }\n }\n &[disabled] {\n background-color: #888;\n border-color: #888;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #888;\n border-color: #888;\n }\n }\n &.btn-simple {\n color: #888;\n border-color: #888;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #979797;\n border-color: #979797;\n box-shadow: none;\n }\n }\n &.btn-link {\n color: #888;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #979797;\n text-decoration: none;\n box-shadow: none;\n }\n }\n &:hover,\n &:focus {\n opacity: 1;\n filter: alpha(opacity = 100);\n outline: 0 !important;\n }\n &:active,\n &.active {\n -webkit-box-shadow: none;\n box-shadow: none;\n outline: 0 !important;\n }\n }\n .btn-primary {\n background-color: #f96332;\n color: #ffffff;\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: #fa7a50;\n color: #ffffff;\n box-shadow: none;\n }\n &:active {\n &:focus,\n &:hover {\n background-color: #fa7a50;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &.active {\n &:focus,\n &:hover {\n background-color: #fa7a50;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &:not([data-action]):hover {\n box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);\n }\n &.disabled {\n background-color: #f96332;\n border-color: #f96332;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #f96332;\n border-color: #f96332;\n }\n }\n &:disabled {\n background-color: #f96332;\n border-color: #f96332;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #f96332;\n border-color: #f96332;\n }\n }\n &[disabled] {\n background-color: #f96332;\n border-color: #f96332;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #f96332;\n border-color: #f96332;\n }\n }\n &.btn-simple {\n color: #f96332;\n border-color: #f96332;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #fa7a50;\n border-color: #fa7a50;\n box-shadow: none;\n }\n }\n &.btn-link {\n color: #f96332;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #fa7a50;\n text-decoration: none;\n box-shadow: none;\n }\n }\n }\n .btn-success {\n background-color: #18ce0f;\n color: #ffffff;\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: #1beb11;\n color: #ffffff;\n box-shadow: none;\n }\n &:active {\n &:focus,\n &:hover {\n background-color: #1beb11;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &.active {\n &:focus,\n &:hover {\n background-color: #1beb11;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &:not([data-action]):hover {\n box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);\n }\n &.disabled {\n background-color: #18ce0f;\n border-color: #18ce0f;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #18ce0f;\n border-color: #18ce0f;\n }\n }\n &:disabled {\n background-color: #18ce0f;\n border-color: #18ce0f;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #18ce0f;\n border-color: #18ce0f;\n }\n }\n &[disabled] {\n background-color: #18ce0f;\n border-color: #18ce0f;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #18ce0f;\n border-color: #18ce0f;\n }\n }\n &.btn-simple {\n color: #18ce0f;\n border-color: #18ce0f;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #1beb11;\n border-color: #1beb11;\n box-shadow: none;\n }\n }\n &.btn-link {\n color: #18ce0f;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #1beb11;\n text-decoration: none;\n box-shadow: none;\n }\n }\n }\n .btn-info {\n background-color: #2ca8ff;\n color: #ffffff;\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: #4bb5ff;\n color: #ffffff;\n box-shadow: none;\n }\n &:active {\n &:focus,\n &:hover {\n background-color: #4bb5ff;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &.active {\n &:focus,\n &:hover {\n background-color: #4bb5ff;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &:not([data-action]):hover {\n box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);\n }\n &.disabled {\n background-color: #2ca8ff;\n border-color: #2ca8ff;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #2ca8ff;\n border-color: #2ca8ff;\n }\n }\n &:disabled {\n background-color: #2ca8ff;\n border-color: #2ca8ff;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #2ca8ff;\n border-color: #2ca8ff;\n }\n }\n &[disabled] {\n background-color: #2ca8ff;\n border-color: #2ca8ff;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #2ca8ff;\n border-color: #2ca8ff;\n }\n }\n &.btn-simple {\n color: #2ca8ff;\n border-color: #2ca8ff;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #4bb5ff;\n border-color: #4bb5ff;\n box-shadow: none;\n }\n }\n &.btn-link {\n color: #2ca8ff;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #4bb5ff;\n text-decoration: none;\n box-shadow: none;\n }\n }\n }\n .btn-warning {\n background-color: #ffb236;\n color: #ffffff;\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: #ffbe55;\n color: #ffffff;\n box-shadow: none;\n }\n &:active {\n &:focus,\n &:hover {\n background-color: #ffbe55;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &.active {\n &:focus,\n &:hover {\n background-color: #ffbe55;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &:not([data-action]):hover {\n box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);\n }\n &.disabled {\n background-color: #ffb236;\n border-color: #ffb236;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #ffb236;\n border-color: #ffb236;\n }\n }\n &:disabled {\n background-color: #ffb236;\n border-color: #ffb236;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #ffb236;\n border-color: #ffb236;\n }\n }\n &[disabled] {\n background-color: #ffb236;\n border-color: #ffb236;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #ffb236;\n border-color: #ffb236;\n }\n }\n &.btn-simple {\n color: #ffb236;\n border-color: #ffb236;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #ffbe55;\n border-color: #ffbe55;\n box-shadow: none;\n }\n }\n &.btn-link {\n color: #ffb236;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #ffbe55;\n text-decoration: none;\n box-shadow: none;\n }\n }\n }\n .btn-danger {\n background-color: #ff3636;\n color: #ffffff;\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: #ff5555;\n color: #ffffff;\n box-shadow: none;\n }\n &:active {\n &:focus,\n &:hover {\n background-color: #ff5555;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &.active {\n &:focus,\n &:hover {\n background-color: #ff5555;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &:not([data-action]):hover {\n box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);\n }\n &.disabled {\n background-color: #ff3636;\n border-color: #ff3636;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #ff3636;\n border-color: #ff3636;\n }\n }\n &:disabled {\n background-color: #ff3636;\n border-color: #ff3636;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #ff3636;\n border-color: #ff3636;\n }\n }\n &[disabled] {\n background-color: #ff3636;\n border-color: #ff3636;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #ff3636;\n border-color: #ff3636;\n }\n }\n &.btn-simple {\n color: #ff3636;\n border-color: #ff3636;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #ff5555;\n border-color: #ff5555;\n box-shadow: none;\n }\n }\n &.btn-link {\n color: #ff3636;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #ff5555;\n text-decoration: none;\n box-shadow: none;\n }\n }\n }\n .btn-neutral {\n background-color: #ffffff;\n color: #f96332;\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: #ffffff;\n color: #ffffff;\n box-shadow: none;\n }\n &:active {\n &:focus,\n &:hover {\n background-color: #ffffff;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &.active {\n &:focus,\n &:hover {\n background-color: #ffffff;\n color: #ffffff;\n box-shadow: none;\n }\n }\n &:not([data-action]):hover {\n box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);\n }\n &.disabled {\n background-color: #ffffff;\n border-color: #ffffff;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #ffffff;\n border-color: #ffffff;\n }\n }\n &:disabled {\n background-color: #ffffff;\n border-color: #ffffff;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #ffffff;\n border-color: #ffffff;\n }\n }\n &[disabled] {\n background-color: #ffffff;\n border-color: #ffffff;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: #ffffff;\n border-color: #ffffff;\n }\n }\n &.btn-danger {\n color: #ff3636;\n &:hover,\n &:focus,\n &:active {\n color: #ff5555;\n }\n }\n &.btn-info {\n color: #2ca8ff;\n &:hover,\n &:focus,\n &:active {\n color: #4bb5ff;\n }\n }\n &.btn-warning {\n color: #ffb236;\n &:hover,\n &:focus,\n &:active {\n color: #ffbe55;\n }\n }\n &.btn-success {\n color: #18ce0f;\n &:hover,\n &:focus,\n &:active {\n color: #1beb11;\n }\n }\n &.btn-default {\n color: #888;\n &:hover,\n &:focus,\n &:active {\n color: #979797;\n }\n }\n &.active {\n background-color: #ffffff;\n color: #fa7a50;\n box-shadow: none;\n }\n &:active {\n background-color: #ffffff;\n color: #fa7a50;\n box-shadow: none;\n &:focus,\n &:hover {\n background-color: #ffffff;\n color: #fa7a50;\n box-shadow: none;\n }\n }\n &.active {\n &:focus,\n &:hover {\n background-color: #ffffff;\n color: #fa7a50;\n box-shadow: none;\n }\n }\n &:hover,\n &:focus {\n color: #fa7a50;\n }\n &:hover:not(.nav-link),\n &:focus:not(.nav-link) {\n box-shadow: none;\n }\n &.btn-simple {\n color: #ffffff;\n border-color: #ffffff;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #ffffff;\n border-color: #ffffff;\n box-shadow: none;\n }\n }\n &.btn-link {\n color: #ffffff;\n &:hover,\n &:focus,\n &:active {\n background-color: transparent;\n color: #ffffff;\n text-decoration: none;\n box-shadow: none;\n }\n }\n }\n .btn {\n &:disabled,\n &[disabled],\n &.disabled {\n opacity: 0.5;\n filter: alpha(opacity = 50);\n }\n }\n .btn-round {\n border-width: 1px;\n border-radius: 30px;\n padding: 11px 23px;\n &.btn-simple {\n padding: 10px 22px;\n }\n }\n .btn-simple {\n border: 1px solid;\n border-color: #888;\n padding: 10px 22px;\n background-color: transparent;\n &.disabled {\n background-color: transparent;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: transparent;\n }\n }\n &:disabled {\n background-color: transparent;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: transparent;\n }\n }\n &[disabled] {\n background-color: transparent;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: transparent;\n }\n }\n }\n .btn-link {\n &.disabled {\n background-color: transparent;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: transparent;\n }\n }\n &:disabled {\n background-color: transparent;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: transparent;\n }\n }\n &[disabled] {\n background-color: transparent;\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: transparent;\n }\n }\n }\n .btn-lg {\n font-size: 1em;\n border-radius: 0.25rem;\n padding: 15px 48px;\n &.btn-simple {\n padding: 14px 47px;\n }\n }\n .btn-sm {\n font-size: 14px;\n border-radius: 0.1875rem;\n padding: 5px 15px;\n &.btn-simple {\n padding: 4px 14px;\n }\n }\n .btn-link {\n border: 0;\n padding: 0.5rem 0.7rem;\n background-color: transparent;\n }\n .btn-wd {\n min-width: 140px;\n }\n }\n }\n}\n","/*!\n* https://github.com/YouCanBookMe/react-datetime\n*/\n.rdt {\n position: relative;\n .rdtPicker {\n -webkit-transition: all 150ms linear;\n -moz-transition: all 150ms linear;\n -o-transition: all 150ms linear;\n -ms-transition: all 150ms linear;\n transition: all 150ms linear;\n margin-top: -20px;\n visibility: hidden;\n display: block;\n opacity: 0;\n }\n &.rdtOpen {\n .rdtPicker {\n opacity: 1;\n visibility: visible;\n margin-top: 0;\n }\n }\n}\n.rdtPicker {\n display: none;\n position: absolute;\n width: 260px;\n padding: 4px;\n margin-top: 1px;\n z-index: 99999 !important;\n background: #fff;\n border-radius: 0.125rem;\n box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n min-width: 160px;\n\n &:before {\n display: inline-block;\n position: absolute;\n width: 0;\n height: 0;\n vertical-align: middle;\n content: \"\";\n top: -5px;\n left: 10px;\n right: auto;\n color: #ffffff;\n border-bottom: 0.4em solid;\n border-right: 0.4em solid transparent;\n border-left: 0.4em solid transparent;\n }\n &:after {\n border-bottom: 0.4em solid #ffffff;\n border-right: 0.4em solid transparent;\n border-left: 0.4em solid transparent;\n content: \"\";\n display: inline-block;\n position: absolute;\n top: -5px;\n left: 10px;\n }\n}\n\n.rdtPicker {\n display: block;\n top: 40px;\n}\n.rdtStatic .rdtPicker {\n box-shadow: none;\n position: static;\n}\n\n.rdtPicker .rdtTimeToggle {\n text-align: center;\n padding: 5px;\n border-radius: 4px;\n}\n\n.rdtPicker table {\n width: 100%;\n margin: 0;\n border-color: $white-color !important;\n}\n.rdtPicker td,\n.rdtPicker th {\n text-align: center;\n padding: 1px;\n}\n.rdtPicker td {\n cursor: pointer;\n}\n.rdtDay {\n height: 30px;\n line-height: 33px;\n width: 30px;\n text-align: center;\n padding: 0px;\n border-radius: 50%;\n &.rdtToday.rdtActive,\n &.rdtActive,\n &.rdtActive:hover {\n background-color: $primary-color !important;\n color: $white-color;\n }\n}\n.rdtDays {\n tr {\n .dow {\n text-align: center;\n border-bottom: 1px solid #e3e3e3;\n font-size: 12px;\n text-transform: uppercase;\n font-weight: inherit;\n padding-bottom: 5px;\n padding-top: 10px;\n }\n .rdtOld,\n .rdtNew {\n color: $medium-gray;\n }\n }\n}\n\n.rdtPicker td.rdtDay:hover,\n.rdtPicker td.rdtHour:hover,\n.rdtPicker td.rdtMinute:hover,\n.rdtPicker td.rdtSecond:hover,\n.rdtPicker .rdtTimeToggle:hover {\n background: #eeeeee;\n cursor: pointer;\n}\n.rdtPicker td.rdtToday {\n position: relative;\n}\n.rdtPicker td.rdtActive.rdtToday:before {\n border-bottom-color: #fff;\n}\n.rdtPicker td.rdtDisabled,\n.rdtPicker td.rdtDisabled:hover {\n background: none;\n color: #999999;\n cursor: not-allowed;\n}\n\n.rdtPicker td span.rdtOld {\n color: #999999;\n}\n.rdtPicker td span.rdtDisabled,\n.rdtPicker td span.rdtDisabled:hover {\n background: none;\n color: #999999;\n cursor: not-allowed;\n}\n.rdtPicker .dow {\n width: 14.2857%;\n border-bottom: none;\n}\n.rdtPicker th.rdtSwitch {\n width: 50px;\n padding: 5px;\n border-radius: 4px;\n}\n.rdtPicker th.rdtNext,\n.rdtPicker th.rdtPrev {\n font-size: 21px;\n vertical-align: top;\n border-radius: 50%;\n line-height: 33px;\n}\n\n.rdtPicker {\n .dow,\n th.rdtSwitch,\n th.rdtNext,\n th.rdtPrev,\n .rdtTimeToggle {\n color: $primary-color;\n }\n}\n\n.rdtPrev span,\n.rdtNext span {\n display: block;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Chrome/Safari/Opera */\n -khtml-user-select: none; /* Konqueror */\n -moz-user-select: none; /* Firefox */\n -ms-user-select: none; /* Internet Explorer/Edge */\n user-select: none;\n}\n\n.rdtPicker th.rdtDisabled,\n.rdtPicker th.rdtDisabled:hover {\n background: none;\n color: #999999;\n cursor: not-allowed;\n}\n.rdtPicker thead tr:first-child th {\n cursor: pointer;\n}\n.rdtPicker thead tr:first-child th:hover {\n background: #eeeeee;\n}\n\n.rdtPicker button {\n border: none;\n background: none;\n cursor: pointer;\n}\n.rdtPicker button:hover {\n background-color: #eee;\n}\n\n.rdtPicker thead button {\n width: 100%;\n height: 100%;\n}\n\ntd.rdtMonth,\ntd.rdtYear {\n height: 50px;\n width: 25%;\n cursor: pointer;\n}\ntd.rdtMonth:hover,\ntd.rdtYear:hover {\n background: #eee;\n}\n\n.rdtCounters {\n display: inline-block;\n}\n\n.rdtCounters {\n > div {\n float: left;\n width: 40px;\n font-weight: inherit;\n margin: 3px;\n border-radius: 50%;\n }\n .rdtCounterSeparator {\n width: 0;\n border: 1px solid transparent;\n }\n}\n\n.rdtCounter {\n height: 100px;\n}\n\n.rdtCounter {\n width: 40px;\n .rdtCount {\n padding: 7px;\n height: 40px;\n border: 1px solid transparent;\n }\n}\n.rdtCounters {\n .rdtCounter:last-child {\n .rdtCount {\n color: $primary-color;\n border-radius: 50%;\n border: 1px solid $primary-color;\n }\n }\n}\n\n.rdtCounterSeparator {\n padding: 7px;\n line-height: 100px;\n}\n.rdtCounter .rdtBtn {\n line-height: 40px;\n cursor: pointer;\n display: block;\n border-radius: 50%;\n color: $medium-gray;\n -webkit-transition: all 60ms ease-in;\n -moz-transition: all 60ms ease-in;\n -o-transition: all 60ms ease-in;\n -ms-transition: all 60ms ease-in;\n transition: all 60ms ease-in;\n\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Chrome/Safari/Opera */\n -khtml-user-select: none; /* Konqueror */\n -moz-user-select: none; /* Firefox */\n -ms-user-select: none; /* Internet Explorer/Edge */\n user-select: none;\n}\n.rdtCounter .rdtBtn:hover {\n background: #eee;\n color: #797979;\n}\n.rdtCounter .rdtCount {\n font-size: inherit;\n line-height: 25px;\n}\n\n.rdtMilli {\n vertical-align: middle;\n padding-left: 8px;\n width: 48px;\n}\n\n.rdtMilli input {\n width: 100%;\n font-size: inherit;\n margin-top: 37px;\n}\n.rdtMonths,\n.rdtYears {\n padding-bottom: 10px;\n .rdtMonth,\n .rdtYear {\n display: inline-block;\n width: 56px;\n height: 56px;\n line-height: 56px;\n margin: 3px 3px;\n cursor: pointer;\n border-radius: 50%;\n text-align: center;\n\n &.rdtActive {\n background-color: $primary-color !important;\n color: $white-color;\n }\n }\n}\n","/**\n* React Select v1.0.0-rc.10\n* ============\n* Created by Jed Watson and Joss Mackison for KeystoneJS, https://www.keystonejs.com/\n* https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs\n* MIT License: https://github.com/JedWatson/react-select\n*/\n\n/*\nThis file was modified entirely by Creative Tim for React-Select v2.0.0\n*/\n\n.react-select {\n .react-select__menu {\n top: 105%;\n max-width: 94%;\n width: 94%;\n right: 3%;\n border-radius: $btn-round-radius;\n border: 0;\n box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);\n -webkit-transition: all 150ms linear;\n -moz-transition: all 150ms linear;\n -o-transition: all 150ms linear;\n -ms-transition: all 150ms linear;\n transition: all 150ms linear;\n background-color: $white-bg;\n box-sizing: border-box;\n max-height: 200px;\n position: absolute;\n z-index: 2;\n -webkit-overflow-scrolling: touch;\n padding-bottom: 10px;\n margin-bottom: unset;\n margin-top: unset;\n &:before {\n display: inline-block;\n position: absolute;\n width: 0;\n height: 0;\n vertical-align: middle;\n content: \"\";\n top: -5px;\n left: 10px;\n right: auto;\n color: $white-color;\n border-bottom: 0.4em solid;\n border-right: 0.4em solid transparent;\n border-left: 0.4em solid transparent;\n }\n\n &:after {\n border-bottom: 0.4em solid $white-color;\n border-right: 0.4em solid transparent;\n border-left: 0.4em solid transparent;\n content: \"\";\n display: inline-block;\n position: absolute;\n top: -5px;\n left: 10px;\n }\n }\n .react-select__menu-list {\n max-height: 198px;\n overflow-y: auto;\n padding-bottom: unset;\n padding-top: unset;\n position: relative;\n }\n .react-select__option {\n font-size: 0.8571em;\n padding-top: 0.6rem;\n padding-bottom: 0.6rem;\n margin-top: 5px;\n -webkit-transition: all 150ms linear;\n -moz-transition: all 150ms linear;\n -o-transition: all 150ms linear;\n -ms-transition: all 150ms linear;\n transition: all 150ms linear;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n display: block;\n outline: none;\n color: #292b2c;\n }\n .react-select__menu {\n .react-select__option {\n &,\n &:active {\n background-color: transparent;\n }\n &.react-select__option--is-selected {\n &,\n &.react-select__option--is-focused {\n &,\n &:active {\n background-color: $medium-gray;\n }\n }\n }\n &.react-select__option--is-focused {\n &,\n &:active {\n background-color: $smoke-bg;\n }\n }\n &.react-select__option--is-disabled {\n &,\n &:active {\n color: #cccccc;\n cursor: default;\n }\n }\n }\n }\n .react-select__control {\n border-radius: $btn-round-radius;\n min-height: 37px;\n height: 37px;\n box-sizing: border-box;\n border-collapse: separate;\n display: table;\n width: 100%;\n &,\n &:hover {\n border: 1px solid $light-gray;\n box-shadow: none;\n background-color: transparent;\n }\n &.react-select__control--is-focused {\n .react-select__dropdown-indicator {\n &:after {\n transform: rotate(180deg);\n top: -4px;\n }\n }\n &,\n &:hover {\n border: 1px solid $primary-color;\n box-shadow: none;\n }\n }\n .react-select__value-container--has-value {\n .react-select__multi-value {\n display: inline-flex;\n border-radius: $btn-round-radius;\n background-color: transparent;\n & + div:not(.react-select__multi-value) {\n display: inline-flex;\n }\n .react-select__multi-value__label {\n font-size: 0.9em;\n }\n }\n .react-select__single-value {\n top: 48%;\n color: $black-color;\n }\n }\n .react-select__placeholder {\n color: $dark-gray;\n line-height: normal;\n font-size: 0.8571em;\n top: 48%;\n }\n .react-select__value-container,\n .react-select__indicators {\n display: table-cell;\n }\n .react-select__indicators {\n width: 60px;\n padding-right: 10px;\n align-items: flex-end;\n vertical-align: middle;\n text-align: right;\n .react-select__indicator-separator {\n display: none;\n }\n .react-select__indicator {\n padding: 0;\n display: inline-block;\n }\n .react-select__dropdown-indicator {\n &:after {\n transition: all 150ms ease 0s;\n border-color: #999 transparent transparent;\n border-style: solid;\n border-width: 5px 5px 2.5px;\n display: inline-block;\n height: 0;\n width: 0;\n position: relative;\n content: \"\";\n }\n &:hover:after {\n border-top-color: $link-disabled-color;\n }\n & > * {\n display: none;\n }\n }\n .react-select__clear-indicator {\n &:before {\n content: \"\\D7\";\n display: inline-block;\n font-size: 18px;\n line-height: 1;\n top: 2px;\n position: relative;\n margin-right: 3px;\n }\n & > * {\n display: none;\n }\n }\n }\n }\n &.primary {\n .react-select__control {\n .react-select__value-container--has-value {\n .react-select__single-value,\n .react-select__multi-value__label {\n color: $primary-color;\n }\n }\n }\n .react-select__multi-value {\n border: 1px solid $primary-color;\n .react-select__multi-value__remove {\n color: $primary-color-opacity;\n border-left: 1px solid $primary-color-opacity;\n &:hover {\n color: $primary-color;\n background-color: transparent;\n }\n }\n }\n }\n &.success {\n .react-select__control {\n .react-select__value-container--has-value {\n .react-select__single-value,\n .react-select__multi-value__label {\n color: $success-color;\n }\n }\n }\n .react-select__multi-value {\n border: 1px solid $success-color;\n .react-select__multi-value__remove {\n color: $success-color-opacity;\n border-left: 1px solid $success-color-opacity;\n &:hover {\n color: $success-color;\n background-color: transparent;\n }\n }\n }\n }\n &.info {\n .react-select__control {\n .react-select__value-container--has-value {\n .react-select__single-value,\n .react-select__multi-value__label {\n color: $info-color;\n }\n }\n }\n .react-select__multi-value {\n border: 1px solid $info-color;\n .react-select__multi-value__remove {\n color: $info-color-opacity;\n border-left: 1px solid $info-color-opacity;\n &:hover {\n color: $info-color;\n background-color: transparent;\n }\n }\n }\n }\n &.warning {\n .react-select__control {\n .react-select__value-container--has-value {\n .react-select__single-value,\n .react-select__multi-value__label {\n color: $warning-color;\n }\n }\n }\n .react-select__multi-value {\n border: 1px solid $warning-color;\n .react-select__multi-value__remove {\n color: $warning-color-opacity;\n border-left: 1px solid $warning-color-opacity;\n &:hover {\n color: $warning-color;\n background-color: transparent;\n }\n }\n }\n }\n &.danger {\n .react-select__control {\n .react-select__value-container--has-value {\n .react-select__single-value,\n .react-select__multi-value__label {\n color: $danger-color;\n }\n }\n }\n .react-select__multi-value {\n border: 1px solid $danger-color;\n .react-select__multi-value__remove {\n color: $danger-color-opacity;\n border-left: 1px solid $danger-color-opacity;\n &:hover {\n color: $danger-color;\n background-color: transparent;\n }\n }\n }\n }\n .react-select__multi-value {\n .react-select__multi-value__remove {\n position: relative;\n color: $opacity-gray-8;\n &:hover {\n color: $dark-gray;\n background-color: transparent;\n }\n }\n }\n &.react-select--is-disabled {\n .react-select__multi-value--is-disabled {\n .react-select__multi-value__remove {\n display: none;\n }\n &.react-select__multi-value {\n background-color: #fcfcfc;\n border: 1px solid #e3e3e3;\n }\n }\n .react-select__control--is-disabled {\n background-color: #f9f9f9;\n }\n }\n}\n","svg {\n touch-action: none;\n}\n\n.jvectormap-container {\n width: 100%;\n height: 100%;\n position: relative;\n overflow: hidden;\n touch-action: none;\n}\n\n.jvectormap-tip {\n // design changed by www.creative-tim.com\n position: absolute;\n display: none;\n color: $default-color;\n line-height: 1.5em;\n background: $white-color;\n border: none;\n border-radius: $border-radius-extreme;\n padding: 5px 10px;\n z-index: 1040;\n}\n\n.jvectormap-zoomin,\n.jvectormap-zoomout,\n.jvectormap-goback {\n position: absolute;\n left: 10px;\n border-radius: 3px;\n background: #292929;\n padding: 3px;\n color: white;\n cursor: pointer;\n line-height: 10px;\n text-align: center;\n box-sizing: content-box;\n}\n\n.jvectormap-zoomin,\n.jvectormap-zoomout {\n width: 10px;\n height: 10px;\n}\n\n.jvectormap-zoomin {\n top: 10px;\n}\n\n.jvectormap-zoomout {\n top: 30px;\n}\n\n.jvectormap-goback {\n bottom: 10px;\n z-index: 1000;\n padding: 6px;\n}\n\n.jvectormap-spinner {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background: center no-repeat\n url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);\n}\n\n.jvectormap-legend-title {\n font-weight: bold;\n font-size: 14px;\n text-align: center;\n}\n\n.jvectormap-legend-cnt {\n position: absolute;\n}\n\n.jvectormap-legend-cnt-h {\n bottom: 0;\n right: 0;\n}\n\n.jvectormap-legend-cnt-v {\n top: 0;\n right: 0;\n}\n\n.jvectormap-legend {\n background: black;\n color: white;\n border-radius: 3px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend {\n float: left;\n margin: 0 10px 10px 0;\n padding: 3px 3px 1px 3px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {\n float: left;\n}\n\n.jvectormap-legend-cnt-v .jvectormap-legend {\n margin: 10px 10px 0 0;\n padding: 3px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend-tick {\n width: 40px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {\n height: 15px;\n}\n\n.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {\n height: 20px;\n width: 20px;\n display: inline-block;\n vertical-align: middle;\n}\n\n.jvectormap-legend-tick-text {\n font-size: 12px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {\n text-align: center;\n}\n\n.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {\n display: inline-block;\n vertical-align: middle;\n line-height: 20px;\n padding-left: 3px;\n}\n",".ReactTable {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n background-color: transparent;\n}\n.ReactTable {\n .actions-right {\n text-align: right;\n }\n .actions-left {\n text-align: left;\n }\n .actions-center {\n text-align: center;\n }\n}\n.ReactTable * {\n box-sizing: border-box;\n}\n.ReactTable .rt-table {\n -webkit-box-flex: 1;\n -ms-flex: auto 1;\n flex: auto 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n width: 100%;\n border-collapse: collapse;\n overflow: auto;\n}\n.ReactTable .rt-thead {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.ReactTable .rt-thead.-headerGroups {\n background: rgba(0, 0, 0, 0.03);\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n.ReactTable .rt-thead.-filters {\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n.ReactTable .rt-thead.-filters input,\n.ReactTable .rt-thead.-filters select {\n border: 1px solid #e3e3e3;\n border-radius: 4px;\n color: #565656;\n font-weight: 400;\n height: 36px;\n background-color: inherit;\n padding-left: 0.8em;\n &:focus {\n outline: none;\n border: 1px solid #aaa;\n color: #333;\n }\n}\n.ReactTable .rt-thead .rt-tr {\n text-align: center;\n}\n\n.ReactTable .rt-thead .rt-th.-cursor-pointer.-sortable .rt-resizable-header-content {\n &:after {\n opacity: 0.6;\n content: \"-\";\n position: relative;\n display: inline-block;\n bottom: 0px;\n right: -7px;\n font-weight: 900;\n }\n}\n.ReactTable .rt-thead .rt-th.-cursor-pointer.-sort-desc.-sortable .rt-resizable-header-content {\n &:after {\n content: \"\\ea39\";\n position: relative;\n display: inline-block;\n bottom: 0px;\n right: -7px;\n font-family: \"Nucleo Outline\";\n opacity: 1;\n font-weight: 900;\n }\n}\n.ReactTable .rt-thead .rt-th.-cursor-pointer.-sort-asc.-sortable .rt-resizable-header-content {\n &:after {\n content: \"\\ea3c\";\n position: relative;\n display: inline-block;\n bottom: 0px;\n right: -7px;\n font-family: \"Nucleo Outline\";\n opacity: 1;\n font-weight: 900;\n }\n}\n.ReactTable .rt-thead .rt-th,\n.ReactTable .rt-thead .rt-td {\n font-size: 1.063rem;\n text-align: left;\n font-weight: 300;\n line-height: 2.5em !important;\n padding: 5px 5px;\n line-height: normal;\n position: relative;\n transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: inset 0 0 0 0 transparent;\n}\n.ReactTable .rt-thead .rt-th.-cursor-pointer,\n.ReactTable .rt-thead .rt-td.-cursor-pointer {\n cursor: pointer;\n}\n.ReactTable .rt-thead .rt-th:last-child,\n.ReactTable .rt-thead .rt-td:last-child {\n border-right: 0;\n}\n.ReactTable .rt-thead .rt-resizable-header {\n overflow: visible;\n}\n.ReactTable .rt-thead .rt-resizable-header:last-child {\n overflow: hidden;\n}\n.ReactTable .rt-thead .rt-resizable-header-content {\n overflow: hidden;\n text-overflow: ellipsis;\n &:focus {\n outline: none;\n }\n}\n.ReactTable .rt-thead .rt-header-pivot {\n border-right-color: #f7f7f7;\n}\n.ReactTable .rt-thead .rt-header-pivot:after,\n.ReactTable .rt-thead .rt-header-pivot:before {\n left: 100%;\n top: 50%;\n border: solid transparent;\n content: \" \";\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n}\n.ReactTable .rt-thead .rt-header-pivot:after {\n border-color: rgba(255, 255, 255, 0);\n border-left-color: #fff;\n border-width: 8px;\n margin-top: -8px;\n}\n.ReactTable .rt-thead .rt-header-pivot:before {\n border-color: rgba(102, 102, 102, 0);\n border-left-color: #f7f7f7;\n border-width: 10px;\n margin-top: -10px;\n}\n.ReactTable .rt-tbody {\n -webkit-box-flex: 99999;\n -ms-flex: 99999 1 auto;\n flex: 99999 1 auto;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n overflow: auto;\n}\n.ReactTable .rt-tbody .rt-tr-group {\n border-bottom: solid 1px rgba(0, 0, 0, 0.05);\n}\n.ReactTable .rt-tbody .rt-tr-group:last-child {\n border-bottom: 0;\n}\n.ReactTable .rt-tbody .rt-td:last-child {\n border-right: 0;\n}\n.ReactTable .rt-tbody .rt-expandable {\n cursor: pointer;\n}\n.ReactTable .rt-tr-group {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.ReactTable .rt-tr {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n cursor: pointer;\n}\n.ReactTable .rt-th,\n.ReactTable .rt-td {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0px;\n flex: 1 0 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 7px 5px;\n overflow: hidden;\n transition: 0.3s ease;\n transition-property: width, min-width, padding, opacity;\n margin: auto;\n text-align: center;\n}\n.ReactTable .rt-th.-hidden,\n.ReactTable .rt-td.-hidden {\n width: 0 !important;\n min-width: 0 !important;\n padding: 0 !important;\n border: 0 !important;\n opacity: 0 !important;\n}\n.ReactTable .rt-expander {\n display: inline-block;\n position: relative;\n margin: 0;\n color: transparent;\n margin: 0 10px;\n}\n.ReactTable .rt-expander:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%) rotate(-90deg);\n transform: translate(-50%, -50%) rotate(-90deg);\n border-left: 5.04px solid transparent;\n border-right: 5.04px solid transparent;\n border-top: 7px solid rgba(0, 0, 0, 0.8);\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n cursor: pointer;\n}\n.ReactTable .rt-expander.-open:after {\n -webkit-transform: translate(-50%, -50%) rotate(0);\n transform: translate(-50%, -50%) rotate(0);\n}\n.ReactTable .rt-resizer {\n display: inline-block;\n position: absolute;\n width: 36px;\n top: 0;\n bottom: 0;\n right: -18px;\n cursor: col-resize;\n z-index: 10;\n}\n.ReactTable .rt-tfoot {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);\n}\n.ReactTable .rt-tfoot .rt-td {\n border-right: 1px solid rgba(0, 0, 0, 0.05);\n}\n.ReactTable .rt-tfoot .rt-td:last-child {\n border-right: 0;\n}\n.ReactTable.-striped .rt-tr.-odd {\n background: rgba(0, 0, 0, 0.03);\n}\n.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {\n background: rgba(0, 0, 0, 0.05);\n}\n.ReactTable .-pagination {\n z-index: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n padding: 3px;\n}\n// .ReactTable .rt-thead.-filters select, .ReactTable .-pagination .select-wrap select{\n//\n//\n// }\n.ReactTable .-pagination input,\n.ReactTable .-pagination select {\n border: 1px solid #e3e3e3;\n border-radius: 4px;\n color: #565656;\n font-weight: 400;\n background-color: inherit;\n text-align: center;\n &:focus {\n outline: none;\n border: 1px solid #aaa;\n color: #333;\n }\n}\n.ReactTable .-pagination .-btn {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n width: 100%;\n height: 100%;\n border: 0;\n border-radius: 3px;\n padding: 6px;\n font-size: 1em;\n color: rgba(0, 0, 0, 0.6);\n background: rgba(0, 0, 0, 0.1);\n transition: all 0.1s ease;\n cursor: pointer;\n outline: none;\n}\n.ReactTable .-pagination .-btn[disabled] {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.ReactTable .-pagination .-btn:not([disabled]):hover {\n background: rgba(0, 0, 0, 0.3);\n color: #fff;\n}\n.ReactTable .-pagination .-previous,\n.ReactTable .-pagination .-next {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: center;\n}\n.ReactTable .-pagination .-center {\n -webkit-box-flex: 1.5;\n -ms-flex: 1.5;\n flex: 1.5;\n text-align: center;\n margin-bottom: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n.ReactTable .-pagination .-pageInfo {\n display: inline-block;\n margin: 3px 10px;\n white-space: nowrap;\n}\n.ReactTable .-pagination .-pageJump {\n display: inline-block;\n}\n.ReactTable .-pagination .-pageSizeOptions {\n margin: 3px 10px;\n}\n.ReactTable .rt-noData {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n background: rgba(255, 255, 255, 0.8);\n transition: all 0.3s ease;\n z-index: 1;\n pointer-events: none;\n padding: 20px;\n color: rgba(0, 0, 0, 0.5);\n}\n.ReactTable .-loading {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.8);\n transition: all 0.3s ease;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n}\n.ReactTable .-loading > div {\n position: absolute;\n display: block;\n text-align: center;\n width: 100%;\n top: 50%;\n left: 0;\n font-size: 15px;\n color: rgba(0, 0, 0, 0.6);\n -webkit-transform: translateY(-52%);\n transform: translateY(-52%);\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n.ReactTable .-loading.-active {\n opacity: 1;\n z-index: 2;\n pointer-events: all;\n}\n.ReactTable .-loading.-active > div {\n -webkit-transform: translateY(50%);\n transform: translateY(50%);\n}\n.ReactTable .rt-resizing .rt-th,\n.ReactTable .rt-resizing .rt-td {\n transition: none !important;\n cursor: col-resize;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.ReactTable .rt-thead .rt-th:focus {\n outline: none;\n}\n.ReactTable .rt-thead .rt-th {\n font-size: 12px;\n text-transform: uppercase;\n color: #9a9a9a;\n font-weight: 400;\n text-align: center;\n}\n\n.ReactTable .pagination-bottom {\n margin-top: 15px;\n}\n","// Based on the original react-tagsinput styles\n\n.react-tagsinput {\n display: inline-block;\n padding: 4px 6px;\n max-width: 100%;\n line-height: 22px;\n}\n\n.react-tagsinput-tag {\n cursor: pointer;\n margin: 5px 3px 5px 0;\n position: relative;\n padding: 3px 8px;\n border-radius: 12px;\n color: #ffffff;\n font-weight: 500;\n font-size: 0.75em;\n text-transform: uppercase;\n display: inline-block;\n line-height: 1.5em;\n padding-left: 0.8em;\n}\n\n.react-tagsinput-remove {\n cursor: pointer;\n font-weight: bold;\n}\n\n.react-tagsinput-tag a::before {\n font-family: \"Nucleo Outline\";\n content: \"\\ea53\";\n padding: 0px 2px;\n}\n.react-tagsinput-tag a {\n cursor: pointer;\n position: absolute;\n top: 3px;\n right: 0px;\n opacity: 0;\n background-color: transparent;\n}\n\n.react-tagsinput-input {\n background: transparent;\n border: 0;\n color: #777;\n font-family: sans-serif;\n font-size: 13px;\n font-weight: 400;\n margin-bottom: 6px;\n margin-top: 1px;\n outline: none;\n padding: 5px;\n width: 80px;\n}\n\n.react-tagsinput {\n .react-tagsinput-tag {\n -webkit-transition: all 300ms ease 0s;\n -moz-transition: all 300ms ease 0s;\n -o-transition: all 300ms ease 0s;\n -ms-transition: all 300ms ease 0s;\n transition: all 300ms ease 0s;\n\n &:hover {\n padding-right: 22px;\n\n a {\n opacity: 1;\n padding-right: 4px;\n }\n }\n\n @include badge-color($default-color);\n &.primary {\n @include badge-color($primary-color);\n }\n &.info {\n @include badge-color($info-color);\n }\n &.success {\n @include badge-color($success-color);\n }\n &.warning {\n @include badge-color($warning-color);\n }\n &.danger {\n @include badge-color($danger-color);\n }\n &.neutral {\n @include badge-color($white-color);\n color: inherit;\n }\n }\n}\n",".tim-row{\n margin-bottom: 20px;\n}\n\n.tim-white-buttons {\n background-color: #777777;\n}\n.typography-line{\n padding-left: 25%;\n margin-bottom: 35px;\n position: relative;\n display: block;\n width: 100%;\n}\n.typography-line span{\n bottom: 10px;\n color: #c0c1c2;\n display: block;\n font-weight: 400;\n font-size: 13px;\n line-height: 13px;\n left: 0;\n position: absolute;\n width: 260px;\n text-transform: none;\n}\n.tim-row{\n padding-top: 60px;\n}\n.tim-row h3{\n margin-top: 0;\n}\n.switch{\n margin-right: 20px;\n}\n#navbar-full .navbar{\n border-radius: 0 !important;\n margin-bottom: 15px;\n z-index: 2;\n}\n\n#map{\n position:relative;\n width:100%;\n height: 100vh;\n}\n\n.map-container{\n width: 100%;\n height: 100vh;\n max-height: 100vh;\n}\n\n#menu-dropdown .navbar{\n border-radius: 3px;\n}\n\n#pagination-row .pagination-container{\n height: 100%;\n max-height: 100%;\n display: flex;\n align-items: center;\n}\n\n.all-icons .font-icon-detail {\n text-align: center;\n padding: 45px 0px 30px;\n border: 1px solid #e5e5e5;\n border-radius: 0.1875rem;\n margin: 15px 0;\n min-height: 168px;\n}\n\n.all-icons [class*=\"now-ui-icons\"] {\n font-size: 32px;\n}\n\n.all-icons .font-icon-detail p {\n margin: 25px auto 0;\n width: 100%;\n text-align: center;\n display: block;\n color: #B8B8B8;\n padding:0 10px;\n font-size: 0.7142em;\n}\n\n#icons-row i.now-ui-icons{\n font-size: 30px;\n}\n\n.space{\n height: 130px;\n display: block;\n}\n.space-110{\n height: 110px;\n display: block;\n}\n.space-50{\n height: 50px;\n display: block;\n}\n.space-70{\n height: 70px;\n display: block;\n}\n.navigation-example .img-src{\n background-attachment: scroll;\n}\n\n.navigation-example{\n background-position: center center;\n background-size: cover;\n margin-top:0;\n min-height: 740px;\n}\n#notifications{\n background-color: #FFFFFF;\n display: block;\n width: 100%;\n position: relative;\n}\n.tim-note{\n text-transform: capitalize;\n}\n\n#buttons .btn,\n#javascriptComponents .btn{\n margin: 0 0px 10px;\n}\n.space-100{\n height: 100px;\n display: block;\n width: 100%;\n}\n\n.be-social{\n padding-bottom: 20px;\n/* border-bottom: 1px solid #aaa; */\n margin: 0 auto 40px;\n}\n.txt-white{\n color: #FFFFFF;\n}\n.txt-gray{\n color: #ddd !important;\n}\n\n\n.parallax{\n width:100%;\n height:570px;\n\n display: block;\n background-attachment: fixed;\n background-repeat:no-repeat;\n background-size:cover;\n background-position: center center;\n\n}\n\n.logo-container .logo{\n overflow: hidden;\n border-radius: 50%;\n border: 1px solid #333333;\n width: 50px;\n float: left;\n}\n\n.logo-container .brand{\n font-size: 16px;\n color: #FFFFFF;\n line-height: 18px;\n float: left;\n margin-left: 10px;\n margin-top: 7px;\n width: 70px;\n height: 40px;\n text-align: left;\n}\n.logo-container .brand-material{\n font-size: 18px;\n margin-top: 15px;\n height: 25px;\n width: auto;\n}\n.logo-container .logo img{\n width: 100%;\n}\n.navbar-small .logo-container .brand{\n color: #333333;\n}\n\n.fixed-section{\n top: 90px;\n max-height: 80vh;\n overflow: scroll;\n position: sticky;\n}\n\n.fixed-section ul{\n padding: 0;\n}\n\n.fixed-section ul li{\n list-style: none;\n}\n.fixed-section li a{\n font-size: 14px;\n padding: 2px;\n display: block;\n color: #666666;\n}\n.fixed-section li a.active{\n color: #00bbff;\n}\n.fixed-section.float{\n position: fixed;\n top: 100px;\n width: 200px;\n margin-top: 0;\n}\n\n\n.parallax .parallax-image{\n width: 100%;\n overflow: hidden;\n position: absolute;\n}\n.parallax .parallax-image img{\n width: 100%;\n}\n\n@media (max-width: 768px){\n .parallax .parallax-image{\n width: 100%;\n height: 640px;\n overflow: hidden;\n }\n .parallax .parallax-image img{\n height: 100%;\n width: auto;\n }\n}\n\n/*.separator{\n content: \"Separator\";\n color: #FFFFFF;\n display: block;\n width: 100%;\n padding: 20px;\n}\n.separator-line{\n background-color: #EEE;\n height: 1px;\n width: 100%;\n display: block;\n}\n.separator.separator-gray{\n background-color: #EEEEEE;\n}*/\n.social-buttons-demo .btn{\n margin-right: 5px;\n margin-bottom: 7px;\n}\n\n.img-container{\n width: 100%;\n overflow: hidden;\n}\n.img-container img{\n width: 100%;\n}\n\n.lightbox img{\n width: 100%;\n}\n.lightbox .modal-content{\n overflow: hidden;\n}\n.lightbox .modal-body{\n padding: 0;\n}\n@media screen and (min-width: 991px){\n .lightbox .modal-dialog{\n width: 960px;\n }\n}\n@media (max-width: 991px){\n .fixed-section.affix{\n position: relative;\n margin-bottom: 100px;\n }\n}\n@media (max-width: 768px){\n .btn, .btn-morphing{\n margin-bottom: 10px;\n }\n .parallax .motto{\n top: 170px;\n margin-top: 0;\n font-size: 60px;\n width: 270px;\n }\n}\n\n/* Loading dots */\n\n/* transitions */\n.presentation .front, .presentation .front:after, .presentation .front .btn, .logo-container .logo, .logo-container .brand{\n -webkit-transition: all .2s;\n -moz-transition: all .2s;\n -o-transition: all .2s;\n transition: all .2s;\n}\n\n\n#images h4{\n margin-bottom: 30px;\n}\n#javascriptComponents{\n padding-bottom: 0;\n}\n/* layer animation */\n\n.layers-container{\n display: block;\n margin-top: 50px;\n position: relative;\n}\n.layers-container img {\n position: absolute;\n width: 100%;\n height: auto;\n top: 0;\n left: 0;\n text-align: center;\n}\n\n.animate {\n transition: 1.5s ease-in-out;\n -moz-transition: 1.5s ease-in-out;\n -webkit-transition: 1.5s ease-in-out;\n}\n\n.navbar-default.navbar-small .logo-container .brand{\n color: #333333;\n}\n.navbar-transparent.navbar-small .logo-container .brand{\n color: #FFFFFF;\n}\n.navbar-default.navbar-small .logo-container .brand{\n color: #333333;\n}\n\n.sharing-area{\n margin-top: 80px;\n}\n.sharing-area .btn{\n margin: 15px 4px 0;\n}\n\n.section-thin,\n.section-notifications{\n padding: 0;\n}\n.section-navbars{\n padding-top: 0;\n}\n#navbar .navbar{\n margin-bottom: 20px;\n}\n\n#navbar .navbar-toggler,\n#menu-dropdown .navbar-toggler{\n pointer-events: none;\n}\n.section-tabs{\n background: #EEEEEE;\n}\n.section-pagination{\n padding-bottom: 0;\n}\n.section-download{\n padding-top: 130px;\n}\n.section-download .description{\n margin-bottom: 60px;\n}\n.section-download h4{\n margin-bottom: 25px;\n}\n.section-examples a{\n text-decoration: none;\n}\n.section-examples a + a{\n margin-top: 30px;\n}\n.section-examples h5{\n margin-top: 30px;\n}\n.components-page .wrapper > .header,\n.tutorial-page .wrapper > .header{\n height: 500px;\n padding-top: 128px;\n background-size: cover;\n background-position: center center;\n}\n.components-page .title,\n.tutorial-page .title{\n color: #FFFFFF;\n}\n\n.brand .h1-seo{\n font-size: 2.8em;\n text-transform: uppercase;\n font-weight: 300;\n}\n.brand .n-logo{\n max-width: 100px;\n margin-bottom: 40px;\n}\n.invision-logo{\n max-width: 70px;\n top: -2px;\n position: relative;\n}\n.creative-tim-logo{\n max-width: 140px;\n top: -2px;\n position: relative;\n}\n.section-javascript .title{\n margin-bottom: 0;\n}\n\n.navbar .switch-background{\n display: block;\n}\n.navbar-transparent .switch-background{\n display: none;\n}\n\n.section-signup .col .btn{\n margin-top: 30px;\n}\n\n#buttons-row .btn{\n margin-bottom: 10px;\n}\n\n.section-navbars .navbar-collapse{\n display: none;\n}\n\n.section-basic{\n padding-top: 0;\n}\n.section-images{\n padding-bottom: 0;\n}\n"]}