diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index e69de29..0000000 diff --git a/Frontend/css/app.bundle.css b/Frontend/css/app.bundle.css new file mode 100644 index 0000000..f3be3ff --- /dev/null +++ b/Frontend/css/app.bundle.css @@ -0,0 +1,7919 @@ +@charset "UTF-8"; +/* #GLOBAL IMPORTS +========================================================================== */ +/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins +========================================================================== */ +/*--------------------------------------------------- + SASS ELements (based on LESS Elements 0.9 http://lesselements.com) + -------------------------------- ------------------- + LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) + SASS port by Samuel Beek (http://samuelbeek.com) + ---------------------------------------------------*/ +/*------------------------ + Usage + + $color-white: hexToRGBString(#fff) => "255,255,255" + $color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255" + $color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255" + +------------------------*/ +/*------------------------ + Usage + + h1 { + font-size: rem(32); + } + + OR: + + h1 { + font-size: rem(32px); + } +------------------------*/ +/*------------------------ + FADE IN + e.g. @include fadeIn( 2s ); +------------------------*/ +/*------------------------ +mixin that calculates if text needs to be light or dark +depending on the background color passed. + +From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast + +usage: +@include text-contrast($bgcolor) + +Color brightness is determined by the following formula: +((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 +------------------------*/ +/*------------------------ + color factory + eg: contrast-ink($contrastvalue) +------------------------*/ +/*------------------------ + color factory + eg: @include paint($blue-grey-50, bg-blue-grey-50); +------------------------*/ +/* backface visibility */ +/* generate theme button */ +/* #BASE - Base Variable file along with font library, and colors. +========================================================================== */ +/* THEME COLORs +========================================================================== */ +/* Looks good on chrome default color profile */ +/* We will manually convert these primary colors to rgb for the dark mode option of the theme */ +/* looks good in sRGB but washed up on chrome default +$color-primary: #826bb0; +$color-success: #31cb55; +$color-info: #5e93ec; +$color-warning: #eec559; +$color-danger: #dc4b92; +$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ +/* Color Polarity +========================================================================== */ +/* PAINTBUCKET MIXER +========================================================================== */ +/* the grays */ +/* the sapphires */ +/* the emeralds */ +/* the amethyths */ +/* the topaz */ +/* the rubies */ +/* the graphites */ +/* Define universal border difition (div outlines, etc) +========================================================================== */ +/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) +========================================================================== */ +/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ +/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ +/* global var used for spacing*/ +/* Uniform Padding variable */ +/* Heads up! This is a global scoped variable - changing may impact the whole template */ +/* BOOTSTRAP OVERRIDES (bootstrap variables) +========================================================================== */ +/* usage: theme-colors("primary"); */ +/* forms */ +/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ +/* links */ +/* checkbox */ +/*$custom-file-height-inner: calc(2.25rem - 1px);*/ +/* not part of bootstrap variable */ +/* custom checkbox */ +/* custom range */ +/* custom file */ +/* badge */ +/* cards */ +/*border radius*/ +/* alert */ +/* toast */ +/* breadcrumb */ +/* input button */ +/* nav link */ +/* nav, tabs, pills */ +/* tables */ +/* dropdowns */ +/* dropdowns sizes */ +/* popovers */ +/* tooltips */ +/* modal */ +/* reference guide +http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ +8px = 0.5rem +9px = 0.5625rem +10px = 0.625rem +11px = 0.6875rem +12px = 0.75rem +13px = 0.8125rem +14px = 0.875rem +15px = 0.9375rem +16px = 1rem (base) +17px = 1.0625rem +18px = 1.125rem +19px = 1.1875rem +20px = 1.25rem +21px = 1.3125rem +22px = 1.375rem +24px = 1.5rem +25px = 1.5625rem +26px = 1.625rem +28px = 1.75rem +30px = 1.875rem +32px = 2rem +34px = 2.125rem +36px = 2.25rem +38px = 2.375rem +40px = 2.5rem +*/ +/* Fonts */ +/* carousel */ +/* BASE VARS +========================================================================== */ +/* font vars below will auto change to rem values using function rem($value)*/ +/* 11px */ +/* 12px */ +/* 12.5px */ +/* 14px */ +/* 15px */ +/* 16px */ +/* 28px */ +/* Font Family +========================================================================== */ +/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ +/* ANIMATIONS +========================================================================== */ +/* this addresses all animation related to nav hide to nav minify */ +/* Z-INDEX declearation +========================================================================== */ +/* we adjust bootstrap z-index to be higher than our higest z-index*/ +/* CUSTOM ICON PREFIX +========================================================================== */ +/* PRINT CSS (landscape or portrait) +========================================================================== */ +/* landscape or portrait */ +/* auto, letter */ +/* Common Element Variables +========================================================================== */ +/* Z-index decleartion "birds eye view" +========================================================================== */ +/* Components +========================================================================== */ +/* PAGE HEADER STUFF +========================================================================== */ +/* colors */ +/* height */ +/* logo */ +/* try not to go beywond the width of $main_nav_width value */ +/* you may need to change this depending on your logo design */ +/* adjust this as you see fit : left, right, center */ +/* icon font size (not button) */ +/* search input box */ +/* suggestion: #ccced0*/ +/* btn */ +/* dropdown: app list */ +/* badge */ +/* COMPONENTS & MODS */ +/* NAVIGATION STUFF + +Guide: + +aside.page-sidebar ($nav-width, $nav-background) + .page-logo + .primary-nav + .info-card + ul.nav-menu + li + a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) + icon + span + collapse-sign + + ul.nav-menu-sub-one + li + a ($nav-level-1... $nav-sub-link-height) + span + collapse-sign + + ul.nav-menu-sub-two + li + a ($nav-level-2... $nav-sub-link-height) + span + + p.nav-title ($nav-title-*...) + + +========================================================================== */ +/* main navigation */ +/* left panel */ +/* nav footer */ +/* nav parent level-0 */ +/* nav link level-1 */ +/* nav level-1 bg */ +/* nav icon sizes */ +/* badge default */ +/* all child */ +/* nav title */ +/* nav Minify */ +/* when the menu pops on hover */ +/* navigation Width */ +/* partial visibility of the menu */ +/* top navigation */ +/* nav Info Card (appears below the logo) */ +/* width is auto */ +/* nav DL labels for all child */ +/* will be pulled to left as a negative value */ +/* MISC Settings +========================================================================== */ +/* List Table */ +/* PAGE SETTINGS +========================================================================== */ +/* PAGE BREADCRUMB +========================================================================== */ +/* PAGE COMPONENT PANELS +========================================================================== */ +/* PAGE COMPONENT PROGRESSBARS +========================================================================== */ +/* PAGE COMPONENT MESSENGER +========================================================================== */ +/* FOOTER +========================================================================== */ +/* GLOBALS +========================================================================== */ +/* ACCESSIBILITIES */ +/* SHORTCUT BUTTON (appears on bottom right of the page) */ +/* GULP WARNINGS */ +@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900"); +body { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; + font-size: 0.8125rem; + letter-spacing: 0.1px; } + +.page-content { + color: #666666; } + +h1, h2, h3, h4, h5, h6 { + line-height: 1.3; + font-weight: 400; } + +strong { + font-weight: 500; } + +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small { + font-weight: 300; + display: block; + font-size: 0.9375rem; + line-height: 1.5; + margin: 2px 0 1.5rem; } + +h2 small, +h3 small, +.h2 small, +.h3 small { + font-size: 0.9375rem; } + +h4 small, +.h4 small { + font-size: 0.875rem; } + +h5 small, +h6 small, +.h5 small, +.h6 small { + font-size: 0.8125rem; } + +/* contrast text */ +.text-contrast { + color: #333333; } + +/* text-gradient */ +.text-gradient { + background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); + background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); + color: #886ab5; + background-clip: text; + text-fill-color: transparent; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-shadow: none; } + +/* looking for font size? Check _helpers.scss */ +/* PLACEHOLDER +============================================= + +EXAMPLE: + +%bg-image { + width: 100%; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +.image-one { + @extend %bg-image; + background-image:url(/img/image-one.jpg"); +} + +RESULT: + +.image-one, .image-two { + width: 100%; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +*/ +.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient { + background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent)); + background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); + background-color: #584475; } + +/* +%shadow-hover { + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); + transition: all 0.2s ease-in-out; + + &:hover { + box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); + } +} +*/ +.btn-default { + background-color: #f5f5f5; + background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1)); + background-image: linear-gradient(to top, #f5f5f5, #f1f1f1); + color: #444; + border: 1px solid rgba(0, 0, 0, 0.1); + -webkit-box-shadow: none; + box-shadow: none; } + .btn-default:hover { + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid #c6c6c6; + color: #333; + z-index: 2; } + .btn-default:focus { + border-color: #b19dce !important; + z-index: 3; } + .active.btn-default { + background: #a38cc6; + color: #fff; + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; } + +.custom-scroll, +.custom-scrollbar { + overflow: hidden; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; } + .custom-scroll::-webkit-scrollbar-track-piece, + .custom-scrollbar::-webkit-scrollbar-track-piece { + background-color: transparent; } + .custom-scroll::-webkit-scrollbar-thumb:vertical, + .custom-scrollbar::-webkit-scrollbar-thumb:vertical { + background-color: #666; } + .custom-scroll::-webkit-scrollbar, + .custom-scrollbar::-webkit-scrollbar { + height: 4px; + width: 4px; } + .custom-scroll::-webkit-scrollbar-corner, + .custom-scrollbar::-webkit-scrollbar-corner { + width: 40px; } + .custom-scroll::-webkit-scrollbar-thumb:vertical, + .custom-scrollbar::-webkit-scrollbar-thumb:vertical { + background-color: #666; } + +.page-logo, body:not(.header-function-fixed) .page-logo, .header-function-fixed:not(.nav-function-top) .page-header, .footer-function-fixed .page-footer, #msgr_listfilter_input, .msgr-list, .msgr-list + .msgr:before { + -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } + +.breadcrumb > li.breadcrumb-item { + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } + +.btn-switch, [class*="btn-outline-"], .panel-toolbar .btn-panel, .settings-panel .list, .settings-panel .list .onoffswitch, +.settings-panel .list:hover .onoffswitch, .color-disp-demo tr td, .icon-demo li { + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } + +.info-card img.cover { + -webkit-transition: opacity 0.5s ease-in-out; + transition: opacity 0.5s ease-in-out; } + +.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .footer-function-fixed .btn-switch[data-class="footer-function-fixed"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-nav-dark .btn-switch[data-class="mod-nav-dark"], .mod-panel-icon .btn-switch[data-class="mod-panel-icon"] { + color: #fff; + background: #886ab5 !important; } + .header-function-fixed .btn-switch[data-class="header-function-fixed"]:before, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:before, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:before, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:before, .nav-function-top .btn-switch[data-class="nav-function-top"]:before, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"]:before, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:before, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:before, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:before, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:before, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:before, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:before, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:before, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:before, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:before, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:before, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:before, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:before, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:before, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:before, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:before, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"]:before, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"]:before { + content: "ON" !important; + left: 7px !important; + right: auto !important; } + .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"]:after, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"]:after { + content: " " !important; + right: 0 !important; + left: auto !important; + background: #fff !important; + color: #886ab5 !important; } + .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"] + .onoffswitch-title, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"] + .onoffswitch-title { + font-weight: 500; + color: #886ab5; } + +.info-card img.cover { + background-size: cover; } + +.nav-mobile-slide-out #nmp, +.nav-mobile-slide-out #nmno, .nav-function-top #mnl, +.nav-function-minify #mnl, +.mod-hide-nav-icons #mnl, .mod-skin-dark #mhc, +.mod-skin-dark #mcbg, +.mod-skin-dark #mdn, .nav-function-top #nfh, .nav-function-top #mhni, +.nav-function-minify #mhni { + position: relative; } + .nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .mod-skin-dark #mhc .onoffswitch-title, .mod-skin-dark #mcbg .onoffswitch-title, .mod-skin-dark #mdn .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title, .nav-function-top #mhni .onoffswitch-title, .nav-function-minify #mhni .onoffswitch-title { + color: #da9400; + color: var(--theme-warning-900) !important; } + .nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .mod-skin-dark #mhc .onoffswitch-title-desc, .mod-skin-dark #mcbg .onoffswitch-title-desc, .mod-skin-dark #mdn .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc, .nav-function-top #mhni .onoffswitch-title-desc, .nav-function-minify #mhni .onoffswitch-title-desc { + color: #da9400; + color: var(--theme-warning-900) !important; } + .nav-mobile-slide-out #nmp:after, + .nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after, + .nav-function-minify #mnl:after, + .mod-hide-nav-icons #mnl:after, .mod-skin-dark #mhc:after, + .mod-skin-dark #mcbg:after, + .mod-skin-dark #mdn:after, .nav-function-top #nfh:after, .nav-function-top #mhni:after, + .nav-function-minify #mhni:after { + content: "DISABLED"; } + +/*%fixed-header-shadow { + @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1)); +}*/ +.dropdown-icon-menu > ul > li .btn, .header-btn { + border-radius: 4px; + border: 1px solid gainsboro; + height: 2.25rem; + width: 3.25rem; + vertical-align: middle; + line-height: 2.125rem; + margin-right: 0.9375rem; + font-size: 21px; + padding: 0 11px; + cursor: default; + color: #a6a6a6; + position: relative; + /* + &.active { + @extend %header-btn-active; + }*/ } + .dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover { + -webkit-box-shadow: none; + box-shadow: none; + border-color: #886ab5; + background: #a38cc6; + color: #fff; } + +.settings-panel .expanded { + -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125); + border-bottom: 1px solid rgba(0, 0, 0, 0.06); + border-width: 0 0 1px 0; + background: #fff; + padding: 16px 16px 10px; } + +.nav-function-fixed:not(.nav-function-top) .page-header [data-class="nav-function-fixed"] { + background: #505050; + border-color: #363636 !important; + -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); + box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); + color: #fff !important; } + +/* %selected-dot { + &:before { + content: " "; + display: block; + border-radius: 50%; + background: inherit; + background-image: none; + border: 2px solid rgba(0,0,0,0.2); + position: absolute; + top: 15px; + left: 15px; + height: 20px; + width: 20px; + } + &:after { + content: " "; + height: inherit; + width: inherit; + border: 5px solid rgba(0,0,0,0.1); + position: absolute; + left: 0; + top: 0; + border-radius: 50%; + } + }*/ +.saving #saving { + margin: 5px; + height: 20px; + width: 20px; + -webkit-animation: spin 0.5s infinite linear; + animation: spin 0.5s infinite linear; + border: 2px solid #886ab5; + border-right-color: transparent; + border-radius: 50%; } + +.nav-mobile-slide-out #nmp:after, +.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after, +.nav-function-minify #mnl:after, +.mod-hide-nav-icons #mnl:after, .mod-skin-dark #mhc:after, +.mod-skin-dark #mcbg:after, +.mod-skin-dark #mdn:after, .nav-function-top #nfh:after, .nav-function-top #mhni:after, +.nav-function-minify #mhni:after { + display: block; + position: absolute; + background: #ffc241; + background: var(--theme-warning-50); + font-size: 10px; + width: 65px; + text-align: center; + border: 1px solid var(--theme-warning-700); + height: 22px; + line-height: 20px; + border-radius: 10px; + right: 13px; + top: 26%; + color: #1d1d1d; } + +/* patterns */ +.mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a, +.mod-color-blind [class*="bg-danger-"], +.mod-color-blind .btn-danger, +.mod-color-blind .btn-outline-danger, +.mod-color-blind .alert-danger, +.pattern-0 { + background-size: 10px 10px; + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent); + -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) 0 0/10px 10px transparent; } + +.mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a + ul > li.active > a, +.pattern-1 { + background-size: 5px 5px; + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); + -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent) 0 0/5px 5px transparent; } + +.mod-color-blind [class*="bg-primary-"], +.mod-color-blind .btn-primary, +.mod-color-blind .btn-outline-primary, +.mod-color-blind .alert-primary, +.pattern-2 { + background-size: 15px 15px; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, transparent), to(transparent)); + background-image: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent); + -pie-background: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent) 0 0/15px transparent; } + +.mod-color-blind [class*="bg-success-"], +.mod-color-blind .btn-success, +.mod-color-blind .btn-outline-success, +.mod-color-blind .alert-success, +.pattern-3 { + background-size: 15px 15px; + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, transparent), to(transparent)); + background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent); + -pie-background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent) 0 0/15px 15px transparent; } + +.mod-color-blind [class*="bg-info-"], +.mod-color-blind .btn-info, +.mod-color-blind .btn-outline-info, +.mod-color-blind .alert-info, +.pattern-4 { + background-size: 37px 37px; + background-position: 0 0, 18.5px 18.5px; + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)), linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)); + -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/37px, linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 37px 37px/74px, transparent; } + +.mod-color-blind [class*="bg-warning-"], +.mod-color-blind .btn-warning, +.mod-color-blind .btn-outline-warning, +.mod-color-blind .alert-warning, +.pattern-5 { + background-size: 37px 37px; + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)), linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)); + -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/60px, linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/60px, #eee; } + +/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order) + DOC: you can disable unused _modules (may brake the page) +========================================================================== */ +/* contains root variables to be used with css (see docs) */ +:root { + --theme-primary: #886ab5; + --theme-secondary: #868e96; + --theme-success: #1dc9b7; + --theme-info: #2196F3; + --theme-warning: #ffc241; + --theme-danger: #fd3995; + --theme-light: #fff; + --theme-dark: #505050; + --theme-rgb-primary: 136,106,181; + --theme-rgb-success: 29,201,183; + --theme-rgb-info: 33,150,243; + --theme-rgb-warning: 255,194,65; + --theme-rgb-danger: 253,57,149; + --theme-rgb-fusion: 79.75,79.75,79.75; + --theme-primary-50: #ccbfdf; + --theme-primary-100: #beaed7; + --theme-primary-200: #b19dce; + --theme-primary-300: #a38cc6; + --theme-primary-400: #967bbd; + --theme-primary-500: #886ab5; + --theme-primary-600: #7a59ad; + --theme-primary-700: #6e4e9e; + --theme-primary-800: #62468d; + --theme-primary-900: #563d7c; + --theme-success-50: #7aece0; + --theme-success-100: #63e9db; + --theme-success-200: #4de5d5; + --theme-success-300: #37e2d0; + --theme-success-400: #21dfcb; + --theme-success-500: #1dc9b7; + --theme-success-600: #1ab3a3; + --theme-success-700: #179c8e; + --theme-success-800: #13867a; + --theme-success-900: #107066; + --theme-info-50: #9acffa; + --theme-info-100: #82c4f8; + --theme-info-200: #6ab8f7; + --theme-info-300: #51adf6; + --theme-info-400: #39a1f4; + --theme-info-500: #2196F3; + --theme-info-600: #0d8aee; + --theme-info-700: #0c7cd5; + --theme-info-800: #0a6ebd; + --theme-info-900: #0960a5; + --theme-warning-50: #ffebc1; + --theme-warning-100: #ffe3a7; + --theme-warning-200: #ffdb8e; + --theme-warning-300: #ffd274; + --theme-warning-400: #ffca5b; + --theme-warning-500: #ffc241; + --theme-warning-600: #ffba28; + --theme-warning-700: #ffb20e; + --theme-warning-800: #f4a500; + --theme-warning-900: #da9400; + --theme-danger-50: #feb7d9; + --theme-danger-100: #fe9ecb; + --theme-danger-200: #fe85be; + --theme-danger-300: #fe6bb0; + --theme-danger-400: #fd52a3; + --theme-danger-500: #fd3995; + --theme-danger-600: #fd2087; + --theme-danger-700: #fc077a; + --theme-danger-800: #e7026e; + --theme-danger-900: #ce0262; + --theme-fusion-50: #909090; + --theme-fusion-100: #838383; + --theme-fusion-200: #767676; + --theme-fusion-300: dimgray; + --theme-fusion-400: #5d5d5d; + --theme-fusion-500: #505050; + --theme-fusion-600: #434343; + --theme-fusion-700: #363636; + --theme-fusion-800: #2a2a2a; + --theme-fusion-900: #1d1d1d; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1399px; } + +/* resets DOM elements to its natural state */ +/* for IE */ +main { + display: block; } + +/* removes dotted lines for focus */ +a, a:active, a:focus, +button, button:focus, button:active, +.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { + outline: none; + outline: 0; } + +input::-moz-focus-inner { + border: 0; } + +/* html and body base styles */ +html { + scroll-behavior: smooth; } + html body { + direction: ltr; + text-rendering: optimizeLegibility; + background-color: #fff; } + html body a { + color: #886ab5; + text-decoration: none; + background-color: transparent; } + html body a:hover { + color: #967bbd; + text-decoration: underline; } + +/* app header */ +.header-icon { + color: #666666; + height: 4.125rem; + display: block; + line-height: 4.125rem; + text-decoration: none; + position: relative; } + .header-icon:not(.btn) { + min-width: 3.125rem; + text-align: center; + overflow: visible; } + .header-icon:not(.btn) > [class*='fa-']:first-child, + .header-icon:not(.btn) > .ni:first-child { + color: #886ab5; + vertical-align: middle; } + .header-icon:not(.btn) > [class*='fa-']:first-child { + font-size: 21px; } + .header-icon:not(.btn) > .ni:first-child { + font-size: 21px; } + .header-icon:not(.btn):hover > [class*='fa-']:only-child, + .header-icon:not(.btn):hover > .ni { + color: #404040; } + .header-icon:not(.btn)[data-toggle="dropdown"] { + /* header dropdowns */ + /* note: important rules to override popper's inline classes */ + /* end header dropdowns */ } + .header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after { + content: " "; + width: 1.5rem; + height: 1.5rem; + position: absolute; + background: #dae1e8; + border-radius: 50%; + top: 1.3125rem; + z-index: -1; + left: 0.9375rem; + opacity: 0; + -webkit-transition: all 100ms ease-in; + transition: all 100ms ease-in; } + .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] { + color: #404040; + /* new lines for arrow visibility */ + position: relative; + z-index: 1001; + font-weight: 500; } + .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"]:after { + content: " "; + width: 2.5rem; + height: 2.5rem; + top: 0.8125rem; + z-index: -1; + left: 0.3125rem; + opacity: 1; } + .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child, + .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child { + color: #404040 !important; + -webkit-background-clip: initial; + -webkit-text-fill-color: initial; + background: none; } + .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu { + position: absolute; + border: 0px solid #ccc; + right: 2rem; + top: 4.0625rem !important; + left: auto !important; + padding: 0; + margin: 0; } + .header-icon:not(.btn) .profile-image { + width: 2rem; + height: auto; } + .header-icon:hover { + cursor: default; + color: #404040; } + +.page-header { + background-color: #fff; + -webkit-box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13); + box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 4.125rem; + position: relative; + z-index: 1000; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + .page-header .page-logo { + display: none; } + .page-header .badge-icon { + left: 1.5625rem; + top: 1.09375rem; } + .page-header .badge-icon:only-child { + position: relative; + left: auto; + right: auto; + font-size: 14px; + height: 26px; + width: 26px; + line-height: 21px; + top: 20px; + margin: 0 auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + +/* app logo */ +.page-logo { + height: 4.125rem; + width: 16.875rem; + -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); + box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); + overflow: hidden; + text-align: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-positive: 0; + -webkit-box-flex: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + min-height: 1px; + padding: 0 2rem; } + .page-logo img { + width: 48px; + height: 48px; } + .page-logo .page-logo-link { + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; } + +.page-logo-text { + margin-left: 0.5rem; + margin-top: 0.75rem; + font-weight: 300; + font-size: 1.5rem; + color: #fff; + display: block; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + text-align: left; } + +/* app search */ +.search { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .search .app-forms { + padding: 0; } + .search .app-forms.has-length { + position: relative; } + .search .app-forms:before { + content: none; } + +#search-field { + max-width: 21.875rem; + height: 2.625rem; + line-height: normal; + border-radius: 4px; + background: transparent; + border: 1px solid transparent; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 0.9375rem; + padding: 0.38rem; } + +/* icon menu with user options */ +.dropdown-icon-menu > .btn { + z-index: 1; } + +.dropdown-icon-menu > ul { + opacity: 0; + list-style: none; + margin: 0; + position: absolute; + background: #fff; + height: 2.25rem; + padding: 2.75rem 4px 5px; + width: 3.75rem; + margin-left: 1px; + margin-top: -2.5rem; + left: -5px; + overflow: hidden; + -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.24); + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.24); + border-radius: 0.25rem; + -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); } + .dropdown-icon-menu > ul > li { + margin-bottom: 4px; + position: relative; } + .dropdown-icon-menu > ul > li:last-child { + margin-bottom: 0; } + +.dropdown-icon-menu:hover > ul { + display: block; + opacity: 1; + /* + * n = number of buttons minus 1 + * eg. $header-btn-height * 2n + */ + height: 7.75rem; } + .dropdown-icon-menu:hover > ul:hover { + overflow: visible; } + +/* dropdown notification in the app header */ +.tab-notification { + height: 363px; } + .tab-notification .tab-pane { + height: 100%; } + +.notification { + padding: 0; + margin: 0; + list-style: none; + position: relative; } + .notification li { + position: relative; + background: #fff; } + .notification li.unread { + background: #fffaee; } + .notification li.unread .name { + font-weight: 500; } + .notification li > :first-child { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.06); } + .notification li > :first-child:hover { + text-decoration: none; + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04))); + background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } + .notification li > :first-child:focus { + text-decoration: none; } + .notification li > :first-child > span { + position: relative; } + .notification li > :first-child > span > span { + /* IE fix */ + display: block; } + .notification li:last-child > a { + border: 0; } + .notification .name { + color: #222222; + font-weight: 400; + font-size: 0.8125rem; } + .notification .msg-a, + .notification .msg-b { + color: #555555; } + .notification.notification-layout-2 li { + background: #f9f9f9; } + .notification.notification-layout-2 li.unread { + background: #fff; } + .notification.notification-layout-2 li.unread .name { + font-weight: bold; } + .notification.notification-layout-2 li > :first-child { + position: relative; + border-bottom: 1px solid rgba(0, 0, 0, 0.04); + z-index: 1; } + .notification.notification-layout-2 li > :first-child:hover { + background: transparent; } + .notification.notification-layout-2 li > :first-child:hover:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: -1; + -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); + box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); } + .notification.notification-layout-2 li .name { + font-size: 0.875rem; } + .notification.notification-layout-2:hover { + cursor: pointer; } + .notification:not(.notification-loading):before { + content: "No new messages"; + position: absolute; + top: 0; + left: 0; + z-index: 0; + padding: 1.5rem; + width: 100%; + display: block; } + +/* icon menu with stacked icons located in the app header */ +.app-list { + margin: 0 auto; + display: block; + width: 21.875rem !important; + height: 22.5rem !important; + font-size: 0; + padding: 0.5rem 1rem; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .app-list > li { + display: inline-block; + text-align: center; + padding: 0; } + +.app-list-item { + height: 5.9375rem; + width: 6.25rem; + display: block; + text-decoration: none; + color: #666666; + margin: 10px 2px; + border: 1px solid transparent !important; + outline: none; + border-radius: 3px; + padding-top: 8px; + border-radius: 4px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .app-list-item .icon-stack { + font-size: 3.125rem; + margin-top: 4px; } + .app-list-item:hover { + padding-top: 7px; } + .app-list-item:hover > .icon-stack { + font-size: 3.1875rem; } + .app-list-item:active { + border-color: #886ab5; + padding-top: 8px; } + .app-list-item:active > .icon-stack { + font-size: 3.125rem; } + +.app-list-name { + text-align: center; + font-size: 0.8125rem; + text-overflow: ellipsis; + display: block; + white-space: nowrap; + overflow: hidden; } + +/* app header stays fixed */ +.header-function-fixed:not(.nav-function-top) .page-header { + left: 0; + position: fixed !important; + right: 0; + top: 0; } + +.header-function-fixed:not(.nav-function-top) .page-content { + margin-top: 4.125rem; } + +.header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) { + /* bug fix for nav hidden other than chrome...*/ } + .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-logo { + width: 16.875rem; + position: fixed; + top: 0; + z-index: 950; } + .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-sidebar .primary-nav { + margin-top: 4.125rem; } + .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed).desktop.nav-function-hidden .page-logo { + position: absolute; + -webkit-transition: none !important; + transition: none !important; } + +@media (min-width: 992px) { + .header-function-fixed:not(.nav-function-top) .page-header { + margin-left: 16.875rem; } + .header-function-fixed:not(.nav-function-top).nav-function-minify .page-sidebar .page-logo { + width: 4.6875rem; } + .header-function-fixed.nav-function-top { + /*.page-wrapper { + padding-top: $header-height-nav-top; + }*/ } + .header-function-fixed.nav-function-top .page-header { + position: fixed !important; + /*top: 0; + right: 0; + left: 0;*/ + -webkit-box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); + box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); + /*chrome flickering solution*/ + -webkit-transform: translateZ(0); } } + +/* app far left panel */ +.page-sidebar { + position: relative; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + width: 16.875rem; + max-width: 16.875rem; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + z-index: 1002; + will-change: left, right; } + +/* app navigation */ +.primary-nav { + overflow: auto; + overflow-x: hidden; + -webkit-overflow-scrolling: touch; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + .primary-nav .nav-menu:last-of-type { + margin: 0; } + .primary-nav .nav-menu:first-of-type { + margin-top: 1rem; + margin-bottom: 1rem; } + +.nav-title { + text-transform: uppercase; + margin: 0; + color: #8268a8; + padding: 1rem 2rem; + margin-top: 1.5rem; + font-size: 0.7rem; + letter-spacing: 1px; + font-weight: 500; } + +.nav-menu { + padding: 0; + list-style: none; + margin: 0; } + .nav-menu a, + .nav-menu a > [class*='fa-'], + .nav-menu a > .ni { + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; } + .nav-menu b.collapse-sign { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + color: #967bbd; } + .nav-menu b.collapse-sign > [class*='fa-'], + .nav-menu b.collapse-sign > .ni { + font-size: inherit; } + .nav-menu ul { + padding-left: 0; + list-style: none; + display: none; } + .nav-menu li { + position: relative; } + .nav-menu li.open > a { + color: white; } + .nav-menu li.active { + /* arrow that appears next to active/selected items */ } + .nav-menu li.active > a { + color: white; + background-color: rgba(255, 255, 255, 0.04); + -webkit-box-shadow: inset 3px 0 0 #886ab5; + box-shadow: inset 3px 0 0 #886ab5; + font-weight: 400; } + .nav-menu li.active > a:hover > [class*='fa-'], + .nav-menu li.active > a:hover > .ni { + color: #a8a6ac; } + .nav-menu li.active > ul { + display: block; } + .nav-menu li.active:not(.open) > a:before { + content: '\f413'; + font-family: 'nextgen-icons'; + position: absolute; + top: calc(50% - 5px); + right: 11px; + font-size: 7px; + height: 10px; + width: auto; + color: #24b3a4; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .nav-menu li a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + /*new*/ + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + /*new*/ + outline: 0; + padding: 0.8125rem 2rem; + font-size: 0.875rem; + color: #bdafd1; + font-weight: 400; + text-decoration: none; + position: relative; + /* needed for mod-nav-hiarchiy*/ + /*> .badge { + + @extend %ping-badge; + + & + [class*='fa-'], + & + .ni { + display: none; + } + + }*/ + /*> [class*='fa-'] { + font-size: $nav-font-icon-size - 2; + }*/ + /*> img { + background: $primary-500; + padding: 0.125rem; + width: 20px; + height: 20px; + margin-left: 5px; + margin-right: $nav-icon-margin-right + 0.1875rem; + }*/ + /*> .badge:not(.clear-badge):first-child { + position: static; + display: inline-block; + border-radius: 5px; + margin-right: 10px; + width: 28px; + height: auto; + padding: 4px 0; + font-size: rem($fs-base); + }*/ } + .nav-menu li a .dl-ref { + font-size: 0.625rem; + text-align: center; + min-width: 1.25rem; + display: inline-block; + border-radius: 4px; + letter-spacing: 0.5px; + margin-left: -2.1875rem; + margin-right: 0.9375rem; + font-weight: 500; + overflow: hidden; + padding: 0 4px; + -webkit-font-smoothing: subpixel-antialiased; } + .nav-menu li a .dl-ref.label { + margin-left: 0; + margin-right: 0; + font-weight: 400; + color: rgba(255, 255, 255, 0.7); } + .nav-menu li a > [class*='fa-'], + .nav-menu li a > .ni { + margin-right: 0.25rem; + font-size: 1.125rem; + width: 1.75rem; + color: #876fab; + text-align: left; } + .nav-menu li a > .nav-link-text { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + /*new*/ + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + line-height: normal; } + .nav-menu li a.collapsed .nav-menu-btn-sub-collapse { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + .nav-menu li a:hover { + color: white; + text-decoration: none; + background-color: rgba(0, 0, 0, 0.1); } + .nav-menu li a:hover .badge { + color: #fff; } + .nav-menu li a:hover > [class*='fa-'], + .nav-menu li a:hover > .ni { + color: #a8a6ac; } + .nav-menu li a:hover > .badge { + -webkit-box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8); + box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8); + border: 1px solid rgba(107, 83, 143, 0.8); } + .nav-menu li a:focus { + color: white; } + .nav-menu li a:focus .badge { + color: #fff; } + .nav-menu li > ul { + background-color: rgba(0, 0, 0, 0.1); + padding-top: 10px; + padding-bottom: 10px; } + .nav-menu li > ul li a { + color: #af9fc7; + padding: 0.8125rem 2rem 0.8125rem 4rem; } + .nav-menu li > ul li a b.collapse-sign > [class*='fa-'], + .nav-menu li > ul li a b.collapse-sign > .ni { + font-size: inherit-2; } + .nav-menu li > ul li a > [class*='fa-'], + .nav-menu li > ul li a > .ni { + margin-left: -2.1875rem; + margin-right: 0.9375rem; + color: #876fab; + font-size: 0.875rem; + width: 1.25rem; + text-align: center; } + .nav-menu li > ul li a > .badge { + color: #fff; + background-color: #fd3995; + border: 1px solid #505050; } + .nav-menu li > ul li a:hover { + color: white; + background-color: rgba(0, 0, 0, 0.1); } + .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'], + .nav-menu li > ul li a:hover > .nav-link-text > .ni { + color: #a8a6ac; } + .nav-menu li > ul li.active > a { + color: white; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + font-weight: 400; } + .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'], + .nav-menu li > ul li.active > a > .nav-link-text > .ni { + color: white; } + .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'], + .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni { + color: #a8a6ac; } + .nav-menu li > ul li:last-child > ul { + padding-bottom: 0; } + .nav-menu li > ul li > ul li.active > a { + color: white; } + .nav-menu li > ul li > ul li a { + color: #aa99c4; + padding: 0.8125rem 2rem 0.8125rem 4.75rem; } + .nav-menu li > ul li > ul li a .dl-ref { + margin-left: 0; + margin-right: 0.20833rem; } + .nav-menu li > ul li > ul li a > [class*='fa-'], + .nav-menu li > ul li > ul li a > .ni { + margin-left: 0; + margin-right: 0.20833rem; } + .nav-menu li > ul li > ul li a:hover { + color: white; } + .nav-menu li > ul li > ul li a > .badge { + color: #fff; + background-color: #fd3995; + border: 1px solid #505050; } + .nav-menu li:last-child { + margin-bottom: 0; } + .nav-menu:last-child { + margin-bottom: 0; } + +/* nav hover elements +.nav-menu-hover { + + li > ul { + background-color: rgba(0,0,0,0.17) !important; + } + + li { + a { + color: rgba(255,255,255,0.90); + span { + color: rgba(255,255,255,0.90); + } + + + &:hover { + background:rgba(255,255,255,0.09) !important; + color: $white !important; + span { + color: $white; + } + + } + } + } +}*/ +/* nav clean elements */ +.nav-menu-clean { + background: #fff; } + .nav-menu-clean ul { + background: transparent !important; + padding-bottom: 0 !important; } + .nav-menu-clean li a { + background: transparent !important; + color: #505050 !important; } + .nav-menu-clean li a span { + color: #505050 !important; } + .nav-menu-clean li a:hover { + background-color: #f4f4f4 !important; } + .nav-menu-clean li a { + border-bottom: 1px solid transparent; } + .nav-menu-clean li > ul li > ul > li:not(:last-child) a { + border-bottom: none; } + +/* nav bordered elements */ +.nav-menu-bordered { + border: 1px solid rgba(0, 0, 0, 0.08); } + .nav-menu-bordered li a { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); } + .nav-menu-bordered li > ul li > ul > li:not(:last-child) a { + border-bottom: none; } + +/* nav compact elements */ +.nav-menu-compact li a { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } + +.nav-menu-compact li li a { + padding-left: 2rem !important; } + +.nav-menu-compact li li li a { + padding-left: 2.5rem !important; } + +.nav-menu.nav-menu-reset li a:not(:hover), +.nav-menu.nav-menu-reset .collapse-sign { + color: rgba(255, 255, 255, 0.7) !important; } + +/*body:not(.nav-function-top) { + + .primary-nav { + + .nav-menu { + + a, + a:hover, + a:focus { + + .badge-detached { + + display: inline-block; + font-family: 'helvetica neue', helvetica, arial, sans-serif; + font-size: rem($fs-nano); + min-height: 13px; + min-width: $nav-badge-height + 4; + background-color: #fff; + border: 1px solid #33383e; + border-radius: 3px; + color: #33383E; + padding: 1px 5px; + right: 15px; + left: auto; + top: 13px; + width: auto; + max-width: 0; + height: auto; + + -webkit-font-smoothing: subpixel-antialiased; + } + } + } + } +}*/ +@media (min-width: 1399px) { + .page-sidebar .primary-nav .nav-menu > li > a { + font-size: 0.875rem; } } + +/* app navigation filter */ +.nav-filter { + margin: 0; + opacity: 0; + visibility: hidden; + overflow: hidden; + height: 0px; + position: relative; + -webkit-transform: scale(0.3); + transform: scale(0.3); + -webkit-transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + .nav-filter input[type="text"] { + padding: 8px 40px 8px 14px; + width: 14.625rem; + background: rgba(0, 0, 0, 0.4); + color: #fff; } + .nav-filter input[type="text"]:not(:focus) { + border-color: rgba(0, 0, 0, 0.1); } + .nav-filter input[type="text"]:focus { + border-color: #775c9f; } + +.list-filter-active { + /* these classes are triggered by JS */ } + .list-filter-active .info-card { + height: calc(9.53rem - 9.53rem); + -webkit-transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); } + .list-filter-active .nav-filter { + opacity: 1; + visibility: visible; + height: 60px; + -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); + box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); + -webkit-transform: scale(1); + transform: scale(1); } + .list-filter-active .nav-title { + display: none; } + .list-filter-active .nav-menu { + margin: 0; } + .list-filter-active .nav-menu li > ul { + padding: 0; } + .list-filter-active .js-filter-hide { + display: none; } + .list-filter-active .js-filter-show { + display: block; } + +/* only show filter message if lister filter is active */ +.page-sidebar:not(.list-filter-active) .filter-message { + display: none; } + +@media (min-width: 992px) { + .nav-function-top .page-sidebar, + .nav-function-minify .page-sidebar { + /*.js-filter-hide, + .js-filter-show { + display:block; + }*/ } + .nav-function-top .page-sidebar .filter-message, + .nav-function-top .page-sidebar .nav-filter, + .nav-function-minify .page-sidebar .filter-message, + .nav-function-minify .page-sidebar .nav-filter { + display: none; } } + +/* app info card inside navigation */ +.info-card { + position: relative; + width: 16.875rem; + height: 9.53rem; + color: #fff; + overflow: hidden; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 2rem; + -webkit-transition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1); } + .info-card img.cover { + opacity: 0.5; + top: 0; + left: 0; + bottom: 0; + right: 0; + position: absolute; + height: auto; } + .info-card .profile-image { + width: 3.125rem; + height: auto; + display: inline-block; + z-index: 2; + position: relative; } + .info-card .info-card-text { + margin-left: 1rem; + color: inherit; + text-shadow: #000 0 1px; + z-index: 1; + position: relative; + line-height: normal; } + .info-card .info-card-text > span { + font-weight: 300; } + +@media (min-width: 1399px) { + .info-card:hover { + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + will-change: opacity; } + .info-card:hover img.cover { + opacity: 0.7; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } } + +.info-card-text { + font-size: 0.875rem; + display: inline-block; + vertical-align: middle; + font-weight: 500; + line-height: 1.35; } + .info-card-text > span { + font-size: 0.875rem; + display: block; + font-weight: 300; } + +/* app navigation made horizontal */ +.nav-padel-left, +.nav-padel-right { + display: none; } + +@media (min-width: 992px) { + .nav-function-top { + /* digitally created elements */ + /* hide elements when nav-function-top */ + /* correct search field color */ + /* reorder */ } + .nav-function-top .nav-menu-wrapper { + -webkit-box-flex: 0; + -ms-flex: 0 1 100%; + flex: 0 1 100%; } + .nav-function-top .hidden-nav-function-top { + display: none !important; } + .nav-function-top #search-field { + color: #fff; } + .nav-function-top:not(.header-function-fixed) #nff { + position: relative; } + .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title { + color: #da9400; + color: var(--theme-warning-900); } + .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc { + color: #da9400; + color: var(--theme-warning-900); } + .nav-function-top:not(.header-function-fixed) #nff:after { + content: "DISABLED"; + display: block; + position: absolute; + background: #ffc241; + background: var(--theme-warning-50); + font-size: 10px; + width: 65px; + text-align: center; + border: 1px solid var(--theme-warning-700); + height: 22px; + line-height: 20px; + border-radius: 10px; + right: 13px; + top: 26%; + color: #1d1d1d; } + .nav-function-top .page-header { + margin-top: 0; + height: 4.125rem; + background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent)); + background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); + background-color: #584475; + position: absolute; + top: 0; + right: 0; + left: 0; + -webkit-box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); + box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); } + .nav-function-top .page-header .dropdown-icon-menu { + display: none; } + .nav-function-top .page-header #search-field { + margin: 0 !important; } + .nav-function-top .page-header .page-logo { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: auto; + width: initial; + padding-left: 0; + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child, + .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child { + color: #a38cc6; } + .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, + .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover { + color: #beaed7; } + .nav-function-top .page-header .badge.badge-icon { + -webkit-box-shadow: 0 0 0 1px #7a59ad; + box-shadow: 0 0 0 1px #7a59ad; } + .nav-function-top .page-header .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu { + top: 4.125rem !important; } + .nav-function-top .page-content-wrapper { + margin-top: 7.625rem; } + .nav-function-top .page-wrapper { + padding-left: 0; } + .nav-function-top .page-wrapper .page-footer { + width: 100%; } + .nav-function-top .page-sidebar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + max-width: 100%; + height: 3.5rem; + z-index: 999; + padding: 0 0.625rem; + background: #fff; + -webkit-box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); + box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); + position: absolute; + top: 4.125rem; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + .nav-function-top .page-sidebar .page-logo, + .nav-function-top .page-sidebar .nav-filter, + .nav-function-top .page-sidebar .info-card, + .nav-function-top .page-sidebar .nav-title { + display: none; } + .nav-function-top .page-sidebar .primary-nav { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + font-size: 0; + /* Make an auto-hiding scroller for the 3 people using a IE */ + -ms-overflow-style: -ms-autohiding-scrollbar; + /* Remove the default scrollbar for WebKit implementations */ } + .nav-function-top .page-sidebar .primary-nav::-webkit-scrollbar { + display: none; } + .nav-function-top .page-sidebar .primary-nav .nav-menu { + margin: 0; + margin-left: 2.90rem; + /* this will get overriden with JS script, but we add it here as a counter weight for the flickering effect */ + padding: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 0; + -ms-flex: 0 1 100%; + flex: 0 1 100%; + -webkit-transition: margin 0.5s ease-out 0s; + transition: margin 0.5s ease-out 0s; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li { + display: inline-block; + position: static; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li.nav-title { + display: none; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a { + -webkit-box-shadow: none; + box-shadow: none; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before { + content: '\f413'; + font-family: 'nextgen-icons'; + position: absolute; + top: calc(50% + 15px); + right: calc(50% - 5px); + font-size: 7px; + height: 10px; + width: auto; + color: #24b3a4; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a { + padding: .75rem 1.5rem .75rem 1rem; + text-align: center; + height: 100%; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni, + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] { + width: inherit; + margin: 0; + margin-right: .5rem !important; + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: left; + -ms-flex-pack: left; + justify-content: left; + color: inherit; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: normal; + vertical-align: text-top; + font-weight: 400; + display: inline-block; + /*override inline-flex*/ + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge, + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge.clear-badge { + left: 53%; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign { + margin-left: 0.5rem; + color: #a492c0; + position: absolute; + right: 0.5rem; + top: 0; + bottom: 0; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign > em:before { + content: "\f107"; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge:first-child { + max-width: none; + width: 25px !important; + height: 25px !important; + line-height: 16px !important; + font-size: 0.8125rem !important; + display: block !important; + margin: 0 auto 4px !important; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li a { + font-size: .9rem; + color: #584475; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul { + display: none !important; + width: 13rem; + height: auto !important; + top: 3.5rem; + position: absolute; + background: #68518c; + border-radius: 10px; + -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); + box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); + padding: 1rem 0; + margin-top: 1rem; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li { + width: 100%; + position: relative; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a { + padding: 0.65rem 1.25rem; + width: 100%; + color: #bdafd1; + max-height: none; + -webkit-box-shadow: none; + box-shadow: none; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text { + display: block; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text > .dl-ref { + margin-left: 0; + margin-right: 5px; + display: none; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text > .ni > [class*='fa-'] { + margin-left: 6px; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul { + background: #68518c; + padding: 0; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul li a { + padding-left: 2rem; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a { + background: rgba(0, 0, 0, 0.1); + color: #fff; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after { + content: ""; + display: block; + width: calc(100% + 100px); + height: calc(100% + 120px); + position: absolute; + z-index: -1; + left: -50px; + top: -1rem; + background: transparent; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { + content: "\f1c8"; + font-family: 'nextgen-icons'; + position: absolute; + font-size: 5rem; + color: #68518c; + overflow: hidden; + display: block; + top: -1.7rem; + left: 0; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a { + color: #886ab5; + background: transparent; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a + ul { + display: block !important; + animation: animateFadeInUp 0.5s; + -webkit-animation: animateFadeInUp 0.5s; } + .nav-function-top .page-sidebar .nav-footer { + display: none; } + .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { + display: none; } + .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .badge { + left: 24px; } + .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .ni, + .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + .nav-function-top .page-header { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + .nav-function-top .page-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .nav-function-top .page-sidebar { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + .nav-function-top .page-content { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; } } + +@media (min-width: 1399px) { + .nav-function-top .page-sidebar .primary-nav .nav-menu { + /*li { + ul { + li { + a { + font-size: rem($fs-base); + } + } + } + }*/ } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge:first-child { + max-width: none; + width: 27px !important; + height: 27px !important; + line-height: 18px !important; + margin: 0 auto 2px !important; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni, + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'], + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > img { + font-size: 22px; + height: 22px; } } + +/* app navgation stays hidden */ +@media (min-width: 992px) { + .nav-function-hidden:not(.nav-function-top) .page-wrapper { + padding-left: 0.625rem; } + .nav-function-hidden:not(.nav-function-top) .page-sidebar { + left: -16.25rem; + z-index: 1001; + -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + position: absolute; + top: 0; + bottom: 0; + will-change: left, right; + /* apply invisible hit area to reveal nav */ } + .nav-function-hidden:not(.nav-function-top) .page-sidebar:after { + content: ""; + background: transparent; + height: 100%; + display: block; + position: fixed; + z-index: 1; + top: 0; + bottom: 0; + left: 16.875rem; + width: 2.1rem; } + .nav-function-hidden:not(.nav-function-top) .page-sidebar:hover { + left: 0; + -webkit-transition: 450ms cubic-bezier(0.9, 0.01, 0.09, 1); + transition: 450ms cubic-bezier(0.9, 0.01, 0.09, 1); } + .nav-function-hidden:not(.nav-function-top) .page-sidebar:hover:after { + content: ""; + z-index: -1; } + .nav-function-hidden:not(.nav-function-top) .page-header { + margin-left: 0; + /* active button state for "nav-function-hidden" */ } + .nav-function-hidden:not(.nav-function-top) .page-header [data-class="nav-function-hidden"] { + background: #505050; + border-color: #363636 !important; + -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); + box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); + color: #fff !important; } + .nav-function-hidden:not(.nav-function-top).nav-function-fixed .page-sidebar { + /* apply invisible hit area to reveal nav */ } + .nav-function-hidden:not(.nav-function-top).nav-function-fixed .page-sidebar:after { + left: 0.625rem; } + .nav-function-hidden.header-function-fixed:not(.nav-function-top) .page-header { + margin-left: 0.625rem; } } + +/* app navigation stays fixed */ +.nav-function-fixed:not(.nav-function-top) .page-sidebar { + position: fixed !important; + top: 0; + bottom: 0; } + .nav-function-fixed:not(.nav-function-top) .page-sidebar .primary-nav { + overflow: auto; + overflow-x: hidden; + -webkit-overflow-scrolling: touch; + height: calc(100% - 6.9375rem); } + .nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv { + height: calc(100% - 6.9375rem) !important; } + .nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv .primary-nav { + padding-bottom: 0; } + +@media (min-width: 992px) { + .nav-function-fixed { + /* + * top navigation fixed for larger screens with nav on LEFT + */ + /* + * top navigation fixed for larger screens with nav on TOP + */ + /* + * center for left nav fixed with boxed layout + */ } + .nav-function-fixed:not(.nav-function-top).mod-main-boxed .page-sidebar { + position: fixed !important; } + .nav-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper { + padding-left: 16.875rem; } + .nav-function-fixed.nav-function-top.header-function-fixed .page-sidebar { + position: fixed !important; + -webkit-box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); + box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); } + .nav-function-fixed.nav-function-top.mod-main-boxed .page-sidebar { + right: 0; + left: 0; + margin-right: auto; + margin-left: auto; + max-width: 1397px; } } + +@media (min-width: 1399px) { + .nav-function-fixed { + /* + * top navigation fixed for extra large screens with nav on LEFT + */ } + .nav-function-fixed:not(.nav-function-top).mod-main-boxed .page-sidebar { + position: absolute !important; } } + +/* app navigation stays minified */ +@media (min-width: 992px) { + .nav-function-minify:not(.nav-function-top) { + /* hide elements when nav-function-minify */ } + .nav-function-minify:not(.nav-function-top) .hidden-nav-function-minify { + display: none !important; } + .nav-function-minify:not(.nav-function-top) .page-sidebar { + width: 4.6875rem; + z-index: 1001; + will-change: width; + -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } + .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo { + width: 4.6875rem; + padding: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-link { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-text { + display: none; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-text + * { + display: none !important; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .info-card { + height: 5.9375rem; + width: 100%; + padding: 1.21324rem 0; + text-align: center; + overflow: hidden; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .info-card .profile-image + div { + position: absolute; + top: 0; + width: 14.0625rem; + text-align: left; + display: none; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav { + overflow: hidden; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-title { + display: none; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu { + margin: 0; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before { + content: '\f413'; + font-family: 'nextgen-icons'; + position: absolute; + top: calc(50% - 5px); + right: 11px; + font-size: 7px; + height: 10px; + width: auto; + color: #24b3a4; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li ul { + /*.dl-ref { + display:none !important; + }*/ } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a { + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-left: 0; + padding-right: 0; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'], + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .ni { + font-size: 1.2375rem; + margin: 0; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .badge { + left: 2.34375rem; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a:not(.livicon) > .badge:not(.clear-badge):first-child { + margin-right: 0; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { + display: none; + position: absolute; + text-align: left; + background: trasparent; + padding-left: 1.375rem; + color: #fff; + top: 0; + left: 5.6875rem; + height: 100%; + width: 13.75rem; + font-weight: 500; + margin-top: -1.563rem; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > b.collapse-sign { + display: none; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { + position: absolute; + width: 13.75rem; + left: 5.6875rem; + background-color: #584475; + margin-top: -5rem; + padding-top: 3.75rem; + border-radius: 4px .5rem .5rem .5rem; + padding-bottom: 1rem; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { + content: "\f1c8"; + font-family: 'nextgen-icons'; + position: absolute; + font-size: 3.5rem; + left: -0.4125rem; + color: #584475; + z-index: -1; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + overflow: hidden; + display: block; + top: 1rem; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a { + padding-left: 1.375rem; + padding-top: 0.6rem; + padding-bottom: 0.6rem; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a > b.collapse-sign > [class*='fa-'], + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a > b.collapse-sign > .ni { + display: inline-block !important; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a + ul > li > a { + padding-left: 1.71875rem; + padding-top: 0.6rem; + padding-bottom: 0.6rem; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li .nav-link-text > [class*='fa-'], + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li .nav-link-text > .ni { + display: none; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > ul { + display: none !important; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover { + overflow: visible; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a { + background: #614b82; + color: #fff; + overflow: visible; + z-index: 10; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + overflow: hidden; + animation: animateFadeInLeft 0.5s; + -webkit-animation: animateFadeInLeft 0.5s; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child { + top: 26px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: #584475; + overflow: visible; + border-radius: 4px 10px 10px 4px; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before { + content: "\f1c8"; + font-family: 'nextgen-icons'; + position: absolute; + font-size: 3.5rem; + left: -7px; + color: #584475; + z-index: -1; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + overflow: hidden; + display: block; + top: -9px; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > ul { + display: block !important; + z-index: 1; + animation: animateFadeInLeft 0.5s; + -webkit-animation: animateFadeInLeft 0.5s; + -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); + box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > ul:after { + content: ""; + display: block; + position: absolute; + height: calc(100% + 180px); + width: calc(100% + 80px); + top: -4.125rem; + z-index: -1; + left: -1rem; } + .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] { + background: #505050; + border-color: #363636 !important; + -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); + box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); + color: #fff !important; } + .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-wrapper { + padding-left: 0.625rem; } + .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-sidebar { + left: -4.0625rem; + overflow: visible; } + .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-sidebar:hover { + left: 0; } + .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-header { + margin-left: 0; } + .nav-function-minify:not(.nav-function-top).nav-function-fixed:not(.nav-function-hidden) .page-content-wrapper { + padding-left: 4.6875rem; } + .nav-function-minify:not(.nav-function-top).header-function-fixed .page-header { + margin-left: 4.6875rem; } + .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-hidden .page-header { + margin-left: 0.625rem; } + .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-fixed:not(.nav-function-hidden) .page-content-wrapper { + padding-left: 4.6875rem; } + .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-fixed:not(.nav-function-hidden).mod-main-boxed .page-content-wrapper { + padding-left: 0; } } + +/* app navigation footer */ +.nav-footer { + /*background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent); + background-image: linear-gradient(270deg, $nav-background-shade, transparent); + background-color: $nav-background;*/ + height: 2.8125rem; + bottom: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } + .nav-footer .nav-footer-buttons > li > a { + display: block; + color: #9782b7; + height: 1.8125rem; + line-height: 1.8125rem; + margin-top: 1px; + padding: 0 13px; + overflow: visible; + font-size: 1rem; } + .nav-footer [data-class="nav-function-minify"] { + display: none; } + +.nav-function-fixed .nav-footer { + background: #584475; + border: 0; } + .nav-function-fixed .nav-footer:before { + content: ' '; + height: 1px; + position: inherit; + width: inherit; + background: rgba(112, 87, 149, 0.2); + background: -webkit-gradient(linear, left top, right top, from(#584475), color-stop(50%, #7c62a4), color-stop(50%, #7c62a4), to(#584475)); + background: linear-gradient(to right, #584475 0%, #7c62a4 50%, #7c62a4 50%, #584475 100%); + opacity: 0.5; } + .nav-function-fixed .nav-footer:after { + opacity: 0.1; } + +@media (min-width: 992px) { + .nav-function-minify .nav-footer { + background-color: #53406f; } + .nav-function-minify .nav-footer [data-class="nav-function-minify"] { + display: block; + width: 100%; + height: 2.8125rem; + line-height: 2.8125rem; + font-size: 1.1875rem; + vertical-align: middle; + color: #876fab; + text-align: center; + text-decoration: none; + position: relative; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } + .nav-function-minify .nav-footer [data-class="nav-function-minify"] > :first-child { + margin-right: -4px; } + .nav-function-minify .nav-footer [data-class="nav-function-minify"] > :only-child { + margin: 0; } + .nav-function-minify .nav-footer:hover { + background-color: #5f497f; } + .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] { + color: #a8a6ac; + margin-left: 7px; } + .nav-function-minify .nav-footer .nav-footer-buttons { + display: none; } } + +/* app wrapper */ +.page-wrapper { + position: relative; } + +.page-inner { + min-height: 100vh; } + +.page-wrapper, .page-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 100%; } + +.page-content-wrapper { + background-color: #faf8fb; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 0; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + width: 0; + min-width: 0; + max-width: 100%; + min-height: 1px; } + +/* app content heading */ +.subheader:not(:empty) { + margin-bottom: calc(1.5rem + 0.625rem); + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +.subheader-icon { + color: #a8a6ac; + margin-right: 0.25rem; } + +.subheader-title { + font-size: 1.375rem; + font-weight: 500; + color: #505050; + text-shadow: #fff 0 1px; + margin: 0; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .subheader-title sup.badge { + text-shadow: none; + position: absolute; + margin-top: 0.4rem; + margin-left: 0.25rem; + font-size: 40%; + padding: 2px 5px; + line-height: normal; } + .subheader-title small { + font-weight: 400; + color: #838383; + margin-bottom: 0; + font-size: 0.875rem; } + +/* app content */ +.page-content { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; } + +/*@include media-breakpoint-up($mobile-breakpoint) { + + .nav-function-top { + .page-content { + min-height: calc(100vh - 10.4375rem) + } + } + +} + +*/ +/* app footer */ +.page-footer { + height: 2.8125rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: #fff; + color: #4d4d4d; + font-size: 0.8125rem; + padding: 0 2rem; + -webkit-box-ordinal-group: 5; + -ms-flex-order: 4; + order: 4; } + +/* app footer stays fixed */ +.footer-function-fixed .page-footer { + position: fixed; + right: 0; + left: 16.875rem; + bottom: 0; + z-index: 1000; + border-top: 1px solid rgba(0, 0, 0, 0.08); } + +.footer-function-fixed .page-content { + padding-bottom: 4.8125rem !important; } + +.footer-function-fixed.nav-function-minify .page-footer { + left: 4.6875rem; } + +.footer-function-fixed.nav-function-top .page-footer { + left: 0; } + +.footer-function-fixed.nav-function-hidden .page-footer { + left: 0.625rem; } + +.footer-function-fixed.mod-main-boxed .page-footer { + width: 100%; + max-width: 1397px; + margin: 0 auto !important; + padding-left: 18.875rem; + left: 0; } + +.footer-function-fixed.mod-main-boxed.nav-function-top .page-footer { + padding-left: 2rem; } + +.footer-function-fixed.mod-main-boxed.nav-function-minify .page-footer { + padding-left: 6.6875rem; } + +.footer-function-fixed.mod-main-boxed.nav-function-hidden .page-footer { + padding-left: 2.625rem; } + +@media only screen and (max-width: 992px) { + .footer-function-fixed .page-footer { + left: 0; } } + +/* app error page */ +.alt { + padding: 0 !important; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + min-height: 100vh; } + .alt .page-footer { + width: 100% !important; } + +.page-error { + font-size: 600% !important; + font-weight: bold !important; } + .page-error small { + font-size: 40%; + font-weight: 500; } + +.h-alt-f { + height: calc(100vh - 11.4375rem); + width: 100%; } + +.h-alt-hf { + height: calc(100vh - 15.5625rem); + width: 100%; } + +.nav-function-top .h-alt-hf { + height: calc(100vh - 19.0625rem); } + +/* various app components (see docs for the full list) */ +.accordion .card .card-header { + cursor: pointer; + margin: 0; + padding: 0; + border-bottom: 0; + background-color: #f7f9fa; } + .accordion .card .card-header .card-title { + padding: 1rem 1rem; + margin: 0; + font-size: 0.875rem; + font-weight: 500; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #886ab5; } + .accordion .card .card-header .card-title.collapsed { + color: #838383; } + +.accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-title, +.accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-body { + padding-left: 0 !important; + padding-right: 0 !important; } + +.accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-body { + padding-top: 0; } + +.accordion.accordion-clean .card-header { + background: #fff; } + +.accordion.accordion-clean .card { + border-left: 0; + border-right: 0; } + .accordion.accordion-clean .card:first-child { + border-top: 0; } + .accordion.accordion-clean .card:last-child { + border-bottom: 0; } + +.accordion.accordion-clean.accordion-outline .card-title, +.accordion.accordion-clean.accordion-outline .card-body, .accordion.accordion-clean.accordion-hover .card-title, +.accordion.accordion-clean.accordion-hover .card-body { + padding-left: 1rem !important; + padding-right: 1rem !important; } + +.accordion.accordion-outline .card { + margin-bottom: 1rem; + border: 2px solid rgba(0, 0, 0, 0.08) !important; + border-radius: 4px !important; } + +.accordion.accordion-hover .card-title { + -webkit-transition: background-color 0.5s ease; + transition: background-color 0.5s ease; } + +.accordion.accordion-hover .card-header { + background: #fff; } + .accordion.accordion-hover .card-header:hover .card-title.collapsed { + color: #fff; + background-color: #a38cc6; } + +.accordion.accordion-hover .card-title:not(.collapsed) { + color: #fff; + background-color: #886ab5; } + +/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4 + does not allow you to add your own alert colors via variable control rather + through a systemetic agent that changes the theme colors. + + REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218 +*/ +.alert-primary { + color: dimgray; + background-color: #f3f1f5; + border-color: #d6d3da; } + +.alert-success { + color: #45a197; + background-color: #f7fdfc; + border-color: #a3ebe4; } + +.alert-danger { + color: #e7026e; + background-color: #ffe5f1; + border-color: #fe9ecb; } + +.alert-warning { + color: #c18300; + background-color: #fff8e9; + border-color: #ffcd65; } + +.alert-info { + color: #0a6ebd; + background-color: #e3f2fd; + border-color: #82c4f8; } + +.alert-secondary { + color: #505050; + background-color: #fbfbfb; + border-color: gainsboro; } + +.alert-icon { + width: 2.5rem; } + .alert-icon > i { + font-size: 1.75rem; } + .alert-icon + div { + padding-left: 0.25rem; } + +.badge.badge-icon { + position: absolute; + display: inline-block; + background-color: #fd3995; + color: #fff; + -webkit-box-shadow: 0 0 0 1px #fff; + box-shadow: 0 0 0 1px #fff; + cursor: default; + border: 1px solid transparent; + font-size: 0.625rem; + min-width: 1rem; + max-width: 1.6875rem; + padding: 0 3px; + border-radius: 1.25rem; + font-weight: 500; + line-height: normal; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + /* when self is relative */ + vertical-align: middle; } + +/* parent position needs to be relative, and turn off waves function */ +.btn-icon .badge { + top: auto; } + .btn-icon .badge.pos-top { + margin-top: -4px; } + .btn-icon .badge.pos-bottom { + margin-bottom: -4px; } + .btn-icon .badge.pos-left { + margin-left: -4px; } + .btn-icon .badge.pos-right { + margin-right: -4px; } + +.page-breadcrumb { + padding: 0; + background: transparent; + margin: 0 0 1.5rem; + position: relative; + text-shadow: #fff 0 1px; } + +.breadcrumb > li > a { + text-decoration: none !important; } + +.breadcrumb > li.breadcrumb-item { + max-width: 130px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; } + .breadcrumb > li.breadcrumb-item:hover { + max-width: 200px !important; + cursor: default; } + +[data-breadcrumb-seperator] + [data-breadcrumb-seperator]:before { + content: attr(data-breadcrumb-seperator); } + +.breadcrumb-lg > li { + font-size: 1rem; } + +.breadcrumb-sm > li { + font-size: 0.6875rem; } + +[class*='breadcrumb-seperator-'] .breadcrumb-item + .breadcrumb-item:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + font-weight: 400; + line-height: 1; + font-family: Font Awesome\ 5 Pro; } + +.breadcrumb-seperator-1 .breadcrumb-item + .breadcrumb-item:before { + content: "\f105"; } + +.breadcrumb-seperator-2 .breadcrumb-item + .breadcrumb-item:before { + content: "\f178"; } + +.breadcrumb-seperator-3 .breadcrumb-item + .breadcrumb-item:before { + content: "\f054"; } + +.breadcrumb-arrow { + padding: 0; + background: transparent; } + .breadcrumb-arrow li.active { + font-weight: 500; + opacity: 0.5; } + .breadcrumb-arrow li a { + color: white; + display: inline-block; + background: #838383; + text-decoration: none; + position: relative; + height: 2.5em; + line-height: 2.5em; + padding: 0 10px 0 5px; + text-align: center; + margin-right: 22px; } + .breadcrumb-arrow li:nth-child(even) a { + background-color: #838383; } + .breadcrumb-arrow li:nth-child(even) a:before { + border-color: #838383; + border-left-color: transparent; } + .breadcrumb-arrow li:nth-child(even) a:after { + border-left-color: #838383; } + .breadcrumb-arrow li:first-child a { + padding-left: 0.938em; + border-radius: 4px 0 0 4px; } + .breadcrumb-arrow li:first-child a:before { + border: none; } + .breadcrumb-arrow li:last-child a { + padding-right: 0.938em; + border-radius: 0 4px 4px 0; } + .breadcrumb-arrow li:last-child a:after { + border: none; } + .breadcrumb-arrow li a:before, .breadcrumb-arrow li a:after { + content: ""; + position: absolute; + top: 0; + border: 0 solid #838383; + border-width: 1.250em 10px; + width: 0; + height: 0; } + .breadcrumb-arrow li a:before { + left: -20px; + border-left-color: transparent; } + .breadcrumb-arrow li a:after { + left: 100%; + border-color: transparent; + border-left-color: #838383; } + .breadcrumb-arrow li a:hover { + background-color: #886ab5; } + .breadcrumb-arrow li a:hover:before { + border-color: #886ab5; + border-left-color: transparent; } + .breadcrumb-arrow li a:hover:after { + border-left-color: #886ab5; } + .breadcrumb-arrow li a:active { + background-color: #838383; } + .breadcrumb-arrow li a:active:before { + border-color: #838383; + border-left-color: transparent; } + .breadcrumb-arrow li a:active:after { + border-left-color: #838383; } + +/* btn switch */ +.btn-switch { + background: dimgray; + padding: 2px 8px 1px 22px; + font-size: 10px; + line-height: 15px; + border-radius: 20px; + text-transform: uppercase; + color: white; + font-weight: 500; + min-width: 55px; + height: 20px; + margin-top: 5%; + position: relative; + overflow: hidden; } + .btn-switch:hover { + -webkit-transform: scale(1.1); + transform: scale(1.1); + color: white; } + .btn-switch:before { + content: "OFF"; + position: absolute; + right: 7px; } + .btn-switch:after { + content: " "; + text-align: center; + color: white; + width: 16px; + height: 16px; + position: absolute; + background: #fff; + padding: 1px; + left: 0; + top: 0; + line-height: normal; + margin: 1px; + border-radius: 50%; + -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .btn-switch.active { + color: #fff; + background: #886ab5; } + .btn-switch.active:before { + content: "ON"; + left: 7px; + right: auto; + color: white; } + .btn-switch.active:after { + content: " "; + right: 0; + left: auto; + background: #fff; + color: #886ab5; } + +/* button used to close filter and mobile search */ +.btn-search-close { + position: absolute !important; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0px 5px; + border-radius: 3px; + color: #fff; + right: 8px; + top: 0; + left: 0; + bottom: 0; + margin: auto 0 auto auto; + width: 20px; + height: 20px; } + +/* buttons used in the header section of the page */ +.header-btn[data-class='mobile-nav-on'] { + border-color: #fc077a; + background-color: #fd2087; + background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e)); + background-image: linear-gradient(to top, #fd2087, #e7026e); + color: #fff; + width: 3.875rem; } + +/* btn widths */ +.btn-w-m { + min-width: 85px; } + +.btn-w-l { + min-width: 130px; } + +.btn-m-s { + margin: 3px 1px; } + +.btn-m-l { + margin: 3px 2.5px; } + +/* dropdown btn */ +/* used on info card pulldown filter */ +.pull-trigger-btn { + position: absolute !important; + top: -5px; + left: 0; + right: 0; + margin-left: auto; + margin-right: auto; + background: rgba(0, 0, 0, 0.4); + padding: 0px 9px; + border: 1px solid rgba(0, 0, 0, 0.4); + border-radius: 0 0 20px 20px; + text-decoration: none; + font-size: 17px; + height: 21px; + width: 31px; + color: #fff !important; + line-height: 20px; + text-align: center; + -webkit-transition: all 200ms cubic-bezier(0.34, 1.25, 0.6, 1); + transition: all 200ms cubic-bezier(0.34, 1.25, 0.6, 1); + -webkit-box-shadow: 0px 0px 2px rgba(136, 106, 181, 0.3); + box-shadow: 0px 0px 2px rgba(136, 106, 181, 0.3); + opacity: 1; } + .pull-trigger-btn:hover { + font-size: 23px; + height: 25px; + width: 35px; + line-height: 23px; + background: #886ab5; + border-color: #7a59ad; + -webkit-box-shadow: 0px 0px 10px #5790b3; + box-shadow: 0px 0px 10px #5790b3; } + +/* buttons dropshadow */ +/*[class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']), +[class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']):focus {*/ +.btn-shadow, +.btn-shadow:focus { + -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } + .btn-shadow:active, + .btn-shadow .active, + .btn-shadow:focus:active, + .btn-shadow:focus .active { + -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3) !important; + box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3) !important; } + .btn-shadow:not(.disabled):not([disabled]):hover, + .btn-shadow:focus:not(.disabled):not([disabled]):hover { + -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); + box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); } + +.btn:active { + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; } + +/*.btn-group { + [class*='btn-'] { + box-shadow: 0 0px 0px 0 rgba(0,0,0,.3) !important; + } +}*/ +.btn-light { + border-color: rgba(0, 0, 0, 0.15); } + .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .btn-light:hover { + border-color: rgba(0, 0, 0, 0.25); } + +.show > .btn-light.dropdown-toggle { + border-color: rgba(0, 0, 0, 0.25); } + +/* btn misc */ +.btn-outline-default { + background-color: transparent; + color: #212529; + border-color: #E5E5E5; } + .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, + .show > .btn-outline-default.dropdown-toggle { + color: #212529; + background-color: #f9f9f9; + border-color: #E5E5E5; } + .btn-outline-default.disabled, .btn-outline-default:disabled { + color: #212529; + background-color: transparent; } + +.btn-pills { + border-radius: 15px; } + +/* new btn size */ +.btn-xs, +.btn-group-xs > .btn { + padding: 1px 0.844rem; + font-size: .7rem; + line-height: 1.5; + border-radius: .25rem; } + +/* btn shadows */ +.btn-primary { + -webkit-box-shadow: 0 2px 6px 0 rgba(136, 106, 181, 0.5); + box-shadow: 0 2px 6px 0 rgba(136, 106, 181, 0.5); } + +.btn-secondary { + -webkit-box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5); + box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5); } + +.btn-success { + -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); + box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); } + +.btn-info { + -webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); + box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); } + +.btn-warning { + -webkit-box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); + box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); } + +.btn-danger { + -webkit-box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5); + box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5); } + +.btn-light { + -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); + box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); } + +.btn-dark { + -webkit-box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5); + box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5); } + +/* btn icon */ +.btn-icon { + width: calc(2.1rem + 2px); + padding: 0; + line-height: 2.1rem; } + .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):hover { + background-color: rgba(0, 0, 0, 0.05); + border-color: transparent; } + .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):not(.active):not(:active):not(:hover):not(:focus) { + background: transparent; + color: #434343; } + .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):focus { + border-color: rgba(80, 80, 80, 0.1) !important; } + .btn-icon.btn-xs { + width: calc(1.15rem + 2px); + line-height: 1.15rem; } + .btn-icon.btn-sm { + width: calc(1.5rem + 2px); + line-height: 1.5rem; } + .btn-icon.btn-lg { + width: calc(3rem + 2px); + line-height: 3rem; } + +.btn-icon-light { + color: rgba(255, 255, 255, 0.7) !important; + border-color: transparent !important; } + .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) { + color: rgba(255, 255, 255, 0.7) !important; } + .btn-icon-light:hover { + color: #fff !important; + background-color: rgba(255, 255, 255, 0.2) !important; } + +.card-header { + color: inherit; + background-color: #f7f9fa; } + .card-header small { + margin: 0; + opacity: 0.8; + font-weight: 400; + font-size: 85%; } + +/* remove extra margin in card child items */ +.card, +.card-group { + -webkit-box-shadow: 0px 0px 13px 0px rgba(74, 53, 107, 0.08); + box-shadow: 0px 0px 13px 0px rgba(74, 53, 107, 0.08); } + .card > :last-child, + .card-group > :last-child { + margin-bottom: 0px; } + +.accordion > .card { + -webkit-box-shadow: none; + box-shadow: none; } + +.card-group > .card { + -webkit-box-shadow: none; + box-shadow: none; } + +/* remove wierd line height issue */ +.card-header-pills, +.card-header-tabs { + font-size: 0; } + .card-header-pills .nav-link, + .card-header-tabs .nav-link { + font-size: 0.8125rem; } + +/* card title */ +.card-title { + font-size: 0.9375rem; } + +.card-header .card-title { + display: inline-block; + padding: 0; + margin: 0 0.5rem 0 0; } + +.carousel-indicators li { + border-radius: 50%; } + +.carousel-control-prev:hover { + /*background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%); + background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); */ + background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0))); + background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } + +.carousel-control-next:hover { + /*background: -moz-linear-gradient(right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%); + background: -webkit-linear-gradient(right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%);*/ + background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0))); + background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } + +.dropdown-header.bg-trans-gradient { + padding: 1.25rem 1.5rem; } + +/* dropdown-item hover menu*/ +.dropdown-menu-animated { + -webkit-transform: scale(0.8) !important; + transform: scale(0.8) !important; + -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); + opacity: 0; + visibility: hidden; + display: block; } + +/* various sizes */ +.dropdown-menu { + -webkit-box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); + box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); + -webkit-user-select: text; } + .dropdown-menu .dropdown-item { + font-weight: 400; + cursor: pointer; } + .dropdown-menu.dropdown-sm { + width: 8rem; + height: auto; } + .dropdown-menu.dropdown-md { + width: 14rem; + height: auto; } + .dropdown-menu.dropdown-lg { + width: 17.5rem; + height: auto; } + .dropdown-menu.dropdown-xl { + width: 21.875rem; + height: auto; } + .dropdown-menu .dropdown-item:first-child, .dropdown-menu .dropdown-item:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + +/* replace bootstrap's default arrow */ +.dropdown-toggle:after, +.dropleft .dropdown-toggle:before { + text-align: center; + display: inline; + border: 0 !important; + font-family: 'Font Awesome 5 Pro'; + content: "\f107" !important; + vertical-align: top !important; + position: relative; } + +.dropup .dropdown-toggle:after { + content: "\f106" !important; } + +.dropright .dropdown-toggle:after { + content: "\f105" !important; } + +.dropleft .dropdown-toggle:before { + content: "\f104" !important; } + +.nav-item .dropdown-toggle:after { + font-size: 0.90em; } + +/* remove arrow */ +.dropdown-toggle.no-arrow:before, .dropdown-toggle.no-arrow:after { + display: none !important; } + +/* dropdown menu multi-level */ +.dropdown-menu .dropdown-menu { + margin: 0; + padding: 0; + border-radius: 0; + position: absolute; + top: -1px; + left: 100%; + background: #fff; + -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + -webkit-transform: scale(0.8); + transform: scale(0.8); + -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); + -webkit-transition-delay: 500ms; + transition-delay: 500ms; + opacity: 0; + visibility: hidden; + display: block; } + .dropdown-menu .dropdown-menu .dropdown-item { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + +.dropdown-menu .dropdown-multilevel { + position: relative; + /* it is displayed on right by default */ + /* add arrow */ } + .dropdown-menu .dropdown-multilevel.dropdown-multilevel-left > .dropdown-menu { + right: 100%; + left: auto; } + .dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after { + content: "\f2fb"; + font-family: 'nextgen-icons'; + font-size: inherit; + position: absolute; + right: 0; + top: 0; + bottom: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-right: 1.5rem; } + .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) { + background: #f8f9fa; + color: #6e4e9e; } + .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) + .dropdown-menu { + -webkit-transition-delay: 0ms; + transition-delay: 0ms; + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: 29px -50px; + transform-origin: 29px -50px; + opacity: 1; + visibility: visible; } + +.icon-stack { + position: relative; + display: inline-block; + width: 1em; + height: 1em; + line-height: 1em; + vertical-align: middle; + text-align: center; } + +.icon-stack-1x, +.icon-stack-2x, +.icon-stack-3x { + position: absolute !important; + left: 0; + bottom: 0; + width: 100%; + text-align: center; + line-height: inherit !important; } + +.icon-stack-1x { + font-size: 0.5em; } + +.icon-stack-2x { + font-size: 0.70em; + /*padding-right: 0.025em;*/ } + +.icon-stack-3x { + font-size: 1em; } + +.icon-stack-xl { + font-size: 3.125rem; } + +.icon-stack-lg { + font-size: 2.5rem; } + +.icon-stack-md { + font-size: 2.125rem; } + +.icon-stack-sm { + font-size: 1.875rem; } + +.filter-message { + display: block; + text-align: center; + padding: 2px; + font-size: 0.6875rem; + text-transform: capitalize; + font-style: italic; + width: calc(100% - 60px); + max-width: 180px; + border-radius: 4px; + margin: 1rem auto; } + .filter-message:empty { + display: none; } + +.js-list-filter:not(.primary-nav) { + /* these classes are triggered by JS */ + /*.js-filter-show { + display:block !important; + }*/ } + .js-list-filter:not(.primary-nav) .js-filter-hide { + display: none !important; } + +.js-list-filter.nav-menu:not(.primary-nav) .js-filter-show { + display: block !important; } + +.loader { + display: none; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + background: rgba(255, 255, 255, 0.5); + color: inherit; + z-index: 10; + /* + The use of translate3d pushes CSS animations into hardware acceleration. + Even if you're looking to do a basic 2d translation, use translate3d for more power! + If your animation is still flickering after switching to the transform above, + you can use a few little-known CSS properties to try to fix the problem: + */ + /*-webkit-transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + -webkit-perspective: 1000; */ } + +/*:not(.enable-loader) .loader { + > * { + animation: pause; + } +}*/ +.enable-loader:before { + content: ''; + background-color: rgba(255, 255, 255, 0.7); + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; } + +.enable-loader .loader { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + +#msgr_listfilter_input { + width: calc(100% - 1rem); + margin: 0 auto; + margin-top: -41px; + padding-left: 41px; + margin-bottom: 10px; + opacity: 0; + background: transparent; + -webkit-transition-delay: 100ms; + transition-delay: 100ms; } + +.msgr-list { + width: 14.563rem; + right: -11.438rem; + z-index: 101; + -webkit-transition-delay: 100ms; + transition-delay: 100ms; } + .msgr-list + .msgr { + width: calc(100% - 3.125rem); + height: 100%; } + .msgr-list + .msgr:before { + content: ''; + height: 100%; + width: 100%; + background: rgba(255, 255, 255, 0.4); + position: absolute; + z-index: 100; + -webkit-transition-delay: 100ms; + transition-delay: 100ms; + opacity: 0; + visibility: hidden; } + .msgr-list:hover { + right: 0; + border-left-color: rgba(0, 0, 0, 0.1); } + .msgr-list:hover #msgr_listfilter_input { + opacity: 1; } + .msgr-list:hover + .msgr:before { + opacity: 1; + visibility: visible; } + +/*.msgr-chatinput { + + min-height: 110px; + max-height: 160px; + + [contenteditable="true"] { + min-height:50px; + max-height:110px; + } + +}*/ +/*.msgr-chatinput-icons { + height: 40px; +}*/ +/*.msgr-chatinput-container { + > div { + border-top: 1px solid rgba($black,0.07); + } +}*/ +/* IE HACK */ +/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + [contenteditable="true"] { + height: 110px; + } +}*/ +.chat-segment-get { + text-align: left; + position: relative; + margin: 0 2rem 0.5rem 0; } + .chat-segment-get.chat-start .chat-message { + border-bottom-left-radius: 3px; } + .chat-segment-get.chat-start + :not(.chat-end) .chat-message { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } + .chat-segment-get.chat-end .chat-message { + border-top-left-radius: 3px; } + .chat-segment-get .chat-message { + background: #f1f0f0; + color: rgba(0, 0, 0, 0.8); + text-align: left; } + +.chat-segment-sent { + text-align: right; + position: relative; + margin: 0 0 .5rem 3rem; } + .chat-segment-sent.chat-start .chat-message { + border-bottom-right-radius: 3px; } + .chat-segment-sent.chat-start + :not(.chat-end) .chat-message { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; } + .chat-segment-sent.chat-end .chat-message { + border-top-right-radius: 3px; } + .chat-segment-sent .chat-message { + background: #1dc9b7; + color: white; + text-align: left; } + +.chat-message { + padding: 0.75rem 1rem; + border-radius: 0.625rem; + position: relative; + display: inline-block; } + .chat-message > p { + padding: 0.75rem 0 0; + margin: 0; } + .chat-message > p:first-child { + padding-top: 0; } + +.chat-start { + margin-bottom: 3px !important; } + .chat-start .time-stamp { + display: none; } + .chat-start + .chat-segment:not(.chat-end) { + margin-bottom: 3px !important; } + .chat-start + .chat-segment:not(.chat-end) .time-stamp { + display: none; } + +/* modal shadow */ +.modal-content { + -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } + +/* adjustments */ +.modal.show .modal-dialog { + -webkit-transform: none; + transform: none; } + +/* alert modal */ +.modal-alert { + padding: 0 !important; + /* overriding bootstrap generated style */ + /*.modal-body { + padding: 0.5rem 0; + } +*/ } + .modal-alert .modal-dialog { + max-width: 100% !important; + /* overriding bootstrap css for all media queries */ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-height: calc(100% - 3.5rem); + -webkit-transform: none !important; + transform: none !important; + /* overriding bootstrap css */ } + .modal-alert .modal-content { + background-color: rgba(0, 0, 0, 0.8); + border-radius: 0; + padding: 1.5rem 1rem 1rem; } + .modal-alert .modal-title { + font-size: 1.5rem; + font-weight: 300; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .modal-alert .modal-header, + .modal-alert .modal-body, + .modal-alert .modal-footer { + /*left: 20%; + width: 60%;*/ + width: 100%; + max-width: 992px; + margin: 0 auto; + padding: 0; + color: #fff; + position: relative; } + .modal-alert .close { + color: #fff; + text-shadow: 0 1px 0 #000; } + +/* transparent modal */ +.modal-transparent .modal-content { + -webkit-box-shadow: 0 1px 15px 1px rgba(86, 61, 124, 0.3); + box-shadow: 0 1px 15px 1px rgba(86, 61, 124, 0.3); } + +.modal-transparent .modal-content { + background: rgba(40, 36, 47, 0.85); } + +/* transparent backdrop */ +.modal-backdrop-transparent { + background: transparent; } + +/* fullscreen modal */ +.modal-fullscreen { + padding: 0 !important; } + .modal-fullscreen .modal-content { + border-radius: 0; + border-width: 0; } + .modal-fullscreen .modal-dialog { + max-width: calc(100vw - 40px); + max-height: calc(100vh - 80px); } + .modal-fullscreen .modal-dialog .modal-content { + height: calc(100vh - 80px); } + +/* top */ +.modal-dialog-top, +.modal-dialog-bottom { + position: absolute; + top: 0; + margin: 0; + min-width: 100%; } + .modal-dialog-top .modal-dialog, + .modal-dialog-bottom .modal-dialog { + width: 100%; + max-width: 100%; + margin: 0; } + .modal-dialog-top .modal-content, + .modal-dialog-bottom .modal-content { + border-radius: 0px; + border: 0; } + +.modal-dialog-bottom { + top: auto; + bottom: 0; } + .modal.fade .modal-dialog-bottom { + -webkit-transform: translate(0, 25%); + transform: translate(0, 25%); } + +/* left */ +.modal-dialog-left { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0 !important; } + .modal-dialog-left .modal-content { + min-height: 100%; + border-width: 0; + border-radius: 0; } + .modal.fade .modal-dialog-left { + -webkit-transform: translate(-25%, 0); + transform: translate(-25%, 0); } + +/* right */ +.modal-dialog-right { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + margin: 0 !important; + border-width: 0px; } + .modal-dialog-right .modal-content { + min-height: 100%; + border-width: 0; + border-radius: 0; } + .modal.fade .modal-dialog-right { + -webkit-transform: translate(25%, 0); + transform: translate(25%, 0); } + +.modal.show .modal-dialog { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); } + +/* modal size */ +.modal-md { + max-width: 350px; } + +.pagination .page-item:not(:first-child) { + margin-left: 0.4rem; } + +.pagination .page-item:first-child:not(.active) .page-link, +.pagination .page-item:last-child:not(.active) .page-link, +.pagination .page-item.disabled .page-link { + background: #e7e1f0; } + +.pagination .page-link { + border-radius: 4px; + border-width: 0px; } + .pagination .page-link:hover { + background-color: #886ab5 !important; + color: #fff; } + +.pagination.pagination-xs .page-link { + padding: 0.2rem 0.5rem; + font-size: 0.75rem; } + +.panel-fullscreen { + overflow: hidden; + max-width: 100%; } + +.panel { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + background-color: #fff; + -webkit-box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08); + box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08); + margin-bottom: 1.5rem; + border-radius: 4px; + border: 1px solid rgba(0, 0, 0, 0.09); + border-bottom: 1px solid #e0e0e0; + border-radius: 4px; + -webkit-transition: border 500ms ease-out; + transition: border 500ms ease-out; + /* panel container */ + /* panel refresh */ + /* panel fullscreen */ + /* panel collapse */ + /*&.panel-collapsed:not(.panel-fullscreen) { + + .panel-container { + display:none; + } + + }*/ + /* panel locked */ } + .panel .panel-container { + position: relative; + border-radius: 0 0 4px 4px; } + .panel .panel-container .panel-content { + padding: 1rem 1rem; } + .panel .panel-container .panel-content:only-child, .panel .panel-container .panel-content:last-child { + border-radius: 0 0 4px 4px; } + .panel.panel-refresh .js-panel-refresh { + opacity: 0.5; + cursor: wait; } + .panel.panel-fullscreen { + position: fixed !important; + /* there is a bug with jquery ui, so we have to add !important rule here */ + z-index: 2055; + top: 0; + left: 0; + right: 0; + height: 100vh !important; + max-height: 100vh !important; + width: 100vw !important; + max-width: 100vw !important; + border-radius: 0; + border: 0; + /*display: flex; + flex-direction: column;*/ + /* make panel header bigger */ } + .panel.panel-fullscreen [data-action="panel-collapse"], + .panel.panel-fullscreen .js-panel-collapse, + .panel.panel-fullscreen [data-action="panel-close"], + .panel.panel-fullscreen .js-panel-close { + display: none !important; } + .panel.panel-fullscreen .panel-hdr { + height: 4.125rem; + border-radius: 0; + -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(74, 53, 107, 0.1); + box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(74, 53, 107, 0.1); + /* make panel header bigger */ } + .panel.panel-fullscreen .panel-hdr h2 { + font-size: 1.125rem; + font-weight: 400; } + .panel.panel-fullscreen .js-panel-locked { + display: none; } + .panel.panel-fullscreen .btn-panel[data-action="panel-fullscreen"], + .panel.panel-fullscreen .js-panel-fullscreen { + width: 1.5rem; + height: 1.5rem; } + .panel.panel-fullscreen .panel-container { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow-y: auto; + border-radius: 0; + display: block !important; } + .panel.panel-locked:not(.panel-fullscreen) .js-panel-locked { + font-weight: bold; } + .panel.panel-locked:not(.panel-fullscreen) .panel-hdr h2:before { + font-family: 'nextgen-icons'; + content: "\f2ae"; + position: absolute; + top: 0; + bottom: 0; + right: 5px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 1.1rem; + color: #fd3995; } + .panel.ui-sortable-helper { + -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09); + box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09); + /*.panel-toolbar { + -webkit-filter: grayscale(100%); Safari 6.0 - 9.0 + filter: grayscale(100%); + }*/ } + +/* panel tag can be used globally */ +.panel-tag { + padding: 1rem 1rem; + margin-bottom: 2rem; + border-left: 3px solid #1dc9b7; + background: #eef7fd; + opacity: 0.8; + font-weight: 400; + font-size: 0.875rem; + border-radius: 0px 8px 8px 0px; } + .panel-tag > *:last-child, + .panel-tag > *:only-child { + margin-bottom: 0; } + .panel-tag:only-child { + margin-bottom: 0; } + +/* panel header */ +.panel-hdr { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: #fff; + min-height: 3rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.07); + border-radius: 4px 4px 0 0; + -webkit-transition: background-color 0.4s ease-out; + transition: background-color 0.4s ease-out; + /* add padding to first and last child */ + /* adjusts title */ } + .panel-collapsed .panel-hdr { + border-radius: 4px; } + .panel-hdr > :first-child { + padding-left: 1rem; } + .panel-hdr > :last-child { + padding-right: 1rem; } + .panel-hdr h2 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 0.875rem; + margin: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + line-height: 3rem; + color: inherit; + color: #333; + position: relative; + font-weight: 500; + /* panel header icon */ } + .panel-hdr h2:not(:only-child) { + margin-right: 0.66667rem; } + .panel-hdr h2 > [class*='fw-'] { + margin-left: 4px; } + .panel-hdr h2 small { + display: inline-block; + margin: 0; + opacity: 0.8; + font-weight: 400; + font-size: 0.75rem; + margin-left: 0.5rem; } + .panel-hdr h2 .panel-icon { + margin-right: 0.5rem; } + +.panel-hdr[class^="bg-"] h2, +.panel-hdr[class*=" bg-"] h2 { + color: inherit; } + +/* panel tap highlight */ +.panel-sortable:not(.panel-locked).ui-sortable-helper { + /*.panel-hdr { + &:active { + border-top-color: rgba($primary-300, 0.7); + border-left-color: rgba($primary-500, 0.7); + border-right-color: rgba($primary-500, 0.7); + + & + .panel-container { + + border-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7); + } + } + }*/ } + .panel-sortable:not(.panel-locked).ui-sortable-helper:active { + border-color: rgba(0, 0, 0, 0.15); } + +/*.panel-sortable .panel-hdr:active, +.panel-sortable .panel-hdr:active + .panel-container { + @include transition-border(0.4s, ease-out); +}*/ +.panel-sortable.panel-locked { + /*.panel-hdr { + &:active { + border-top-color: $danger-300; + border-left-color: $danger; + border-right-color: $danger; + + & + .panel-container { + border-color: transparent $danger $danger; + } + } + }*/ } + +/* panel toolbar (sits inside panel header) */ +.panel-toolbar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + /* we curve the last button to make it seamless with panel's border radius */ } + .panel-toolbar .btn-panel { + margin-left: 0.3rem; + padding: 0; + width: 1rem; + height: 1rem; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 50%; + opacity: 0.8; + /* add default colors for action buttons */ + /*&:after { + content: ""; + position: absolute; + border: 1px solid rgba($white, 0.6); + border-radius: 50%; + width: calc(100% + 2px); + height: calc(100% + 2px); + right: -1px; + top: -1px; + }*/ } + .panel-toolbar .btn-panel:hover { + opacity: 1; } + .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse { + background: #1dc9b7; } + .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { + background: #ffc241; } + .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { + background: #fd3995; } + .panel-toolbar .btn-toolbar-master { + height: 3rem; + width: 1.826875rem; + /* stop flickering bug due to cpu latency */ + border-radius: 0; + margin-right: -1rem; + border-top-right-radius: 3px; + margin-left: 0.5rem; + padding: 0 13px; + background: transparent; + border: 0; + font-size: 1.5625rem; + color: inherit; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + .panel-toolbar .btn-toolbar-master[aria-expanded="true"] { + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } + .panel-toolbar .btn-toolbar-master + .dropdown-menu { + right: 0; + top: 3rem; + left: auto !important; + margin: 0; + border-radius: 0; } + .panel-toolbar .btn-panel-flat:last-child { + border-top-right-radius: 3px; } + +.panel-sortable:not(.panel-fullscreen):not(.panel-locked) .ui-sortable-handle { + cursor: move; } + +/* placeholder */ +.panel-placeholder { + background-color: #e8e6ec; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 1.5rem; + border-radius: 5px; + position: relative; + overflow: hidden; + border: 1px solid transparent; + /* placeholder border animation */ } + .panel-placeholder:before, .panel-placeholder:after { + content: " "; + background-image: url(data:image/gif;base64,R0lGODlhCAAIAJAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACAAIAAACD4SDYZB6udpiaMJYsXuoAAAh+QQECgD/ACwAAAAACAAIAAACDYQRGadrzVRMB9FZ5SwAIfkEBAoA/wAsAAAAAAgACAAAAg8MDqGYaudeW9ChyOyltQAAIfkEBAoA/wAsAAAAAAgACAAAAg9MgGCXm+rQYtC0WGl9oQAAIfkEBAoA/wAsAAAAAAgACAAAAg+MgWCRernaYmjCWLF7qAAAIfkEBAoA/wAsAAAAAAgACAAAAg2MAwmna81UTAfRWeUsACH5BAQKAP8ALAAAAAAIAAgAAAIPRB6gmGrnXlvQocjspbUAACH5BAQKAP8ALAAAAAAIAAgAAAIPBIJhl5vq0GLQtFhpfaAAADs=); + border-radius: 5px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 0.3; } + .panel-placeholder:before { + background: #e8e6ec; + margin: 1px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + opacity: 1; + z-index: 1; } + +.mod-panel-clean { + /*.panel-container { + .panel-content:first-child { + padding-top: $p-1; + } + }*/ } + .mod-panel-clean .panel-hdr { + background: #fff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff)); + background-image: linear-gradient(to bottom, #f7f7f7, #fff); + -webkit-box-shadow: none; + box-shadow: none; } + .mod-panel-clean .panel-hdr h2 { + color: #333; + font-weight: 500; } + +@media only screen and (max-width: 420px) { + /* making mobile spacing a little narrow */ + .panel .panel-hdr { + font-size: 0.875rem; + min-height: -1rem; } + .panel .panel-hdr > :first-child { + padding-left: 10px; } + .panel .panel-hdr > :last-child { + padding-right: 10px; } + .panel .panel-hdr .panel-toolbar .btn-toolbar-master { + margin-right: -10px; } + .panel .panel-container .panel-content:first-child { + padding: 10px; } } + +/* print only selected panel when on fullscreen */ +@media print { + .panel-fullscreen .subheader, + .panel-fullscreen .page-breadcrumb, + .panel-fullscreen .page-content .panel:not(.panel-fullscreen) { + display: none; } + .panel-fullscreen .panel-hdr, + .panel-fullscreen .panel-container, + .panel-fullscreen .panel-content, + .panel-fullscreen h2 { + border: none; + padding: 0 !important; } + .panel-fullscreen .panel { + margin: 0; } } + +.popover { + -webkit-box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); + box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); + margin: 12px; } + .popover .arrow { + border-color: inherit; } + .popover .popover-header { + font-weight: 500; + font-size: 0.875rem; + border-radius: 0.5rem 0.5rem 0 0; + border-bottom-width: 0px; } + .popover .popover-body { + padding: 0; } + +.popover-body:not(:empty) { + padding: 0 1rem 1rem; } + +.popover-header:empty + .popover-body { + padding-top: 1rem; } + +.progress-xs { + height: 5px; } + +.progress-sm { + height: 8px; } + +.progress-md { + height: 14px; } + +.progress-lg { + height: 20px; } + +.progress-xl { + height: 30px; } + +/*$app-shortcut-btn-size: 49px; + +$menu-item-size: 45px; +$menu-items:5; +$menu-grid-icon: 5px; +$menu-item-direction: 'top'; //top or left*/ +.menu-item, +label.menu-open-button { + background: #886ab5; + border-radius: 50%; + width: 45px; + height: 45px; + position: absolute !important; + padding: 0; + right: 0; + bottom: 0; + color: #fff !important; + text-align: center; + line-height: 45px; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: -webkit-transform ease-out 200ms; + transition: -webkit-transform ease-out 200ms; + transition: transform ease-out 200ms; + transition: transform ease-out 200ms, -webkit-transform ease-out 200ms; + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); } + .menu-item:hover, + label.menu-open-button:hover { + background: #6e4e9e; } + +.shortcut-menu { + position: fixed; + right: 1.5rem; + bottom: 4.3125rem; + z-index: 931; } + +.menu-open { + display: none; } + +.menu-item, +label.menu-open-button { + font-size: 16px; } + +label.menu-open-button { + z-index: 932; + -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + cursor: pointer; + margin: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + +.app-shortcut-icon { + width: 5px; + height: 5px; + background: #ecf0f1; + color: #ecf0f1; + -webkit-transition: .3s; + transition: .3s; + -webkit-box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px; + box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px; } + +.menu-open:checked + .menu-open-button { + -webkit-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transform: scale(0.9, 0.9) translate3d(0, 0, 0); + transform: scale(0.9, 0.9) translate3d(0, 0, 0); + background: #505050; } + .menu-open:checked + .menu-open-button .app-shortcut-icon { + -webkit-box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important; + box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important; + -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); + transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); } + +.menu-open:checked ~ .menu-item { + -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); + transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } + .menu-open:checked ~ .menu-item:nth-child(3) { + -webkit-transition-duration: 150ms; + transition-duration: 150ms; + -webkit-transform: translate3d(0, -48px, 0); + transform: translate3d(0, -48px, 0); } + .menu-open:checked ~ .menu-item:nth-child(4) { + -webkit-transition-duration: 250ms; + transition-duration: 250ms; + -webkit-transform: translate3d(0, -96px, 0); + transform: translate3d(0, -96px, 0); } + .menu-open:checked ~ .menu-item:nth-child(5) { + -webkit-transition-duration: 350ms; + transition-duration: 350ms; + -webkit-transform: translate3d(0, -144px, 0); + transform: translate3d(0, -144px, 0); } + .menu-open:checked ~ .menu-item:nth-child(6) { + -webkit-transition-duration: 450ms; + transition-duration: 450ms; + -webkit-transform: translate3d(0, -192px, 0); + transform: translate3d(0, -192px, 0); } + .menu-open:checked ~ .menu-item:nth-child(7) { + -webkit-transition-duration: 550ms; + transition-duration: 550ms; + -webkit-transform: translate3d(0, -240px, 0); + transform: translate3d(0, -240px, 0); } + +/* set base height for slider */ +.slide-on-mobile { + width: 15rem; } + +@media only screen and (max-width: 992px) { + /* SIDE PANELS */ + .slide-on-mobile { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 950; + position: absolute !important; + top: 0; + bottom: 0; + background-color: #f8f9fa; + -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } + .slide-backdrop { + background: transparent; + -webkit-transition: background 300ms; + transition: background 300ms; } + .slide-on-mobile-left { + border-right: 1px solid rgba(0, 0, 0, 0.09); + /* new solution */ + left: -15rem; } + .slide-on-mobile-left-show { + left: 0; } + .slide-on-mobile-right { + border-left: 1px solid rgba(0, 0, 0, 0.09); + right: -15rem; } + .slide-on-mobile-right-show { + right: 0; } + /* place the backdrop right after these classes */ + .slide-on-mobile-right-show + .slide-backdrop, + .slide-on-mobile-left-show + .slide-backdrop { + background: rgba(0, 0, 0, 0.09); + position: absolute; + z-index: 948; + left: 0; + right: 0; + bottom: 0; + top: 0; } } + +/* bootstrap override table stripe */ +.table.table-striped:not(.table-bordered) th, +.table.table-striped:not(.table-bordered) tbody th, +.table.table-striped:not(.table-bordered) tbody td { + border: 0; } + +.table thead[class^="bg-"] tr > th, +.table thead[class*=" bg-"] tr > th { + border-top: 0; + border-bottom: 0; } + +.table tr[class^="bg-"] > td, +.table tr[class^="bg-"] > th, +.table tr[class*=" bg-"] > td, +.table tr[class*=" bg-"] > th { + border-top: 0 !important; } + +.thead-themed { + background-color: #f2f2f2; + background-image: -webkit-gradient(linear, left bottom, left top, from(#f2f2f2), to(#fafafa)); + background-image: linear-gradient(to top, #f2f2f2, #fafafa); } + +.table-dark .thead-themed { + background-color: #363636; + background-image: -webkit-gradient(linear, left bottom, left top, from(#363636), to(#2a2a2a)); + background-image: linear-gradient(to top, #363636, #2a2a2a); } + +.table-bordered[class*=" bg-"], +.table-bordered[class*=" bg-"] td, +.table-bordered[class*=" bg-"] th, .table-bordered[class^="bg-"], +.table-bordered[class^="bg-"] td, +.table-bordered[class^="bg-"] th { + border: 1px solid rgba(255, 255, 255, 0.1); } + +.table-bordered [class*=" bg-"] td, +.table-bordered [class*=" bg-"] th, +.table-bordered [class^="bg-"] td, +.table-bordered [class^="bg-"] th { + border: 1px solid rgba(0, 0, 0, 0.1); } + +/* table hover */ +.table-hover tbody tr:hover { + -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); + box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); + z-index: 1; } + +/* reset table (global) */ +th { + font-weight: 500; } + +.table-clean { + background: transparent; + border: none; } + .table-clean tr, + .table-clean td, + .table-clean th { + border: none; + background: none; } + +.table-scale-border-top { + border-top: 2px solid #505050 !important; } + +.table-scale-border-bottom { + border-bottom: 2px solid #505050 !important; } + +/* nav tabs panel */ +.nav-tabs-clean { + height: 45px; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); } + .nav-tabs-clean .nav-item .nav-link { + border-radius: 0; + border: 0; + height: 45px; + /*font-size: rem($fs-md); + font-weight: 500;*/ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid transparent; } + .nav-tabs-clean .nav-item .nav-link.active { + border-bottom: 1px solid #886ab5; + color: #886ab5; } + .nav-tabs-clean .nav-item .nav-link:hover { + color: #886ab5; } + +/* hack for waves effect breaking tabs */ +/*.nav-tabs .nav-item > .nav-link.waves-effect { + height: 100% !important; + display: block; +}*/ +/* fontsize for tabs */ +.nav-tabs .nav-item .nav-link:not(:hover) { + color: inherit; } + +.nav-tabs .nav-item .nav-link.active:not(:hover) { + color: #333; } + +.nav-tabs .nav-item .nav-link:hover:not(.active) { + color: inherit; } + +.nav .nav-link:not([class^="btn-"]):not([class*=" btn-"]) { + font-weight: 500; + font-size: 1rem; + color: #fff;} + +.nav-link:hover { + color: #ffc800!important; } + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #886ab5; } + +.tooltip-inner { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; + font-weight: 500; + -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } + +/*.tooltip .arrow { + display: none; +}*/ +/* #MISC - misc styles, helpers, effects and hacks +========================================================================== */ +/* height & width auto */ +.h-auto { + height: auto !important; } + +.w-auto { + width: auto !important; } + +.min-height-reset { + min-height: initial !important; } + +.max-width-reset { + max-width: none !important; } + +.max-height-reset { + max-height: none !important; } + +/* width preset */ +.min-width-0 { + min-width: 0; } + +.width-0 { + width: 0; } + +.width-1 { + width: 1.5rem; } + +.width-2 { + width: 2rem; } + +.width-3 { + width: 2.5rem; } + +.width-4 { + width: 2.75rem; } + +.width-5 { + width: 3rem; } + +.width-6 { + width: 3.25rem; } + +.width-7 { + width: 3.5rem; } + +.width-8 { + width: 3.75rem; } + +.width-9 { + width: 4rem; } + +.width-10 { + width: 4.25rem; } + +.width-xs { + min-width: 5rem; } + +.width-sm { + min-width: 10rem; } + +.width-lg { + min-width: 15rem; } + +.width-xl { + min-width: 20rem; } + +.height-0 { + height: 0; } + +.height-1 { + height: 1.5rem; } + +.height-2 { + height: 2rem; } + +.height-3 { + height: 2.5rem; } + +.height-4 { + height: 2.75rem; } + +.height-5 { + height: 3rem; } + +.height-6 { + height: 3.25rem; } + +.height-7 { + height: 3.5rem; } + +.height-8 { + height: 3.75rem; } + +.height-9 { + height: 4rem; } + +.height-10 { + height: 4.25rem; } + +.height-xs { + min-height: 5rem; } + +.height-sm { + min-height: 10rem; } + +.height-lg { + min-height: 15rem; } + +.height-xl { + min-height: 20rem; } + +/* line-heights */ +.l-h-n { + line-height: normal; } + +/* no bg image */ +.bg-img-none { + background-image: none !important; } + +/* flex */ +.flex-1 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + +/* margins */ +.m-g { + margin: 1.5rem; } + +.mb-g { + margin-bottom: 1.5rem !important; } + +.mb-gb { + margin-bottom: 3rem; } + +/* paddings */ +.p-g { + padding: 1.5rem; } + +/* text turncaters */ +.text-truncate-header { + max-width: 6.0625rem; } + +.text-truncate-xs { + max-width: 4.5625rem; } + +.text-truncate-sm { + max-width: 117px; } + +.text-truncate-md { + max-width: 160px; } + +.text-truncate-default { + max-width: 180px; } + +.text-truncate-lg { + max-width: 200px; } + +/* blur text */ +.text-blur { + color: transparent !important; + text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } + +a.text-blur { + text-shadow: 0 0 5px rgba(136, 106, 181, 0.5); } + +/* positions usage: + .position-absolute|relative|static|fixed .pos-top|left|right|bottom */ +.pos-top { + top: 0; } + +.pos-left { + left: 0; } + +.pos-right { + right: 0; } + +.pos-bottom { + bottom: 0; } + +/* font weights */ +.fw-300 { + font-weight: 300 !important; } + +.fw-400 { + font-weight: 400 !important; } + +.fw-500 { + font-weight: 500 !important; } + +.fw-700 { + font-weight: 700 !important; } + +.fw-900 { + font-weight: 900 !important; } + +.fw-n { + font-weight: normal !important; } + +/* font sizes */ +.fs-nano { + font-size: 0.6875rem !important; } + +/* 10px */ +.fs-xs { + font-size: 0.75rem !important; } + +/* 12px */ +.fs-sm { + font-size: 0.78125rem !important; } + +/* 12.5px */ +.fs-b { + font-size: 0.8125rem !important; } + +/* 13px */ +.fs-md { + font-size: 0.875rem !important; } + +/* 14px */ +.fs-lg { + font-size: 0.9375rem !important; } + +/* 15px */ +.fs-xl { + font-size: 1rem !important; } + +/* 16px */ +.fs-xxl { + font-size: 1.75rem !important; } + +/* page header */ +/* alphas */ +.opacity-5 { + opacity: 0.05; } + +.opacity-10 { + opacity: 0.1; } + +.opacity-15 { + opacity: 0.15; } + +.opacity-20 { + opacity: 0.2; } + +.opacity-25 { + opacity: 0.25; } + +.opacity-30 { + opacity: 0.3; } + +.opacity-35 { + opacity: 0.35; } + +.opacity-40 { + opacity: 0.4; } + +.opacity-45 { + opacity: 0.45; } + +.opacity-50 { + opacity: 0.5; } + +.opacity-55 { + opacity: 0.55; } + +.opacity-60 { + opacity: 0.6; } + +.opacity-65 { + opacity: 0.65; } + +.opacity-70 { + opacity: 0.7; } + +.opacity-75 { + opacity: 0.75; } + +.opacity-80 { + opacity: 0.8; } + +.opacity-85 { + opacity: 0.85; } + +.opacity-90 { + opacity: 0.9; } + +.opacity-95 { + opacity: 0.95; } + +.opacity-100 { + opacity: 1; } + +/* backgrounds */ +.bg-white { + background-color: #fff; + color: #666666; } + +.bg-faded { + background-color: #f7f9fa; } + +.bg-offwhite-fade { + background-color: #fff; + background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f8f8f8)); + background-image: linear-gradient(to top, #fff, #f8f8f8); } + +.bg-subtlelight { + background-color: white; } + +.bg-subtlelight-fade { + background-color: #fff; + background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f5fcff)); + background-image: linear-gradient(to top, #fff, #f5fcff); } + +.bg-highlight { + background-color: #fffaee; } + +.bg-gray-50 { + background-color: #f9f9f9; } + +.bg-gray-100 { + background-color: #f8f9fa; } + +.bg-gray-200 { + background-color: #f3f3f3; } + +.bg-gray-300 { + background-color: #dee2e6; } + +.bg-gray-400 { + background-color: #ced4da; } + +.bg-gray-500 { + background-color: #adb5bd; } + +.bg-gray-600 { + background-color: #868e96; } + +.bg-gray-700 { + background-color: #495057; } + +.bg-gray-800 { + background-color: #343a40; } + +.bg-gray-900 { + background-color: #212529; } + +/* borders */ +.border-faded { + border: 1px solid rgba(29, 29, 29, 0.07); } + +.border-transparent { + border: 1px solid transparent !important; } + +/* border radius */ +.border-top-left-radius-0 { + border-top-left-radius: 0 !important; } + +.border-bottom-left-radius-0 { + border-bottom-left-radius: 0 !important; } + +.border-top-right-radius-0 { + border-top-right-radius: 0 !important; } + +.border-bottom-right-radius-0 { + border-bottom-right-radius: 0 !important; } + +.rounded-plus { + border-radius: 10px; } + +.rounded-bottom { + border-radius: 0 0 4px; } + +.rounded-top { + border-radius: 4px 4px 0 0; } + +/* progressbars */ +/*.progress-xs { height: 5px } +.progress-sm { height: 8px } +.progress-md { height: 14px } +.progress-lg { height: 20px } +.progress-xl { height: 30px }*/ +/* rotate */ +.rotate-90 { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + +.rotate-180 { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +.rotate-270 { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); } + +/* shadows */ +.shadow-0 { + -webkit-box-shadow: none !important; + box-shadow: none !important; } + +.shadow-1, .shadow-hover-1:hover { + -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.1); } + +.shadow-2, .shadow-hover-2:hover { + -webkit-box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1); + box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1); } + +.shadow-3, .shadow-hover-3:hover { + -webkit-box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.125); + box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.125); } + +.shadow-4, .shadow-hover-4:hover { + -webkit-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.125); + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.125); } + +.shadow-5, .shadow-hover-5:hover { + -webkit-box-shadow: 0 0.125rem 0.325rem rgba(0, 0, 0, 0.175); + box-shadow: 0 0.125rem 0.325rem rgba(0, 0, 0, 0.175); } + +.shadow-inset-1, .shadow-hover-inset-1:hover { + -webkit-box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); + box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); } + +.shadow-inset-2, .shadow-hover-inset-2:hover { + -webkit-box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.04); } + +.shadow-inset-3, .shadow-hover-inset-3:hover { + -webkit-box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.05); } + +.shadow-inset-4, .shadow-hover-inset-4:hover { + -webkit-box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06); + box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06); } + +.shadow-inset-5, .shadow-hover-inset-5:hover { + -webkit-box-shadow: inset 0 0.35rem 0.5rem rgba(0, 0, 0, 0.07); + box-shadow: inset 0 0.35rem 0.5rem rgba(0, 0, 0, 0.07); } + +.shadow-sm-hover:hover { + -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } + +.shadow-hover:hover { + -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } + +.shadow-lg-hover:hover { + -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } + +/*.shadow-unique-hover { + @extend %shadow-hover; +}*/ +/* hover any bg */ +/* inherits the parent background on hover */ +.hover-bg { + background: #fff; + -webkit-transition: all .1s ease-in; + transition: all .1s ease-in; + color: inherit; } + .hover-bg:hover { + background: inherit; + color: inherit; } + +/* hover alpha effect */ +/* example found in the buttons page */ +/* example of use could be found inside panel buttons top right */ +.hover-effect-dot { + position: relative; } + .hover-effect-dot:before { + content: ""; + background: rgba(0, 0, 0, 0.2); + width: 0%; + height: 0%; + display: block; + position: absolute; + top: 50%; + left: 50%; + border-radius: 100%; + -webkit-transition: all 100ms ease-in; + transition: all 100ms ease-in; } + .hover-effect-dot:hover:before { + width: 75%; + height: 75%; + top: 12%; + left: 12%; } + +/* hover light bg effect */ +.hover-highlight:hover { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04))); + background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } + +.hover-highlight:active { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.05)), to(rgba(29, 33, 41, 0.06))); + background-image: linear-gradient(rgba(29, 33, 41, 0.05), rgba(29, 33, 41, 0.06)); } + +/* hover and hide items on show */ +.show-child-on-hover .show-on-hover-parent { + display: none; } + +.show-child-on-hover:hover .show-on-hover-parent { + display: block; } + +.hide-child-on-hover .hide-on-hover-parent { + display: block; } + +.hide-child-on-hover:hover .hide-on-hover-parent { + display: none; } + +/* z-indexes */ +.z-index-space { + z-index: 1000; } + +.z-index-cloud { + z-index: 950; } + +.z-index-ground { + z-index: 0; } + +.z-index-water { + z-index: -99; } + +/* cursor + usage: cursor-default; +*/ +.cursor-auto { + cursor: auto !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-crosshair { + cursor: crosshair !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-default { + cursor: default !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-e-resize { + cursor: e-resize !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-help { + cursor: help !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-move { + cursor: move !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-n-resize { + cursor: n-resize !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-ne-resize { + cursor: ne-resize !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-nw-resize { + cursor: nw-resize !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-pointer { + cursor: pointer !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-progress { + cursor: progress !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-s-resize { + cursor: s-resize !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-se-resize { + cursor: se-resize !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-sw-resize { + cursor: sw-resize !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-text { + cursor: text !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-w-resize { + cursor: w-resize !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-wait { + cursor: wait !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +.cursor-inherit { + cursor: inherit !important; + /* had to insert important since bootstrap has some peculiar classes */ } + +/* states */ +.state-selected { + background: #e7f4fe !important; } + +/* collapse toggle to reveal and hide elements */ +[aria-expanded="false"] ~ .collapsed-reveal { + display: none; } + +[aria-expanded="false"] .collapsed-reveal { + display: none; } + +[aria-expanded="false"] ~ .collapsed-hidden { + display: block; } + +[aria-expanded="false"] .collapsed-hidden { + display: block; } + +[aria-expanded="true"] ~ .collapsed-reveal { + display: block; } + +[aria-expanded="true"] .collapsed-reveal { + display: block; } + +[aria-expanded="true"] ~ .collapsed-hidden { + display: none; } + +[aria-expanded="true"] .collapsed-hidden { + display: none; } + +/* demo window */ +.demo-window { + position: relative; + z-index: 1; + overflow: hidden; + padding-top: 23px; + -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .demo-window:before, .demo-window:after, + .demo-window .demo-window-content:before, + .demo-window .demo-window-content:after { + content: ""; + position: absolute; + display: block; } + .demo-window:before { + top: 0; + right: 0; + left: 0; + z-index: 3; + height: 23px; + background: #e5e5e5; } + .demo-window:after, + .demo-window .demo-window-content:before, + .demo-window .demo-window-content:after { + left: 10px; + background: #ccc; + top: 6px; + z-index: 4; + width: 11px; + height: 11px; + border-radius: 50%; } + .demo-window .demo-window-content { + width: 100%; } + .demo-window .demo-window-content img { + display: block; + width: 100%; } + .demo-window .demo-window-content:before { + left: 26px; } + .demo-window .demo-window-content:after { + left: 43px; } + +/* layout composed */ +.layout-composed .page-content { + padding: 0 !important; } + .layout-composed .page-content .page-breadcrumb, + .layout-composed .page-content .subheader { + display: none; } + +/* responsive helpers */ +@media only screen and (max-width: 992px) { + /* layout composed mobile only */ + .layout-composed-mobile .page-content { + padding: 0 !important; } + .layout-composed-mobile .page-content .page-breadcrumb, + .layout-composed-mobile .page-content .subheader { + display: none; } + /* positions on mobile view */ + .position-on-mobile-absolute { + position: absolute !important; } + .position-on-mobile-relative { + position: relative !important; } + .position-on-mobile-static { + position: static !important; } + /* RESET HEIGHTS */ + .height-mobile-auto { + height: auto; + min-height: auto; + max-height: auto; } + .width-mobile-auto { + width: auto; + min-width: auto; + max-width: auto; } + /* FULL HEIGHT ON MOBILE */ + .expand-full-height-on-mobile { + height: calc(100vh - 4.125rem) !important; } + .expand-full-width-on-mobile { + width: 100vw !important; + max-width: 100vw !important; } } + +/* list style none */ +.list-style-none { + list-style: none; } + .list-style-none ul { + list-style: none; } + +/* row grid */ +.row-grid { + overflow: hidden; } + .row-grid > .col, + .row-grid > [class^="col-"], + .row-grid > [class*=" col-"], + .row-grid > [class^="col "], + .row-grid > [class*=" col "], + .row-grid > [class$=" col"], + .row-grid > [class="col"] { + position: relative; } + .row-grid > .col:after, + .row-grid > [class^="col-"]:after, + .row-grid > [class*=" col-"]:after, + .row-grid > [class^="col "]:after, + .row-grid > [class*=" col "]:after, + .row-grid > [class$=" col"]:after, + .row-grid > [class="col"]:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: -1px; + display: block; + width: 0; + border-left: 1px solid rgba(29, 29, 29, 0.07); } + .row-grid > .col:before, + .row-grid > [class^="col-"]:before, + .row-grid > [class*=" col-"]:before, + .row-grid > [class^="col "]:before, + .row-grid > [class*=" col "]:before, + .row-grid > [class$=" col"]:before, + .row-grid > [class="col"]:before { + content: ""; + position: absolute; + right: 0; + bottom: -1px; + left: 0; + display: block; + height: 0; + border-top: 1px solid rgba(29, 29, 29, 0.07); } + +/* List table */ +.list-table { + height: auto; + display: table; + margin: 0; + padding: 0; } + .list-table > li { + display: table-cell; + vertical-align: middle; + position: relative; + padding: 0; } + .list-table > li.search { + position: static; } + +/* mostly used for nav items */ +.disabled:not(.btn), +.disabled:not(.btn) > * { + -webkit-filter: grayscale(80%); + filter: grayscale(80%); + opacity: 0.80; + cursor: not-allowed; } + .disabled:not(.btn) ul, + .disabled:not(.btn) .collapse-sign, + .disabled:not(.btn) > * ul, + .disabled:not(.btn) > * .collapse-sign { + display: none; } + +ul.list-verticle { + margin: 0; + padding: 0; + list-style: none; } + +.show > .dropdown-menu-animated { + -webkit-transform: scale(1) !important; + transform: scale(1) !important; + -webkit-transform-origin: 29px -50px; + transform-origin: 29px -50px; + opacity: 1; + visibility: visible; } + +hr { + border: none; + border-bottom: 1px dashed #eee; } + hr.hr-xl { + margin: 3rem 0; } + +.bg-trans-gradient { + background: linear-gradient(250deg, #3e93d6, #8a75aa); } + +/* custom scroll */ +/* table no border */ +.table-border-0 th, +.table-border-0 td { + border: 0 !important; } + +/* table calendar */ +.table-calendar { + table-layout: fixed; } + .table-calendar th { + border: 0px !important; + font-weight: 500; } + .table-calendar tr td:first-child { + border-left: 0; } + .table-calendar tr td:last-child { + border-right: 0; + padding-right: 10px; } + .table-calendar td, .table-calendar th { + text-align: right; + vertical-align: top; + padding: 5px 8px; + position: relative; } + +/* list spaced */ +.list-spaced li { + margin-top: 7px; + margin-bottom: 7px; } + .list-spaced li:first-child { + margin-top: 0; } + .list-spaced li:last-child { + margin-bottom: 0; } + +.list-spaced > li { + padding: 0 0 0.2rem; } + +/* profile images */ +.profile-image { + width: 3.125rem; + height: 3.125rem; } + +.profile-image-md { + width: 2rem; + height: 2rem; } + +.profile-image-sm { + width: 1.5625rem; + height: 1.5625rem; } + +/* image share */ +.img-share { + width: auto; + height: 2.8125rem; } + +span.img-share { + width: 4.12594rem; + height: 2.8125rem; } + +.notes { + padding: 5px; + background: #f9f4b5; } + +/* +.shadow-2 { + box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); +} +.shadow-3 { + box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); +} +.shadow-4 { + box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); +} +.shadow-5 { + box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); +}*/ +/* disclaimer class */ +.disclaimer { + padding-left: 10px; + font-size: 0.5rem; + color: #a2a2a2; + letter-spacing: 1px; + text-transform: uppercase; + font-style: italic; } + +/* horizontal scrolling */ +.scrolling-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + .scrolling-wrapper .card { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + .scrolling-wrapper::-webkit-scrollbar { + display: none; } + +/* online status */ +.status { + position: relative; } + .status:before { + content: " "; + position: absolute; + width: 15px; + height: 15px; + display: block; + top: -2px; + right: -2px; + background: #505050; + border-radius: 50%; + border: 2px solid #fff; } + .status.status-sm:before { + width: 10px; + height: 10px; + border-width: 1px; + top: 0; + right: 0; } + .status.status-success:before { + background: #1dc9b7; } + .status.status-danger:before { + background: #fd3995; } + .status.status-warning:before { + background: #ffc241; } + +/* containers */ +.container.container-sm { + max-width: 576px; } + +.container.container-md { + max-width: 768px; } + +.container.container-lg { + max-width: 992px; } + +/* responsive visibility */ +/* https://getbootstrap.com/docs/3.4/css/#responsive-utilities */ +.hidden-xs-up { + display: none !important; } + +@media (max-width: 575.98px) { + .hidden-xs-down { + display: none !important; } } + +@media (min-width: 576px) { + .hidden-sm-up { + display: none !important; } } + +@media (max-width: 767.98px) { + .hidden-sm-down { + display: none !important; } } + +@media (min-width: 768px) { + .hidden-md-up { + display: none !important; } } + +@media (max-width: 991.98px) { + .hidden-md-down { + display: none !important; } } + +@media (min-width: 992px) { + .hidden-lg-up { + display: none !important; } } + +@media (max-width: 1398.98px) { + .hidden-lg-down { + display: none !important; } } + +@media (min-width: 1399px) { + .hidden-xl-up { + display: none !important; } } + +.hidden-xl-down { + display: none !important; } + +/* display frame */ +.frame-heading { + font-size: 0.8125rem; + margin-bottom: 1rem; + color: #a1a1a1; + font-weight: 500; } + .frame-heading small { + font-size: 0.8125rem; + margin-bottom: 0.5rem; } + +.frame-wrap { + background: white; + padding: 0; + margin-bottom: 3rem; } + +* > .frame-wrap:last-child { + margin-bottom: 0 !important; } + +/* time stamp */ +.time-stamp { + font-size: 0.78125rem; + margin: 0.25rem 0 0 0; + color: #767676; + font-weight: 300; } + +/* data-hasmore */ +[data-hasmore] { + position: relative; + color: #fff; } + [data-hasmore]:before { + content: attr(data-hasmore); + border-radius: inherit; + background: rgba(0, 0, 0, 0.4); + height: inherit; + width: 100%; + position: absolute; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-weight: 500; + font-size: inherit; } + +/* code */ +code { + background: #f8f8f8; + padding: 4px 7px; + border-radius: 4px; } + +/* star checkbox */ +.star { + visibility: hidden; + font-size: 1.5em; + cursor: pointer; } + +.star:before { + content: "☆"; + position: absolute; + visibility: visible; } + +.star:checked:before { + content: "★"; + position: absolute; } + +.shadow-top:after, +.shadow-bottom:after, +.mobile-view-activated.header-function-fixed .page-header:after, +.mobile-view-activated.header-function-fixed .page-footer:after { + content: ""; + height: 6px; + position: absolute; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAATlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEoqZZAAAAGnRSTlMACRVXPCMeNMEsdZ98SZBDbFDIrZhkXreCiM2g9MAAAAD1SURBVDjLzZHbDoIwEAVdEC94raLi//+otD1Lu4tgCWqYhPC0J5np4jeQ+2gKYWZukCLrYTWKvpVOl/9AAeVUMNuWtWA5AnkZFgtGlaHA901jTeEYa50cB4/x5A6Tp2H478GU342ziBJRBsqmNIAqaVWIwpMVW7l7w81y9pSS/QdKCUbcoF1GEMTgDm0ETqALpPraA6nLskKVRWEZzOq6fjYcQQV2CVSAb+1OMxeaoANHEAk4gNQn6A+/sBDu+kayrApPKMLuCh6ezQhwwgvogRSowAmiAG/ttXyPs35lLW0MpNOstfJlEK2e5g1xY7S4fnUPzF+TRjAMoku43AAAAABJRU5ErkJggg==); + background-size: cover; + top: -5px; + left: 0; + right: 0; + opacity: 0.06; } + +.shadow-bottom:after, +.mobile-view-activated.header-function-fixed .page-header:after { + top: auto; + bottom: -5px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEnRSTlMACRUgPnjDV51MNCxhkIVsrbfUWo5iAAAA/UlEQVQ4y8zR7WqEMBCF4Xy4HeNos73/m605M+HQlIB2oeyjP5XwngQTXTLZqOp2WqCAiOxQa32Yz+Zo1u5pvpqPP8CPT7N2R4PDHqbWuoOIFFhgO6lqNslEFwaoHsKV4cXCpZl3H+z2cLidjGjozfNqaX5F6xANYSKO8aDjtXMAqJwAK8Dh1hXvNf41oJKdUL2VsZNeBp8Pii+Inp9cdsoBTHECe1fN4yXV7J1AYSpjUesSeyHcF8EXcLlT2HwFKj+IKXJNYRwt4LZGITO1i8Dc10VKjjNwCa5Byw0beR8bmUmRwv+IgzSRb0kTcRDezfcYwRhEUAKgxtAEAACGmyM6KW9inQAAAABJRU5ErkJggg==); } + +.shadow-bottom-line, +.shadow-top-line { + position: relative; } + .shadow-bottom-line:after, + .shadow-top-line:after { + content: ""; + width: 100%; + height: 5px; + position: absolute; + bottom: -5px; + left: 0; + right: 0; + background-color: rgba(80, 80, 80, 0.09); + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(80, 80, 80, 0.09)), to(transparent)); + background-image: linear-gradient(to top, rgba(80, 80, 80, 0.09), transparent); + /*background-image: -webkit-linear-gradient(top, rgba($fusion-500, 0.09), transparent); + background-image: linear-gradient(top, rgba($fusion-500, 0.09), transparent);*/ } + +.shadow-top-line:after { + content: ""; + top: -5px; + background-color: transparent; + background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(80, 80, 80, 0.09))); + background-image: linear-gradient(to top, transparent, rgba(80, 80, 80, 0.09)); + /*background-image: -webkit-linear-gradient(top, transparent, rgba($fusion-500, 0.09)); + background-image: linear-gradient(top, transparent, rgba($fusion-500, 0.09));*/ } + +/* press animation */ +.press-scale-down { + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; } + .press-scale-down:active { + -webkit-transform: scale(0.95); + transform: scale(0.95); } + +.hover-white:hover { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04))); + background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } + +.hover-white:active { + background: #e7e7e7; } + +/* + + DOC: In Bootstrap there is a small snippet added by the team for IE10 in windows 8 the + following comments by the author states: + + IE10 in Windows (Phone) 8 + + Support for responsive views via media queries is kind of borked in IE10, for + Surface/desktop in split view and for Windows Phone 8. This particular fix + must be accompanied by a snippet of JavaScript to sniff the user agent and + apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at + our Getting Started page for more information on this bug. + + For more information, see the following: + + Issue: https://github.com/twbs/bootstrap/issues/10497 + Docs: http://getbootstrap.com/getting-started/#support-ie10-width + Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ + Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ + + @-ms-viewport { + width: device-width; + } + + Solution: + http://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx + We add the following instead: + +*/ +body.desktop-detected { + -ms-overflow-style: scrollbar; } + +/* Reset elms pos when js-waves-off is used */ +/*.js-waves-off { + position: relative; + overflow: hidden; + user-select: none; + z-index: 0; +}*/ +/*.btn { + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), + 0 1px 2px rgba(0, 0, 0, 0.1); + + &:hover, + &:active { + box-shadow: none; + } +}*/ +/* change the white to any color ;) */ +input:-webkit-autofill { + -webkit-box-shadow: 0 0 0px 1000px white inset; + -webkit-text-fill-color: inherit !important; } + +/* select background */ +::-moz-selection { + background: #505050; + color: #fff; } +::selection { + background: #505050; + color: #fff; } + +::-moz-selection { + background: #505050; + color: #fff; } + +/* remove dotted line from focus */ +input:focus, +select:focus, +textarea:focus, +button:focus { + outline: none; } + +/* IE input clear field "X" input remove */ +::-ms-clear { + width: 0; + height: 0; } + +/* links */ +a { + text-decoration: none !important; } + +/* touch action */ +a, area, button, [role="button"], input, label, select, summary, textarea { + -ms-touch-action: manipulation; + touch-action: manipulation; } + +a[target]:not(.btn) { + font-weight: 500; + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; + text-decoration: underline !important; } + +/* btn active */ +/*.btn.active, +.btn:active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); + box-shadow: inset 0 3px 5px rgba(0,0,0,.125); +}*/ +/* dot bullet */ +.dot { + /*width: 4px; + height: 4px; + display: inline-block; + line-height: 0; + border-radius: 100%;*/ + font-size: 4px !important; + margin-right: 0.5rem !important; + margin-left: -8px !important; } + +/* forms */ +/* fix alignment for custom controls */ +/*.custom-control { + display: flex; + align-items: center; +}*/ +select.custom-select { + -webkit-appearance: none; + -moz-appearance: none; + text-indent: 1px; + text-overflow: ''; } + +select.custom-select::-ms-expand { + display: none; } + +/* bootstrap modal remove padding */ +/* you need to disable this if you do not plan on using _addon-custom-scrollbar.scss */ +body:not(.mod-main-boxed):not(.mobile-view-activated).chrome.modal-open { + padding-right: 8px !important; } + +body:not(.mobile-view-activated).mod-main-boxed.modal-open { + padding-right: 0px !important; } + +/* hover adjustment for close buttons */ +.close:not(:disabled):not(.disabled):hover, +.close:not(:disabled):not(.disabled):focus { + color: inherit; } + +/* add borders to button groups */ +.btn-group .btn:not([class*="btn-outline-"]):not(.btn-icon):not(.btn-light) { + border-right: 1px solid rgba(0, 0, 0, 0.1); + border-left: 1px solid rgba(0, 0, 0, 0.1); } + +.input-group-prepend .btn:not([class*="btn-outline-"]):not(.btn-icon):not(:first-child) { + border-left: 1px solid rgba(0, 0, 0, 0.1); } + +.input-group-append .btn:not([class*="btn-outline-"]):not(.btn-icon):not(:first-child) { + border-left: 1px solid rgba(0, 0, 0, 0.1); } + +.btn-group-vertical .btn:not([class*="btn-outline-"]):not(:first-child), +.btn-group-vertical .btn-group { + border-top: 1px solid rgba(0, 0, 0, 0.1); } + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /* IE10+ CSS styles go here */ + .text-gradient { + background: transparent; } + .nav-function-minify:not(.nav-function-top) .primary-nav .nav-menu > li > a + ul:before { + left: -0.25rem !important; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { + top: -1.5rem; } + .ie-only { + display: inline-block !important; } + .ie-d-none { + display: none !important; } + /* table hover */ + .table-hover tbody tr:hover { + -webkit-box-shadow: none; + box-shadow: none; + background-color: #fffaee; } + /* Counters IE bug + DOC: If you've ever used CSS transitions on structural elements on your page, + you may have noticed a case where a transition occur immideately after page load. + As a result the user may experience the illusion of "broken page elements" + + Below solution insures that pace's indication of "everything loaded" before applying the CSS transitions + */ + .pace-running .page-sidebar, + .pace-running .page-sidebar *, + .pace-running .page-content-wrapper { + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; } } + +/* #MOBILE - mobile media related styles +========================================================================== */ +/* contains most of the responsive styles for the app */ +/******************************************************** + RESPONSIVE REFERENCES + +.col-xs- .col-sm- .col-md- .col-lg- .col-xl- +<544px ≥544px ≥768px ≥992px ≥1200px + +$grid-breakpoints: ( + // Extra small screen / phone + xs: 0, + // Small screen / phone + sm: 544px, + // Medium screen / tablet + md: 768px, + // Large screen / desktop + lg: 992px, + // Extra large screen / wide desktop + xl: 1200px +) !default; + +*********************************************************/ +@media (min-width: 992px) { + .page-header { + padding: 0 2rem; } + .page-content { + padding: 1.5rem 2rem; } + .page-content .panel { + margin-bottom: 1.5rem; } } + +/*@include media-breakpoint-up(xl) { + .page-header { + padding: 0 $header-inner-padding-x; + } + .page-content { + padding: 1.5rem 2rem; + + .card.panel { + margin-bottom: 1.5rem; + } + } +}*/ +@media only screen and (max-width: 992px) { + /*html { + font-size: 18px; + }*/ + .dropdown-menu .dropdown-menu { + position: static; + padding: .5rem 0 0 .75rem; + width: 100%; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + -webkit-transition: none; + transition: none; } + .show .dropdown-menu .dropdown-menu { + visibility: visible; } + .dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after { + display: none; } + body { + overflow-x: hidden; } + .page-logo-text { + font-size: 1rem; } + .page-content-overlay { + background: transparent; + -webkit-transition: background 300ms; + transition: background 300ms; + position: fixed; + z-index: 1001; } + .page-wrapper { + padding-left: 0; + background: #fff; } + .page-wrapper .page-header { + padding: 0 1.5rem; + width: 100%; + border-bottom: 1px solid rgba(0, 0, 0, 0.09); } + .page-wrapper .page-header [data-toggle="dropdown"] + .dropdown-menu { + right: 1.5rem; } + .page-wrapper .page-sidebar { + z-index: 2000; + -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + -webkit-transform: translate3d(-16.875rem, 0, 0); + transform: translate3d(-16.875rem, 0, 0); + position: fixed !important; + top: 0; + bottom: 0; } + .page-wrapper .page-sidebar .primary-nav { + overflow: auto; + overflow-x: hidden; + -webkit-overflow-scrolling: touch; + height: calc(100% - 6.9375rem); } + .page-wrapper .page-sidebar .primary-nav .nav-menu .dl-ref { + vertical-align: text-top; } + .page-wrapper .page-content { + padding: 1.5rem 1.5rem; + color: #222; + font-size: 14px; + min-height: calc(100vh - 6.9375rem); } + .page-wrapper .page-content .breadcrumb > .breadcrumb-item { + max-width: 80px; } + .page-wrapper .page-content .subheader { + margin-bottom: 1.5rem; } + .page-wrapper .page-content .subheader .subheader-title { + line-height: 32px; + font-weight: 300; } + .page-wrapper .page-content .subheader .subheader-title small { + font-size: 68%; + letter-spacing: normal; + margin-top: 0px; + overflow: hidden; + width: calc(100% - 30px); + font-weight: 300; } + .page-wrapper .page-content .p-g { + padding: 1.5rem; } + .page-wrapper .page-footer { + border-top: 1px solid rgba(0, 0, 0, 0.09); } + .header-function-fixed { + /* this was conflicting with the new DOM change where we swtiched header with nav */ + /*&:not(.nav-function-fixed) { + + .page-sidebar { + .page-logo { + position: absolute !important; + top:0px !important; + } + } + + }*/ } + .header-function-fixed .page-header { + margin-left: 0; + left: 0; + position: fixed; + right: 0; + top: 0; + -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } + .header-function-fixed .page-header, + .header-function-fixed .page-logo { + -webkit-box-shadow: none !important; + box-shadow: none !important; } + .header-function-fixed .page-content { + margin-top: 4.125rem; } + /* Push content */ + .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-sidebar { + -webkit-transform: translate3d(-16.875rem, 0, 0); + transform: translate3d(-16.875rem, 0, 0); } + .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-header, + .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-content, + .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer, + .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer-push { + -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } + /* Off canvas */ + .nav-mobile-slide-out { + min-height: 100vh !important; + /*new*/ } + .nav-mobile-slide-out .page-wrapper .page-sidebar { + z-index: 0; + -webkit-transition: none; + transition: none; + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); } + .nav-mobile-slide-out .page-wrapper .page-header, + .nav-mobile-slide-out .page-wrapper .page-content, + .nav-mobile-slide-out .page-wrapper .page-footer, + .nav-mobile-slide-out .page-wrapper .page-footer-push { + -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + .nav-mobile-slide-out .page-wrapper .page-content { + /* min-height: calc(100vh - 6.9375rem); no longer needed here */ + background: #faf8fb; } + /* mobile nav show & hide button */ + /* general */ + .mobile-nav-on { + -ms-touch-action: none; + touch-action: none; + overflow: hidden; + height: 100vh; + /*.page-content:before { + content:" "; + position:fixed; + z-index: $space; + background:rgba(0,0,0,0); + display: block; + height: 100vh; + width: 100vw; + left: 0; + top: 0; + }*/ + /* Push content */ + /* Off canvas turned ON*/ + /* 'not' is ON by default */ } + .mobile-nav-on .page-sidebar { + border-right: 1px solid rgba(0, 0, 0, 0.03); + -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); + box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); } + .mobile-nav-on .page-content-overlay { + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(0, 0, 0, 0.09); } + .mobile-nav-on:not(.nav-mobile-push) .page-sidebar { + -webkit-transform: translate3d(0px, 0, 0) !important; + transform: translate3d(0px, 0, 0) !important; } + .mobile-nav-on:not(.nav-mobile-push).nav-function-fixed:not(.nav-function-top) .page-sidebar { + -webkit-transform: translate3d(0px, 0, 0) !important; + transform: translate3d(0px, 0, 0) !important; } + .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-sidebar { + left: 0; + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); } + .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-header, + .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-content, + .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer, + .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer-push { + -webkit-transform: translate3d(16.875rem, 0, 0); + transform: translate3d(16.875rem, 0, 0); } + .mobile-nav-on.nav-mobile-slide-out .page-wrapper { + overflow: hidden; + /*.page-content:before { + background:transparent !important; + }*/ } + .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-header, + .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content, + .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer, + .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer-push { + -webkit-transform: translate3d(16.875rem, 0, 0); + transform: translate3d(16.875rem, 0, 0); } + .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content-overlay { + background: transparent !important; + top: 0; + right: 0; + bottom: 0; + left: 0; + left: 16.875rem; } + .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-header, + .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content, + .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer, + .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer-push { + -webkit-box-shadow: 0 9px 0px 0px #faf8fb, 0 -9px 0px 0px #faf8fb, 12px 0 15px -4px rgba(0, 0, 0, 0.32), -12px 0 15px -4px rgba(0, 0, 0, 0.32); + box-shadow: 0 9px 0px 0px #faf8fb, 0 -9px 0px 0px #faf8fb, 12px 0 15px -4px rgba(0, 0, 0, 0.32), -12px 0 15px -4px rgba(0, 0, 0, 0.32); } + .mobile-nav-on.nav-mobile-no-overlay .page-wrapper { + /*.page-content:before { + background:rgba(0,0,0,0.3); + }*/ } + .mobile-nav-on.nav-mobile-no-overlay .page-wrapper .page-content-overlay { + background: transparent; + top: 0; + right: 0; + bottom: 0; + left: 0; } } + +@media only screen and (max-width: 576px) { + /* here we turn on mobile font for smaller screens */ + /*body { + font-family: $mobile-page-font !important; + }*/ + /* mobile nav search */ + .mobile-search-on:not(.mobile-nav-on) .page-header > * { + display: none !important; } + .mobile-search-on:not(.mobile-nav-on) .search { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .mobile-search-on:not(.mobile-nav-on) .search .app-forms { + display: block !important; + position: relative !important; + width: 100%; } + .mobile-search-on:not(.mobile-nav-on) .search .app-forms .btn-search-close { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + right: 10px; + width: 26px; + height: 26px; + font-size: 1rem; } + .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field { + border: 1px solid #886ab5; + padding-left: 1rem; + padding-right: 3rem; + width: 100%; + max-width: none; + background: #fff; } + .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus { + border-color: #886ab5; } + .mobile-search-on:not(.mobile-nav-on) [data-class="mobile-nav-on"] { + display: none !important; } + .page-header [data-toggle="dropdown"] + .dropdown-menu { + width: calc(100% - 2rem) !important; + right: 1rem !important; } + .page-header, + .page-content { + padding-left: 1rem !important; + padding-right: 1rem !important; } + .card[class*='p-'] .card-header, + .card[class*='p-'] .card-body { + padding: 0 !important; } + .subheader-block { + display: none; } + .primary-nav .nav-menu li a > .badge { + font-size: 10px !important; } + .card .card-header, + .card .card-body { + padding: 1rem; } + .alert, + .panel .panel-tag, + .accordion .card .card-header .card-title { + padding: 1rem; } } + +/* changes content colors based on ambience light source of the user (experimental) */ +/* DOCS : https://developer.mozilla.org/en-US/docs/Web/CSS/%40media/light-level */ +/* The device is used in a environment with a light level in the ideal range for the screen, + * and which does not necessitate any particular adjustment.. */ +/* The device is used in a dim environment, where excessive contrast and brightness would be + * distracting or uncomfortable to the reader. For example: night time, or a dimly + * illuminated indoor environment. */ +/* The device is used in an exceptionally bright environment, causing the screen to be washed + * out and difficult to read. For example: bright daylight. */ +/* #FORMS (customized bootstrap form elems) +========================================================================== */ +/* text area */ +.form-content-editable[contenteditable="true"] { + overflow: auto; + -webkit-user-modify: read-write-plaintext-only; + line-height: normal; } + .form-content-editable[contenteditable="true"]:focus { + outline: 0; } + .form-content-editable[contenteditable="true"]:empty:not(:focus):before { + content: attr(data-placeholder); + color: #909090; } + .form-content-editable[contenteditable="true"]::-moz-selection { + background: rgba(0, 132, 255, 0.2); + color: #000; } + .form-content-editable[contenteditable="true"]::selection { + background: rgba(0, 132, 255, 0.2); + color: #000; } + .form-content-editable[contenteditable="true"]::-moz-selection { + background: rgba(0, 132, 255, 0.2); + color: #000; } + +/*.form-control:not(.form-control-sm), +.custom-select:not(.custom-select-sm), +.input-group:not(.input-group-sm) { + min-height: calc(2.25rem + 2px); +}*/ +.form-label { + font-weight: 500; } + +/* select arrow */ +/*select:not(.custom-select):not([multiple]) { + background-image: + linear-gradient(45deg, transparent 50%, red 60%), + linear-gradient(135deg, red 40%, transparent 50%) !important; + background-position: + calc(100% - 30px) 14px, + calc(100% - 20px) 14px, + 100% 0; + background-size: + 10px 10px, + 10px 10px; + background-repeat: no-repeat; + -webkit-appearance: none; + -moz-appearance: none; +}*/ +/* fix */ +.custom-range { + -webkit-appearance: none; + -moz-appearance: none; } + +.custom-range::-moz-range-thumb { + -moz-appearance: none; } + +.custom-range::-webkit-slider-thumb { + -webkit-appearance: none; } + +/* add background to focused inpur prepend and append */ +.form-control:focus ~ .input-group-prepend { + background: #886ab5; } + +.has-length .input-group-text { + border-color: #886ab5; } + .has-length .input-group-text + .input-group-text { + border-left: 1px solid rgba(0, 0, 0, 0.1); } + +.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) { + background: #886ab5; + color: #fff !important; } + +.input-group-text { + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } + +/* input group animation for multiple inputs */ +.input-group.input-group-multi-transition input[type="text"] { + -webkit-transition: width 470ms cubic-bezier(0.34, 1.25, 0.3, 1); + transition: width 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } + .input-group.input-group-multi-transition input[type="text"]:focus { + width: 50%; } + +/* BS form hack for checkbox tick mark */ +.custom-checkbox .custom-control-label::after { + background-size: 50% 50%; } + +/* circle checkbox */ +.custom-checkbox-circle .custom-control-label:before { + border-radius: 50%; } + +/* rounded radio */ +.custom-radio-rounded .custom-control-label:before { + border-radius: 4px; } + +/* not sure if we need this? */ +/*.custom-control { + min-height: $custom-control-indicator-size; +}*/ +/* make checked label bold */ +input[type="radio"]:checked + .custom-control-label, +input[type="checkbox"]:checked + .custom-control-label { + font-weight: 500; } + +/* help block and validation feedback texts*/ +.help-block { + color: #909090; } + +/* on feedback error */ +.help-block, .invalid-feedback, .valid-feedback { + font-size: 0.6875rem; + margin-top: 0.325rem; } + +/* when form group is last child show now margin */ +.form-group:last-child, +.form-group:only-child { + margin-bottom: 0; } + +/* fix alignment for generic checkbox and radio */ +.form-check-input { + margin-top: 0; } + +.form-check-label { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +.form-check { + margin: 5px 0; } + +/* #COMPONENTS (can be removed but may or may not impact other components) +========================================================================== */ +/*@import '_modules/_form-switches';*/ +@media (min-width: 1399px) { + .page-sidebar { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + .header-function-fixed .page-wrapper, + .header-function-fixed .page-sidebar, + .nav-function-fixed .page-wrapper, + .nav-function-fixed .page-sidebar, + .header-function-fixed.nav-function-fixed .page-wrapper, + .header-function-fixed.nav-function-fixed .page-sidebar { + transform: none; + -webkit-transform: none; + -ms-transform: none; } } + +/* #DEMO ELEMS - elements mostly used for demo (can be removed) +========================================================================== */ +@media only screen and (max-width: 992px) { + .mobile-view-activated #nff, + .mobile-view-activated #nfm, + .mobile-view-activated #nfh, + .mobile-view-activated #nft, + .mobile-view-activated #mmb { + position: relative; } + .mobile-view-activated #nff .onoffswitch-title, + .mobile-view-activated #nfm .onoffswitch-title, + .mobile-view-activated #nfh .onoffswitch-title, + .mobile-view-activated #nft .onoffswitch-title, + .mobile-view-activated #mmb .onoffswitch-title { + color: #da9400; + color: var(--theme-warning-900) !important; } + .mobile-view-activated #nff .onoffswitch-title-desc, + .mobile-view-activated #nfm .onoffswitch-title-desc, + .mobile-view-activated #nfh .onoffswitch-title-desc, + .mobile-view-activated #nft .onoffswitch-title-desc, + .mobile-view-activated #mmb .onoffswitch-title-desc { + color: #da9400; + color: var(--theme-warning-900) !important; } + .mobile-view-activated #nff:after, + .mobile-view-activated #nfm:after, + .mobile-view-activated #nfh:after, + .mobile-view-activated #nft:after, + .mobile-view-activated #mmb:after { + content: "DISABLED"; + font-size: 10px; + position: absolute; + background: #ffc241; + background: var(--theme-warning-50); + width: 65px; + text-align: center; + border: 1px solid var(--theme-warning-700); + height: 22px; + line-height: 20px; + border-radius: 10px; + display: block; + right: 13px; + top: 26%; + color: #1d1d1d; } } + +.settings-panel .expanded.theme-colors { + display: block; + -webkit-box-shadow: none; + box-shadow: none; + border: 0; + background: transparent; + /*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/ } + .settings-panel .expanded.theme-colors > ul { + height: auto; } + .settings-panel .expanded.theme-colors > ul > li [data-action] { + width: 36px; + height: 36px; + margin-right: 4px; + margin-bottom: 4px; + border-radius: 25px; } + .settings-panel .expanded.theme-colors > ul > li [data-action]:hover { + opacity: 1; } + .settings-panel .expanded.theme-colors > ul:last-child { + margin-right: 0; } + .settings-panel .expanded.theme-colors #myapp-0 { + background: #886ab5; + -webkit-box-shadow: inset 0 0 0 3px #2ba1ff; + box-shadow: inset 0 0 0 3px #2ba1ff; } + .settings-panel .expanded.theme-colors #myapp-1 { + background: #b56a9f; } + .settings-panel .expanded.theme-colors #myapp-2 { + background: #9fcb3d; } + .settings-panel .expanded.theme-colors #myapp-3 { + background: #4679cc; } + .settings-panel .expanded.theme-colors #myapp-4 { + background: #2198F3; } + .settings-panel .expanded.theme-colors #myapp-5 { + background: #6ab5b4; } + .settings-panel .expanded.theme-colors #myapp-6 { + background: #dd5293; } + .settings-panel .expanded.theme-colors #myapp-7 { + background: #868e96; } + .settings-panel .expanded.theme-colors #myapp-8 { + background: #7c91df; } + .settings-panel .expanded.theme-colors #myapp-9 { + background: #e59c6c; } + .settings-panel .expanded.theme-colors #myapp-10 { + background: #778c85; } + .settings-panel .expanded.theme-colors #myapp-11 { + background: #a2b077; } + .settings-panel .expanded.theme-colors #myapp-12 { + background: #7976b3; } + .settings-panel .expanded.theme-colors #myapp-13 { + background: #55ce5f; } + .settings-panel .expanded.theme-colors #myapp-14 { + background: #fbe231; } + .settings-panel .expanded.theme-colors #myapp-15 { + background: #627ca0; } + +.settings-panel:first-child h5 { + margin-top: 0; + padding-top: 5px; } + +.settings-panel h5 { + margin: 0; + font-weight: 500; + font-size: 0.875rem; + padding: 1rem 1rem 5px; + -webkit-box-sizing: content-box; + box-sizing: content-box; + display: block; + overflow: hidden; + text-decoration: none; + margin-top: 5px; + color: #505050; + text-align: left; } + .settings-panel h5 small { + display: inline; } + +.settings-panel .list { + font-weight: 400; + min-height: 45px; + padding: 0.25rem 1rem 0.25rem 2rem; + color: #666666; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + .settings-panel .list:hover { + color: #333333; + background: rgba(255, 255, 255, 0.7); } + .settings-panel .list:hover .onoffswitch { + -webkit-transform: scale(1.13); + transform: scale(1.13); } + .settings-panel .list .btn-switch { + position: absolute; + right: 1rem; + margin: 0; + top: 30%; } + .settings-panel .list .onoffswitch-title { + margin-top: 0.5px; + font-size: 0.8125rem; + display: block; } + .settings-panel .list .onoffswitch-title-desc { + display: block; + font-size: 0.75rem; + color: #989da5; + text-transform: lowercase; } + +.settings-panel .expanded { + position: relative; + display: none; } + .settings-panel .expanded:before { + border-bottom-color: #5d5d5d; + bottom: 1px; } + .settings-panel .expanded > ul { + padding: 0; + margin: 0; + margin: 0 0 0 1rem; + height: 50px; } + .settings-panel .expanded > ul > li { + display: inline-block; + margin: 0; + padding: 0; } + .settings-panel .expanded > ul > li [data-action] { + width: 50px; + height: 50px; + border-radius: 50%; + margin-right: 2px; + display: block; + cursor: pointer; + position: relative; + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); } + .settings-panel .expanded .list { + padding: 0; + min-height: auto; + margin: 0.5rem 0 0 1rem; } + .settings-panel .expanded .list .btn-switch { + margin-top: 2px; + top: -2px; + right: 0; } + .settings-panel .expanded .list:hover { + background: transparent; } + +#saving { + position: absolute; + z-index: 1; + top: 0; + left: -40px; + display: none; } + +/* localstorage success fade animation */ +.saving #saving { + display: block; } + +.saving [data-action="app-reset"] { + opacity: 0.5; + cursor: not-allowed !important; } + +.color-disp-demo tr:first-child td { + height: 100px; + -webkit-box-shadow: inset 0 -5px 0 rgba(255, 255, 255, 0.8); + box-shadow: inset 0 -5px 0 rgba(255, 255, 255, 0.8); } + +.color-disp-demo tr td { + border: none; + padding-top: 7px; + padding-bottom: 7px; } + .color-disp-demo tr td:hover { + -webkit-transform: scale(1.1); + transform: scale(1.1); + font-weight: 500; } + +.cr-c { + width: 21px; + height: 21px; + display: block; + border-radius: 50%; } + +.icon-demo { + list-style: none; + padding: 0; } + .icon-demo li { + border: 1px solid #7f8995; + padding: 10px; + display: inline-block; + font-size: 20px; + width: 60px; + height: 60px; + overflow: hidden; + margin: 0 6px 0 0; + text-align: center; + background: #fff; } + .icon-demo li:hover { + -webkit-transform: scale(1.4); + transform: scale(1.4); } + +code[class*="language-"], +pre[class*="language-"] { + display: none !important; } + +.show-codes code[class*="language-"], +.show-codes pre[class*="language-"] { + display: block !important; } + +.container-demo { + max-width: 100%; + width: 100%; } + +.bd-example { + position: relative; + padding: 1rem 0; } + +.bd-example-row-flex-cols .row { + min-height: 10rem; + background-color: rgba(255, 0, 0, 0.1); } + +.bd-example-row .row > .col, +.bd-example-row .row > [class^=col-] { + padding-top: .75rem; + padding-bottom: .75rem; + background-color: rgba(86, 61, 124, 0.15); + border: 1px solid rgba(86, 61, 124, 0.2); } + +.bd-example-row .row + .row { + margin-top: 1rem; } + +.bd-highlight { + background-color: rgba(86, 61, 124, 0.2); + border: 1px solid rgba(86, 61, 124, 0.2); } + +.demo { + margin: 0; } + .demo > * { + margin: 0 .375rem 1rem 0 !important; } + .demo.demo-no-mb > * { + margin-bottom: 0 !important; } + +.demo-v-spacing-sm > * + *, +.demo-v-spacing > * + *, +.demo-v-spacing-lg > * + * { + margin-top: 0.875rem !important; + margin-bottom: 0 !important; } + +.demo-v-spacing-sm > *, +.demo-v-spacing > *, +.demo-v-spacing-lg > * { + margin-bottom: 0 !important; } + +.demo-v-spacing > * + * { + margin-top: 1rem !important; } + +.demo-v-spacing-lg > * + * { + margin-top: 1.5rem !important; } + +.demo-h-spacing > *:not(last-child):not(only-child) { + margin-right: 1rem !important; } + +/*.demo-vh-spacing > *:not(last-child):not(only-child) { + margin: 0 .375rem 1rem 0 !important; +}*/ +/* #_extensions - Components imported in alphabetical order (remove extensions from directory if not needed) +========================================================================== */ +body:not(.mod-pace-custom) .pace { + -webkit-pointer-events: none; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + body:not(.mod-pace-custom) .pace .pace-progress { + background: #886ab5; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 3px; } + +body:not(.mod-pace-custom) .pace-inactive { + display: none; } + +body.mod-pace-custom { + /*&.pace-done { + .page-content { + &:before{ + z-index:-2; + display: none; + } + } + }*/ } + body.mod-pace-custom .pace { + -webkit-pointer-events: none; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + z-index: 2000; + position: fixed; + margin: auto; + top: 45vh; + left: 0; + right: 0; + height: 13px; + border: 2px solid #fff; + width: 15.18902rem; + background: #fff; + overflow: hidden; } + body.mod-pace-custom .pace .pace-progress { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + max-width: 15.18902rem; + z-index: 2000; + display: block; + position: absolute; + top: 0; + right: 100%; + height: 100%; + width: 100%; + background-color: #886ab5; + background-image: linear-gradient(135deg, #886ab5 0%, #886ab5 25%, #6e4e9e 25%, #6e4e9e 50%, #886ab5 50%, #886ab5 75%, #6e4e9e 75%, #6e4e9e 100%); + background-repeat: repeat; + background-position: 0 0; + background-size: 13px 13px; + background-clip: content-box; + animation: loading 0.5s linear infinite; + -o-animation: loading 0.5s linear infinite; + -moz-animation: loading 0.5s linear infinite; + -webkit-animation: loading 0.5s linear infinite; } + body.mod-pace-custom .pace-inactive { + display: none; } + body.mod-pace-custom.pace-running .page-content:before { + content: ''; + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-color: #faf8fb; + z-index: 1; } + +@keyframes loading { + from { + background-position: 0 0; } + to { + background-position: -13px 0; } } + +@-webkit-keyframes loading { + from { + background-position: 0 0; } + to { + background-position: -13px 0; } } + +.slimScrollBar { + border-radius: 3px !important; } + +body:not(.no-slimscroll) .custom-scroll { + overflow: hidden; } + +/*! + * Waves v0.7.6 + * http://fian.my.id/Waves + * + * Copyright 2014-2018 Alfiana E. Sibuea and other contributors + * Released under the MIT license + * https://github.com/fians/Waves/blob/master/LICENSE */ +.waves-effect { + position: relative; + cursor: pointer; + display: inline-block; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; } + .waves-effect .waves-ripple { + position: absolute; + border-radius: 50%; + width: 100px; + height: 100px; + margin-top: -50px; + margin-left: -50px; + opacity: 0; + background: rgba(255, 255, 255, 0.6); + background: radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%); + -webkit-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + -webkit-transition-property: -webkit-transform, opacity; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + -webkit-transform: scale(0) translate(0, 0); + transform: scale(0) translate(0, 0); + pointer-events: none; } + +.waves-notransition { + -webkit-transition: none !important; + transition: none !important; } + +.waves-themed.btn-warning .waves-ripple, .waves-themed.btn-default .waves-ripple, .waves-themed.btn-outline-default .waves-ripple { + background: rgba(0, 0, 0, 0.6); + background: radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 70%); } + +.waves-themed.btn-primary .waves-ripple, .waves-themed.btn-outline-primary .waves-ripple, .waves-themed.btn-info .waves-ripple, .waves-themed.btn-outline-info .waves-ripple, .waves-themed.btn-danger .waves-ripple, .waves-themed.btn-outline-danger .waves-ripple, .waves-themed.btn-success .waves-ripple, .waves-themed.btn-outline-success .waves-ripple, .waves-themed.btn-dark .waves-ripple, .waves-themed.btn-outline-dark .waves-ripple { + background: rgba(255, 255, 255, 0.6); + background: radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%); } + +.page-sidebar .primary-nav .nav-menu li a.waves-themed .waves-ripple { + background: rgba(39, 28, 55, 0.6); + background: radial-gradient(rgba(39, 28, 55, 0.2) 0, rgba(39, 28, 55, 0.3) 40%, rgba(39, 28, 55, 0.4) 50%, rgba(39, 28, 55, 0.5) 60%, rgba(39, 28, 55, 0) 70%); } + +.panel-hdr:not([class^="bg-"]):not([class*=" bg-"]) .waves-themed.btn-toolbar-master .waves-ripple, +.waves-themed.nav-link .waves-ripple { + background: rgba(136, 106, 181, 0.6); + background: radial-gradient(rgba(136, 106, 181, 0.2) 0, rgba(136, 106, 181, 0.3) 40%, rgba(136, 106, 181, 0.4) 50%, rgba(136, 106, 181, 0.5) 60%, rgba(136, 106, 181, 0) 70%); } + +/* #ANIMATION - CSS animations and keyframes +========================================================================== */ +@-webkit-keyframes seconds { + 0% { + opacity: 1; } + 100% { + opacity: 0; } } + +@keyframes seconds { + 0% { + opacity: 1; } + 100% { + opacity: 0; } } + +@-webkit-keyframes delayed { + 99% { + visibility: hidden; } + 100% { + visibility: visible; } } + +@keyframes delayed { + 99% { + visibility: hidden; } + 100% { + visibility: visible; } } + +@keyframes subtle { + 0% { + opacity: 1; } + 100% { + opacity: 0.2; } } + +@-webkit-keyframes subtle { + 0% { + opacity: 1; } + 100% { + opacity: 0.2; } } + +@-webkit-keyframes highlight { + from { + background: #ffebc1; } + to { + background: transparent; } } + +@keyframes highlight { + from { + background: #ffebc1; } + to { + background: transparent; } } + +.highlight { + -webkit-animation: highlight 1.5s; + animation: highlight 1.5s; } + +@-webkit-keyframes spin { + from { + -webkit-transform: rotate(0deg); } + to { + -webkit-transform: rotate(360deg); } } + +@keyframes spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +/*.spinner { + margin: 5px; + height: 20px; + width: 20px; + animation: rotate 0.7s infinite linear; + border: 2px solid $color-primary; + border-right-color: transparent; + border-radius: 50%; +}*/ +.fa-spin-4x { + -webkit-animation: spin 0.5s infinite linear; + animation: spin 0.5s infinite linear; } + +.fa-spin-2x { + -webkit-animation: spin 1s infinite linear; + animation: spin 1s infinite linear; } + +/*=== Animations start here ===*/ +/*=== FADE IN DOWN ===*/ +@-webkit-keyframes animateFadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes animateFadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +/*==== FADE IN UP ===*/ +@-webkit-keyframes animateFadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes animateFadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +/*=== FADE IN LEFT ===*/ +@-webkit-keyframes animateFadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes animateFadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +/*==== FADE IN RIGHT ===*/ +@-webkit-keyframes animateFadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes animateFadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +/* remove transition delay */ +.no-transition-delay { + -webkit-transition-delay: 0ms !important; + transition-delay: 0ms !important; } + +/* fade transitions for page elements */ +.page-content > .alert { + animation: animateFadeInUp 0.3s; + -webkit-animation: animateFadeInUp 0.3s; } + +.page-content > .card, +.page-content > .row { + animation: animateFadeInUp 0.7s; + -webkit-animation: animateFadeInUp 0.7s; } + +.tab-content > .active:not(.fade) { + animation: animateFadeInUp 0.5s; + -webkit-animation: animateFadeInUp 0.5s; } + +/* repeated transitions */ +.fadeinup { + animation: animateFadeInUp 0.5s; + -webkit-animation: animateFadeInUp 0.5s; } + +.fadeindown { + animation: animateFadeInDown 0.5s; + -webkit-animation: animateFadeInDown 0.5s; } + +.fadeinleft { + animation: animateFadeInLeft 0.5s; + -webkit-animation: animateFadeInLeft 0.5s; } + +.fadeinright { + animation: animateFadeInRight 0.5s; + -webkit-animation: animateFadeInRight 0.5s; } + +/* #MODS - Layout manipulation +========================================================================== */ +@media (min-width: 1399px) { + .mod-main-boxed.mod-bg-1 [data-class="mod-bg-1"]:before, + .mod-main-boxed.mod-bg-2 [data-class="mod-bg-2"]:before, + .mod-main-boxed.mod-bg-3 [data-class="mod-bg-3"]:before, + .mod-main-boxed.mod-bg-4 [data-class="mod-bg-4"]:before, + .mod-main-boxed.mod-bg-none [data-class="mod-bg-none"]:before { + content: " "; + display: block; + border-radius: 50%; + background: inherit; + background-image: none; + border: 2px solid rgba(0, 0, 0, 0.2); + position: absolute; + top: 15px; + left: 15px; + height: 20px; + width: 20px; } + .mod-main-boxed.mod-bg-1 [data-class="mod-bg-1"]:after, + .mod-main-boxed.mod-bg-2 [data-class="mod-bg-2"]:after, + .mod-main-boxed.mod-bg-3 [data-class="mod-bg-3"]:after, + .mod-main-boxed.mod-bg-4 [data-class="mod-bg-4"]:after, + .mod-main-boxed.mod-bg-none [data-class="mod-bg-none"]:after { + content: " "; + height: inherit; + width: inherit; + border: 5px solid rgba(0, 0, 0, 0.1); + position: absolute; + left: 0; + top: 0; + border-radius: 50%; } + .mod-main-boxed .settings-panel .expanded { + display: block; } + .mod-main-boxed .settings-panel .expanded > ul > li { + display: inline-block; + margin: 0; + padding: 0; } + .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-1"] { + background-image: url("../img/backgrounds/prev-bg-1.png"); } + .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-2"] { + background-image: url("../img/backgrounds/prev-bg-2.png"); } + .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-3"] { + background-image: url("../img/backgrounds/prev-bg-3.png"); } + .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-4"] { + background-image: url("../img/backgrounds/prev-bg-4.png"); } + .mod-main-boxed .settings-panel .expanded > ul > li:last-child [data-action="toggle"] { + margin-right: 0; } + .mod-main-boxed.mod-bg-1 { + background-image: url("../img/backgrounds/bg-1.png"); } + .mod-main-boxed.mod-bg-2 { + background-image: url("../img/backgrounds/bg-2.png"); } + .mod-main-boxed.mod-bg-3 { + background-image: url("../img/backgrounds/bg-3.png"); } + .mod-main-boxed.mod-bg-4 { + background-image: url("../img/backgrounds/bg-4.png"); } + .mod-main-boxed.mod-fixed-bg { + background-attachment: fixed; } } + +.mod-clean-page-bg:not(.mod-skin-dark) .page-content-wrapper { + background: #fff !important; } + +.mod-clean-page-bg:not(.mod-skin-dark) .page-header { + border-bottom-color: rgba(150, 123, 189, 0.13); } + +.mod-color-blind .page-wrapper { + -webkit-filter: grayscale(65%); + filter: grayscale(55%); } + +.mod-color-blind [class*="btn-"].active { + background-image: none !important; } + +.mod-disable-animation *, +.mod-disable-animation *:before, +.mod-disable-animation *:after { + -webkit-transition: none !important; + transition: none !important; + -webkit-animation: none !important; + animation: none !important; } + +.mod-hide-info-card { + /*.page-logo { + border-bottom: 1px solid lighten($header-logo-border-bottom, 13%); + }*/ } + .mod-hide-info-card .page-sidebar .info-card { + display: none; } + +.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > [class*='fa-'], +.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > .ni, +.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > img { + display: none; } + +.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > .badge { + right: 40px; + left: auto; + top: 30%; } + +.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > [class*='fa-'], +.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > .ni, +.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > img { + display: none; } + +.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu .dl-ref { + display: none; } + +.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu li > ul > li > a { + padding-left: 2.9375rem; } + .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu li > ul > li > a + ul > li > a { + padding-left: 4.1875rem; } + +.mod-high-contrast:not(.mod-skin-dark) .nav-menu li a, +.mod-high-contrast:not(.mod-skin-dark) .nav-title, +.mod-high-contrast:not(.mod-skin-dark) .nav-menu li a [class*='fa-'], +.mod-high-contrast:not(.mod-skin-dark) .nav-menu li a .ni, +.mod-high-contrast:not(.mod-skin-dark) .dl-ref, +.mod-high-contrast:not(.mod-skin-dark) .btn { + text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; + color: #fff !important; + font-weight: 500 !important; } + +.mod-high-contrast:not(.mod-skin-dark) .subheader-title, +.mod-high-contrast:not(.mod-skin-dark) h1, +.mod-high-contrast:not(.mod-skin-dark) h2, +.mod-high-contrast:not(.mod-skin-dark) h3, +.mod-high-contrast:not(.mod-skin-dark) h4, +.mod-high-contrast:not(.mod-skin-dark) h5, +.mod-high-contrast:not(.mod-skin-dark) .settings-panel-title a, +.mod-high-contrast:not(.mod-skin-dark) .panel-header, +.mod-high-contrast:not(.mod-skin-dark) .badge-detached, +.mod-high-contrast:not(.mod-skin-dark) .btn-secondary, +.mod-high-contrast:not(.mod-skin-dark) .btn-default, +.mod-high-contrast:not(.mod-skin-dark) .page-header .btn, +.mod-high-contrast:not(.mod-skin-dark) [class*="btn-outline-"] { + text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; + color: #000 !important; + font-weight: 500; } + +.mod-high-contrast:not(.mod-skin-dark) .subheader-title small, +.mod-high-contrast:not(.mod-skin-dark) .breadcrumb > li > a, +.mod-high-contrast:not(.mod-skin-dark) .page-content, +.mod-high-contrast:not(.mod-skin-dark) h1 small, +.mod-high-contrast:not(.mod-skin-dark) h2 small, +.mod-high-contrast:not(.mod-skin-dark) h3 small, +.mod-high-contrast:not(.mod-skin-dark) h4 small, +.mod-high-contrast:not(.mod-skin-dark) h5, +.mod-high-contrast:not(.mod-skin-dark) h6, +.mod-high-contrast:not(.mod-skin-dark) p, +.mod-high-contrast:not(.mod-skin-dark) .btn-switch + .onoffswitch-title, +.mod-high-contrast:not(.mod-skin-dark) .onoffswitch-title + .onoffswitch-title-desc, +.mod-high-contrast:not(.mod-skin-dark) .panel-container, +.mod-high-contrast:not(.mod-skin-dark) .panel-header .btn { + text-shadow: none; + color: #000 !important; + font-weight: normal !important; } + +.mod-lean-subheader .subheader { + margin: 0; } + .mod-lean-subheader .subheader .subheader-title { + margin-top: 0; + font-size: 1rem; + display: inline-block; + font-weight: 400; + text-transform: capitalize; + margin-bottom: 1.5rem; } + .mod-lean-subheader .subheader .subheader-title:not(:only-child) { + margin-top: 23px; } + .mod-lean-subheader .subheader .subheader-title small { + font-size: 0.875rem; + display: inline-block; + text-transform: capitalize; } + .mod-lean-subheader .subheader .subheader-title small:before { + content: " - "; } + .mod-lean-subheader .subheader .breadcrumb { + position: absolute; + top: 0; } + +@media (min-width: 1399px) { + .mod-main-boxed { + /* + why did we add this again? + this was buggy when open modal with mod main boxed then click on logo for the dropdown, it won't close + &.nav-function-fixed:not(.nav-function-top):not(.header-function-fixed) { + .page-sidebar { + transform: translateX(0) !important; + box-shadow: none; + } + + .page-wrapper { + transform: translateX(0) !important; + } + + }*/ } + .mod-main-boxed .page-wrapper { + max-width: 1399px; + margin: 0 auto; } + .mod-main-boxed:not(.nav-function-top) #nff { + position: relative; } + .mod-main-boxed:not(.nav-function-top) #nff .onoffswitch-title { + color: #da9400; + color: var(--theme-warning-900); } + .mod-main-boxed:not(.nav-function-top) #nff .onoffswitch-title-desc { + color: #da9400; + color: var(--theme-warning-900); } + .mod-main-boxed:not(.nav-function-top) #nff:after { + content: "DISABLED"; + display: block; + position: absolute; + background: #ffc241; + background: var(--theme-warning-50); + font-size: 0.625rem; + width: 65px; + text-align: center; + border: 1px solid var(--theme-warning-700); + height: 22px; + line-height: 20px; + border-radius: 10px; + right: 13px; + top: 26%; + color: #1d1d1d; } + .mod-main-boxed.header-function-fixed .page-wrapper .page-header { + width: 100%; + max-width: 1397px; + margin: 0 auto !important; } + .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-wrapper .page-sidebar { + position: absolute !important; + top: 0; + bottom: 0; } + .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-wrapper .page-header { + padding-left: 18.875rem; } + .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify):not(.nav-function-fixed) .page-content, + .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify):not(.nav-function-fixed) .page-footer { + margin-left: 16.875rem; } + .mod-main-boxed.header-function-fixed.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) .page-wrapper .page-header { + padding-left: 6.6875rem; } + .mod-main-boxed.header-function-fixed.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) .page-wrapper .page-content-wrapper { + margin-left: 4.6875rem; } + .mod-main-boxed.nav-function-hidden:not(.nav-function-top) .page-sidebar:after { + position: absolute; + left: 16.875rem; } + .mod-main-boxed.nav-function-hidden.nav-function-minify .page-sidebar:after { + position: absolute; + left: 4.6875rem; } + .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar { + position: absolute; } + .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar .page-logo { + position: fixed; + top: 0; + z-index: 950; + -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); } + .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar .primary-nav { + margin-top: 4.125rem; } + .mod-main-boxed.nav-function-fixed:not(.nav-function-top).nav-function-hidden .page-logo { + position: absolute !important; + -webkit-transition: none; + transition: none; } + .mod-main-boxed .page-wrapper { + border-left: 1px solid rgba(0, 0, 0, 0.15); + border-right: 1px solid rgba(0, 0, 0, 0.15); + -webkit-box-shadow: 5px 0 20px 0px rgba(0, 0, 0, 0.1), -5px 0 20px 0px rgba(0, 0, 0, 0.1); + box-shadow: 5px 0 20px 0px rgba(0, 0, 0, 0.1), -5px 0 20px 0px rgba(0, 0, 0, 0.1); + overflow: hidden; + position: relative; } + .mod-main-boxed:not(.header-function-fixed):not(.nav-function-top):not(.modal-open):not(.panel-fullscreen):not(.footer-function-fixed) .page-wrapper { + -webkit-transform: translateX(0) !important; + transform: translateX(0) !important; } } + +/* Hierarchical Navigation */ +.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li a > .dl-ref:first-child { + margin-left: 0 !important; } + +.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul { + /* addressing all second, third children */ } + .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before { + content: ""; + display: block; + position: absolute; + z-index: 1; + left: 2.5625rem; + top: 44px; + bottom: 0; + border-left: 1px solid #614b82; } + .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after { + content: ""; + display: block; + position: absolute; + width: 0.4rem; + height: 0.4rem; + background-color: #876fab; + left: 2.4rem; + top: calc(50% - 0.3rem); + border: 1px solid #333; + border-radius: 50%; + z-index: 1; } + .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:hover:after { + border-color: transparent; } + .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li li > a:after { + content: ""; + display: none; } + .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul li a i { + margin-left: 0 !important; } + +.mod-nav-dark:not(.mod-skin-dark) .page-sidebar { + background-color: #1d1d1d; } + +.mod-nav-dark:not(.mod-skin-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li a:not(:hover):not(focus) { + color: #bdafd1; } + +.mod-nav-dark:not(.mod-skin-dark).mod-skin-dark:not(.mod-skin-light) .page-logo { + border-bottom: inherit; } + +/* mod smartpanel icons */ +.mod-panel-icon [role="widget"] .btn-panel { + font-family: 'Font Awesome 5 Pro'; + font-weight: 300; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + color: inherit; + background: none !important; + position: relative; + height: 2rem; + width: 2rem; + font-size: 1rem; + opacity: 0.7; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + border-radius: 0.25rem; + text-align: center; + -webkit-transition: none; + transition: none; } + .mod-panel-icon [role="widget"] .btn-panel:hover { + opacity: 1; } + .mod-panel-icon [role="widget"] .btn-panel:active { + font-size: 0.9rem; } + .mod-panel-icon [role="widget"] .btn-panel.js-panel-collapse:before, .mod-panel-icon [role="widget"] .btn-panel.js-panel-fullscreen:before, .mod-panel-icon [role="widget"] .btn-panel.js-panel-close:before { + background: transparent; + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 0; + -webkit-transition: none; + transition: none; } + .mod-panel-icon [role="widget"] .btn-panel.js-panel-collapse:before { + content: "\f068"; } + .mod-panel-icon [role="widget"] .btn-panel.js-panel-fullscreen:before { + content: "\f065"; } + .mod-panel-icon [role="widget"] .btn-panel.js-panel-close:before { + content: "\f00d"; } + +.mod-panel-icon [role="widget"].panel-collapsed .js-panel-collapse:before { + content: "\f067" !important; } + +.mod-panel-icon [role="widget"].panel-fullscreen .js-panel-fullscreen { + font-size: 1.5rem; } + .mod-panel-icon [role="widget"].panel-fullscreen .js-panel-fullscreen:before { + content: "\f066"; } + +html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-text"] { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + +.root-text-sm { + font-size: 15px; } + .root-text-sm [data-class="root-text-sm"] { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } + +.root-text-lg { + font-size: 17px; } + .root-text-lg [data-class="root-text-lg"] { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } + +.root-text-xl { + font-size: 18px; } + .root-text-xl [data-class="root-text-xl"] { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } + +.mod-bigger-font { + font-size: 18px; } + +/* #COLORS - we place this here so it can override other colors as needed +========================================================================== */ +.bg-primary-50 { + background-color: #ccbfdf; + color: rgba(0, 0, 0, 0.8); } + .bg-primary-50:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-primary-100 { + background-color: #beaed7; + color: rgba(0, 0, 0, 0.8); } + .bg-primary-100:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-primary-200 { + background-color: #b19dce; + color: rgba(0, 0, 0, 0.8); } + .bg-primary-200:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-primary-300 { + background-color: #a38cc6; + color: white; } + .bg-primary-300:hover { + color: white; } + +.bg-primary-400 { + background-color: #967bbd; + color: white; } + .bg-primary-400:hover { + color: white; } + +.bg-primary-500 { + background-color: #886ab5; + color: white; } + .bg-primary-500:hover { + color: white; } + +.bg-primary-600 { + background-color: #7a59ad; + color: white; } + .bg-primary-600:hover { + color: white; } + +.bg-primary-700 { + background-color: #6e4e9e; + color: white; } + .bg-primary-700:hover { + color: white; } + +.bg-primary-800 { + background-color: #62468d; + color: white; } + .bg-primary-800:hover { + color: white; } + +.bg-primary-900 { + background-color: #563d7c; + color: white; } + .bg-primary-900:hover { + color: white; } + +.color-primary-50 { + color: #ccbfdf; } + +.color-primary-100 { + color: #beaed7; } + +.color-primary-200 { + color: #b19dce; } + +.color-primary-300 { + color: #a38cc6; } + +.color-primary-400 { + color: #967bbd; } + +.color-primary-500 { + color: #886ab5; } + +.color-primary-600 { + color: #7a59ad; } + +.color-primary-700 { + color: #6e4e9e; } + +.color-primary-800 { + color: #62468d; } + +.color-primary-900 { + color: #563d7c; } + +.bg-success-50 { + background-color: #7aece0; + color: rgba(0, 0, 0, 0.8); } + .bg-success-50:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-success-100 { + background-color: #63e9db; + color: rgba(0, 0, 0, 0.8); } + .bg-success-100:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-success-200 { + background-color: #4de5d5; + color: rgba(0, 0, 0, 0.8); } + .bg-success-200:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-success-300 { + background-color: #37e2d0; + color: rgba(0, 0, 0, 0.8); } + .bg-success-300:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-success-400 { + background-color: #21dfcb; + color: rgba(0, 0, 0, 0.8); } + .bg-success-400:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-success-500 { + background-color: #1dc9b7; + color: white; } + .bg-success-500:hover { + color: white; } + +.bg-success-600 { + background-color: #1ab3a3; + color: white; } + .bg-success-600:hover { + color: white; } + +.bg-success-700 { + background-color: #179c8e; + color: white; } + .bg-success-700:hover { + color: white; } + +.bg-success-800 { + background-color: #13867a; + color: white; } + .bg-success-800:hover { + color: white; } + +.bg-success-900 { + background-color: #107066; + color: white; } + .bg-success-900:hover { + color: white; } + +.color-success-50 { + color: #7aece0; } + +.color-success-100 { + color: #63e9db; } + +.color-success-200 { + color: #4de5d5; } + +.color-success-300 { + color: #37e2d0; } + +.color-success-400 { + color: #21dfcb; } + +.color-success-500 { + color: #1dc9b7; } + +.color-success-600 { + color: #1ab3a3; } + +.color-success-700 { + color: #179c8e; } + +.color-success-800 { + color: #13867a; } + +.color-success-900 { + color: #107066; } + +.bg-info-50 { + background-color: #9acffa; + color: rgba(0, 0, 0, 0.8); } + .bg-info-50:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-info-100 { + background-color: #82c4f8; + color: rgba(0, 0, 0, 0.8); } + .bg-info-100:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-info-200 { + background-color: #6ab8f7; + color: rgba(0, 0, 0, 0.8); } + .bg-info-200:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-info-300 { + background-color: #51adf6; + color: white; } + .bg-info-300:hover { + color: white; } + +.bg-info-400 { + background-color: #39a1f4; + color: white; } + .bg-info-400:hover { + color: white; } + +.bg-info-500 { + background-color: #2196F3; + color: white; } + .bg-info-500:hover { + color: white; } + +.bg-info-600 { + background-color: #0d8aee; + color: white; } + .bg-info-600:hover { + color: white; } + +.bg-info-700 { + background-color: #0c7cd5; + color: white; } + .bg-info-700:hover { + color: white; } + +.bg-info-800 { + background-color: #0a6ebd; + color: white; } + .bg-info-800:hover { + color: white; } + +.bg-info-900 { + background-color: #0960a5; + color: white; } + .bg-info-900:hover { + color: white; } + +.color-info-50 { + color: #9acffa; } + +.color-info-100 { + color: #82c4f8; } + +.color-info-200 { + color: #6ab8f7; } + +.color-info-300 { + color: #51adf6; } + +.color-info-400 { + color: #39a1f4; } + +.color-info-500 { + color: #2196F3; } + +.color-info-600 { + color: #0d8aee; } + +.color-info-700 { + color: #0c7cd5; } + +.color-info-800 { + color: #0a6ebd; } + +.color-info-900 { + color: #0960a5; } + +.bg-warning-50 { + background-color: #ffebc1; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-50:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-100 { + background-color: #ffe3a7; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-100:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-200 { + background-color: #ffdb8e; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-200:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-300 { + background-color: #ffd274; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-300:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-400 { + background-color: #ffca5b; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-400:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-500 { + background-color: #ffc241; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-500:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-600 { + background-color: #ffba28; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-600:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-700 { + background-color: #ffb20e; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-700:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-800 { + background-color: #f4a500; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-800:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-900 { + background-color: #da9400; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-900:hover { + color: rgba(0, 0, 0, 0.8); } + +.color-warning-50 { + color: #ffebc1; } + +.color-warning-100 { + color: #ffe3a7; } + +.color-warning-200 { + color: #ffdb8e; } + +.color-warning-300 { + color: #ffd274; } + +.color-warning-400 { + color: #ffca5b; } + +.color-warning-500 { + color: #ffc241; } + +.color-warning-600 { + color: #ffba28; } + +.color-warning-700 { + color: #ffb20e; } + +.color-warning-800 { + color: #f4a500; } + +.color-warning-900 { + color: #da9400; } + +.bg-danger-50 { + background-color: #feb7d9; + color: rgba(0, 0, 0, 0.8); } + .bg-danger-50:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-danger-100 { + background-color: #fe9ecb; + color: rgba(0, 0, 0, 0.8); } + .bg-danger-100:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-danger-200 { + background-color: #fe85be; + color: rgba(0, 0, 0, 0.8); } + .bg-danger-200:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-danger-300 { + background-color: #fe6bb0; + color: rgba(0, 0, 0, 0.8); } + .bg-danger-300:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-danger-400 { + background-color: #fd52a3; + color: white; } + .bg-danger-400:hover { + color: white; } + +.bg-danger-500 { + background-color: #fd3995; + color: white; } + .bg-danger-500:hover { + color: white; } + +.bg-danger-600 { + background-color: #fd2087; + color: white; } + .bg-danger-600:hover { + color: white; } + +.bg-danger-700 { + background-color: #fc077a; + color: white; } + .bg-danger-700:hover { + color: white; } + +.bg-danger-800 { + background-color: #e7026e; + color: white; } + .bg-danger-800:hover { + color: white; } + +.bg-danger-900 { + background-color: #ce0262; + color: white; } + .bg-danger-900:hover { + color: white; } + +.color-danger-50 { + color: #feb7d9; } + +.color-danger-100 { + color: #fe9ecb; } + +.color-danger-200 { + color: #fe85be; } + +.color-danger-300 { + color: #fe6bb0; } + +.color-danger-400 { + color: #fd52a3; } + +.color-danger-500 { + color: #fd3995; } + +.color-danger-600 { + color: #fd2087; } + +.color-danger-700 { + color: #fc077a; } + +.color-danger-800 { + color: #e7026e; } + +.color-danger-900 { + color: #ce0262; } + +.bg-fusion-50 { + background-color: #909090; + color: white; } + .bg-fusion-50:hover { + color: white; } + +.bg-fusion-100 { + background-color: #838383; + color: white; } + .bg-fusion-100:hover { + color: white; } + +.bg-fusion-200 { + background-color: #767676; + color: white; } + .bg-fusion-200:hover { + color: white; } + +.bg-fusion-300 { + background-color: dimgray; + color: white; } + .bg-fusion-300:hover { + color: white; } + +.bg-fusion-400 { + background-color: #5d5d5d; + color: white; } + .bg-fusion-400:hover { + color: white; } + +.bg-fusion-500 { + background-color: #505050; + color: white; } + .bg-fusion-500:hover { + color: white; } + +.bg-fusion-600 { + background-color: #434343; + color: white; } + .bg-fusion-600:hover { + color: white; } + +.bg-fusion-700 { + background-color: #363636; + color: white; } + .bg-fusion-700:hover { + color: white; } + +.bg-fusion-800 { + background-color: #2a2a2a; + color: white; } + .bg-fusion-800:hover { + color: white; } + +.bg-fusion-900 { + background-color: #1d1d1d; + color: white; } + .bg-fusion-900:hover { + color: white; } + +.color-fusion-50 { + color: #909090; } + +.color-fusion-100 { + color: #838383; } + +.color-fusion-200 { + color: #767676; } + +.color-fusion-300 { + color: dimgray; } + +.color-fusion-400 { + color: #5d5d5d; } + +.color-fusion-500 { + color: #505050; } + +.color-fusion-600 { + color: #434343; } + +.color-fusion-700 { + color: #363636; } + +.color-fusion-800 { + color: #2a2a2a; } + +.color-fusion-900 { + color: #1d1d1d; } + +.color-white { + color: #fff; } + +.color-black { + color: #222222; } + +.bg-primary-gradient { + background-image: linear-gradient(250deg, rgba(86, 61, 124, 0.7), transparent); } + +.bg-danger-gradient { + background-image: linear-gradient(250deg, rgba(206, 2, 98, 0.7), transparent); } + +.bg-info-gradient { + background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent); } + +.bg-warning-gradient { + background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent); } + +.bg-success-gradient { + background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent); } + +.bg-fusion-gradient { + background-image: linear-gradient(250deg, rgba(29, 29, 29, 0.7), transparent); } + +/* #APP related modules (print, fullscreen, etc) +========================================================================== */ +/* Custom Webkit Scrollbar */ +/* http://css-tricks.com/custom-scrollbars-in-webkit/ */ +body:not(.mobile-detected)::-webkit-scrollbar, +body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar { + height: 8px; + width: 8px; } + +body:not(.mobile-detected)::-webkit-scrollbar:hover, +body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar:hover { + background-color: rgba(0, 0, 0, 0.01); } + +body:not(.mobile-detected)::-webkit-scrollbar-track-piece, +body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-track-piece { + background-color: #efefef; } + +body:not(.mobile-detected)::-webkit-scrollbar-track-piece:hover, +body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-track-piece:hover { + background-color: #d0d0d0; } + +body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical, +body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-thumb:vertical { + background-color: #838383; } + +body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical:hover, +body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-thumb:vertical:hover { + background-color: dimgray; } + +/* + * Left Panel custom scroll + */ +.page-sidebar .primary-nav::-webkit-scrollbar-track-piece { + background-color: #efefef; } + +.page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical { + background-color: #666; } + +.page-sidebar .primary-nav::-webkit-scrollbar { + height: 4px; + width: 4px; } + +.page-sidebar .primary-nav:hover::-webkit-scrollbar-corner { + width: 40px; } + +.page-sidebar .primary-nav::-webkit-scrollbar-track-piece { + background-color: #efefef; } + +.page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical { + background-color: #666; } + +:-webkit-full-screen [data-action="app-fullscreen"] { + color: #cccccc; } + +:-moz-full-screen [data-action="app-fullscreen"] { + color: #cccccc; } + +@media print { + @page { + size: letter portrait; + margin: 1cm; + padding: 0; + border: none; + border-collapse: collapse; } + /**:not(.keep-print-font) { + color:#333 !important; + background: transparent !important; + font-family: Arial, Helvetica, sans-serif !important; + letter-spacing: normal !important; + font-size: 10pt !important; + line-height: 1.7 !important; + text-transform: none !important; + transition: none !important; + }*/ + table { + font-size: 80%; } + .card, + .card-body, + .container { + display: inline; + padding: 0; + margin: 0; + border: 0; } + a:link { + font-weight: bold; + text-decoration: underline; + color: #06c; } + .subheader-title { + font-size: 14pt !important; } + .subheader-title small { + font-size: 12pt !important; } + h1, h2, h3, h4, h5, h6 { + font-weight: bold !important; } + .page-sidebar, + .btn, + .page-header, + .page-footer { + display: none !important; } + .page-wrapper, + .page-content, + .container.card { + padding: 0; + display: block; + margin: 0; + border: 0 !important; + width: auto; + float: none; } + .panel-header > * { + font-weight: bold !important; } + .card.panel { + border-color: #333 !important; } + .clearfix:after { + content: ''; + clear: both; + display: table; } } + +/* #OVERRIDE - You can override any of the variables through this file +========================================================================== */ + +/*# sourceMappingURL=app.bundle.css.map */ diff --git a/Frontend/css/app.bundle.css.map b/Frontend/css/app.bundle.css.map new file mode 100644 index 0000000..0db65e6 --- /dev/null +++ b/Frontend/css/app.bundle.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["app.bundle.css","_imports/_global-import.scss","_mixins/mixins.scss","_modules/variables.scss","_modules/_fonts.scss","_modules/_placeholders.scss","../../node_modules/bootstrap/scss/_variables.scss","_modules/_root.scss","_modules/_reset.scss","_modules/_body.scss","../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_page-header.scss","_modules/_page-logo.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","_modules/_header-function-fixed.scss","../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_left-panel.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-hidden.scss","_modules/_nav-function-fixed.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-content.scss","_modules/_page-footer.scss","_modules/_page-footer-fixed.scss","_modules/_page-error.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-breadcrumb.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-icon-stack.scss","_modules/_page-components-listfilter.scss","_modules/_page-components-loader.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-pagination.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-progressbar.scss","_modules/_page-components-shortcut.scss","_modules/_page-components-side-panels.scss","_modules/_page-components-tables.scss","_modules/_page-components-tabs.scss","_modules/_page-components-tooltips.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_effects.scss","_modules/_hack.scss","_modules/_hack-ie.scss","_modules/_responsive.scss","_modules/_light-levels.scss","_modules/_forms.scss","_modules/_translate-3d.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_settings-demo-theme-colors.scss","_modules/_settings-demo.scss","_modules/_demo-only.scss","_extensions/_extension-pace.scss","_extensions/_extension-slimscroll.scss","_extensions/_extension-waves.scss","_modules/_keyframes-general.scss","_modules/_keyframes-highlight.scss","_modules/_keyframes-spinner.scss","_modules/_keyframes-transition.scss","_modules/_mod-bg.scss","_modules/_mod-clean-page-bg.scss","_modules/_mod-colorblind.scss","_modules/_mod-disable-animation.scss","_modules/_mod-hide-info-card.scss","_modules/_mod-hide-nav-icons.scss","_modules/_mod-high-contrast.scss","_modules/_mod-lean-page-header.scss","_modules/_mod-main-boxed.scss","_modules/_mod-nav-accessibility.scss","_modules/_mod-nav-dark.scss","_modules/_mod-smartpanel-icons.scss","_modules/_mod-text-size.scss","_modules/_colors.scss","_modules/_app-custom-scrollbar.scss","_modules/_app-fullscreen.scss","_modules/_app-print.scss"],"names":[],"mappings":"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","file":"app.bundle.css","sourcesContent":["/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import '_imports/_global-import';\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules (may brake the page)\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n@import '_modules/_root';\r\n/* resets DOM elements to its natural state */\r\n@import '_modules/_reset';\r\n/* html and body base styles */\r\n@import '_modules/_body';\r\n/* app header */\r\n@import '_modules/_page-header';\r\n/* app logo */\r\n@import '_modules/_page-logo';\r\n/* app search */\r\n@import '_modules/_page-search';\r\n/* icon menu with user options */\r\n@import '_modules/_dropdown-icon-menu';\r\n/* dropdown notification in the app header */\r\n@import '_modules/_dropdown-notification';\r\n/* icon menu with stacked icons located in the app header */\r\n@import '_modules/_dropdown-app-list';\r\n/* app header stays fixed */\r\n@import '_modules/_header-function-fixed';\r\n/* app far left panel */\r\n@import '_modules/_left-panel';\r\n/* app navigation */\r\n@import '_modules/_nav';\r\n/* app navigation filter */\r\n@import '_modules/_nav-listfilter';\r\n/* app info card inside navigation */\r\n@import '_modules/_nav-info-card';\r\n/* app navigation made horizontal */\r\n@import '_modules/_nav-function-top';\r\n/* app navgation stays hidden */\r\n@import '_modules/_nav-function-hidden';\r\n/* app navigation stays fixed */\r\n@import '_modules/_nav-function-fixed';\r\n/* app navigation stays minified */\r\n@import '_modules/_nav-function-minify';\r\n/* app navigation footer */\r\n@import '_modules/_nav-footer';\r\n/* app wrapper */\r\n@import '_modules/_page-wrapper';\r\n/* app content heading */\r\n@import '_modules/_page-heading';\r\n/* app content */\r\n@import '_modules/_page-content';\r\n/* app footer */\r\n@import '_modules/_page-footer';\r\n/* app footer stays fixed */\r\n@import '_modules/_page-footer-fixed';\r\n/* app error page */\r\n@import '_modules/_page-error';\r\n/* various app components (see docs for the full list) */\r\n@import \"_modules/_page-components-accordion.scss\";\n@import \"_modules/_page-components-alerts.scss\";\n@import \"_modules/_page-components-badge.scss\";\n@import \"_modules/_page-components-breadcrumb.scss\";\n@import \"_modules/_page-components-buttons.scss\";\n@import \"_modules/_page-components-cards.scss\";\n@import \"_modules/_page-components-carousel.scss\";\n@import \"_modules/_page-components-dropdowns.scss\";\n@import \"_modules/_page-components-icon-stack.scss\";\n@import \"_modules/_page-components-listfilter.scss\";\n@import \"_modules/_page-components-loader.scss\";\n@import \"_modules/_page-components-messanger.scss\";\n@import \"_modules/_page-components-modal.scss\";\n@import \"_modules/_page-components-pagination.scss\";\n@import \"_modules/_page-components-panels.scss\";\n@import \"_modules/_page-components-popovers.scss\";\n@import \"_modules/_page-components-progressbar.scss\";\n@import \"_modules/_page-components-shortcut.scss\";\n@import \"_modules/_page-components-side-panels.scss\";\n@import \"_modules/_page-components-tables.scss\";\n@import \"_modules/_page-components-tabs.scss\";\n@import \"_modules/_page-components-tooltips.scss\";\r\n\r\n/* #MISC - misc styles, helpers, effects and hacks\r\n========================================================================== */ \r\n@import '_modules/_helpers';\r\n@import '_modules/_misc';\r\n@import '_modules/_effects';\r\n@import '_modules/_hack';\r\n@import '_modules/_hack-ie';\r\n\r\n/* #MOBILE - mobile media related styles\r\n========================================================================== */ \r\n/* contains most of the responsive styles for the app */\r\n@import '_modules/_responsive';\r\n/* changes content colors based on ambience light source of the user (experimental) */\r\n@import '_modules/_light-levels';\r\n\r\n/* #FORMS (customized bootstrap form elems)\r\n========================================================================== */ \r\n@import '_modules/_forms';\r\n\r\n/* #COMPONENTS (can be removed but may or may not impact other components)\r\n========================================================================== */ \r\n/*@import '_modules/_form-switches';*/\r\n@import '_modules/_translate-3d';\r\n\r\n/* #DEMO ELEMS - elements mostly used for demo (can be removed)\r\n========================================================================== */ \r\n@import \"_modules/_settings-demo-incompatiblity-list.scss\";\n@import \"_modules/_settings-demo-theme-colors.scss\";\n@import \"_modules/_settings-demo.scss\";\r\n@import '_modules/_demo-only';\r\n\r\n/* #_extensions - Components imported in alphabetical order (remove extensions from directory if not needed)\r\n========================================================================== */ \r\n@import \"_extensions/_extension-pace.scss\";\n@import \"_extensions/_extension-slimscroll.scss\";\n@import \"_extensions/_extension-waves.scss\";\r\n\r\n/* #ANIMATION - CSS animations and keyframes\r\n========================================================================== */ \r\n@import \"_modules/_keyframes-general.scss\";\n@import \"_modules/_keyframes-highlight.scss\";\n@import \"_modules/_keyframes-spinner.scss\";\n@import \"_modules/_keyframes-transition.scss\";\r\n\r\n/* #MODS - Layout manipulation\r\n========================================================================== */ \r\n@import \"_modules/_mod-bg.scss\";\n@import \"_modules/_mod-clean-page-bg.scss\";\n@import \"_modules/_mod-colorblind.scss\";\n@import \"_modules/_mod-disable-animation.scss\";\n@import \"_modules/_mod-hide-info-card.scss\";\n@import \"_modules/_mod-hide-nav-icons.scss\";\n@import \"_modules/_mod-high-contrast.scss\";\n@import \"_modules/_mod-lean-page-header.scss\";\n@import \"_modules/_mod-main-boxed.scss\";\n@import \"_modules/_mod-nav-accessibility.scss\";\n@import \"_modules/_mod-nav-dark.scss\";\n@import \"_modules/_mod-smartpanel-icons.scss\";\n@import \"_modules/_mod-text-size.scss\";\r\n\r\n/* #COLORS - we place this here so it can override other colors as needed\r\n========================================================================== */ \r\n@import '_modules/_colors';\r\n\r\n/* #APP related modules (print, fullscreen, etc)\r\n========================================================================== */ \r\n@import \"_modules/_app-custom-scrollbar.scss\";\n@import \"_modules/_app-fullscreen.scss\";\n@import \"_modules/_app-print.scss\";\r\n\r\n/* #OVERRIDE - You can override any of the variables through this file\r\n========================================================================== */ \r\n@import '_modules/_overrides';","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//return rgb value \r\n/*------------------------\r\n Usage\r\n\r\n $color-white: hexToRGBString(#fff) => \"255,255,255\"\r\n $color-white: hexToRGBString(rgb(255,255,255)) => \"255,255,255\"\r\n $color-white: hexToRGBString(rgba(#fff,1)) => \"255,255,255\"\r\n \r\n------------------------*/\r\n@function hexToRGBString($hexColor) {\r\n @return \"#{red($hexColor)},#{green($hexColor)},#{blue($hexColor)}\";\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: contrast-ink($contrastvalue)\r\n------------------------*/\r\n\r\n@function contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n @return #ffffff;\r\n }\r\n\r\n @else {\r\n @return #000000;\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* We will manually convert these primary colors to rgb for the dark mode option of the theme */\r\n$rgb-primary:\t\t\t\t\t\thexToRGBString($color-primary) !default;\r\n$rgb-success:\t\t\t\t\t\thexToRGBString($color-success) !default;\r\n$rgb-info:\t\t\t\t\t\t\thexToRGBString($color-info) !default;\r\n$rgb-warning:\t\t\t\t\t\thexToRGBString($color-warning) !default;\r\n$rgb-danger:\t\t\t\t\t\thexToRGBString($color-danger) !default;\r\n$rgb-fusion:\t\t\t\t\t\thexToRGBString($color-fusion) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"rgb-primary\":\t\t\t\t\t$rgb-primary,\r\n\t\"rgb-success\":\t\t\t\t\t$rgb-success,\r\n\t\"rgb-info\":\t\t\t\t\t\t$rgb-info,\r\n\t\"rgb-warning\":\t\t\t\t\t$rgb-warning,\r\n\t\"rgb-danger\":\t\t\t\t\t$rgb-danger,\r\n\t\"rgb-fusion\":\t\t\t\t\t$rgb-fusion,\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n//$mobile-font-size:\t\t\t\t\t\t15px; \t /* bigger fontsize for mobile screens */\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n$custom-control-indicator-checked-disabled-bg:\t\t$primary-100;\r\n\r\n$custom-control-indicator-active-bg:\t\t\t\t$primary-100; \r\n$custom-control-indicator-active-border-color:\t\t$primary-100;\r\n$custom-control-indicator-active-color:\t\t\t\t$primary-100;\r\n\r\n$custom-control-indicator-focus-border-color:\t\t$primary-400;\r\n$custom-select-focus-border-color:\t\t\t\t\t$primary-500;\r\n\r\n$custom-checkbox-indicator-indeterminate-border-color: $primary-500;\r\n$custom-checkbox-indicator-indeterminate-bg: $primary-500;\r\n\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n/* custom file */\r\n$custom-file-focus-border-color:\t\t$primary-500;\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n//$modal-lg:\t\t\t\t\t\t\t\t650px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\t28px !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\t28px !default; \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t /* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav footer */\r\n$nav-footer-link-color:\t\t\t\t\tlighten($nav-background, 25%) !default;\r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n\r\n/* nav link level-1 */\r\n$nav-link-color-child: \t\t\t\t\tdarken($nav-link-color, 5%);\r\n$nav-link-color-child-hover:\t\t\t$white;\r\n\r\n/* nav level-1 bg */\r\n$nav-ul-ul-bg:\t\t\t\t\t\t\trgba($black,0.1);\r\n$nav-ul-padding-top:\t\t\t\t\t10px;\r\n$nav-ul-padding-bottom:\t\t\t\t\t10px;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\tvar(--theme-warning-900) !default;\r\n$settings-incompat-desc:\t\t\t\tvar(--theme-warning-900) !default;\r\n$settings-incompat-bg:\t\t\t\t\tvar(--theme-warning-50) !default;\r\n$settings-incompat-border:\t\t\t\tvar(--theme-warning-700) !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n$panel-btn-icon-width:\t\t\t\t\t2rem;\r\n$panel-btn-icon-height:\t\t\t\t\t2rem;\r\n$panel-btn-icon-font-size:\t\t\t\t1rem;\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;\r\n\r\n/* SHORTCUT BUTTON (appears on bottom right of the page) */\r\n$app-shortcut-btn-size: 49px;\r\n$menu-item-size: 45px;\r\n$menu-items:5;\r\n$menu-grid-icon: 5px;\r\n$menu-item-direction: 'top'; //top or left\r\n\r\n\r\n/* GULP WARNINGS */\r\n$ignore-warning: true;","@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: #da9400;\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: #da9400;\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $warning-500;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\",\"%3c\"),\n (\">\",\"%3e\"),\n (\"#\",\"%23\"),\n (\"(\",\"%28\"),\n (\")\",\"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n$grid-row-columns: 6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-cursor: null !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color: null !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml,\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: url(\"data:image/svg+xml,\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: url(\"data:image/svg+xml,\") !default;\n$custom-select-background: escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n",":root {\r\n @each $theme-colors, $value in $theme-colors {\r\n --theme-#{$theme-colors}: #{$value};\r\n }\r\n\r\n @each $theme-colors-extended, $value in $theme-colors-extended {\r\n --theme-#{$theme-colors-extended}: #{$value};\r\n }\r\n \r\n @each $bp, $value in $grid-breakpoints {\r\n --breakpoint-#{$bp}: #{$value};\r\n }\t\r\n}","/* for IE */ \r\nmain {\r\n\tdisplay:block;\r\n}\r\n/* removes dotted lines for focus */\r\na, a:active, a:focus, \r\nbutton, button:focus, button:active, \r\n.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {\r\n outline: none;\r\n outline: 0;\r\n}\r\ninput::-moz-focus-inner {\r\n border: 0;\r\n} ","html {\r\n\tscroll-behavior:smooth; //smooth scrolling for anchor links (IE11 not supported)\r\n\r\n\tbody {\t\r\n\t\tdirection: ltr;\r\n\t\ttext-rendering: optimizeLegibility;\r\n\t\tbackground-color: $body-background-color;\r\n\r\n\t\t\r\n\t\ta {\r\n\t\t\tcolor: $link-color;\r\n\t\t\ttext-decoration: $link-decoration;\r\n\t\t\tbackground-color: transparent; // Remove the gray background on active links in IE 10.\r\n\r\n\t\t \t@include hover() {\r\n\t\t\t\tcolor: $link-hover-color;\r\n\t\t\t\ttext-decoration: $link-hover-decoration;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n &:hover { @content; }\n}\n\n@mixin hover-focus() {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus() {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active() {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\theight: $header-height;\r\n\tdisplay: block;\r\n\tline-height: $header-height;\r\n\ttext-decoration: none;\r\n\tposition: relative;\r\n\r\n\t&:not(.btn) {\r\n\t\tmin-width: $header-non-btn-width;\r\n\t\ttext-align: center;\r\n\t\toverflow: visible;\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\tcolor: $header-link-color;\r\n\t\t vertical-align: middle;\r\n\t\t\t}\r\n\t\t\t>[class*='fa-']:first-child {\r\n\t\t\t\tfont-size: $header-icon-size;\r\n\t\t\t}\r\n\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tfont-size: $header-icon-size;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\t\t\t&[data-toggle=\"dropdown\"] {\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \" \";\r\n\t\t\t\t\twidth: 1.5rem;\r\n\t\t\t\t\theight: 1.5rem;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbackground: #dae1e8;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\ttop: ($header-height - 1.5rem) /2;\r\n\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\tleft: 0.9375rem;\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t\ttransition: all 100ms ease-in;\r\n\t\t\t\t}\t\r\n\t\t\t}\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t/* new lines for arrow visibility */\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tz-index: $depth-header + 1;\r\n\r\n\t\t\t\t\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \" \";\r\n\t\t\t\t\twidth: 2.5rem;\r\n\t\t\t\t\theight: 2.5rem;\r\n\t\t\t\t\ttop: ($header-height - 2.5rem ) /2;\r\n\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\tleft: 0.3125rem;\r\n\t\t\t\t\topacity: 1;\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t\t-webkit-background-clip: initial;\r\n\t\t\t\t\t-webkit-text-fill-color: initial;\r\n\t\t\t\t\tbackground: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tposition:absolute;\r\n\t\t\t\tborder: $theme-border-utility-size solid $header-border-color;\r\n\t\t\t\tright: 2rem; //same as page padding\r\n\t\t\t\ttop: $header-height - 0.0625rem !important;\r\n\t\t\t\tleft: auto !important;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.profile-image {\r\n\t\t\twidth: $profile-image-width-md;\r\n\t\t\theight:auto;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcursor:default;\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n\tbox-shadow: 0px 0px 28px 0px $header-border-bottom-color;\r\n\tdisplay: flex;\r\n\r\n\tflex: 0 0 auto;\r\n\r\n\talign-items:center;\r\n\r\n\theight: $header-height;\r\n\tposition: relative;\r\n\tz-index: $depth-header;\r\n\r\n\torder: 1;\r\n\r\n\t.page-logo {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.badge-icon {\r\n\t\t\r\n\t\tleft: $header-badge-left;\r\n\t\ttop: $header-badge-top;\t\r\n\r\n\t\t&:only-child {\r\n\t\t\tposition: relative;\r\n\t\t\tleft: auto;\r\n\t\t\tright: auto;\r\n\t\t\tfont-size: $fs-md;\r\n\t\t\theight: 26px;\r\n\t\t\twidth: 26px;\r\n\t\t\tline-height: 21px;\r\n\t\t\ttop: 20px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\t\r\n}\r\n",".page-logo {\r\n\theight: $header-height;\r\n\twidth: $nav-width;\r\n\r\n\t@extend %nav-bg;\r\n\r\n\tbox-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);\r\n\r\n\toverflow: hidden; \r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\r\n -ms-flex-positive: 0;\r\n flex-grow: 0;\r\n\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n\r\n min-height: 1px;\r\n\r\n\tpadding: 0 $nav-padding-x;\r\n\r\n\t@extend %general-animation;\r\n\r\n\timg {\r\n\t\twidth: $header-logo-width;\r\n\t\theight: $header-logo-height;\r\n\t}\r\n\r\n\t.page-logo-link {\r\n\t\tflex: 1 0 auto;\r\n\t}\r\n\r\n}\r\n\r\n.page-logo-text {\r\n\tmargin-left: 0.5rem;\r\n\tfont-weight: 300;\r\n\tfont-size: 1rem; //1.125rem; this is the old size for the previous name\r\n\tcolor: $white;\r\n\tdisplay: block;\r\n\tflex: 1 0 auto;\r\n\ttext-align: left;\r\n}\r\n\r\nbody:not(.header-function-fixed) {\r\n\t.page-logo {\r\n\t\t@extend %general-animation;\r\n\t}\r\n}\r\n\r\n",".search{\r\n\tflex: 1;\r\n\r\n\t.app-forms {\r\n\t\tpadding:0;\r\n\r\n\t\t&.has-length {\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tcontent: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#search-field {\r\n\tmax-width: $header-search-width - 3.125rem;\r\n\theight: $header-search-height;\r\n\tline-height: normal;\r\n\tborder-radius: $header-btn-border-radius;\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n\tbox-shadow: none;\r\n\tfont-size: rem($header-search-font-size);\r\n\tpadding: $header-search-padding;\r\n}",".dropdown-icon-menu {\r\n\r\n\t> .btn {\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n\t> ul {\r\n\t\topacity: 0;\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tposition: absolute;\r\n\t\tbackground: $white;\r\n\t\theight:$header-btn-height;\r\n\t\tpadding: ($header-btn-height + 0.5rem) 4px 5px;\r\n\t\twidth: $header-btn-width + 0.5rem;\r\n\t\tmargin-left: 1px;\r\n\t\tmargin-top: -($header-btn-height + 0.25rem);\r\n\t\tleft: -5px;\r\n\t\toverflow: hidden;\r\n\t\tbox-shadow: 0 3px 3px rgba(0,0,0,.12),0 0 3px rgba(0,0,0,.24);\r\n\r\n\t\t@include rounded(rem($header-btn-border-radius));\r\n\r\n\t\ttransition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\r\n\t\t> li {\r\n\t\t\tmargin-bottom: 4px;\r\n\t\t\tposition: relative;\r\n\t\t\t\r\n\t\t\t.btn {\r\n\t\t\t\t@extend %header-btn;\r\n\t\t\t}\r\n\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tmargin-bottom:0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover {\r\n\r\n\t\t> ul {\r\n\t\t\tdisplay: block;\r\n\t\t\topacity: 1;\r\n\t\t\t/*\r\n\t\t\t * n = number of buttons minus 1 \r\n\t\t\t * eg. $header-btn-height * 2n\r\n\t\t\t */\r\n\t\t\theight: ($header-btn-height + ($header-btn-height * 2) + 1rem); \t\t\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\toverflow: visible;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}",".tab-notification {\r\n\theight: 363px;\r\n\r\n\t.tab-pane {\r\n\t\theight: 100%;\r\n\t}\r\n}\r\n\r\n\r\n.notification {\r\n\tpadding:0;\r\n\tmargin: 0;\r\n\tlist-style: none;\r\n\tposition: relative;\r\n\r\n\tli {\r\n\t\tposition: relative;\r\n\t\tbackground: $white;\r\n\r\n\t\t&.unread {\r\n\t\t\t\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\r\n\t\t\t.name {\r\n\t\t\t\tfont-weight:500;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tpadding: $p-1+$p-2 $p-4;\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t\t&:focus {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t}\r\n\r\n\t\t\t> span {\r\n\t\t\t\tposition: relative;\r\n\r\n\t\t\t\t> span {\r\n\t\t\t\t\t/* IE fix */\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\t> a {\r\n\t\t\t\tborder:0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: rem($fs-base);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t\t.name {\r\n\t\t\t\t\tfont-weight: bold;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t\tz-index: 1;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop:0;\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t//background: #ed1c24;\r\n\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\tbox-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.name {\r\n\t\t\t\tfont-size: rem($fs-base + 1px);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n\t&:not(.notification-loading) {\r\n\r\n\t\t&:before {\r\n\t\t\tcontent: \"No new messages\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tz-index: 0;\r\n\t\t\tpadding: 1.5rem;\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}",".app-list {\r\n\tmargin:0 auto;\r\n\tdisplay: block;\r\n\twidth: $header-applist-rows-width !important;\r\n\theight: $header-applist-rows-height !important;\r\n\tfont-size:0; //removes wierd spacing\r\n\tpadding: $header-applist-box-padding-x $header-applist-box-padding-y;\r\n\ttext-align: center;\r\n\r\n\tuser-select: none; \r\n\r\n\t> li {\r\n\t\tdisplay: inline-block;\r\n\t\ttext-align: center;\r\n\t\tpadding:0;\r\n\t}\r\n}\r\n\r\n.app-list-item {\r\n\theight: $header-applist-link-block-height;\r\n\twidth: $header-applist-link-block-width;\r\n\tdisplay: block;\r\n\ttext-decoration: none;\r\n\tcolor:$base-text-color;\r\n\tmargin: 10px 2px;\r\n\tborder: 1px solid transparent !important;\r\n\toutline: none;\r\n\t@include rounded($border-radius - 1);\r\n\tpadding-top: 8px;\r\n\r\n\tborder-radius: 4px;\r\n\t\r\n\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tflex-direction: column;\r\n\r\n\t.icon-stack {\r\n\t\tfont-size: $header-applist-icon-size;\r\n\t\tmargin-top:4px;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t//border: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t\tpadding-top: 7px;\r\n\r\n\t\t> .icon-stack {\r\n\t\t\tfont-size: $header-applist-icon-size + 0.0625rem;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t\tpadding-top: 8px;\r\n\r\n\t\t> .icon-stack {\r\n\t\t\tfont-size: $header-applist-icon-size;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.app-list-name {\r\n\ttext-align: center;\r\n\tfont-size: rem($fs-base);\r\n\ttext-overflow: ellipsis;\r\n\tdisplay: block;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}",".header-function-fixed {\r\n\r\n\t&:not(.nav-function-top) {\r\n\r\n\t\t.page-header {\r\n\t\t\tleft:0;\r\n\t\t\tposition:fixed !important;\r\n\t\t\tright:0;\r\n\t\t\ttop:0;\r\n\t\t\t\r\n\t\t\t@extend %general-animation;\r\n\t\t}\r\n\r\n\t\t.page-content {\r\n\t\t\tmargin-top: $header-height;\r\n\t\t}\r\n\r\n\t\t&:not(.nav-function-fixed) {\r\n\r\n\t\t\t.page-logo {\r\n\t\t\t\twidth:$nav-width;\r\n\t\t\t\tposition:fixed;\r\n\t\t\t\ttop:0;\r\n\t\t\t\tz-index: $cloud;\r\n\r\n\t\t\t\t//@extend %fixed-header-shadow;\r\n\t\t\t}\r\n\r\n\t\t\t.page-sidebar {\r\n\t\t\t\t.primary-nav {\r\n\t\t\t\t\tmargin-top:$header-height;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t/* bug fix for nav hidden other than chrome...*/\r\n\t\t\t&.desktop.nav-function-hidden {\r\n\t\t\t\t.page-logo {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttransition: none !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.header-function-fixed {\r\n\r\n\t\t&:not(.nav-function-top) {\r\n\r\n\t\t\t.page-header {\r\n\t\t\t\tmargin-left: $nav-width;\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-minify {\r\n\t\t\t\t.page-sidebar {\r\n\t\t\t\t\t.page-logo {\r\n\t\t\t\t\t\twidth: $nav-minify-width;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tposition: fixed !important;\r\n\t\t\t\t/*top: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tleft: 0;*/\r\n\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\r\n\t\t\t\t/*chrome flickering solution*/\r\n\t\t\t\t-webkit-transform: translateZ(0);\r\n\t\t\t}\r\n\t\t\t/*.page-wrapper {\r\n\t\t\t\tpadding-top: $header-height-nav-top;\r\n\t\t\t}*/\t\t\t\r\n\t\t}\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n",".page-sidebar {\r\n\r\n\t@extend %nav-bg;\r\n\r\n\tposition: relative;\r\n\tflex: 1 0 auto;\r\n\twidth: $nav-width;\r\n\tmax-width: $nav-width;\r\n flex-direction: column;\r\n display: flex;\r\n\r\n\tz-index: $depth-nav;\r\n\r\n\twill-change: left, right;\r\n}",".primary-nav { \r\n\toverflow: auto;\r\n\toverflow-x: hidden;\r\n\t-webkit-overflow-scrolling: touch;\r\n\t-webkit-backface-visibility: hidden; \r\n\t\tbackface-visibility: hidden;\r\n\r\n\t.nav-menu:last-of-type {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t.nav-menu:first-of-type {\r\n\t\tmargin-top: 1rem;\r\n\t\tmargin-bottom: 1rem;\r\n\t}\t\r\n}\r\n\r\n.nav-title {\r\n\ttext-transform: uppercase;\r\n\tmargin:0;\r\n\tcolor: $nav-title-color;\r\n\tpadding: 1rem $nav-padding-x;\r\n\tmargin-top: 1.5rem;\r\n\tfont-size: rem($nav-title-font-size);\r\n\tletter-spacing: 1px;\r\n\tfont-weight: 500;\r\n}\r\n\r\n.nav-menu {\r\n\tpadding: 0;\r\n\tlist-style: none;\r\n\tmargin: 0;\r\n\r\n\ta,\r\n\ta > [class*='fa-'],\r\n\ta > .#{$cust-icon-prefix} {\r\n\t\t@include transition(0.3s,ease-out);\r\n\t}\r\n\r\n\r\n\tb.collapse-sign {\r\n\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\r\n\t\tcolor: $primary-400;\r\n\r\n\t\t> [class*='fa-'],\r\n\t\t>.#{$cust-icon-prefix} {\r\n\t\t\tfont-size: $nav-collapse-sign-font-size;\r\n \t}\r\n\t}\r\n\r\n\tul {\r\n\t\tpadding-left: 0;\r\n\t\tlist-style: none;\r\n\t\tdisplay:none;\r\n\t}\r\n\r\n\tli {\r\n\t\tposition: relative;\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba(contrast($nav-background), 0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\t\t\t\tfont-weight: 400;\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcontent: '\\f413';\r\n\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: calc(50% - 5px);\r\n\t\t\t\tright: 11px;\r\n\t\t\t\tfont-size: 7px;\r\n\t\t\t\theight: 10px;\r\n\t\t\t\twidth: auto;\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tdisplay: flex; /*new*/\r\n\t\t\talign-items:center; /*new*/\r\n\t\t\toutline: 0;\r\n\t\t\tpadding: $nav-padding-y $nav-padding-x;\r\n\t\t\tfont-size: rem($nav-font-link-size);\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\tfont-weight: 400;\r\n\t\t\ttext-decoration: none;\r\n\r\n\t\t\tposition: relative; /* needed for mod-nav-hiarchiy*/\r\n\r\n\t\t\t.dl-ref {\r\n\t\t\t\tfont-size: $nav-dl-font-size;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tmin-width: $nav-dl-width;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tborder-radius: $border-radius;\r\n\t\t\t\tletter-spacing: 0.5px;\r\n\t\t\t\tmargin-left: -$nav-dl-margin-left;\r\n\t\t\t\tmargin-right: $nav-dl-margin-right;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\toverflow:hidden;\r\n\t\t\t\tpadding: 0 4px;\r\n\t\t\t\t-webkit-font-smoothing: subpixel-antialiased;\r\n\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t/*> .badge {\r\n\r\n\t\t\t\t@extend %ping-badge;\r\n\r\n\t\t\t\t& + [class*='fa-'],\r\n\t\t\t\t& + .#{$cust-icon-prefix} {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t}*/\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\tmargin-right: $nav-icon-margin-right;\r\n\t\t\t\tfont-size: $nav-font-icon-size;\r\n\t\t\t\twidth: $nav-icon-width;\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t text-align: left;\r\n\t\t\t} \r\n\r\n\t\t\t/*> [class*='fa-'] {\r\n\t\t\t\tfont-size: $nav-font-icon-size - 2;\r\n\t\t\t}*/\r\n\r\n\t\t\t/*> img {\r\n\t\t\t\tbackground: $primary-500;\r\n\t\t\t\tpadding: 0.125rem;\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t\tmargin-left: 5px;\r\n\t\t\t\tmargin-right: $nav-icon-margin-right + 0.1875rem;\r\n\t\t\t}*/\r\n\r\n\t\t\t> .nav-link-text {\r\n\r\n\t\t\t\tflex: 1; /*new*/\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items:center;\r\n\t\t\t\tline-height: normal;\r\n\t\t\t}\r\n\r\n\t\t\t/*> .badge:not(.clear-badge):first-child {\r\n\t\t\t\tposition: static;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tborder-radius: 5px;\r\n\t\t\t\tmargin-right: 10px;\r\n\t\t\t\twidth: 28px;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tpadding: 4px 0;\r\n\t\t\t\tfont-size: rem($fs-base);\r\n\t\t\t}*/\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: $nav-ul-ul-bg;\r\n\t\t\tpadding-top: $nav-ul-padding-top;\r\n\t\t\tpadding-bottom: $nav-ul-padding-bottom;\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: $nav-link-color-child;\r\n\r\n\t\t\t\t\tpadding: $nav-padding-y $nav-padding-x $nav-padding-y $nav-padding-x + $nav-icon-width + $nav-icon-margin-right;\r\n\r\n\t\t\t\t\tb.collapse-sign {\r\n\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\tfont-size: $nav-collapse-sign-font-size - 2; \r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tmargin-left: -2.1875rem;\r\n\t\t\t\t\t\tmargin-right: $nav-dl-margin-right;\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t\tfont-size: $nav-font-icon-size-sub - 0.25rem;\r\n\t\t\t\t\t\twidth: $nav-dl-width;\r\n\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\r\n\t\t\t\t\t\tbackground-color: transparent;\r\n\t\t\t\t\t\tbox-shadow:none;\r\n\r\n\t\t\t\t\t\tfont-weight: 400;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\t> ul {\r\n\t\t\t\t\t\tpadding-bottom:0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\tpadding: $nav-padding-y $nav-padding-x $nav-padding-y ($nav-padding-x + $nav-icon-width + $nav-icon-margin-right + 0.75rem);\r\n\r\n\t\t\t\t\t\t\t.dl-ref {\r\n\t\t\t\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\t\t\t\tmargin-right: $nav-icon-margin-right / 1.2;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\t\t\t\tmargin-right: $nav-icon-margin-right / 1.2;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\t&:last-child {\r\n\t\t\tmargin-bottom:0;\r\n\t\t}\r\n\t}\r\n\r\n\t&:last-child {\r\n\t\tmargin-bottom:0;\r\n\t}\r\n} \r\n\r\n/* nav hover elements \r\n.nav-menu-hover {\r\n\r\n\tli > ul {\r\n\t\tbackground-color: rgba(0,0,0,0.17) !important;\r\n\t}\r\n\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: rgba(255,255,255,0.90);\r\n\t\t\tspan {\r\n\t\t\t\tcolor: rgba(255,255,255,0.90);\r\n\t\t\t}\r\n\t\t\t\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground:rgba(255,255,255,0.09) !important;\r\n\t\t\t\tcolor: $white !important;\r\n\t\t\t\tspan {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}*/\r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tul {\r\n\t\tbackground: transparent !important;\r\n\t\tpadding-bottom: 0 !important;\r\n\t}\r\n\r\n\tli {\r\n\t\ta {\r\n\t\t\tbackground: transparent !important;\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid transparent;\r\n\t}\r\n\r\n\tli > ul li > ul > li:not(:last-child) a {\r\n\t\tborder-bottom: none;\r\n\t}\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n\tli > ul li > ul > li:not(:last-child) a {\r\n\t\tborder-bottom: none;\r\n\t}\r\n\r\n}\r\n\r\n/* nav compact elements */\r\n.nav-menu-compact {\r\n\tli a { padding-left: 1.5rem !important; padding-right: 1.5rem !important;}\r\n\tli li a { padding-left: 2rem !important; }\r\n\tli li li a { padding-left: 2.5rem !important; }\r\n}\r\n\r\n.nav-menu.nav-menu-reset {\r\n\tli a:not(:hover),\r\n\t.collapse-sign {\r\n\t\tcolor: rgba(255,255,255,0.7) !important;\r\n\t}\r\n}\r\n\r\n/*body:not(.nav-function-top) {\r\n\r\n\t.primary-nav {\r\n\r\n\t\t.nav-menu {\r\n\r\n\t\t\ta,\r\n\t\t\ta:hover,\r\n\t\t\ta:focus {\r\n\r\n\t\t\t\t.badge-detached {\r\n\t\t\t\t\t\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tfont-family: 'helvetica neue', helvetica, arial, sans-serif;\r\n\t\t\t\t\tfont-size: rem($fs-nano);\r\n\t\t\t\t\tmin-height: 13px;\r\n\t\t\t\t\tmin-width: $nav-badge-height + 4;\r\n\t\t\t\t\tbackground-color: #fff;\r\n\t\t\t\t\tborder: 1px solid #33383e;\r\n\t\t\t\t\tborder-radius: 3px;\r\n\t\t\t\t\tcolor: #33383E;\r\n\t\t\t\t\tpadding: 1px 5px;\r\n\t\t\t\t\tright: 15px;\r\n\t\t\t\t\tleft: auto;\r\n\t\t\t\t\ttop: 13px;\r\n\t\t\t\t\twidth: auto;\r\n\t\t\t\t\tmax-width: 0;\r\n\t\t\t\t\theight: auto;\r\n\r\n\t\t\t\t\t-webkit-font-smoothing: subpixel-antialiased;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}*/\r\n\r\n\r\n@include media-breakpoint-up(xl) {\r\n\t\r\n\t.page-sidebar {\r\n\r\n\t\t.primary-nav {\r\n\r\n\t\t\t.nav-menu {\r\n\r\n\t\t\t\t> li {\r\n\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\tfont-size: rem($nav-font-link-size);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".nav-filter {\r\n\t//background: lighten($nav-background, 5%);\r\n\tmargin: 0;\r\n\topacity: 0;\r\n\tvisibility: hidden;\r\n\toverflow: hidden;\r\n height: 0px;\r\n position: relative;\r\n\ttransform: scale(0.3);\r\n\ttransition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\r\n\tinput[type=\"text\"] {\r\n\t\tpadding: 8px 40px 8px 14px; \r\n\t\twidth: $nav-width - 2.25rem;\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}\r\n\r\n// when the dropdown button is clicked for the filter input\r\n.list-filter-active {\r\n\r\n\t//hides info card temporarily\r\n\t.info-card {\r\n\t\theight: calc(#{$nav-infocard-height} - #{$nav-infocard-height});\r\n\t\ttransition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\t}\r\n\r\n\t//nav-filter visibility\r\n\t.nav-filter {\r\n\t\topacity: 1;\r\n\t\tvisibility: visible;\r\n\t\theight: 60px;\r\n\t\t//border-bottom: 1px solid;\r\n\t\tbox-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);\r\n\t\ttransform: scale(1);\r\n\t}\r\n\r\n\t//hides all nav title\r\n\t.nav-title {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.nav-menu {\r\n\t\tmargin:0;\r\n\r\n\t\tli > ul {\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* these classes are triggered by JS */\r\n\t.js-filter-hide {\r\n\t\tdisplay:none;\r\n\t}\r\n\r\n\t.js-filter-show {\r\n\t\tdisplay:block;\r\n\t}\r\n\r\n}\r\n\r\n/* only show filter message if lister filter is active */\r\n.page-sidebar:not(.list-filter-active) {\r\n\t.filter-message {\r\n\t\tdisplay: none;\r\n\t}\t\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\t.nav-function-top,\r\n\t.nav-function-minify {\r\n\t\t.page-sidebar {\r\n\t\t\t/*.js-filter-hide,\r\n\t\t\t.js-filter-show {\r\n\t\t\t\tdisplay:block;\r\n\t\t\t}*/\r\n\t\t\t.filter-message,\r\n\t\t\t.nav-filter {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n}",".info-card {\r\n\tposition: relative;\r\n\twidth: $nav-width;\r\n\theight: $nav-infocard-height;\r\n\tcolor:$white;\r\n\toverflow: hidden;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n\r\n padding: 0 $nav-padding-x;\r\n\r\n\ttransition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\r\n\timg.cover {\r\n\t\topacity: 0.5;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\tposition: absolute;\r\n\t\t@extend %bg-img-cover;\r\n\t\t@extend %common-animation-opacity;\r\n\r\n\t\t//height: 100%; //it was pixelating\r\n\t\theight: auto;\r\n\t}\r\n\r\n\t.profile-image {\r\n\t\twidth: $profile-image-width;\r\n\t\theight: auto;\r\n\t\tdisplay: inline-block;\r\n\t\tz-index: 2;\r\n\t\tposition: relative;\r\n\t}\t\r\n\r\n\t.info-card-text {\r\n\t\tmargin-left: 1rem;\r\n\t\tcolor: inherit;\r\n\t\ttext-shadow: $black 0 1px;\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\tline-height: normal;\r\n\r\n\t\t> span {\r\n\t\t\tfont-weight: 300;\r\n\t\t}\r\n\t}\r\n\t\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\t.info-card {\r\n\r\n\t\t&:hover {\r\n\t\t\t@include transition(0.10s,ease-in-out); \r\n\t\t\twill-change: opacity;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\timg.cover {\r\n\t\t\t\topacity: 0.7;\r\n\t\t\t\t@include backface-visibility;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.info-card-text {\r\n\tfont-size: rem($fs-md);\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\tfont-weight: 500;\r\n\tline-height: 1.35;\r\n\r\n\t> span {\r\n\t\tfont-size: rem($fs-md);\r\n\t\tdisplay: block;\r\n\t\tfont-weight: 300;\r\n\t}\r\n}\r\n","$nav-function-top-item-padding: 8px;\r\n$nav-function-top-logo-width-sm: 28px;\r\n$nav-function-top-logo-width-lg: 28px;\r\n$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n.nav-padel-left,\r\n.nav-padel-right {\r\n\tdisplay: none;\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* digitally created elements */\r\n\t\t.nav-menu-wrapper {\r\n\t\t\tflex: 0 1 100%;\r\n\t\t}\r\n\r\n\t\t/* hide elements when nav-function-top */\r\n\t\t.hidden-nav-function-top {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: #da9400;\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: #da9400;\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \"DISABLED\";\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbackground: $warning-500;\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tfont-size: 10px;\r\n\t\t\t\t\twidth: 65px;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\theight: 22px;\r\n\t\t\t\t\tline-height: 20px;\r\n\t\t\t\t\tborder-radius: $border-radius-plus;\r\n\t\t\t\t\tright: 13px;\r\n\t\t\t\t\ttop: 26%;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tmargin-top: 0;\r\n\t\t\theight: $header-height-nav-top;\r\n\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tright: 0;\r\n\t\t\tleft: 0;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.dropdown-icon-menu {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t#search-field {\r\n\t\t\t\tmargin:0 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.page-logo {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\twidth: auto;\r\n \t\t\twidth: initial; //for IE, cause you know, they suck...\r\n\t\t\t\tpadding-left: 0;\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\r\n\t\t\t.header-icon:not(.btn)[data-toggle=\"dropdown\"] + .dropdown-menu {\r\n\t\t\t\ttop: $header-height-nav-top !important;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-content-wrapper {\r\n\t\t\tmargin-top: $nav-top-height + $header-height-nav-top;\r\n\t\t}\r\n\r\n\t\t.page-wrapper {\r\n\t\t\tpadding-left:0;\r\n\r\n\t\t\t.page-footer {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tdisplay: flex;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 100%;\r\n\t\t\theight: $nav-top-height;\r\n\t\t\tz-index: $depth-header - 1;\r\n\t\t\tpadding: 0 0.625rem;\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: $header-height-nav-top;\r\n\r\n\t\t\torder: 2;\t\t\r\n\r\n\t\t\t.page-logo,\r\n\t\t\t.nav-filter,\r\n\t\t\t.info-card,\r\n\t\t\t.nav-title {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t.primary-nav {\r\n\t\t\t\tflex: 1;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: stretch; \r\n\t\t\t\tfont-size: 0;\r\n\r\n\t\t\t\t/* Make an auto-hiding scroller for the 3 people using a IE */\r\n\t\t\t\t-ms-overflow-style: -ms-autohiding-scrollbar;\r\n\t\t\t\t/* Remove the default scrollbar for WebKit implementations */\r\n\r\n\r\n\t\t\t\t&::-webkit-scrollbar {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\tmargin:0;\r\n\t\t\t\t\tmargin-left: 2.90rem; /* this will get overriden with JS script, but we add it here as a counter weight for the flickering effect */\r\n\t\t\t\t\tpadding: 0;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\talign-items: stretch;\r\n\t\t\t\t\tflex: 0 1 100%;\r\n\r\n\t\t\t\t\ttransition: margin 0.5s ease-out 0s;\r\n\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\tdisplay: inline-block;\r\n \t\t\t\t\tposition: static; //beacuse initial don't work in fking IE\r\n\r\n\t\t\t\t\t\t&.nav-title {\r\n\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tbox-shadow: none;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcontent: '\\f413';\r\n\t\t\t\t\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\t\ttop: calc(50% + 15px);\r\n\t\t\t\t\t\t\t\t\tright: calc(50% - 5px);\r\n\t\t\t\t\t\t\t\t\tfont-size: 7px;\r\n\t\t\t\t\t\t\t\t\theight: 10px;\r\n\t\t\t\t\t\t\t\t\twidth: auto;\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tpadding: .75rem 1.5rem .75rem 1rem;\r\n\t\t\t\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\twidth: inherit;\r\n\t\t\t\t\t\t\t\tmargin: 0 ;\r\n\t\t\t\t\t\t\t\tmargin-right: .5rem !important;\r\n\t\t\t\t\t\t\t\tdisplay: flex !important;\t\t\t\t\t\r\n\t\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\t\tjustify-content: left;\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\t\t\t\tline-height: normal;\r\n\t\t\t\t\t\t\t\tvertical-align: text-top;\r\n\t\t\t\t\t\t\t\tfont-weight: 400;\r\n\r\n\t\t\t\t\t\t\t\tdisplay: inline-block; /*override inline-flex*/\r\n\r\n\t\t\t\t\t\t\t\t// this is needed\r\n\t\t\t\t\t\t\t\tflex: 0 1 auto;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.badge,\r\n\t\t\t\t\t\t\t>.badge.clear-badge {\r\n\t\t\t\t\t\t\t\tleft: 53%;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tmargin-left: 0.5rem;\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n \t\t\t\t\t\t\tright: 0.5rem;\r\n\t\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\t\tbottom: 0;\r\n\r\n\t\t\t\t\t\t\t\t//force down arrow on all parent\r\n\t\t\t\t\t\t\t\t> em {\r\n\t\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\t\tcontent: \"\\f107\";\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge:first-child {\r\n\t\t\t\t\t\t\t\tmax-width: none;\r\n\t\t\t\t\t\t\t\twidth: 25px !important;\r\n\t\t\t\t\t\t\t\theight: 25px !important;\r\n\t\t\t\t\t\t\t\tline-height: 16px !important;\r\n\t\t\t\t\t\t\t\tfont-size: rem($fs-base) !important;\r\n\t\t\t\t\t\t\t\tdisplay: block !important;\r\n\t\t\t\t\t\t\t\tmargin: 0 auto 4px !important;\r\n\r\n\t\t\t\t\t\t\t\t// unfortunately we do need '!important' here :(\r\n\t\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tfont-size: .9rem;\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tdisplay: none !important; //force invisibility to override plugin clicks\r\n\t\t\t\t\t\t\twidth: $nav-top-drowndown-width;\r\n\t\t\t\t\t\t\theight: auto !important; //counters the click issue\r\n\t\t\t\t\t\t\ttop: $nav-top-height;\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\tborder-radius: $border-radius-plus;\r\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15);\r\n\t\t\t\t\t\t\tpadding: 1rem 0;\r\n\t\t\t\t\t\t\tmargin-top:1rem;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\tposition: relative;\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tpadding: 0.65rem 1.25rem;\r\n\t\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t\tmax-height: none;\r\n\t\t\t\t\t\t\t\t\tbox-shadow: none;\r\n\r\n\t\t\t\t\t\t\t\t\t.nav-link-text {\r\n\t\t\t\t\t\t\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t\t\t\t\t\t\t> .dl-ref {\r\n\t\t\t\t\t\t\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 5px;\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t> .#{$cust-icon-prefix}\r\n\t\t\t\t\t\t\t\t\t\t> [class*='fa-'] {\r\n\t\t\t\t\t\t\t\t\t\t\tmargin-left: 6px;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t\tpadding: 0;\r\n\r\n\t\t\t\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\t\t\tpadding-left: 2rem;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\twidth: calc(100% + 100px);\r\n\t\t\t\t\t\t\t\theight: calc(100% + 120px);\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\t\t\tleft: -50px;\r\n\t\t\t\t\t\t\t\ttop: -1rem;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcontent: \"\\f1c8\";\r\n\t\t\t\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\tfont-size: 5rem;\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\ttop: -1.7rem;\r\n\t\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t\t& + ul {\r\n\r\n\t\t\t\t\t\t\t\t\tdisplay:block !important;\r\n\t\t\t\t\t\t\t\t\tanimation: animateFadeInUp 0.5s;\r\n \t\t\t\t\t\t\t\t\t-webkit-animation: animateFadeInUp 0.5s;\r\n\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\r\n\t\t\t}\r\n\r\n\t\t\t.nav-footer {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\t\t&.nav-function-minify {\r\n\r\n\t\t\t.page-sidebar {\r\n\r\n\t\t\t\t.primary-nav {\r\n\t\t\t\t\t \r\n\t\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t\t> li{\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t\tdisplay: none;\r\n\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\t\tleft:24px;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t/* reorder */\r\n\t\t.page-header {\r\n\t\t\torder: 1;\r\n\t\t}\r\n\r\n\t\t.page-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\torder: 2;\r\n\t\t}\r\n\r\n\t\t.page-content {\r\n\t\t\torder: 3;\r\n\t\t\talign-items: stretch;\r\n\t\t\tflex: 1 1 auto;\r\n\t\t}\r\n \r\n\t}\r\n\t\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n\t.nav-function-top {\r\n\t\t\r\n\t\t.page-sidebar {\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t> .badge:first-child {\r\n\t\t\t\t\t\t\t\tmax-width: none;\r\n\t\t\t\t\t\t\t\twidth: 27px !important;\r\n\t\t\t\t\t\t\t\theight: 27px !important;\r\n\t\t\t\t\t\t\t\tline-height: 18px !important;\r\n\t\t\t\t\t\t\t\tmargin: 0 auto 2px !important;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t> img {\r\n\t\t\t\t\t\t\t\tfont-size: 22px;\r\n\t\t\t\t\t\t\t\theight: 22px;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t/*li {\r\n\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t li {\r\n\t\t\t\t\t\t\t \ta {\r\n\t\t\t\t\t\t\t \t\tfont-size: rem($fs-base);\r\n\t\t\t\t\t\t\t \t}\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}*/\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\t\r\n\r\n\t\t}\r\n\t}\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-hidden:not(.nav-function-top) {\r\n\t\t.page-wrapper {\r\n\t\t\tpadding-left: $nav-hidden-visiblity;\r\n\t\t}\r\n\t\t.page-sidebar {\r\n\t\t\tleft: $nav-hidden-visiblity - $nav-width;\r\n\t\t\tz-index: $depth-header + 1;\r\n\t\t\ttransition: $nav-hide-animate;\r\n\r\n\t\t\tposition: absolute;\r\n\r\n\t\t\ttop:0;\r\n\t\t\tbottom:0;\r\n\r\n\t\t\twill-change: left, right;\r\n\r\n\t\t\t/* apply invisible hit area to reveal nav */\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tposition: fixed;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tbottom:0;\r\n\t\t\t\tleft: $nav-width;\r\n\t\t\t\twidth: $grid-gutter-width-base * 0.7;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tleft: 0;\r\n\t\t\t\ttransition: 450ms cubic-bezier(0.90, 0.01, 0.09, 1);\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tz-index: -1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.page-header {\r\n\t\t\tmargin-left: 0;\r\n\r\n\t\t\t/* active button state for \"nav-function-hidden\" */\r\n\t\t\t[data-class=\"nav-function-hidden\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.nav-function-fixed {\r\n\t\t\t.page-sidebar {\r\n\t\t\t\t/* apply invisible hit area to reveal nav */\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tleft: $nav-hidden-visiblity;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n\r\n\t.nav-function-hidden.header-function-fixed:not(.nav-function-top) {\r\n\t\t.page-header {\r\n\t\t\tmargin-left: $nav-hidden-visiblity; \r\n\t\t}\r\n\t}\r\n\t\r\n}",".nav-function-fixed:not(.nav-function-top) {\r\n\t.page-sidebar{\r\n\t\tposition: fixed !important;\r\n\t\ttop:0;\r\n\t\tbottom:0;\r\n\r\n\t\t.primary-nav {\r\n\t\t\toverflow: auto;\r\n\t\t\toverflow-x: hidden;\r\n\t\t\t-webkit-overflow-scrolling: touch;\r\n\t\t\theight: unquote(\"calc(100% - #{$header-height + $footer-height})\");\r\n\t\t}\r\n\r\n\t\t.slimScrollDiv {\r\n\r\n\t\t\theight: unquote(\"calc(100% - #{$header-height + $footer-height})\") !important;\r\n\r\n\t\t\t.primary-nav {\r\n\t\t\t\tpadding-bottom: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\t\r\n\t.page-header {\r\n\t\t[data-class=\"nav-function-fixed\"] {\r\n\t\t\t@extend %header-btn-active;\r\n\t\t}\r\n\t}\r\n\r\n}\t\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-fixed {\r\n\r\n\t\t/*\r\n\t\t * top navigation fixed for larger screens with nav on LEFT\r\n\t\t */\r\n\t\t&:not(.nav-function-top){\r\n\t\t\t&.mod-main-boxed {\r\n\t\t\t\t.page-sidebar{\r\n\t\t\t\t\tposition: fixed !important;\r\n\t\t\t\t}\t\r\n\t\t\t}\r\n\r\n\t\t\t&:not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper {\r\n\t\t\t\tpadding-left: $nav-width;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/*\r\n\t\t * top navigation fixed for larger screens with nav on TOP\r\n\t\t */\r\n\t\t&.nav-function-top {\r\n\t\t\t&.header-function-fixed {\r\n\r\n\t\t\t\t.page-sidebar {\r\n\t\t\t\t\tposition: fixed !important;\r\n\r\n\t\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\t\t/*\r\n\t\t * center for left nav fixed with boxed layout \r\n\t\t */\r\n\t\t&.nav-function-top {\r\n\t\t\t&.mod-main-boxed {\r\n\t\t\t\t.page-sidebar {\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tmargin-right: auto;\r\n\t\t\t\t\tmargin-left: auto;\r\n\t\t\t\t\tmax-width: $mod-main-boxed-width - 2px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\t.nav-function-fixed {\r\n\r\n\t\t/*\r\n\t\t * top navigation fixed for extra large screens with nav on LEFT\r\n\t\t */\r\n\t\t&:not(.nav-function-top){\r\n\t\t\t&.mod-main-boxed {\r\n\t\t\t\t.page-sidebar{\r\n\t\t\t\t\tposition: absolute !important;\r\n\t\t\t\t}\t\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t/* hide elements when nav-function-minify */\r\n\r\n\t\t.hidden-nav-function-minify {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\r\n\t\t\twidth: $nav-minify-width;\r\n\t\t\tz-index: $depth-header + 1;\r\n\r\n\t\t\twill-change: width;\r\n\t\t\t\r\n\t\t\ttransition: $nav-hide-animate;\r\n\r\n\t\t\t.page-logo {\r\n\r\n\t\t\t\twidth:$nav-minify-width;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tjustify-content: center;\r\n\r\n\t\t\t\t.page-logo-link {\r\n\t\t\t\t\tflex: none;\r\n\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t.page-logo-text {\r\n\t\t\t\t\tdisplay: none;\r\n\r\n\t\t\t\t\t& + * {\r\n\t\t\t\t\t\tdisplay: none !important;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.info-card {\r\n\t\t\t\theight: $nav-width/3 + 0.3125rem;\r\n\t\t\t\twidth:100%;\r\n\t\t\t\tpadding: $header-height/3.4 0;\r\n\t\t\t\ttext-align:center;\r\n\t\t\t\toverflow: hidden; \r\n\r\n\t\t\t\tjustify-content: center;\r\n\r\n\t\t\t\t.profile-image + div {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t top: 0;\r\n\t\t\t\t width: $nav-width/1.2;\r\n\t\t\t\t text-align: left; \r\n\t\t\t\t display: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.primary-nav {\r\n\t\t\t\toverflow: hidden; \r\n\r\n\t\t\t\t.nav-title {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\tmargin:0;\r\n\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcontent: '\\f413';\r\n\t\t\t\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\ttop: calc(50% - 5px);\r\n\t\t\t\t\t\t\t\tright: 11px;\r\n\t\t\t\t\t\t\t\tfont-size: 7px;\r\n\t\t\t\t\t\t\t\theight: 10px;\r\n\t\t\t\t\t\t\t\twidth: auto;\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\t\talign-content: center;\r\n\t\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t/*.dl-ref {\r\n\t\t\t\t\t\t\t\tdisplay:none !important;\r\n\t\t\t\t\t\t\t}*/\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\tpadding-left: 0;\r\n\t\t\t\t\t\t\tpadding-right: 0;\r\n\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\t\r\n\t\t\t\t\t\t\t\tfont-size: $nav-font-icon-size * 1.1;\r\n\t\t\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tleft: $nav-minify-width / 2;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:not(.livicon) > .badge:not(.clear-badge):first-child {\r\n\t\t\t\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tdisplay: none;\t\r\n\t\t\t\t\t\t\t\tposition:absolute;\r\n\t\t\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t\tpadding-left: $nav-minify-sub-width / 10;\r\n\t\t\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\t left: $nav-minify-width + 1rem;\r\n\t\t\t\t\t\t\t height: 100%;\r\n\t\t\t\t\t\t\t width: $nav-minify-sub-width;\r\n\t\t\t\t\t\t\t font-weight: 500;\r\n\t\t\t\t\t\t\t margin-top: -1.563rem;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> b.collapse-sign {\r\n\t\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\twidth: $nav-minify-sub-width;\r\n\t\t\t\t\t\t\t\tleft: $nav-minify-width + 1rem;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\tmargin-top: -5rem;\r\n\t\t\t\t\t\t\t\tpadding-top: 3.75rem;\r\n\r\n\t\t\t\t\t\t\t\tborder-radius: 4px .5rem .5rem .5rem;\r\n\r\n\t\t\t\t\t\t\t\tpadding-bottom: 1rem;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcontent: \"\\f1c8\";\r\n\t\t\t\t\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\t\tfont-size: 3.5rem;\r\n\t\t\t\t\t\t\t\t\tleft: -0.4125rem;\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\t\t\t\ttransform: rotate(270deg);\r\n\t\t\t\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\t\ttop: 1rem;\r\n\t\t\t\t\t\t\t }\r\n\r\n\t\t\t\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t\t\tpadding-left: $nav-minify-sub-width / 10;\r\n\t\t\t\t\t\t\t\t\t\tpadding-top: 0.6rem;\r\n\t\t\t\t\t\t\t\t\t\tpadding-bottom: 0.6rem;\r\n\r\n\r\n\t\t\t\t\t\t\t\t\t\t> b.collapse-sign > [class*='fa-'],\r\n\t\t\t\t\t\t\t\t\t\t> b.collapse-sign > .#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: inline-block !important;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t//sub 2\r\n\t\t\t\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\t\t\t\t> li {\r\n\t\t\t\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpadding-left: $nav-minify-sub-width / 8;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpadding-top: 0.6rem;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpadding-bottom: 0.6rem;\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t.nav-link-text {\r\n\t\t\t\t\t\t\t\t\t\t> [class*='fa-'],\r\n\t\t\t\t\t\t\t\t\t\t> .#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay:none;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t& > ul {\r\n\t\t\t\t\t\t\tdisplay: none !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\t\toverflow: visible;\r\n\r\n\t\t\t\t\t\t\tz-index: 10;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text {\r\n\t\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\t\toverflow:hidden;\r\n\r\n\t\t\t\t\t\t\t\t animation: animateFadeInLeft 0.5s;\r\n \t\t\t\t\t\t\t\t-webkit-animation: animateFadeInLeft 0.5s;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\ttop: 26px;\r\n\t\t\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\t\t\t\t\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\t\t\t\tborder-radius: 4px 10px 10px 4px;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\t content: \"\\f1c8\";\r\n\t\t\t\t\t\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\t\t\tfont-size: 3.5rem;\r\n\t\t\t\t\t\t\t\t\t\tleft: -7px;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\t\t\t\t\ttransform: rotate(270deg);\r\n\t\t\t\t\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\t\t\ttop: -9px;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tdisplay: block !important;\r\n\t\t\t\t\t\t\tz-index: 1;\r\n\r\n\t\t\t\t\t\t\tanimation: animateFadeInLeft 0.5s;\r\n \t\t\t\t\t\t\t-webkit-animation: animateFadeInLeft 0.5s;\r\n\r\n \t\t\t\t\t\t\tbox-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15);\r\n\r\n \t\t\t\t\t\t\t// increase hit area\r\n \t\t\t\t\t\t\t// decreases user error if mouse goes out of menu\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\theight: calc(100% + 180px);\r\n\t\t\t\t\t\t\t\twidth: calc(100% + 80px);\r\n\t\t\t\t\t\t\t\ttop: -$header-height;\r\n\t\t\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\t\t\tleft:-1rem;\r\n\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.nav-function-hidden {\r\n\t\t\t.page-wrapper {\r\n\t\t\t\tpadding-left: $nav-hidden-visiblity;\r\n\t\t\t}\r\n\t\t\t.page-sidebar {\r\n\t\t\t\tleft: $nav-hidden-visiblity - $nav-minify-width;\r\n\t\t\t\toverflow: visible;\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.page-header {\r\n\t\t\t\tmargin-left: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.nav-function-fixed:not(.nav-function-hidden) {\r\n\t\t\t.page-content-wrapper {\r\n\t\t\t\tpadding-left: $nav-minify-width;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.header-function-fixed {\r\n\t\t\t.page-header {\r\n\t\t\t\tmargin-left: $nav-minify-width;\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-hidden {\r\n\t\t\t\t.page-header {\r\n\t\t\t\t\tmargin-left: $nav-hidden-visiblity;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-fixed:not(.nav-function-hidden) {\r\n\t\t\t\t.page-content-wrapper {\r\n\t\t\t\t\tpadding-left: $nav-minify-width;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.mod-main-boxed {\r\n\t\t\t\t\t.page-content-wrapper {\r\n\t\t\t\t\t\tpadding-left: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t}\r\n\t\r\n\r\n\t}\r\n\r\n}\r\n",".nav-footer {\r\n\t//position: absolute;\r\n\t/*background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;*/\r\n\t\r\n\t@extend %nav-bg;\r\n\r\n //width: 100%;\r\n height: $footer-height;\r\n bottom: 0;\r\n display: flex;\r\n\r\n @include transition(0.3s,ease-in-out);\r\n\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tcolor: $nav-footer-link-color;\r\n\t\t\t\theight:$footer-height - 1;\r\n\t\t\t\tline-height: $footer-height - 1;\r\n\t\t\t\tmargin-top: 1px;\r\n\t\t\t\tpadding: 0 13px;\r\n\t\t\t\toverflow: visible;\r\n\t\t\t\tfont-size: rem($fs-xl);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t[data-class=\"nav-function-minify\"] {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\t\tborder:0;\r\n\r\n\t\t&:before {\r\n\t\t\tcontent:' ';\r\n\t\t\theight: 1px;\r\n\t\t\tposition:inherit;\r\n\t\t\twidth:inherit;\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\topacity: 0.5;\r\n\t\t}\r\n\r\n\t &:after {\r\n\t\t\topacity: 0.1;\t\t \t\r\n\t }\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth:100%;\r\n\t\t\t\theight:$footer-height;\r\n\t\t\t\tline-height: $footer-height;\r\n\t\t\t\tfont-size: rem($nav-font-link-size+5);\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tposition: relative;\r\n\r\n\t\t\t\t@include transition(0.3s,ease-in-out);\r\n\r\n\t\t\t\t> :first-child {\r\n\t\t\t\t\tmargin-right: -4px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> :only-child {\r\n\t\t\t\t\tmargin:0;\r\n\t\t\t\t}\r\n\t\t\r\n\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t\tmargin-left:7px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.nav-footer-buttons {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-wrapper {\r\n\t//overflow: hidden; //disabled because the menu items was not showing \r\n\tposition: relative;\r\n}\r\n\r\n.page-inner {\r\n\tmin-height: 100vh;\r\n}\r\n\r\n.page-wrapper, .page-inner {\r\n display: flex;\r\n align-items: stretch;\r\n flex: 1 1 auto;\r\n width: 100%;\r\n}\r\n\r\n.page-content-wrapper {\r\n\tbackground-color: $page-bg;\r\n display: flex;\r\n align-items: stretch;\r\n flex: 1 1 auto;\r\n padding: 0;\r\n\r\n flex-basis: 100%;\r\n flex-direction: column;\r\n width: 0;\r\n min-width: 0;\r\n max-width: 100%;\r\n\r\n min-height: 1px; \r\n}",".subheader:not(:empty) {\r\n\tmargin-bottom: calc(1.5rem + 0.625rem); //moved the 0.625rem; from .subheader-title > small\r\n\tposition: relative;\r\n\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\talign-items: center; \r\n}\r\n\r\n.subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n\tmargin-right: 0.25rem;\r\n}\r\n\r\n.subheader-title {\r\n\tfont-size: 1.375rem; //unquote(\"calc(16px + 5 * ((100vw - 320px) / 680))\") //$fs-xxl;\r\n\tfont-weight: 500;\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tmargin: 0;\r\n\r\n\tflex: 1;\r\n\r\n\tsup.badge {\r\n\t\ttext-shadow: none;\r\n\t\tposition: absolute;\r\n\t\tmargin-top: 0.4rem;\r\n\t\tmargin-left: $p-1;\r\n\t\tfont-size: 40%;\r\n\t\tpadding: 2px 5px;\r\n\t\tline-height: normal;\r\n\t}\r\n\r\n\tsmall {\r\n\t\tfont-weight: 400;\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t\tmargin-bottom: 0;\r\n\t\tfont-size: 0.875rem;\r\n\t}\r\n}",".page-content {\r\n\t//align-items: stretch;\r\n flex: 1 1 auto;\r\n order: 3;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n\r\n //min-height: calc(100vh - #{$header-height + $footer-height}) //spoonfeeding IE\r\n}\r\n\r\n/*@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\t\t.page-content {\r\n\t\t\tmin-height: calc(100vh - #{$header-height-nav-top + $nav-top-height + $footer-height})\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n*/",".page-footer {\r\n\theight: $footer-height;\r\n\tdisplay: flex;\r\n\tflex: 0 0 auto;\r\n\talign-items:center;\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n font-size: rem($footer-font-size);\r\n padding: 0 $header-inner-padding-x;\r\n order: 4;\r\n}\r\n",".footer-function-fixed {\r\n\r\n\t.page-footer {\r\n\t\tposition: fixed;\r\n\t\tright: 0;\r\n\t\tleft: $nav-width;\r\n\t\tbottom: 0;\r\n\t\tz-index: $depth-header;\r\n\r\n\t\tborder-top: 1px solid rgba(0,0,0,0.08);\r\n\r\n\t\t@extend %general-animation;\r\n\t}\r\n\r\n\t.page-content {\r\n\t\tpadding-bottom: 2rem + $footer-height !important;\r\n\t}\r\n\r\n\t&.nav-function-minify {\r\n\t\t.page-footer { left: $nav-minify-width; }\r\n\t}\r\n\t\r\n\t&.nav-function-top {\r\n\t\t.page-footer { left: 0; }\r\n\t}\r\n\r\n\t&.nav-function-hidden {\r\n\t\t.page-footer { left: $nav-hidden-visiblity; }\r\n\t}\r\n\r\n\t&.mod-main-boxed {\r\n\t\t.page-footer { \r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: $mod-main-boxed-width - 2;\r\n\t\t\tmargin: 0 auto !important;\r\n\t\t\tpadding-left: $nav-width + $header-inner-padding-x;\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-footer { padding-left: $header-inner-padding-x; }\r\n\t\t}\r\n\t\t&.nav-function-minify {\r\n\t\t\t.page-footer { padding-left: $nav-minify-width + $header-inner-padding-x; }\r\n\t\t}\r\n\t\t&.nav-function-hidden {\r\n\t\t\t.page-footer { padding-left: $nav-hidden-visiblity + $header-inner-padding-x; }\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\t.footer-function-fixed {\r\n\t\t.page-footer {\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// .page-footer-fixed {\r\n\r\n// \t.page-content {\r\n// \t\tpadding-bottom: 2rem + $footer-height;\r\n// \t}\r\n\r\n// \t&:not(.nav-function-top) {\r\n\r\n// \t\t.page-footer {\r\n// \t\t\tleft:0;\r\n// \t\t\tposition:fixed !important;\r\n// \t\t\tright:0;\r\n// \t\t\ttop:0;\r\n\t\t\t\r\n// \t\t\t@extend %general-animation;\r\n// \t\t}\r\n\r\n// \t}\r\n// }\r\n\r\n// @include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n// \t.page-footer-fixed {\r\n\r\n// \t\t&:not(.nav-function-top) {\r\n\r\n// \t\t\t.page-footer {\r\n// \t\t\t\tmargin-left: $nav-width;\r\n// \t\t\t}\r\n// \t\t}\r\n\r\n// \t\t&.nav-function-top {\r\n// \t\t\t.page-footer {\r\n// \t\t\t\tposition: fixed !important;\r\n// \t\t\t\t/*top: 0;\r\n// \t\t\t\tright: 0;\r\n// \t\t\t\tleft: 0;*/\r\n\r\n// \t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\r\n// \t\t\t\t/*chrome flickering solution*/\r\n// \t\t\t\t-webkit-transform: translateZ(0);\r\n// \t\t\t}\r\n// \t\t\t/*.page-wrapper {\r\n// \t\t\t\tpadding-top: $header-height-nav-top;\r\n// \t\t\t}*/\t\t\t\r\n// \t\t}\r\n// \t}\r\n// }",".alt {\r\n padding: 0 !important;\r\n flex-direction: column;\r\n\r\n min-height: 100vh;\r\n\r\n .page-footer {\r\n width: 100% !important;\r\n }\r\n}\r\n\r\n.page-error {\r\n font-size: 600% !important;\r\n font-weight: bold !important;\r\n\r\n small {\r\n font-size:40%;\r\n font-weight: 500;\r\n }\r\n}\r\n\r\n.h-alt-f {\r\n height: calc(100vh - #{$footer-height + ( (map-get($grid-gutter-widths, xl) + 2.8125rem ) * 2) });\r\n width: 100%;\r\n}\r\n\r\n.h-alt-hf {\r\n height: calc(100vh - #{ $footer-height + $header-height + ( (map-get($grid-gutter-widths, xl) + 2.8125rem ) * 2) }); \r\n width: 100%;\r\n\r\n\r\n}\r\n\r\n.nav-function-top {\r\n .h-alt-hf {\r\n height: calc(100vh - #{ $footer-height + $header-height-nav-top + $nav-top-height + ( (map-get($grid-gutter-widths, xl) + 2.8125rem ) * 2) }); \r\n }\r\n}",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tcursor: pointer;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tborder-bottom: 0;\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tpadding: 1rem $card-spacer-x;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tfont-size: $h6-font-size;\t\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\r\n\t\t&:not(.accordion-outline):not(.accordion-hover) {\r\n\t\t\t.card-title,\r\n\t\t\t.card-body {\r\n\t\t\t\tpadding-left: 0 !important;\r\n\t\t\t\tpadding-right: 0 !important;\r\n\t\t\t}\r\n\t\t\t.card-body {\r\n\t\t\t\tpadding-top:0;\r\n\t\t\t}\t\t\t\r\n\t\t}\r\n\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t\t.card {\r\n\t\t\tborder-left: 0;\r\n \t\tborder-right: 0;\r\n\r\n \t\t&:first-child {\r\n \t\t\tborder-top: 0;\r\n \t\t}\r\n \t\t&:last-child {\r\n \t\t\tborder-bottom: 0;\r\n \t\t}\r\n\t\t}\r\n\r\n\t\t&.accordion-outline,\r\n\t\t&.accordion-hover {\r\n\t\t\t.card-title,\r\n\t\t\t.card-body {\r\n\t\t\t\tpadding-left: $card-spacer-x !important;\r\n\t\t\t\tpadding-right: $card-spacer-x !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-outline {\r\n\t\t.card {\r\n\t\t\tmargin-bottom: 1rem;\r\n\t\t\tborder: 2px solid $card-border-color !important;\r\n\t\t\tborder-radius: $border-radius !important;\r\n\t\t}\r\n\t}\r\n\t&.accordion-hover {\r\n\t\t.card-title {\r\n\t\t\ttransition: background-color 0.5s ease\r\n\t\t}\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}\r\n\r\n\r\n.alert-icon {\r\n\twidth: $p-4 + $p-3;\r\n\r\n\t> i {\r\n\t\tfont-size: rem($fs-xxl);\r\n\t}\r\n\r\n\t& + div {\r\n\t\tpadding-left: $p-1;\r\n\t}\r\n}",".badge.badge-icon {\r\n\tposition: absolute;\r\n\tdisplay: inline-block;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n\tcursor: default;\r\n\tborder: 1px solid transparent;\r\n\tfont-size: rem(10px);\r\n\tmin-width: 1rem;\r\n\tmax-width: $header-badge-min-width + 0.4375rem;\r\n\tpadding: 0 3px;\r\n\tborder-radius: $header-badge-min-width;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\t/* when self is relative */\r\n\tvertical-align: middle;\r\n}\r\n\r\n/* parent position needs to be relative, and turn off waves function */\r\n.btn-icon .badge {\r\n\ttop: auto;\r\n\t&.pos-top {\r\n\t\tmargin-top: -4px;\r\n\t}\r\n\t&.pos-bottom {\r\n\t\tmargin-bottom: -4px;\r\n\t}\r\n\t&.pos-left {\r\n\t\tmargin-left: -4px;\r\n\t}\r\n\t&.pos-right {\r\n\t\tmargin-right: -4px;\r\n\t}\r\n}",".page-breadcrumb {\r\n\tpadding:0;\r\n\tbackground:transparent;\r\n\tmargin:0 0 1.5rem;\r\n\tposition: relative;\r\n\ttext-shadow: $white 0 1px;\r\n}\r\n\r\n.breadcrumb {\r\n\t> li {\r\n\r\n\t\t> a {\r\n\t\t\ttext-decoration: none !important;\r\n\t\t}\r\n\r\n\t\t&.breadcrumb-item {\r\n\t\t\tmax-width: $page-breadcrumb-maxwidth - 70px;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow: hidden;\r\n\t\t\tdisplay: block; //adds the '....'\r\n\r\n\t\t\t@extend %common-animation-slow;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tmax-width: $page-breadcrumb-maxwidth !important;\r\n\t\t\t\tcursor: default;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n[data-breadcrumb-seperator] + [data-breadcrumb-seperator]:before {\r\n\t\tcontent: attr(data-breadcrumb-seperator);\r\n}\r\n\r\n.breadcrumb-lg > li {\r\n\tfont-size: rem($fs-xl);\r\n}\r\n\r\n.breadcrumb-sm > li {\r\n\tfont-size: rem($fs-nano);\r\n}\r\n\r\n[class*='breadcrumb-seperator-'] .breadcrumb-item + .breadcrumb-item:before {\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: antialiased;\r\n display: inline-block;\r\n font-style: normal;\r\n font-variant: normal;\r\n font-weight: 400;\r\n line-height: 1;\r\n font-family: Font Awesome\\ 5 Pro; \r\n}\r\n\r\n.breadcrumb-seperator-1 .breadcrumb-item + .breadcrumb-item:before { content:\"\\f105\"; }\r\n.breadcrumb-seperator-2 .breadcrumb-item + .breadcrumb-item:before { content:\"\\f178\"; }\r\n.breadcrumb-seperator-3 .breadcrumb-item + .breadcrumb-item:before { content:\"\\f054\"; }\r\n\r\n$breadcrumb-arrow-color: $fusion-100;\r\n$breadcrumb-arrow-color-hover: $primary-500;\r\n\r\n.breadcrumb-arrow {\r\n\r\n\tpadding: 0;\r\n\tbackground: transparent;\r\n\r\n\tli{\r\n\r\n\t\t&.active {\r\n\t\t\tfont-weight: 500;\r\n\t\t\topacity: 0.5\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\t@include text-contrast($breadcrumb-arrow-color)\r\n\t\t\tdisplay:inline-block;\r\n\t\t\tbackground: $breadcrumb-arrow-color;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tposition:relative;\r\n\t\t\theight: 2.5em;\r\n\t\t\tline-height: 2.5em;\r\n\t\t\tpadding: 0 10px 0 5px;\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-right: 22px;\r\n\t\t}\r\n\t\t&:nth-child(even){\r\n\t\t\ta {\r\n\t\t\t\tbackground-color: $breadcrumb-arrow-color;\r\n\r\n\t\t\t\t&:before{\r\n\t\t\t\t\tborder-color: $breadcrumb-arrow-color;\r\n\t\t\t\t\tborder-left-color:transparent;\r\n\t\t\t\t}\r\n\t\t\t\t&:after{\r\n\t\t\t\t\tborder-left-color: $breadcrumb-arrow-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:first-child{\r\n\t\t\ta {\r\n\t\t\t\tpadding-left:0.938em;\r\n\r\n\t\t\t\tborder-radius: $border-radius 0 0 $border-radius;\r\n\r\n\t\t\t\t&:before{\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:last-child{\r\n\t\t\ta {\r\n\t\t\t\tpadding-right:0.938em;\r\n\r\n\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\r\n\r\n\t\t\t\t\t&:after{\r\n\t\t\t\t\t\tborder: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\ta { \r\n\t\t\t&:before,\r\n\t\t\t&:after{\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition:absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tborder:0 solid $breadcrumb-arrow-color;\r\n\t\t\t\tborder-width:1.250em 10px;\r\n\t\t\t\twidth: 0;\r\n\t\t\t\theight: 0;\r\n\t\t\t}\r\n\t\t\t&:before{\r\n\t\t\t\tleft:-20px;\r\n\t\t\t\t\tborder-left-color:transparent;\r\n\t\t\t\t}\r\n\t\t\t\t&:after{\r\n\t\t\t\t\tleft:100%;\r\n\t\t\t\t\tborder-color:transparent;\r\n\t\t\t\t\tborder-left-color: $breadcrumb-arrow-color;\r\n\t\t\t\t}\r\n\t\t\t\t&:hover{\r\n\t\t\t\t\tbackground-color: $breadcrumb-arrow-color-hover;\r\n\r\n\t\t\t\t&:before{\r\n\t\t\t\t\tborder-color: $breadcrumb-arrow-color-hover;\r\n\t\t\t\t\tborder-left-color:transparent;\r\n\t\t\t\t }\r\n\t\t\t\t&:after{\r\n\t\t\t\t\tborder-left-color: $breadcrumb-arrow-color-hover;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&:active{\r\n\t\t\t\tbackground-color: $breadcrumb-arrow-color;\r\n\r\n\t\t\t\t&:before{\r\n\t\t\t\t\tborder-color: $breadcrumb-arrow-color;\r\n\t\t\t\t\tborder-left-color:transparent;\r\n\t\t\t\t}\r\n\t\t\t\t&:after{\r\n\t\t\t\t\tborder-left-color: $breadcrumb-arrow-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\tpadding: 2px 8px 1px 22px;\r\n\tfont-size: 10px;\r\n\tline-height: 15px;\r\n\tborder-radius: 20px;\r\n\ttext-transform: uppercase;\r\n\t@include text-contrast($fusion-300);\r\n\tfont-weight: 500;\r\n\tmin-width:55px;\r\n\theight:20px;\r\n\tmargin-top:5%;\r\n\tposition:relative;\r\n\toverflow: hidden;\r\n\t\r\n\t@extend %common-animation;\r\n\r\n\t&:hover{\r\n\t\t@include scale(1.10);\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:before {\r\n\t\tcontent:\"OFF\";\r\n\t\tposition:absolute;\r\n\t\tright:7px;\r\n\t}\r\n\r\n\t&:after{\r\n\t\tcontent: \" \";\r\n\t\ttext-align: center;\r\n\t\t@include text-contrast(#828282);\r\n\t\twidth: 16px;\r\n\t\theight: 16px;\r\n\t\tposition: absolute;\r\n\t\tbackground: $white;\r\n\t\tpadding:1px;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tline-height: normal;\r\n\t\tmargin: 1px;\r\n\t\tborder-radius: 50%;\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\tcontent:\"ON\";\r\n\t\t\tleft:7px;\r\n\t\t\tright:auto;\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\tright:0;\r\n\t\t\tleft:auto;\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tposition: absolute !important;\r\n\tdisplay: flex;\r\n\talign-items:center;\r\n\tjustify-content:center;\r\n\tpadding: 0px 5px;\r\n\tborder-radius: $border-radius - 1px;\r\n\tcolor: $white;\r\n\tright: 8px;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tbottom: 0;\r\n\tmargin: auto 0 auto auto;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($start: $danger-600,$stop: $danger-800);\r\n\t\tcolor:$white;\r\n\t\twidth: $header-btn-width + 0.625rem;\r\n\t}\r\n\r\n}\r\n\r\n/* btn widths */\r\n.btn-w-m {\r\n\tmin-width: 85px;\r\n}\r\n\r\n.btn-w-l {\r\n\tmin-width: 130px;\r\n}\r\n\r\n.btn-m-s {\r\n\tmargin: 3px 1px;\r\n}\r\n\r\n.btn-m-l {\r\n\tmargin: 3px 2.5px;\r\n}\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tposition: absolute !important;\r\n\ttop: -5px;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n\tbackground: rgba($black, .4);\r\n\tpadding: 0px 9px;\r\n\tborder: 1px solid rgba($black, .4);\r\n\tborder-radius: 0 0 20px 20px;\r\n\ttext-decoration: none;\r\n\tfont-size: 17px;\r\n\theight: 21px;\r\n\twidth: 31px;\r\n\tcolor: $white !important;\r\n\tline-height: 20px;\r\n\ttext-align: center;\r\n\ttransition: all 200ms cubic-bezier(0.34, 1.25, 0.6, 1);\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\topacity: 1;\r\n\r\n\t&:hover {\r\n\t\tfont-size: 23px;\r\n\t\theight: 25px;\r\n\t\twidth: 35px;\r\n\t\tline-height: 23px;\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t\tbox-shadow: 0px 0px 10px #5790b3;\r\n\t}\r\n}\r\n\r\n/* buttons dropshadow */\r\n/*[class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']),\r\n[class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']):focus {*/\r\n.btn-shadow,\r\n.btn-shadow:focus {\t\r\n\tbox-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);\r\n\r\n\t&:active,\r\n\t.active {\r\n\t\tbox-shadow: 0 0px 0px 0 rgba(0,0,0,.3) !important;\r\n\t}\r\n\r\n\t&:not(.disabled):not([disabled]) {\r\n\t\t&:hover {\r\n\t\t\tbox-shadow: 0 6px 17px 0 rgba(0,0,0,.3);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.btn:active {\r\n\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n}\r\n\r\n/*.btn-group {\r\n\t[class*='btn-'] {\r\n\t\tbox-shadow: 0 0px 0px 0 rgba(0,0,0,.3) !important;\r\n\t}\r\n}*/\r\n\r\n.btn-light {\r\n\tborder-color: rgba(0, 0, 0, 0.15);\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t&:hover {\r\n\t\tborder-color: rgba($black, 0.25);\r\n\t}\r\n}\r\n.show > .btn-light.dropdown-toggle {\r\n\tborder-color: rgba($black, 0.25);\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\t//@include button-outline-variant($body-color, $body-color, lighten($input-border-color, 8%), $input-border-color);\r\n\tbackground-color: transparent;\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n}\r\n\r\n[class*=\"btn-outline-\"] {\r\n\t@extend %common-animation;\r\n}\r\n\r\n.btn-pills {\r\n\t@include rounded(15px);\r\n}\r\n\r\n/* new btn size */\r\n.btn-xs, \r\n.btn-group-xs > .btn {\r\n\tpadding: 1px $input-btn-padding-x-sm;\r\n\tfont-size: .7rem;\r\n\tline-height: 1.5;\r\n\tborder-radius: .25rem;\r\n}\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n/* btn icon */\r\n.btn-icon {\r\n\twidth: calc(2.1rem + 2px);\r\n\tpadding: 0;\r\n\tline-height: 2.1rem;\r\n\r\n\t&:not([class*=\"-primary\"]):not([class*=\"-secondary\"]):not([class*=\"-default\"]):not([class*=\"-success\"]):not([class*=\"-info\"]):not([class*=\"-warning\"]):not([class*=\"-danger\"]):not([class*=\"-dark\"]):not([class*=\"-light\"]):not(.nav-item) {\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($black,0.05);\r\n\t\t\tborder-color: transparent;\r\n\t\t}\r\n\r\n\t\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\t\tbackground: transparent;\r\n\t\t\tcolor: $fusion-600;\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: rgba($fusion-500, 0.1) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.btn-xs {\r\n\t\twidth: calc(1.15rem + 2px);\r\n\t\tline-height: 1.15rem;\r\n\t}\r\n\r\n\t&.btn-sm {\r\n\t\twidth: calc(1.5rem + 2px);\r\n\t\tline-height: 1.5rem;\r\n\t}\r\n\r\n\t&.btn-lg {\r\n\t\twidth: calc(3rem + 2px);\r\n\t\tline-height: 3rem;\r\n\t}\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tcolor: inherit;\r\n\tbackground-color: $frame-border-color;\r\n\tsmall {\r\n\t\tmargin:0;\r\n\t\topacity: 0.8;\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: 85%;\r\n\t}\r\n} \r\n\r\n/* remove extra margin in card child items */\r\n.card,\r\n.card-group {\r\n\tbox-shadow: 0px 0px 13px 0px rgba(darken($primary-800, 10%), (8/100));\r\n\r\n\t> :last-child {\r\n\t\tmargin-bottom: 0px;\r\n\t}\r\n}\r\n\r\n.accordion > .card {\r\n\tbox-shadow: none;\r\n}\r\n\r\n.card-group > .card {\r\n\tbox-shadow: none;\r\n}\r\n\r\n/* remove wierd line height issue */\r\n.card-header-pills,\r\n.card-header-tabs {\r\n\tfont-size: 0;\r\n\r\n\t.nav-link {\r\n\t\tfont-size: $font-size-base;\r\n\t}\r\n}\r\n\r\n/* card title */\r\n.card-title {\r\n\tfont-size: $h5-font-size;\t\r\n}\r\n\r\n.card-header .card-title {\r\n\tdisplay: inline-block;\r\n\tpadding: 0;\r\n\tmargin: 0 0.5rem 0 0;\r\n}",".carousel-indicators li {\r\n\tborder-radius: 50%;\r\n}\r\n\r\n.carousel-control-prev:hover {\r\n\t/*background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%);\r\n\tbackground: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); */\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\t/*background: -moz-linear-gradient(right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%); \r\n\tbackground: -webkit-linear-gradient(right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%);*/ \r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}",".dropdown-header.bg-trans-gradient {\r\n\tpadding: 1.25rem 1.5rem;\r\n}\r\n\r\n/* dropdown-item hover menu*/\r\n.dropdown-menu-animated {\r\n\t@include transform( scale(0.8) !important);\r\n\ttransition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\topacity: 0;\r\n\tvisibility: hidden;\r\n\tdisplay: block;\r\n}\r\n\r\n/* various sizes */\r\n.dropdown-menu {\r\n\tbox-shadow: $dropdown-shadow;\r\n\t-webkit-user-select: text;\r\n\r\n\t.dropdown-item {\r\n\t\tfont-weight: 400;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t&.dropdown-sm {\r\n\t\twidth: $dropdown-sm-width;\r\n\t\theight: auto;\r\n\t}\r\n\r\n\t&.dropdown-md {\r\n\t\twidth: $dropdown-md-width;\r\n\t\theight: auto;\r\n\t} \r\n\r\n\t&.dropdown-lg {\r\n\t\twidth: $dropdown-lg-width;\r\n\t\theight: auto;\r\n\t} \r\n\r\n\t&.dropdown-xl {\r\n\t\twidth: $dropdown-xl-width;\r\n\t\theight: auto;\r\n\t}\t\r\n\r\n\t.dropdown-item {\r\n\r\n\t\t&:first-child,\r\n\t\t&:last-child {\r\n\t\t\t@include border-radius(0px);\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* replace bootstrap's default arrow */\r\n.dropdown-toggle:after,\r\n.dropleft .dropdown-toggle:before {\r\n\ttext-align: center;\r\n\tdisplay: inline;\r\n\tborder: 0 !important;\r\n\tfont-family: 'Font Awesome 5 Pro';\r\n\tcontent: \"\\f107\" !important;\r\n\tvertical-align: top !important;\r\n\tposition: relative;\t\r\n}\r\n\r\n.dropup .dropdown-toggle:after {\r\n\tcontent: \"\\f106\" !important;\r\n}\r\n\r\n.dropright .dropdown-toggle:after {\r\n\tcontent: \"\\f105\" !important;\r\n}\r\n\r\n.dropleft .dropdown-toggle:before {\r\n\tcontent: \"\\f104\" !important;\r\n}\r\n\r\n//very wierd bug... \r\n.nav-item .dropdown-toggle:after {\r\n\tfont-size: 0.90em;\r\n}\r\n\r\n\r\n/* remove arrow */\r\n.dropdown-toggle {\r\n\t&.no-arrow {\r\n\t\t&:before,\r\n\t\t&:after {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\r\n\t.dropdown-menu {\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tborder-radius: 0;\r\n\t\tposition: absolute;\r\n\t\ttop: -1px;\r\n\t\tleft: 100%;\r\n\t\tbackground:$white;\r\n\t\tbox-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n\r\n\t\t@include transform( scale(0.8) );\r\n\t\ttransition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\t\ttransition-delay: 500ms;\r\n\t\topacity: 0;\r\n\t\tvisibility: hidden;\r\n\t\tdisplay: block;\r\n\r\n\t\t.dropdown-item {\r\n\t\t\tpadding-top: 0.5rem !important;\r\n\t\t\tpadding-bottom: 0.5rem !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.dropdown-multilevel {\r\n\t\tposition: relative;\r\n\r\n\t\t/* it is displayed on right by default */\r\n\t\t&.dropdown-multilevel-left {\r\n\r\n\t\t\t> .dropdown-menu {\r\n\t\t\t\tright: 100%;\r\n\t\t\t\tleft: auto;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* add arrow */\r\n\t\t> .dropdown-item:first-child {\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: \"\\f2fb\";\r\n\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\tfont-size: inherit;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tright: 0;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tpadding-right: $dropdown-item-padding-x;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\r\n\t\t\t\t& + .dropdown-menu {\r\n\t\t\t\t\ttransition-delay: 0ms;\r\n\t\t\t\t\t@include transform( scale(1) );\r\n\t\t\t\t\t@include transform-origin( 29px -50px )\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t\tvisibility: visible;\t\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}","$icon-stack-size: 3em;\r\n\r\n.icon-stack {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\twidth: 1em;\r\n\theight: 1em;\r\n\tline-height: 1em;\r\n\tvertical-align: middle;\r\n\ttext-align: center;\r\n\t//transition: $nav-hide-animate;\r\n}\r\n.icon-stack-1x,\r\n.icon-stack-2x,\r\n.icon-stack-3x {\r\n\tposition: absolute !important;\r\n\tleft: 0;\r\n\tbottom:0;\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tline-height: inherit !important;\r\n}\r\n.icon-stack-1x {\r\n\tfont-size: 0.5em;\r\n}\r\n.icon-stack-2x {\r\n\tfont-size: 0.70em;\r\n\t/*padding-right: 0.025em;*/\r\n}\r\n.icon-stack-3x {\r\n\tfont-size: 1em;\r\n}\r\n\r\n.icon-stack-xl {\r\n\tfont-size: rem(50px);\r\n}\r\n.icon-stack-lg {\r\n\tfont-size: rem(40px);\r\n}\r\n.icon-stack-md {\r\n\tfont-size: rem(34px);\r\n}\r\n.icon-stack-sm {\r\n\tfont-size: rem(30px);\r\n}",".filter-message {\r\n\tdisplay: block;\r\n\ttext-align: center;\r\n\tpadding: 2px;\r\n\tfont-size: rem($fs-nano);\r\n\ttext-transform: capitalize;\r\n\tfont-style: italic;\r\n\twidth: calc(100% - 60px);\r\n\tmax-width: 180px;\r\n\tborder-radius: $border-radius;\r\n\tmargin: $p-3 auto;\r\n\r\n\t&:empty {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.js-list-filter:not(.primary-nav) {\r\n\r\n\t/* these classes are triggered by JS */\r\n\t.js-filter-hide {\r\n\t\tdisplay:none !important;\r\n\t}\r\n\r\n\t// this is not needed as it will already be visible\r\n\t// -- actually its needed for nested elements\r\n\t/*.js-filter-show {\r\n\t\tdisplay:block !important;\r\n\t}*/\r\n\r\n}\r\n\r\n// we do this for nav-menu items to display parent as well\r\n.js-list-filter.nav-menu:not(.primary-nav) {\r\n\t.js-filter-show {\r\n\t\tdisplay:block !important;\r\n\t}\t\r\n}",".loader {\r\n\tdisplay: none;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbackground: rgba(255,255,255,0.5);\r\n\tcolor: inherit;\r\n\tz-index: 10;\r\n\r\n\t/*\r\n\tThe use of translate3d pushes CSS animations into hardware acceleration.\r\n\tEven if you're looking to do a basic 2d translation, use translate3d for more power!\r\n\tIf your animation is still flickering after switching to the transform above,\r\n\tyou can use a few little-known CSS properties to try to fix the problem:\r\n\t*/\r\n\t/*-webkit-transform: translate3d(0, 0, 0);\r\n\t-webkit-backface-visibility: hidden;\r\n\t-webkit-perspective: 1000;\t*/\r\n\r\n}\r\n\r\n\r\n/*:not(.enable-loader) .loader {\r\n\t> * {\r\n\t\tanimation: pause;\r\n\t}\r\n}*/\r\n\r\n.enable-loader {\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tbackground-color: rgba($white, 0.7);\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t}\r\n\r\n\t.loader {\r\n\t\tdisplay: flex;\r\n\t}\r\n}\r\n\r\n\r\n","#msgr_listfilter_input {\r\n\twidth: calc(100% - #{$p-3});\r\n\tmargin: 0 auto;\r\n\tmargin-top: -41px;\r\n\tpadding-left: 41px;\r\n\tmargin-bottom: 10px;\r\n\topacity: 0; \r\n\tbackground: transparent;\r\n\t@extend %general-animation;\r\n\ttransition-delay: $msgr-animation-delay; \t\r\n}\r\n\r\n.msgr-list {\r\n\twidth: $msgr-list-width;\r\n right: $msgr-list-width-collapsed - $msgr-list-width;\r\n z-index: 101;\r\n\r\n @extend %general-animation;\r\n transition-delay: $msgr-animation-delay;\r\n\r\n\t& + .msgr {\r\n\r\n\t\twidth: calc(100% - #{$msgr-list-width-collapsed});\r\n\t\theight: 100%;\r\n\r\n\t\t&:before {\r\n\t\t\tcontent:'';\r\n\t\t\theight:100%;\r\n\t\t\twidth:100%;\r\n\t\t\tbackground:rgba($white, 0.4);\t\r\n\t\t\tposition:absolute;\r\n\t\t\tz-index: 100;\r\n\r\n\t\t\t@extend %general-animation;\r\n\t\t\ttransition-delay: $msgr-animation-delay;\r\n\r\n\t\t\topacity: 0;\r\n\t\t\tvisibility: hidden;\r\n\t\t}\r\n\t}\r\n\r\n &:hover {\r\n \tright: 0;\r\n \tborder-left-color: rgba(0,0,0,0.1);\r\n\r\n \t#msgr_listfilter_input {\r\n \t\topacity: 1;\r\n \t}\r\n\r\n \t& + .msgr {\r\n\r\n \t\t&:before {\r\n \t\t\topacity: 1;\r\n \t\t\tvisibility: visible;\r\n \t\t}\r\n \t}\r\n }\r\n}\r\n\r\n/*.msgr-chatinput {\r\n\r\n\tmin-height: 110px;\r\n\tmax-height: 160px;\r\n\r\n\t[contenteditable=\"true\"] {\r\n\t\tmin-height:50px;\r\n\t\tmax-height:110px;\r\n\t}\r\n\r\n}*/\r\n\r\n/*.msgr-chatinput-icons {\r\n\theight: 40px;\r\n}*/\r\n\r\n/*.msgr-chatinput-container {\r\n\t> div {\r\n\t\tborder-top: 1px solid rgba($black,0.07);\r\n\t}\r\n}*/\r\n\r\n\r\n/* IE HACK */\r\n/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\r\n\t[contenteditable=\"true\"] {\r\n\t\theight: 110px;\r\n\t}\r\n}*/\r\n\r\n.chat-segment-get {\r\n\r\n\ttext-align: left;\r\n\tposition: relative;\r\n\r\n\tmargin: 0 2rem 0.5rem 0;\r\n\r\n\t&.chat-start {\r\n\r\n\t\t.chat-message {\r\n\t\t\tborder-bottom-left-radius: 3px;\r\n\t\t}\r\n\r\n\t\t+ :not(.chat-end) {\r\n\t\t\t.chat-message {\r\n\t\t\t\tborder-bottom-left-radius: 3px;\r\n\t\t\t\tborder-top-left-radius: 3px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.chat-end {\r\n\t\t.chat-message {\r\n\t\t\tborder-top-left-radius: 3px;\r\n\t\t}\r\n\t}\r\n\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\r\n\t\t@include text-contrast($msgr-get-background);\t\r\n\r\n\t\ttext-align: left;\t\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\r\n\ttext-align: right;\r\n\tposition: relative;\r\n\r\n\tmargin: 0 0 .5rem 3rem;\r\n\r\n\t&.chat-start {\r\n\r\n\t\t.chat-message {\r\n\t\t\tborder-bottom-right-radius: 3px;\r\n\t\t}\r\n\r\n\t\t+ :not(.chat-end) {\r\n\t\t\t.chat-message {\r\n\t\t\t\tborder-bottom-right-radius: 3px;\r\n\t\t\t\tborder-top-right-radius: 3px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.chat-end {\r\n\t\t.chat-message {\r\n\t\t\tborder-top-right-radius: 3px;\r\n\t\t}\r\n\t}\r\n\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t\t@include text-contrast($msgr-sent-background);\r\n\r\n\t\ttext-align: left;\t\t\t\r\n\t}\r\n\r\n}\r\n\r\n.chat-message {\r\n\tpadding: 0.75rem 1rem;\r\n\tborder-radius: 0.625rem;\r\n\r\n\tposition: relative;\r\n\r\n\tdisplay: inline-block;\r\n\r\n\t> p {\r\n\t\tpadding: $p-2 + $p-1 0 0;\r\n\t\tmargin:0;\r\n\t}\r\n\r\n\t> p:first-child {\r\n\t\tpadding-top: 0;\r\n\t}\r\n}\r\n\r\n.chat-start {\r\n\r\n\tmargin-bottom: 3px !important;\r\n\t\r\n\t.time-stamp {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t& + .chat-segment:not(.chat-end) {\r\n\r\n\t\tmargin-bottom: 3px !important;\r\n\r\n\t\t.time-stamp {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t}\r\n}","/* modal shadow */\r\n.modal-content {\r\n\tbox-shadow: 0 0 20px 0 rgba($black, 0.2); \r\n}\r\n\r\n/* adjustments */\r\n.modal-dialog {\r\n\t.modal.show & {\t\t\r\n\t\ttransform: none;\t\t\r\n\t}\r\n}\r\n\r\n/* alert modal */\r\n.modal-alert {\r\n\tpadding: 0 !important; /* overriding bootstrap generated style */\r\n\r\n\t.modal-dialog {\r\n\t\tmax-width: 100% !important; /* overriding bootstrap css for all media queries */\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmin-height: calc(100% - 3.5rem);\r\n\t\ttransform: none !important; /* overriding bootstrap css */\r\n\t}\r\n\r\n\t.modal-content {\r\n\t\tbackground-color: rgba($black,0.8);\r\n\t\tborder-radius: 0;\r\n\t\tpadding: 1.5rem 1rem 1rem;\r\n\t}\r\n\r\n\t.modal-title {\r\n\t\tfont-size: 1.5rem;\r\n \tfont-weight: 300;\r\n\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\r\n\t.modal-header,\r\n\t.modal-body,\r\n\t.modal-footer {\r\n\t\t/*left: 20%;\r\n\t\twidth: 60%;*/\r\n\t\twidth: 100%;\r\n\t\tmax-width: map-get($grid-breakpoints, lg);\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 0;\r\n\t\tcolor: $white;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t/*.modal-body {\r\n\t\tpadding: 0.5rem 0;\r\n\t}\r\n*/\r\n\t.close {\r\n\t\tcolor: $white;\r\n\t\ttext-shadow: 0 1px 0 $black;\r\n\t}\r\n}\r\n\r\n/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n\r\n/* transparent backdrop */\r\n.modal-backdrop-transparent {\r\n\tbackground: transparent;\r\n}\r\n\r\n/* fullscreen modal */\r\n.modal-fullscreen {\r\n\t\r\n\tpadding: 0 !important;\r\n\r\n\t.modal-content {\r\n\t\tborder-radius: 0;\r\n\t\tborder-width: 0;\r\n\t}\r\n\r\n\t.modal-dialog {\r\n\t\tmax-width: unquote(\"calc(100vw - 40px)\");\r\n\t\tmax-height: unquote(\"calc(100vh - 80px)\");\r\n\r\n\t\t.modal-content {\r\n\t\t\theight: unquote(\"calc(100vh - 80px)\");\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* top */\r\n.modal-dialog-top,\r\n.modal-dialog-bottom {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tmargin: 0;\r\n\t\tmin-width: 100%;\r\n\t\r\n\t.modal-dialog {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t.modal-content {\r\n\t\tborder-radius: 0px;\r\n\t\tborder:0;\r\n\t}\r\n}\r\n\r\n.modal-dialog-bottom {\r\n\ttop: auto;\r\n\tbottom: 0;\r\n\r\n\t.modal.fade & {\r\n\t\ttransform: translate(0,25%);\r\n\t}\r\n}\r\n\r\n/* left */\r\n.modal-dialog-left {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin: 0 !important;\r\n\r\n\t.modal-content {\r\n\t\tmin-height: 100%;\r\n\t\tborder-width: 0;\r\n\t\tborder-radius: 0;\r\n\t}\r\n\r\n\t.modal.fade & {\r\n\t\ttransform: translate(-25%, 0);\r\n\t}\r\n}\r\n\r\n/* right */\r\n.modal-dialog-right {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin: 0 !important;\r\n\tborder-width: 0px;\r\n\r\n\t.modal-content {\r\n\t\tmin-height: 100%;\r\n\t\tborder-width: 0;\r\n\t\tborder-radius: 0;\r\n\t}\r\n\r\n\t.modal.fade & {\r\n\t\ttransform: translate(25%, 0);\r\n\t}\r\n}\r\n\r\n.modal.show .modal-dialog {\r\n\ttransform: translate(0, 0);\r\n}\r\n\r\n/* modal size */\r\n.modal-md {\tmax-width: 350px; }\r\n\r\n\r\n\r\n\t ",".pagination {\r\n\t.page-item:not(:first-child) {\r\n\t\tmargin-left: 0.4rem;\r\n\t}\r\n\r\n\t.page-item:first-child:not(.active),\r\n\t.page-item:last-child:not(.active),\r\n\t.page-item.disabled {\r\n\t\t.page-link {\r\n\t\t\tbackground: lighten($primary-50, 10%);\r\n\t\t}\r\n\t}\r\n\r\n\t.page-link {\r\n\t\tborder-radius: $border-radius;\r\n\t\tborder-width: 0px;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $primary-500 !important;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.pagination-xs {\r\n\t\t.page-link {\r\n\t\t\tpadding: 0.2rem 0.5rem;\r\n\t\t\tfont-size: rem($fs-xs)\r\n\t\t}\r\n\t} \r\n\r\n}\r\n\r\n\r\n",".panel-fullscreen {\r\n\toverflow:hidden;\r\n\tmax-width: 100%;\r\n}\r\n\r\n.panel {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n\tposition: relative;\r\n\tbackground-color: $white;\r\n\tbox-shadow: 0px 0px 13px 0px rgba(darken($primary-800, 15%), (8/100));\r\n \r\n\tmargin-bottom: $grid-gutter-width;\r\n\tborder-radius: $border-radius;\r\n\r\n\t//experimental ...\r\n\tborder: 1px solid rgba(0, 0, 0, 0.09);\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\tborder-radius: $panel-edge-radius;\r\n\r\n\ttransition : border 500ms ease-out;\r\n\r\n\t/* panel container */\r\n\t.panel-container {\r\n\r\n\t\t//this cosigns with header animation 'all'\r\n\t\t//@include transition-border(0.4s, ease-out);\r\n\r\n\t\tposition: relative;\r\n\r\n\t\t//border: 1px solid transparent;\r\n\t\t//border-top-width: 0;\r\n\r\n \tborder-radius: 0 0 $panel-edge-radius $panel-edge-radius;\r\n\r\n\t\t.panel-content {\r\n\t\t\tpadding: $panel-spacer-y $panel-spacer-x;\r\n\r\n\t\t\t&:only-child,\r\n\t\t\t&:last-child {\r\n\t\t\t\tborder-radius: 0 0 $panel-edge-radius $panel-edge-radius;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* panel refresh */\r\n\t&.panel-refresh {\r\n\r\n\t\t.js-panel-refresh {\r\n\t\t\topacity: 0.5;\r\n\t\t\tcursor: wait;\r\n\t\t}\r\n\t}\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\t\tposition: fixed !important; /* there is a bug with jquery ui, so we have to add !important rule here */\r\n\t\tz-index: $zindex-panel-fullscreen;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\theight: 100vh !important;\r\n\t\tmax-height: 100vh !important;\r\n \twidth: 100vw !important;\r\n \tmax-width: 100vw !important;\r\n\t\tborder-radius: 0;\r\n\t\tborder:0;\r\n\r\n\t\t/*display: flex;\r\n\t\tflex-direction: column;*/\r\n\r\n\t\t[data-action=\"panel-collapse\"],\r\n\t\t.js-panel-collapse,\r\n\t\t[data-action=\"panel-close\"],\r\n\t\t.js-panel-close {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\theight: $header-height;\r\n\t\t\tborder-radius: 0;\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\r\n\r\n\t\t\t/* make panel header bigger */\r\n\t\t\th2 {\r\n\t\t\t\tfont-size: rem($panel-hdr-font-size + 4);\r\n\t\t\t\tfont-weight:400;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.js-panel-locked {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.btn-panel[data-action=\"panel-fullscreen\"],\r\n\t\t.js-panel-fullscreen {\r\n\t\t\twidth:$panel-hdr-height/2;\r\n\t\t\theight:$panel-hdr-height/2;\r\n\t\t}\r\n\r\n\t\t.panel-container {\r\n\t\t\tflex: 1;\r\n\t\t\toverflow-y: auto;\r\n\t\t\tborder-radius: 0;\r\n\t\t\tdisplay: block !important; //incase user had it collapsed\r\n\t\t}\r\n\t}\r\n\r\n\t/* panel collapse */\r\n\t/*&.panel-collapsed:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-container {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\r\n\t}*/\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.js-panel-locked {\r\n\t\t\tfont-weight: bold;\r\n\t\t}\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t//&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\tcontent: \"\\f2ae\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tright: 5px;\r\n\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\tfont-size: 1.1rem;\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t//}\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&.ui-sortable-helper {\r\n\t\tbox-shadow: 0 5px 16px 0 rgba(0,0,0,0.05), 0 5px 20px 0 rgba(0,0,0,0.09);\r\n\t\t/*.panel-toolbar {\r\n\t\t\t-webkit-filter: grayscale(100%); Safari 6.0 - 9.0 \r\n\t\t\tfilter: grayscale(100%);\r\n\t\t}*/\r\n\t}\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tpadding: 1rem $panel-spacer-x;\r\n\tmargin-bottom: 2rem;\r\n\tborder-left: 3px solid $success-500;\r\n\tbackground: #eef7fd;\r\n\topacity: 0.8;\r\n\tfont-weight: 400;\r\n\tfont-size: 0.875rem;\r\n\tborder-radius: 0px 8px 8px 0px;\t\r\n\r\n\t//remove p tag margin\r\n\t>*:last-child,\r\n\t>*:only-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\t\r\n\r\n\t&:only-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tdisplay: flex;\r\n\talign-items:center;\r\n\tbackground: $panel-hdr-background;\r\n\tmin-height: $panel-hdr-height;\r\n\t//@include box-sizing(border-box); //why did we need this?\r\n\t//border: 1px solid transparent;\r\n\tborder-bottom: 1px solid rgba(0, 0, 0, 0.07);\r\n\t//box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);\r\n\tborder-radius: $panel-edge-radius $panel-edge-radius 0 0;\r\n\r\n\t//@extend %common-animation-easeout;\r\n\r\n\t@include transition-background-color(0.4s, ease-out)\r\n\r\n\t.panel-collapsed & {\r\n\t\tborder-radius: $panel-edge-radius;\r\n\t}\r\n\t\r\n\t/* add padding to first and last child */\r\n\t> :first-child {\r\n\t\tpadding-left: $panel-spacer-x;\r\n\t}\r\n\t> :last-child {\r\n\t\tpadding-right: $panel-spacer-x;\r\n\t}\r\n\r\n\t/* adjusts title */\r\n\th2 {\r\n\t\tflex: 1;\r\n\t\tfont-size: rem($panel-hdr-font-size);\r\n\t\tmargin: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items:center;\r\n\t\tline-height: $panel-hdr-height;\r\n\t\tcolor: inherit;\r\n\t\tcolor: #333;\r\n\t\tposition: relative;\r\n\r\n\t\tfont-weight: 500;\r\n\r\n\t\t&:not(:only-child) {\r\n\t\t\tmargin-right: $panel-spacer-x / 1.5;\r\n\t\t}\r\n\r\n\t\t> [class*='fw-'] {\r\n\t\t\tmargin-left: 4px;\r\n\t\t}\r\n\r\n\t\tsmall {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin:0;\r\n\t\t\topacity: 0.8;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tfont-size: rem($panel-hdr-font-size - 2);\r\n\t\t\tmargin-left: $spacer * 0.5;\r\n\t\t}\r\n\r\n\t\t/* panel header icon */\r\n\t\t.panel-icon {\r\n\t\t\tmargin-right: $p-2;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n.panel-hdr[class^=\"bg-\"], \r\n.panel-hdr[class*=\" bg-\"] {\r\n\th2 {\r\n\t\tcolor: inherit;\r\n\t}\r\n}\r\n\r\n\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked).ui-sortable-helper {\r\n\r\n\t&:active {\r\n\t\tborder-color: rgba($black, 0.15);\r\n\t}\r\n\r\n\t/*.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}*/\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t/*.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}*/\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\tdisplay: flex;\r\n\talign-items:center;\r\n\r\n\t.btn-panel {\r\n\t\tmargin-left: $panel-btn-spacing;\r\n\r\n\t\tpadding: 0;\r\n\t\twidth: $panel-btn-size;\r\n\t\theight: $panel-btn-size;\r\n\r\n\t\t@include box-sizing(border-box);\r\n\r\n\t\tborder-radius: 50%;\r\n\t\topacity: 0.8;\r\n\r\n\t\t@extend %common-animation;\r\n\r\n\t\t&:hover {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t\t/*&:after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\tborder: 1px solid rgba($white, 0.6);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\twidth: calc(100% + 2px);\r\n\t\t\theight: calc(100% + 2px);\r\n\t\t\tright: -1px;\r\n\t\t\ttop: -1px;\r\n\t\t}*/\r\n\r\n\t}\r\n\r\n\t.btn-toolbar-master {\r\n\t\theight: $panel-hdr-height;\r\n\t\twidth: 1.826875rem; /* stop flickering bug due to cpu latency */\r\n\t\tborder-radius: 0;\r\n\t\tmargin-right: -$panel-spacer-x;\r\n\t\tborder-top-right-radius: 3px;\r\n\t\tmargin-left: 0.5rem;\r\n\t\tpadding: 0 13px;\r\n\t\tbackground: transparent;\r\n\t\tborder: 0;\r\n\t\tfont-size: $panel-toolbar-icon;\r\n\t\tcolor: inherit;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\r\n\t\t&[aria-expanded=\"true\"] {\r\n\t\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset\r\n\t\t}\r\n\r\n\t\t& + .dropdown-menu {\r\n\t\t\tright: 0;\r\n\t\t\ttop: $panel-hdr-height;\r\n\t\t\tleft: auto !important;\r\n\t\t\tmargin:0;\r\n\t\t\tborder-radius:0;\r\n\t\t\t//min-width: 150px;\r\n\t\t}\r\n\t}\r\n\r\n\t/* we curve the last button to make it seamless with panel's border radius */\r\n\t.btn-panel-flat:last-child {\r\n\t\tborder-top-right-radius: $border-radius - 1px;\r\n\t}\r\n\r\n}\r\n\r\n.panel-sortable:not(.panel-fullscreen):not(.panel-locked) .ui-sortable-handle {\r\n\tcursor: move;\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\tbox-sizing: border-box;\r\n\tmargin-bottom: $grid-gutter-width;\r\n\tborder-radius: $border-radius + 1;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\t//exprimental...\r\n\tborder: 1px solid transparent;\r\n\t/* placeholder border animation */\r\n\t&:before,\r\n\t&:after {\r\n\t\tcontent:\" \";\r\n\t\tbackground-image: url(data:image/gif;base64,R0lGODlhCAAIAJAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACAAIAAACD4SDYZB6udpiaMJYsXuoAAAh+QQECgD/ACwAAAAACAAIAAACDYQRGadrzVRMB9FZ5SwAIfkEBAoA/wAsAAAAAAgACAAAAg8MDqGYaudeW9ChyOyltQAAIfkEBAoA/wAsAAAAAAgACAAAAg9MgGCXm+rQYtC0WGl9oQAAIfkEBAoA/wAsAAAAAAgACAAAAg+MgWCRernaYmjCWLF7qAAAIfkEBAoA/wAsAAAAAAgACAAAAg2MAwmna81UTAfRWeUsACH5BAQKAP8ALAAAAAAIAAgAAAIPRB6gmGrnXlvQocjspbUAACH5BAQKAP8ALAAAAAAIAAgAAAIPBIJhl5vq0GLQtFhpfaAAADs=);\r\n\t\tborder-radius: $border-radius + 1;\r\n\t\tposition: absolute;\r\n\t\ttop:0;\r\n\t\tright:0;\r\n\t\tbottom:0;\r\n\t\tleft:0;\r\n\t\topacity: 0.3;\r\n\t}\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t\tmargin: 1px;\r\n\t\tbox-sizing: border-box;\r\n\t\topacity: 1;\r\n\t\tz-index: 1;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\tbox-shadow: none;\r\n\t\t\r\n\t\th2 {\r\n\t\t\tcolor: #333;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/*.panel-container {\r\n\t\t.panel-content:first-child {\r\n\t\t\tpadding-top: $p-1;\r\n\t\t}\r\n\t}*/\r\n\t\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tfont-size: rem($panel-hdr-font-size);\r\n\t\t\t//color: #060606;\r\n\t\t\tmin-height: $panel-hdr-height - 4;\r\n\r\n\t\t\t> :first-child {\r\n\t\t\t\tpadding-left: 10px;\r\n\t\t\t}\r\n\t\t\t> :last-child {\r\n\t\t\t \tpadding-right: 10px;\r\n\t\t\t}\r\n\r\n\t\t\t.panel-toolbar .btn-toolbar-master {\r\n\t\t\t\tmargin-right: -10px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.panel-container {\r\n\t\t\t.panel-content:first-child {\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* print only selected panel when on fullscreen */\r\n@media print {\r\n\t.panel-fullscreen {\r\n\t\t.subheader,\r\n\t\t.page-breadcrumb,\r\n\t\t.page-content .panel:not(.panel-fullscreen) {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.panel-hdr,\r\n\t\t.panel-container,\r\n\t\t.panel-content,\r\n\t\th2 {\r\n\t\t\tborder: none;\r\n\t\t\tpadding: 0 !important;\r\n\t\t}\r\n\r\n\t\t.panel {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n}",".popover {\r\n\tbox-shadow: $dropdown-shadow;\r\n\tmargin: 12px;\r\n\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\r\n\t}\r\n\r\n\t.popover-header {\r\n\t\tfont-weight: 500;\r\n\t\tfont-size: rem($popover-font-size);\r\n\t\tborder-radius: $popover-border-radius $popover-border-radius 0 0;\r\n\t\tborder-bottom-width:0px;\r\n\t}\r\n\r\n\t.popover-body {\r\n\t\tpadding: 0;\r\n\t}\r\n}\r\n\r\n\r\n.popover-body:not(:empty) {\r\n\tpadding: 0 $popover-header-padding-x $popover-header-padding-y;\r\n}\r\n\r\n.popover-header:empty + .popover-body {\r\n\tpadding-top: $popover-header-padding-y;\r\n}",".progress-xs { height: 5px }\r\n.progress-sm { height: 8px }\r\n.progress-md { height: 14px }\r\n.progress-lg { height: 20px }\r\n.progress-xl { height: 30px }","/*$app-shortcut-btn-size: 49px;\r\n\r\n$menu-item-size: 45px;\r\n$menu-items:5;\r\n$menu-grid-icon: 5px;\r\n$menu-item-direction: 'top'; //top or left*/\r\n\r\n%ball{\r\n background:$primary-500;\r\n border-radius:50%;\r\n width:$menu-item-size;\r\n height:$menu-item-size;\r\n position:absolute !important;\r\n padding:0;\r\n right:0;\r\n bottom:0;\r\n color:$white !important;\r\n text-align:center;\r\n line-height:$menu-item-size;\r\n transform:translate3d(0,0,0);\r\n transition:transform ease-out 200ms;\r\n box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), \r\n 0 1px 2px rgba(0, 0, 0, 0.1);\r\n\r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.shortcut-menu {\r\n position:fixed;\r\n right: $grid-gutter-width;\r\n bottom: $footer-height + $grid-gutter-width;\r\n z-index: $footer-zindex + 1; \r\n}\r\n\r\n.menu-open {\r\n display:none;\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n font-size: 16px;\r\n}\r\n\r\nlabel.menu-open-button {\r\n z-index: $footer-zindex + 2;\r\n transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);\r\n transition-duration: 400ms;\r\n cursor:pointer;\r\n margin:0;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.app-shortcut-icon {\r\n width: $menu-grid-icon;\r\n height: $menu-grid-icon;\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n transition: .3s;\r\n box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n transition-timing-function: linear;\r\n transition-duration: 200ms;\r\n transform: scale(0.9,0.9) translate3d(0,0,0);\r\n background: $fusion-500;\r\n\r\n .app-shortcut-icon {\r\n box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important;\r\n -webkit-transform: rotate3d(0,0,1,-45deg) scale3d(.8,.8,.8);\r\n transform: rotate3d(0,0,1,-45deg) scale3d(.8,.8,.8);\r\n }\r\n}\r\n\r\n.menu-open:checked~.menu-item{\r\n transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);\r\n\r\n @if $menu-item-direction == 'top' {\r\n\r\n @for $i from 1 through $menu-items{\r\n &:nth-child(#{$i+2}){\r\n transition-duration:50ms+(100ms*$i);\r\n transform:translate3d(0,-($menu-item-size+3)*$i,0);\r\n }\r\n }\r\n\r\n } @else {\r\n\r\n @for $i from 1 through $menu-items{\r\n &:nth-child(#{$i+2}){\r\n transition-duration:50ms+(100ms*$i);\r\n transform:translate3d(-($menu-item-size+3)*$i,0,0);\r\n }\r\n }\r\n }\r\n}","/* set base height for slider */\r\n.slide-on-mobile {\r\n width: $slider-width;\r\n}\r\n\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n /* SIDE PANELS */\r\n .slide-on-mobile {\r\n @include translate3d(0,0,0);\r\n z-index: $cloud;\r\n position: absolute !important;\r\n top:0;\r\n bottom:0;\r\n\r\n background-color: $gray-100; \r\n\r\n transition: $nav-hide-animate;\r\n }\r\n\r\n .slide-backdrop {\r\n background: transparent;\r\n transition: background 300ms;\r\n }\r\n\r\n .slide-on-mobile-left {\r\n //@include translate3d(-$slider-width,0,0); /* issue with translate 3d with padding */\r\n border-right: 1px solid rgba($black,0.09);\r\n\r\n /* new solution */\r\n left: -$slider-width;\r\n }\r\n\r\n .slide-on-mobile-left-show {\r\n //@include translate3d(0,0,0);\r\n left:0;\r\n }\r\n\r\n .slide-on-mobile-right {\r\n //@include translate3d(calc(100vw), 0, 0); /* issue with translate 3d with padding */\r\n border-left: 1px solid rgba($black,0.09);\r\n\r\n right: -$slider-width;\r\n }\r\n\r\n .slide-on-mobile-right-show {\r\n //@include translate3d(calc(100vw - #{$slider-width}), 0, 0); /* issue with translate 3d with padding */\r\n right: 0;\r\n }\r\n\r\n /* place the backdrop right after these classes */\r\n .slide-on-mobile-right-show,\r\n .slide-on-mobile-left-show {\r\n & + .slide-backdrop {\r\n background: rgba($black,0.09);\r\n position: absolute;\r\n z-index: $cloud - 2;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n top: 0;\r\n }\r\n }\t\r\n}","/* bootstrap override table stripe */\r\n.table {\r\n\t&.table-striped:not(.table-bordered) {\r\n\t\tth, \r\n\t\ttbody th,\r\n\t\ttbody td {\r\n\t\t\t border: 0;\r\n\t\t}\r\n\t}\r\n\r\n\tthead[class^=\"bg-\"] tr > th,\r\n\tthead[class*=\" bg-\"] tr > th {\r\n\t\tborder-top: 0;\r\n\t\tborder-bottom: 0; \t\r\n\t}\r\n\r\n\ttr[class^=\"bg-\"] > td,\r\n\ttr[class^=\"bg-\"] > th,\r\n\ttr[class*=\" bg-\"] > td,\r\n\ttr[class*=\" bg-\"] > th {\r\n\t\tborder-top:0 !important;\r\n\t}\r\n}\r\n\r\n.thead-themed {\r\n\t@include gradient-img(#f2f2f2,#fafafa)\r\n}\r\n\r\n.table-dark {\r\n\t.thead-themed {\r\n\t\t@include gradient-img($fusion-700,$fusion-800)\r\n\t}\r\n}\r\n\r\n.table-bordered {\r\n\t&[class*=\" bg-\"],\r\n\t&[class*=\" bg-\"] td,\r\n\t&[class*=\" bg-\"] th,\r\n\t&[class^=\"bg-\"],\r\n\t&[class^=\"bg-\"] td,\r\n\t&[class^=\"bg-\"] th {\r\n\t\tborder: 1px solid rgba($white, 0.1);\r\n\t}\r\n\r\n\t[class*=\" bg-\"] td,\r\n\t[class*=\" bg-\"] th,\r\n\t[class^=\"bg-\"] td,\r\n\t[class^=\"bg-\"] th, {\r\n\t\tborder: 1px solid rgba($black, 0.1);\r\n\t}\r\n}\r\n/* table hover */\r\n.table-hover {\r\n\ttbody {\r\n\t\ttr {\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* reset table (global) */\r\nth {\r\n font-weight: 500;\r\n}\r\n\r\n.table-clean {\r\n\tbackground: transparent;\r\n\tborder: none;\r\n\r\n\ttr,\r\n\ttd,\r\n\tth {\r\n\t\tborder: none;\r\n\t\tbackground: none;\r\n\t}\r\n}\r\n\r\n.table-scale-border-top {\r\n\tborder-top: 2px solid $fusion-500 !important;\r\n}\r\n.table-scale-border-bottom {\r\n\tborder-bottom: 2px solid $fusion-500 !important;\r\n}\r\n","/* nav tabs panel */\r\n.nav-tabs-clean {\r\n\r\n\theight: $nav-tabs-clean-link-height;\r\n\tborder-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n\r\n\t.nav-item {\r\n\r\n\t\t.nav-link {\r\n\t\t\tborder-radius: 0;\r\n\t\t\tborder: 0;\r\n\t\t\theight: $nav-tabs-clean-link-height;\r\n\r\n\t\t\t/*font-size: rem($fs-md);\r\n\t\t\tfont-weight: 500;*/\r\n\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tborder-bottom: 1px solid transparent;\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tborder-bottom: 1px solid $primary-500;\r\n\t\t\t\tcolor: $primary-500;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $primary-500;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* hack for waves effect breaking tabs */\r\n/*.nav-tabs .nav-item > .nav-link.waves-effect {\r\n\theight: 100% !important;\r\n\tdisplay: block;\r\n}*/\r\n\r\n/* fontsize for tabs */\r\n.nav-tabs .nav-item .nav-link {\r\n\t&:not(:hover) {\r\n\t\tcolor: inherit;\r\n\t}\r\n\r\n\t&.active:not(:hover) {\r\n\t\tcolor: #333;\r\n\t}\r\n\t&:hover:not(.active) {\r\n\t\tcolor: inherit;\r\n\t}\r\n}\r\n\r\n.nav .nav-link:not([class^=\"btn-\"]):not([class*=\" btn-\"]) {\r\n\tfont-weight: 500;\r\n\tfont-size: rem($fs-base);\r\n}\r\n\r\n.nav-tabs .nav-link.active, \r\n.nav-tabs .nav-item.show .nav-link {\r\n\tcolor: $primary-500;\r\n}",".tooltip-inner {\r\n\tfont-family: $page-font;\r\n\tfont-weight: 500;\r\n\tbox-shadow: $box-shadow-sm;\r\n}\r\n/*.tooltip .arrow {\r\n\tdisplay: none;\r\n}*/","/* height & width auto */\r\n.h-auto { height: auto !important }\r\n.w-auto { width: auto !important }\r\n.min-height-reset { min-height: initial !important}\r\n.max-width-reset { max-width: none !important;}\r\n.max-height-reset { max-height: none !important;}\r\n\r\n/* width preset */\r\n.min-width-0 { min-width: 0 }\r\n\r\n.width-0 { width: 0}\r\n.width-1 { width: 1.5rem }\r\n.width-2 { width: 2rem }\r\n.width-3 { width: 2.5rem }\r\n.width-4 { width: 2.75rem }\r\n.width-5 { width: 3rem }\r\n.width-6 { width: 3.25rem }\r\n.width-7 { width: 3.5rem }\r\n.width-8 { width: 3.75rem }\r\n.width-9 { width: 4rem }\r\n.width-10 { width: 4.25rem }\r\n\r\n.width-xs { min-width: 5rem;}\r\n.width-sm { min-width: 10rem;}\r\n.width-lg { min-width: 15rem;}\r\n.width-xl { min-width: 20rem;}\r\n\r\n.height-0 { height: 0}\r\n.height-1 { height: 1.5rem }\r\n.height-2 { height: 2rem }\r\n.height-3 { height: 2.5rem }\r\n.height-4 { height: 2.75rem; }\r\n.height-5 { height: 3rem }\r\n.height-6 { height: 3.25rem }\r\n.height-7 { height: 3.5rem }\r\n.height-8 { height: 3.75rem }\r\n.height-9 { height: 4rem }\r\n.height-10 { height: 4.25rem }\r\n\r\n.height-xs { min-height: 5rem;}\r\n.height-sm { min-height: 10rem;}\r\n.height-lg { min-height: 15rem;}\r\n.height-xl { min-height: 20rem;}\r\n\r\n/* line-heights */\r\n.l-h-n { line-height:normal }\r\n\r\n/* no bg image */\r\n.bg-img-none { background-image: none !important;}\r\n\r\n/* flex */\r\n.flex-1 { flex:1 }\r\n\r\n/* margins */\r\n.m-g { margin: map-get($grid-gutter-widths, xl) }\r\n.mb-g { margin-bottom: map-get($grid-gutter-widths, xl) !important }\r\n.mb-gb { margin-bottom:$grid-gutter-width-base }\r\n\r\n/* paddings */\r\n.p-g { padding: map-get($grid-gutter-widths, xl) }\r\n\r\n/* text turncaters */\r\n.text-truncate-header {\tmax-width: map-get($grid-gutter-widths, xl) + 4.5625rem }\r\n.text-truncate-xs {\tmax-width: 4.5625rem }\r\n.text-truncate-sm {\tmax-width: 117px }\r\n.text-truncate-md {\tmax-width: 160px; }\r\n.text-truncate-default { max-width: 180px }\r\n.text-truncate-lg {\tmax-width: 200px }\r\n\r\n/* blur text */\r\n.text-blur {\r\n\tcolor: transparent !important;\r\n\ttext-shadow: 0 0 5px rgba(0,0,0,0.5);\r\n}\r\na.text-blur {\r\n\ttext-shadow: 0 0 5px rgba($primary-500,0.5);\r\n}\r\n\r\n/* positions usage: \r\n .position-absolute|relative|static|fixed .pos-top|left|right|bottom */\r\n.pos-top { top: 0 }\r\n.pos-left { left: 0 }\r\n.pos-right { right: 0 }\r\n.pos-bottom { bottom: 0 }\r\n\r\n/* font weights */\r\n.fw-300 { font-weight: 300 !important }\r\n.fw-400 { font-weight: 400 !important }\r\n.fw-500 { font-weight: 500 !important }\r\n.fw-700 { font-weight: 700 !important }\r\n.fw-900 { font-weight: 900 !important }\r\n.fw-n { font-weight:normal !important }\r\n\r\n/* font sizes */\r\n.fs-nano { font-size: rem($fs-nano) !important} /* 10px */\r\n.fs-xs { font-size: rem($fs-xs) !important} /* 12px */\r\n.fs-sm { font-size: rem($fs-sm) !important} /* 12.5px */\r\n.fs-b { font-size: rem($fs-base) !important} \t /* 13px */\r\n.fs-md { font-size: rem($fs-md) !important} /* 14px */\r\n.fs-lg { font-size: rem($fs-lg) !important} /* 15px */\r\n.fs-xl { font-size: rem($fs-xl) !important} /* 16px */\r\n.fs-xxl { font-size: rem($fs-xxl) !important} /* page header */\r\n\r\n/* alphas */\r\n.opacity-5 { opacity: 0.05 }\r\n.opacity-10 { opacity: 0.1 }\r\n.opacity-15 { opacity: 0.15 }\r\n.opacity-20 { opacity: 0.2 }\r\n.opacity-25 { opacity: 0.25 }\r\n.opacity-30 { opacity: 0.3 }\r\n.opacity-35 { opacity: 0.35 }\r\n.opacity-40 { opacity: 0.4 }\r\n.opacity-45 { opacity: 0.45 }\r\n.opacity-50 { opacity: 0.5 }\r\n.opacity-55 { opacity: 0.55 }\r\n.opacity-60 { opacity: 0.6 }\r\n.opacity-65 { opacity: 0.65 }\r\n.opacity-70 { opacity: 0.7 }\r\n.opacity-75 { opacity: 0.75 }\r\n.opacity-80 { opacity: 0.8 }\r\n.opacity-85 { opacity: 0.85 }\r\n.opacity-90 { opacity: 0.9 }\r\n.opacity-95 { opacity: 0.95 }\r\n.opacity-100 { opacity: 1 }\r\n\r\n/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, #f5fcff)\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n.border-transparent {border: 1px solid transparent !important;}\r\n\r\n/* border radius */\r\n//.border-radius-0 { border-radius:0 !important }\r\n.border-top-left-radius-0 { border-top-left-radius: 0 !important;}\r\n.border-bottom-left-radius-0 { border-bottom-left-radius: 0 !important; }\r\n.border-top-right-radius-0 { border-top-right-radius: 0 !important; }\r\n.border-bottom-right-radius-0 { border-bottom-right-radius: 0 !important; }\r\n.rounded-plus { border-radius: $border-radius-plus }\r\n.rounded-bottom { border-radius: 0 0 $panel-edge-radius }\r\n.rounded-top { border-radius: $panel-edge-radius $panel-edge-radius 0 0; }\r\n\r\n/* progressbars */\r\n/*.progress-xs { height: 5px }\r\n.progress-sm { height: 8px }\r\n.progress-md { height: 14px }\r\n.progress-lg { height: 20px }\r\n.progress-xl { height: 30px }*/\r\n\r\n/* rotate */\r\n.rotate-90 { @include rotate (90) }\r\n.rotate-180 { @include rotate (180) }\r\n.rotate-270 { @include rotate (270) }\r\n\r\n/* shadows */\r\n.shadow-0 { box-shadow: none !important}\r\n.shadow-1, .shadow-hover-1:hover { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.10) }\r\n.shadow-2, .shadow-hover-2:hover { box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1) }\r\n.shadow-3, .shadow-hover-3:hover { box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.125) }\r\n.shadow-4, .shadow-hover-4:hover { box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.125) }\r\n.shadow-5, .shadow-hover-5:hover { box-shadow: 0 0.125rem 0.325rem rgba(0, 0, 0, 0.175) }\r\n\r\n.shadow-inset-1, .shadow-hover-inset-1:hover { box-shadow: inset 0 .25rem .125rem 0 rgba(33, 37, 41, .025) }\r\n.shadow-inset-2, .shadow-hover-inset-2:hover { box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.04) }\r\n.shadow-inset-3, .shadow-hover-inset-3:hover { box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.05) }\r\n.shadow-inset-4, .shadow-hover-inset-4:hover { box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06) }\r\n.shadow-inset-5, .shadow-hover-inset-5:hover { box-shadow: inset 0 0.35rem 0.5rem rgba(0, 0, 0, 0.07) }\r\n\r\n.shadow-sm-hover {\r\n\t&:hover {\r\n\t\tbox-shadow: $box-shadow-sm !important;\r\n\t}\r\n}\r\n.shadow-hover {\r\n\t&:hover {\r\n\t\tbox-shadow: $box-shadow !important;\r\n\t}\r\n}\r\n.shadow-lg-hover {\r\n\t&:hover {\r\n\t\tbox-shadow: $box-shadow-lg !important;\r\n\t}\r\n}\r\n\r\n\r\n/*.shadow-unique-hover {\r\n @extend %shadow-hover;\r\n}*/\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n\ttransition: all .1s ease-in;\r\n\tcolor: inherit;\r\n\t\r\n\t&:hover {\r\n\t\tbackground: inherit;\r\n\t\tcolor: inherit;\r\n\t}\r\n}\r\n\r\n/* hover alpha effect */\r\n/* example found in the buttons page */\r\n/* example of use could be found inside panel buttons top right */\r\n.hover-effect-dot {\r\n\tposition: relative;\r\n\t&:before {\r\n\t\tcontent: \"\";\r\n\t\tbackground: rgba(0, 0, 0, 0.2);\r\n\t\twidth: 0%;\r\n\t\theight: 0%;\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\tborder-radius: 100%;\r\n\t\ttransition: all 100ms ease-in;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&:before {\r\n\t\t\twidth: 75%;\r\n\t\t\theight: 75%;\r\n\t\t\ttop: 12%;\r\n\t\t\tleft: 12%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* hover light bg effect */\r\n.hover-highlight {\r\n\t&:hover {\r\n\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t}\r\n\t&:active {\r\n\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .05), rgba(29, 33, 41, .06));\r\n\t}\r\n}\r\n\r\n/* hover and hide items on show */\r\n.show-child-on-hover {\r\n\t.show-on-hover-parent {\r\n\t display:none; \r\n\t}\r\n\r\n\t&:hover {\r\n\t\t.show-on-hover-parent {\r\n\t\t\tdisplay: block; //changed from flex\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.hide-child-on-hover {\r\n\t.hide-on-hover-parent {\r\n\t display: block; //changed from flex \r\n\t}\r\n\r\n\t&:hover {\r\n\t\t.hide-on-hover-parent {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* z-indexes */\r\n.z-index-space {z-index: $space}\r\n.z-index-cloud {z-index: $cloud}\r\n.z-index-ground {z-index: $ground}\r\n.z-index-water {z-index: $water}\r\n\r\n/* cursor \r\n\tusage: cursor-default;\r\n*/\r\n$cursor: (\r\n\tauto,\r\n\tcrosshair,\r\n\tdefault,\r\n\te-resize,\r\n\thelp,\r\n\tmove,\r\n\tn-resize,\r\n\tne-resize,\r\n\tnw-resize,\r\n\tpointer,\r\n\tprogress,\r\n\ts-resize,\r\n\tse-resize,\r\n\tsw-resize,\r\n\ttext,\r\n\tw-resize,\r\n\twait,\r\n\tinherit\r\n);\r\n\r\n@each $i in $cursor {\r\n .cursor-#{nth($i, 1)} {\r\n\tcursor: nth($i, 1) !important; /* had to insert important since bootstrap has some peculiar classes */\r\n }\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* collapse toggle to reveal and hide elements */\r\n[aria-expanded=\"false\"] {\r\n\t& ~ .collapsed-reveal {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.collapsed-reveal {\r\n\t\tdisplay: none;\r\n\t}\r\n\t& ~ .collapsed-hidden {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.collapsed-hidden {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n}\r\n[aria-expanded=\"true\"] {\r\n\t& ~ .collapsed-reveal {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.collapsed-reveal {\r\n\t\tdisplay: block;\r\n\t}\r\n\t& ~ .collapsed-hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.collapsed-hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\toverflow: hidden;\r\n\tpadding-top: 23px;\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\tuser-select: none;\r\n\r\n\t&:before,\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t&:before {\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 3;\r\n\t\theight: 23px;\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tleft: 10px;\r\n\t\tbackground: #ccc;\r\n\t\ttop: 6px;\r\n\t\tz-index: 4;\r\n\t\twidth: 11px;\r\n\t\theight: 11px;\r\n\t\tborder-radius: 50%;\r\n\t}\r\n\r\n\t.demo-window-content {\r\n\t\twidth: 100%;\r\n\r\n\t\timg {\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tleft: 26px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tleft: 43px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* layout composed */\r\n.layout-composed {\r\n\t.page-content {\r\n\t\t.page-breadcrumb,\r\n\t\t.subheader {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\tpadding: 0 !important;\r\n\t}\r\n}\r\n\r\n/* responsive helpers */\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\t/* layout composed mobile only */\r\n\t.layout-composed-mobile {\r\n\t\t.page-content {\r\n\t\t\t.page-breadcrumb,\r\n\t\t\t.subheader {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\tpadding: 0 !important;\r\n\t\t}\r\n\t}\t\r\n\r\n\t/* positions on mobile view */\r\n\t.position-on-mobile-absolute {\r\n\t\tposition: absolute !important;\r\n\t}\r\n\t.position-on-mobile-relative {\r\n\t\tposition: relative !important;\r\n\t}\r\n\t.position-on-mobile-static {\r\n\t\tposition: static !important;\r\n\t}\r\n\r\n\t/* RESET HEIGHTS */\r\n\t.height-mobile-auto {\r\n\t\theight: auto;\r\n\t\tmin-height: auto;\r\n\t\tmax-height: auto;\r\n\t}\r\n\r\n\t.width-mobile-auto {\r\n\t\twidth: auto;\r\n\t\tmin-width: auto;\r\n\t\tmax-width: auto; \r\n\t}\r\n\r\n\t/* FULL HEIGHT ON MOBILE */\r\n\t.expand-full-height-on-mobile {\r\n\t\theight: calc(100vh - #{$header-height}) !important;\r\n\t}\r\n\t.expand-full-width-on-mobile {\r\n\t\twidth: 100vw !important;\r\n\t\tmax-width: 100vw !important;\r\n\t}\r\n\r\n}\r\n\r\n/* list style none */\r\n.list-style-none {\r\n\tlist-style: none;\r\n\r\n\tul {\r\n\t\tlist-style: none;\r\n\t}\r\n}\r\n\r\n/* row grid */\r\n.row-grid {\r\n > {\r\n \t.col, \r\n\t[class^=\"col-\"], \r\n\t[class*=\" col-\"], \r\n\t[class^=\"col \"], \r\n\t[class*=\" col \"], \r\n\t[class$=\" col\"], \r\n\t[class=\"col\"] {\r\n\t\tposition: relative;\r\n\t}\r\n\t.col:after, \r\n\t[class^=\"col-\"]:after, \r\n\t[class*=\" col-\"]:after, \r\n\t[class^=\"col \"]:after, \r\n\t[class*=\" col \"]:after, \r\n\t[class$=\" col\"]:after, \r\n\t[class=\"col\"]:after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\tleft: -1px;\r\n\t\tdisplay: block;\r\n\t\twidth: 0;\r\n\t\tborder-left: 1px solid rgba($fusion-900, 0.07);\r\n\t}\r\n\t.col:before, \r\n\t[class^=\"col-\"]:before, \r\n\t[class*=\" col-\"]:before, \r\n\t[class^=\"col \"]:before, \r\n\t[class*=\" col \"]:before, \r\n\t[class$=\" col\"]:before, \r\n\t[class=\"col\"]:before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\tbottom: -1px;\r\n\t\tleft: 0;\r\n\t\tdisplay: block;\r\n\t\theight: 0;\r\n\t\tborder-top: 1px solid rgba($fusion-900, 0.07);\r\n\t}\r\n }\r\n\toverflow: hidden;\r\n}\r\n","/* List table */\r\n.list-table {\r\n\theight: auto;\r\n\tdisplay:table;\r\n\tmargin: 0;\r\n\tpadding:0;\r\n\t> li {\r\n\t\tdisplay: table-cell;\r\n\t\tvertical-align: middle;\r\n\t\tposition: relative;\r\n\t\tpadding:0;\r\n\r\n\t\t&.search {\r\n\t\t\tposition: static;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* mostly used for nav items */\r\n.disabled:not(.btn),\r\n.disabled:not(.btn) > * {\t\r\n\tfilter: grayscale(80%);\r\n\topacity: 0.80;\r\n\tcursor: not-allowed;\r\n\r\n\tul,\r\n\t.collapse-sign {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\nul.list-verticle {\r\n\tmargin:0;\r\n\tpadding:0;\r\n\tlist-style: none; \r\n}\r\n\r\n.show {\r\n\t& > .dropdown-menu-animated {\r\n\t\t@include transform( scale(1) !important);\r\n\t\t@include transform-origin( 29px -50px )\r\n\t\topacity: 1;\r\n\t\tvisibility: visible;\r\n\t}\r\n}\r\n\r\nhr {\r\n\tborder: none;\r\n\tborder-bottom: 1px dashed #eee;\r\n\r\n\t&.hr-xl {\r\n\t\tmargin: 3rem 0;\r\n\t}\r\n}\r\n\r\n\r\n.bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n/* custom scroll */\r\n.custom-scroll,\r\n.custom-scrollbar {\r\n\t@extend %custom-scroll;\r\n}\r\n\r\n/* table no border */\r\n.table-border-0 {\r\n\tth,\r\n\ttd {\r\n\t\tborder:0 !important;\r\n\t}\r\n}\r\n\r\n/* table calendar */\r\n.table-calendar {\r\n\r\n\ttable-layout:fixed;\r\n\r\n\tth {\r\n\t\tborder: 0px !important;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\r\n\ttr {\r\n\t\ttd:first-child {\r\n\t\t\tborder-left:0;\r\n\t\t}\r\n\t\ttd:last-child {\r\n\t\t\tborder-right:0;\r\n\t\t\tpadding-right:10px;\r\n\t\t}\r\n\t}\r\n\r\n\ttd, th {\r\n\t\ttext-align: right;\r\n\t\tvertical-align: top;\r\n\t\tpadding: 5px 8px;\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n\r\n/* list spaced */\r\n.list-spaced {\r\n\tli {\r\n\t\tmargin-top: 7px;\r\n\t\tmargin-bottom: 7px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tmargin-top:0;\r\n\t\t}\r\n\t\t&:last-child {\r\n\t\t\tmargin-bottom:0;\r\n\t\t}\r\n\t}\r\n}\r\n.list-spaced {\r\n\t> li {\r\n\t\tpadding: 0 0 $spacer * 0.2;\r\n\t}\r\n}\r\n\r\n/* profile images */\r\n.profile-image {\r\n\twidth: $profile-image-width;\r\n\theight: $profile-image-width;\r\n}\r\n\r\n.profile-image-md {\r\n\twidth: $profile-image-width-md;\r\n\theight: $profile-image-width-md;\r\n}\r\n\r\n.profile-image-sm {\r\n\twidth: $profile-image-width-sm;\r\n\theight: $profile-image-width-sm;\r\n}\r\n\r\n/* image share */\r\n.img-share {\r\n\twidth: auto;\r\n\theight: $image-share-height;\r\n}\r\nspan.img-share {\r\n\twidth: $image-share-height + ($image-share-height * 0.4670);\r\n\theight: $image-share-height;\r\n}\r\n\r\n.notes {\r\n\tpadding: 5px;\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n\r\n/*\r\n.shadow-2 {\r\n box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);\r\n}\r\n.shadow-3 {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);\r\n}\r\n.shadow-4 {\r\n box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n}\r\n.shadow-5 {\r\n box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);\r\n}*/\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tpadding-left: 10px;\r\n\tfont-size: rem($fs-base - 5);\r\n\tcolor: #a2a2a2;\r\n\tletter-spacing: 1px;\r\n\ttext-transform: uppercase;\r\n\tfont-style: italic;\r\n}\r\n\r\n/* horizontal scrolling */\r\n.scrolling-wrapper {\r\n\tdisplay: flex;\r\n\tflex-wrap: nowrap;\r\n\toverflow-x: auto;\r\n\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n .card {\r\n flex: 0 0 auto;\r\n }\r\n\t&::-webkit-scrollbar {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tcontent: \" \";\r\n\t\tposition: absolute;\r\n\t\twidth: 15px;\r\n\t\theight: 15px;\r\n\t\tdisplay: block;\r\n\t\ttop: -2px;\r\n\t\tright: -2px;\r\n\t\tbackground: $fusion-500;\r\n\t\tborder-radius: 50%;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-sm:before {\r\n\t\twidth: 10px;\r\n\t\theight: 10px;\t\r\n\t\tborder-width: 1px;\r\n\t\ttop:0;\r\n\t\tright:0;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n/* containers */\r\n.container {\r\n\r\n\t&.container-sm {\r\n\t\tmax-width: map-get($grid-breakpoints, sm)\r\n\t}\r\n\r\n\t&.container-md {\r\n\t\tmax-width: map-get($grid-breakpoints, md)\r\n\t}\r\n\r\n\t&.container-lg {\r\n\t\tmax-width: map-get($grid-breakpoints, lg)\r\n\t}\r\n\r\n}\r\n\r\n/* responsive visibility */\r\n/* https://getbootstrap.com/docs/3.4/css/#responsive-utilities */\r\n@each $bp in map-keys($grid-breakpoints) {\r\n .hidden-#{$bp}-up {\r\n\t@include media-breakpoint-up($bp) {\r\n\t display: none !important;\r\n\t}\r\n }\r\n .hidden-#{$bp}-down {\r\n\t@include media-breakpoint-down($bp) {\r\n\t display: none !important;\r\n\t}\r\n }\r\n}\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tfont-size: rem($fs-base);\r\n\tmargin-bottom: 1rem;\r\n\tcolor: lighten($fusion-50, 7%);\r\n\tfont-weight: 500;\r\n\t\r\n\tsmall {\r\n\t\tfont-size: rem($fs-base);\r\n\t\tmargin-bottom: 0.5rem;\r\n\t}\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n\tpadding: 0;\r\n\tmargin-bottom: 3rem;\r\n}\r\n* > .frame-wrap:last-child {\r\n\tmargin-bottom:0 !important;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tfont-size: rem($fs-sm);\r\n\tmargin: $p-1 0 0 0;\r\n\tcolor: $fusion-200;\r\n\tfont-weight: 300;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tposition: relative;\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tcontent: attr(data-hasmore);\r\n\t\tborder-radius: inherit;\r\n\t\tbackground: rgba($black, 0.4);\r\n\t\theight: inherit;\r\n\t\twidth: 100%;\r\n\t\tposition: absolute;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tfont-weight: 500;\r\n\t\tfont-size: inherit;\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n\tpadding: 4px 7px;\r\n\tborder-radius: 4px;\r\n}\r\n\r\n\r\n/* star checkbox */\r\n.star {\r\n visibility:hidden;\r\n font-size:1.5em;\r\n cursor:pointer;\r\n}\r\n.star:before {\r\n content: \"☆\";\r\n position: absolute;\r\n visibility:visible;\r\n}\r\n.star:checked:before {\r\n content: \"★\";\r\n position: absolute;\r\n}",".shadow-top,\r\n.shadow-bottom,\r\n.mobile-view-activated.header-function-fixed .page-header,\r\n.mobile-view-activated.header-function-fixed .page-footer {\r\n\t&:after {\r\n\t\tcontent: \"\";\r\n\t\theight: 6px;\r\n\t\tposition: absolute;\r\n\t\tbackground-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAATlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEoqZZAAAAGnRSTlMACRVXPCMeNMEsdZ98SZBDbFDIrZhkXreCiM2g9MAAAAD1SURBVDjLzZHbDoIwEAVdEC94raLi//+otD1Lu4tgCWqYhPC0J5np4jeQ+2gKYWZukCLrYTWKvpVOl/9AAeVUMNuWtWA5AnkZFgtGlaHA901jTeEYa50cB4/x5A6Tp2H478GU342ziBJRBsqmNIAqaVWIwpMVW7l7w81y9pSS/QdKCUbcoF1GEMTgDm0ETqALpPraA6nLskKVRWEZzOq6fjYcQQV2CVSAb+1OMxeaoANHEAk4gNQn6A+/sBDu+kayrApPKMLuCh6ezQhwwgvogRSowAmiAG/ttXyPs35lLW0MpNOstfJlEK2e5g1xY7S4fnUPzF+TRjAMoku43AAAAABJRU5ErkJggg==);\r\n\t -webkit-background-size: cover;\r\n\t -moz-background-size: cover;\r\n\t -o-background-size: cover;\r\n\t background-size: cover;\r\n\t\ttop: -5px;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\topacity: 0.06;\t\t \t\r\n\t}\r\n}\r\n\r\n.shadow-bottom,\r\n.mobile-view-activated.header-function-fixed .page-header {\r\n\t&:after {\r\n\t\ttop: auto;\r\n\t\tbottom: -5px;\r\n\t\tbackground-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEnRSTlMACRUgPnjDV51MNCxhkIVsrbfUWo5iAAAA/UlEQVQ4y8zR7WqEMBCF4Xy4HeNos73/m605M+HQlIB2oeyjP5XwngQTXTLZqOp2WqCAiOxQa32Yz+Zo1u5pvpqPP8CPT7N2R4PDHqbWuoOIFFhgO6lqNslEFwaoHsKV4cXCpZl3H+z2cLidjGjozfNqaX5F6xANYSKO8aDjtXMAqJwAK8Dh1hXvNf41oJKdUL2VsZNeBp8Pii+Inp9cdsoBTHECe1fN4yXV7J1AYSpjUesSeyHcF8EXcLlT2HwFKj+IKXJNYRwt4LZGITO1i8Dc10VKjjNwCa5Byw0beR8bmUmRwv+IgzSRb0kTcRDezfcYwRhEUAKgxtAEAACGmyM6KW9inQAAAABJRU5ErkJggg==)\r\n\t}\r\n}\r\n\r\n.shadow-bottom-line,\r\n.shadow-top-line {\r\n\tposition: relative;\r\n\t&:after {\r\n\t\tcontent: \"\";\r\n\t\twidth: 100%;\r\n\t\theight: 5px;\r\n\t\tposition: absolute;\r\n\t\tbottom: -5px;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\t@include gradient-img(rgba($fusion-500, 0.09), transparent)\r\n\r\n\t\t/*background-image: -webkit-linear-gradient(top, rgba($fusion-500, 0.09), transparent);\r\n\t\tbackground-image: linear-gradient(top, rgba($fusion-500, 0.09), transparent);*/\r\n\t}\r\n}\r\n\r\n.shadow-top-line {\r\n\t&:after {\r\n\t\tcontent: \"\";\r\n\t\ttop: -5px;\r\n\r\n\t\t@include gradient-img(transparent, rgba($fusion-500, 0.09))\r\n\r\n\t\t/*background-image: -webkit-linear-gradient(top, transparent, rgba($fusion-500, 0.09));\r\n\t\tbackground-image: linear-gradient(top, transparent, rgba($fusion-500, 0.09));*/\r\n\t}\t\r\n}\r\n\r\n/* press animation */\r\n.press-scale-down {\r\n\t//transition: transform 0.2s ease;\r\n\r\n\t@include transition (0.2s,ease)\r\n\r\n\t&:active {\r\n\t\t@include scale(0.95);\r\n\t}\r\n}\r\n\r\n.hover-white {\r\n\t&:hover {\r\n\t\tbackground-image: linear-gradient(rgba(29,33,41,.03),rgba(29,33,41,.04));\r\n\t}\r\n\t&:active {\r\n\t\tbackground: darken(lighten($black, 95.5%), 5%);\r\n\t}\r\n}","/*\r\n\r\n\tDOC: In Bootstrap there is a small snippet added by the team for IE10 in windows 8 the \r\n\tfollowing comments by the author states:\r\n\r\n\t\tIE10 in Windows (Phone) 8\r\n\r\n\t\tSupport for responsive views via media queries is kind of borked in IE10, for\r\n\t\tSurface/desktop in split view and for Windows Phone 8. This particular fix\r\n\t\tmust be accompanied by a snippet of JavaScript to sniff the user agent and\r\n\t\tapply some conditional CSS to *only* the Surface/desktop Windows 8. Look at\r\n\t\tour Getting Started page for more information on this bug.\r\n\r\n\t\tFor more information, see the following:\r\n\r\n\t\tIssue: https://github.com/twbs/bootstrap/issues/10497\r\n\t\tDocs: http://getbootstrap.com/getting-started/#support-ie10-width\r\n\t\tSource: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/\r\n\t\tSource: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\r\n\r\n\t\t@-ms-viewport {\r\n\t\twidth: device-width;\r\n\t\t}\r\n\r\n\tSolution: \r\n\thttp://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx\r\n\tWe add the following instead:\r\n\r\n*/\r\nbody.desktop-detected {\r\n -ms-overflow-style: scrollbar;\r\n}\r\n\r\n/* Reset elms pos when js-waves-off is used */\r\n/*.js-waves-off {\r\n\tposition: relative;\r\n overflow: hidden;\r\n user-select: none;\r\n z-index: 0;\r\n}*/\r\n\r\n/*.btn {\r\n\tbox-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), \r\n\t\t\t\t0 1px 2px rgba(0, 0, 0, 0.1);\r\n\r\n\t&:hover,\r\n\t&:active {\r\n\t\tbox-shadow: none;\r\n\t}\r\n}*/\r\n\r\n/* change the white to any color ;) */\r\ninput:-webkit-autofill {\r\n -webkit-box-shadow: 0 0 0px 1000px white inset;\r\n -webkit-text-fill-color: inherit !important;\r\n}\r\n/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n/* remove dotted line from focus */\r\ninput:focus,\r\nselect:focus,\r\ntextarea:focus,\r\nbutton:focus {\r\n outline: none;\r\n}\r\n/* IE input clear field \"X\" input remove */\r\n::-ms-clear {\r\n width : 0;\r\n height: 0;\r\n}\r\n/* links */\r\na { text-decoration: none !important }\r\n/* touch action */\r\na, area, button, [role=\"button\"], input, label, select, summary, textarea {\r\n touch-action: manipulation;\r\n}\r\na[target]:not(.btn){\r\n\tfont-weight:500;\r\n text-decoration-skip-ink: auto;\r\n text-decoration: underline !important;\r\n}\r\n/* btn active */\r\n/*.btn.active, \r\n.btn:active {\r\n background-image: none;\r\n outline: 0;\r\n -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\r\n box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\r\n}*/\r\n/* dot bullet */\r\n.dot {\r\n\t/*width: 4px;\r\n\theight: 4px;\r\n\tdisplay: inline-block;\r\n\tline-height: 0;\r\n\tborder-radius: 100%;*/\r\n\tfont-size: 4px !important;\r\n\tmargin-right: $p-2 !important;\r\n\tmargin-left: -8px !important;\r\n}\r\n/* forms */\r\n/* fix alignment for custom controls */\r\n/*.custom-control {\r\n\tdisplay: flex;\r\n align-items: center;\r\n}*/\r\nselect.custom-select {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n text-indent: 1px;\r\n text-overflow: '';\r\n}\r\nselect.custom-select::-ms-expand {\r\n display: none;\r\n}\r\n/* bootstrap modal remove padding */\r\n/* you need to disable this if you do not plan on using _addon-custom-scrollbar.scss */\r\nbody:not(.mod-main-boxed):not(.mobile-view-activated).chrome.modal-open {\r\n\tpadding-right: 8px !important;\r\n}\r\nbody:not(.mobile-view-activated).mod-main-boxed.modal-open {\r\n\tpadding-right: 0px !important;\r\n}\r\n\r\n/* hover adjustment for close buttons */\r\n.close:not(:disabled):not(.disabled):hover, \r\n.close:not(:disabled):not(.disabled):focus {\r\n color: inherit;\r\n}\r\n\r\n/* add borders to button groups */\r\n.btn-group .btn:not([class*=\"btn-outline-\"]):not(.btn-icon):not(.btn-light) {\r\n\tborder-right: 1px solid rgba($black, 0.1);\r\n\tborder-left: 1px solid rgba($black, 0.1);\r\n}\r\n\r\n.input-group-prepend .btn:not([class*=\"btn-outline-\"]):not(.btn-icon):not(:first-child) {\r\n\tborder-left: 1px solid rgba($black, 0.1);\r\n}\r\n.input-group-append .btn:not([class*=\"btn-outline-\"]):not(.btn-icon):not(:first-child) {\r\n\tborder-left: 1px solid rgba($black, 0.1);\r\n}\r\n\r\n.btn-group-vertical .btn:not([class*=\"btn-outline-\"]):not(:first-child),\r\n.btn-group-vertical .btn-group {\r\n\tborder-top: 1px solid rgba($black, 0.1);\r\n}","@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\r\n /* IE10+ CSS styles go here */\r\n .text-gradient {\r\n \tbackground: transparent;\r\n }\r\n\r\n .nav-function-minify:not(.nav-function-top) .primary-nav .nav-menu > li > a + ul:before {\r\n \tleft: -0.25rem !important;\r\n }\r\n .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {\r\n \ttop: -1.5rem;\r\n }\r\n\r\n .ie-only {\r\n \tdisplay: inline-block !important;\r\n }\r\n\r\n .ie-d-none {\r\n \tdisplay: none !important;\r\n }\r\n\r\n\t/* table hover */\r\n\t.table-hover {\r\n\t\ttbody {\r\n\t\t\ttr {\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbox-shadow:none;\r\n\t\t\t\t\tbackground-color: lighten($warning-50, 9%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* Counters IE bug\r\n\t\tDOC: If you've ever used CSS transitions on structural elements on your page, \r\n\t\tyou may have noticed a case where a transition occur immideately after page load.\r\n\t\tAs a result the user may experience the illusion of \"broken page elements\"\r\n\r\n\t\tBelow solution insures that pace's indication of \"everything loaded\" before applying the CSS transitions\r\n\t*/\r\n\t.pace-running .page-sidebar,\r\n\t.pace-running .page-sidebar *,\r\n\t.pace-running .page-content-wrapper {\r\n\t\t-webkit-transition: none !important;\r\n\t\t-moz-transition: none !important;\r\n\t\t-ms-transition: none !important;\r\n\t\t-o-transition: none !important;\r\n\t}\t\r\n\t// encounters BUG when .nav-function-minified & .mod-main-boxed\r\n}\r\n\r\n@supports (-ms-accelerator:true) {\r\n\r\n}","/********************************************************\r\n\t\t\t\t\tRESPONSIVE REFERENCES\r\n\r\n.col-xs-\t.col-sm-\t.col-md-\t.col-lg-\t.col-xl-\r\n<544px\t\t≥544px\t\t≥768px\t\t≥992px\t\t≥1200px\r\n\r\n$grid-breakpoints: (\r\n // Extra small screen / phone\r\n xs: 0,\r\n // Small screen / phone\r\n sm: 544px,\r\n // Medium screen / tablet\r\n md: 768px,\r\n // Large screen / desktop\r\n lg: 992px,\r\n // Extra large screen / wide desktop\r\n xl: 1200px\r\n) !default;\r\n\r\n*********************************************************/\r\n\r\n@include media-breakpoint-up(lg) {\r\n\t.page-header {\r\n\t\tpadding: 0 $header-inner-padding-x;\r\n\t}\r\n\t.page-content {\r\n\t\tpadding: 1.5rem 2rem;\r\n\r\n\t\t.panel {\r\n\t\t\tmargin-bottom: 1.5rem;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*@include media-breakpoint-up(xl) {\r\n\t.page-header {\r\n\t\tpadding: 0 $header-inner-padding-x;\r\n\t}\r\n\t.page-content {\r\n\t\tpadding: 1.5rem 2rem;\r\n\r\n\t\t.card.panel {\r\n\t\t\tmargin-bottom: 1.5rem;\r\n\t\t}\r\n\t}\r\n}*/\r\n\r\n\r\n\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\t//casuing some issues so disabled it.\r\n\t/*html {\r\n\t\tfont-size: 18px;\r\n\t}*/\r\n\r\n\t.dropdown-menu .dropdown-menu {\r\n\t\tposition: static;\r\n\t\t//display: block;\r\n\t\t//margin: 0;\r\n\t\tpadding: .5rem 0 0 .75rem;\r\n\t\twidth: 100%;\r\n\t\tborder: 0;\r\n\t\tbox-shadow: none;\r\n\r\n\t\t@include transform( scale(1) );\r\n\t\topacity: 1;\r\n\t\t//visibility: visible;\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\t.show .dropdown-menu .dropdown-menu {\r\n\t\tvisibility: visible;\r\n\t}\r\n\r\n\t.dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\tbody {\r\n\t\toverflow-x: hidden;\r\n\t}\t\r\n\r\n\t.page-logo-text {\r\n\t\tfont-size: 1rem;\r\n\t}\r\n\r\n\t.page-content-overlay {\r\n\t\tbackground: transparent;\r\n\t\ttransition: background 300ms;\r\n\t\tposition: fixed;\r\n\t\tz-index: $depth-nav - 1;\r\n\t}\r\n\t\r\n\t.page-wrapper {\r\n\t\tpadding-left:0;\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tpadding:0 $grid-gutter-width-base/2;\r\n\t\t\twidth:100%;\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\r\n\t\t\t[data-toggle=\"dropdown\"] + .dropdown-menu {\r\n\t\t\t\tright: 1.5rem;\r\n\t\t\t}\r\n\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tz-index: $space + 1000;\r\n\t\t\ttransition: $nav-hide-animate;\r\n\t\t\t@include translate3d (-$nav-width, 0, 0);\r\n\r\n\t\t\tposition: fixed !important;\r\n\t\t\ttop:0;\r\n\t\t\tbottom:0;\r\n\r\n\t\t\t.primary-nav {\r\n\t\t\t\toverflow: auto;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t\t-webkit-overflow-scrolling: touch;\r\n\t\t\t\theight: unquote(\"calc(100% - #{$header-height + $footer-height})\");\r\n\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\t.dl-ref {\r\n\t\t\t\t\t\tvertical-align: text-top;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-content {\r\n\t\t\tpadding: map-get($grid-gutter-widths, lg) $grid-gutter-width-base/2;\r\n\t\t\tcolor: #222;\r\n\t\t\tfont-size: $fs-base + 1;\r\n\r\n\t\t\tmin-height: calc(100vh - #{$header-height + $footer-height});\r\n\r\n\t\t\t.breadcrumb > .breadcrumb-item {\r\n\t\t\t\tmax-width: $page-breadcrumb-maxwidth/2 - 20px;\r\n\t\t\t}\r\n\r\n\t\t\t.subheader {\r\n\t\t\t\tmargin-bottom: 1.5rem;\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tline-height: 32px;\r\n\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\t//color: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tfont-size: 68%;\r\n\t\t\t\t\t\tletter-spacing: normal;\r\n\t\t\t\t\t\tmargin-top: 0px;\r\n\t\t\t\t\t\t//color: #181c21;\r\n\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\twidth: calc(100% - 30px);\r\n\t\t\t\t\t\tfont-weight: 300;\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&.header-function-fixed {\r\n\r\n\t\t.page-header {\r\n\t\t\tmargin-left: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tposition: fixed;\r\n\t\t\tright: 0;\r\n\t\t\ttop: 0;\r\n\t\t \r\n\t\t transition: $nav-hide-animate;\r\n\t\t}\r\n\r\n\t\t.page-header,\r\n\t\t.page-logo {\r\n\t\t\tbox-shadow: none !important;\r\n\r\n\t\t} \r\n\t\t\r\n\t\t/* this was conflicting with the new DOM change where we swtiched header with nav */\r\n\t\t/*&:not(.nav-function-fixed) {\r\n\r\n\t\t\t.page-sidebar {\r\n\t\t\t\t.page-logo {\r\n\t\t\t\t\tposition: absolute !important;\r\n\t\t\t\t\ttop:0px !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}*/\r\n\r\n\t\t.page-content {\r\n\t\t\tmargin-top: $header-height;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Push content */\r\n\t&.nav-mobile-push:not(.nav-mobile-slide-out) {\r\n\r\n\t\t.page-wrapper {\r\n\t\t\t.page-sidebar {\r\n\t\t\t\t@include translate3d (-$nav-width, 0, 0);\r\n\t\t\t}\r\n\t\t\t.page-header,\r\n\t\t\t.page-content,\r\n\t\t\t.page-footer,\r\n\t\t\t.page-footer-push {\r\n\t\t\t\ttransition: $nav-hide-animate;\r\n\t\t\t\t//@include translate3d (0px, 0, 0);\r\n\t\t\t}\t\t\r\n\t\t}\r\n\t\t\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\tmin-height: 100vh !important; /*new*/\r\n\r\n\t\t.page-wrapper {\r\n\t\t\t.page-sidebar {\r\n\t\t\t\tz-index: 0;\r\n\t\t\t\ttransition:none;\r\n\t\t\t\t@include translate3d (0px, 0, 0);\t\r\n\t\t\t}\r\n\r\n\t\t\t.page-header,\r\n\t\t\t.page-content,\r\n\t\t\t.page-footer,\r\n\t\t\t.page-footer-push {\r\n transition: $nav-hide-animate;\r\n\t\t\t @include translate3d (0, 0, 0); \t\t \r\n\t\t\t}\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\t/* min-height: calc(100vh - #{$header-height + $footer-height}); no longer needed here */\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\ttouch-action: none;\r\n\t\t\r\n\t\toverflow: hidden;\r\n\t\theight: 100vh;\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t/*.page-content:before {\r\n\t\t\tcontent:\" \";\r\n\t\t\tposition:fixed;\r\n\t\t\tz-index: $space;\r\n\t\t\tbackground:rgba(0,0,0,0);\r\n\t\t\tdisplay: block;\r\n\t\t\theight: 100vh;\r\n\t\t\twidth: 100vw;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t}*/\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\ttop: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\t\t\r\n\t\t&:not(.nav-mobile-push) {\r\n\r\n\t\t\t.page-sidebar {\r\n\r\n\t\t-webkit-transform: translate3d(0px, 0, 0) !important;\r\n\t\t -ms-transform: translate3d(0px, 0, 0) !important;\r\n\t\t transform: translate3d(0px, 0, 0) !important;\r\n\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-fixed:not(.nav-function-top) {\r\n\r\n\t\t\t\t.page-sidebar {\r\n\r\n\t\t-webkit-transform: translate3d(0px, 0, 0) !important;\r\n\t\t -ms-transform: translate3d(0px, 0, 0) !important;\r\n\t\t transform: translate3d(0px, 0, 0) !important;\r\n\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Push content */\r\n\t\t&.nav-mobile-push:not(.nav-mobile-slide-out) {\r\n\r\n\t\t\t.page-wrapper {\r\n\r\n\t\t\t\t.page-sidebar {\r\n\t\t\t\t\tleft:0;\r\n\t\t\t\t\t@include translate3d (0px, 0, 0);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.page-header,\r\n\t\t\t\t.page-content,\r\n\t\t\t\t.page-footer,\r\n\t\t\t\t.page-footer-push {\r\n\t\t\t\t\t@include translate3d ($nav-width, 0, 0);\r\n\t\t\t\t}\t\r\n\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t/* Off canvas turned ON*/\r\n\t\t&.nav-mobile-slide-out {\r\n\r\n\t\t\t.page-wrapper {\r\n\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t.page-header,\r\n\t\t\t\t.page-content,\r\n\t\t\t\t.page-footer,\r\n\t\t\t\t.page-footer-push {\r\n\t\t\t\t\t@include translate3d ($nav-width, 0, 0);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/*.page-content:before {\r\n\t\t\t\t\tbackground:transparent !important;\r\n\t\t\t\t}*/\r\n\r\n\t\t\t\t.page-content-overlay {\r\n\t\t\t\t\tbackground: transparent !important;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tleft: $nav-width;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.page-header,\r\n\t\t\t\t.page-content,\r\n\t\t\t\t.page-footer,\r\n\t\t\t\t.page-footer-push {\r\n\t\t\t\t\tbox-shadow: 0 9px 0px 0px $page-bg, 0 -9px 0px 0px $page-bg, 12px 0 15px -4px rgba(0, 0, 0, 0.32), -12px 0 15px -4px rgba(0, 0, 0, 0.32); \r\n\t\t\t\t}\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* 'not' is ON by default */\r\n\t\t&.nav-mobile-no-overlay {\r\n\r\n\t\t\t.page-wrapper {\r\n\r\n\t\t\t\t/*.page-content:before {\r\n\t\t\t\t\tbackground:rgba(0,0,0,0.3);\r\n\t\t\t\t}*/\r\n\r\n\t\t\t\t.page-content-overlay {\r\n\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.page-header > * {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\t.search {\r\n\t\t\tdisplay: flex !important;\r\n\t\t\tflex: 1;\r\n\r\n\t\t\t.app-forms {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tposition: relative !important;\r\n\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t.btn-search-close {\r\n\t\t\t\t\tdisplay: flex !important;\r\n\t\t\t\t\tright:10px;\r\n\t\t\t\t\twidth: 26px;\r\n\t\t\t\t\theight: 26px;\r\n\t\t\t\t\tfont-size: 1rem;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tborder: 1px solid $primary-500;\r\n\t\t\t\t\tpadding-left: 1rem;\r\n\t\t\t\t\tpadding-right: 3rem;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmax-width: none;\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t[data-class=\"mobile-nav-on\"] {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n\t.page-header {\r\n\r\n\t\t[data-toggle=\"dropdown\"] + .dropdown-menu {\r\n\t\t\twidth: calc(100% - #{$grid-gutter-width-base / 1.5}) !important;\r\n\t\t\tright: $grid-gutter-width-base / 3 !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.page-header,\r\n\t.page-content {\r\n\t\tpadding-left: $grid-gutter-width-base/3 !important;\r\n\t\tpadding-right: $grid-gutter-width-base/3 !important;\r\n\t}\r\n\r\n\r\n\t.card[class*='p-'] .card-header,\r\n\t.card[class*='p-'] .card-body {\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\r\n\t.subheader-block {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.primary-nav .nav-menu li a > .badge {\r\n\t\tfont-size: 10px !important;\r\n\t}\r\n\r\n\r\n\t.card {\r\n\t\t.card-header,\r\n\t\t.card-body {\r\n\t\t\tpadding: 1rem;\r\n\t\t}\r\n\t}\r\n\t.alert,\r\n\t.panel .panel-tag,\r\n\t.accordion .card .card-header .card-title {\r\n\t\tpadding: 1rem;\r\n\t}\r\n}\r\n","/* DOCS : https://developer.mozilla.org/en-US/docs/Web/CSS/%40media/light-level */\r\n\r\n/* The device is used in a environment with a light level in the ideal range for the screen, \r\n * and which does not necessitate any particular adjustment.. */\r\n@media (light-level: normal) {\r\n \r\n}\r\n\r\n/* The device is used in a dim environment, where excessive contrast and brightness would be \r\n * distracting or uncomfortable to the reader. For example: night time, or a dimly \r\n * illuminated indoor environment. */\r\n@media (light-level: dim) {\r\n \r\n}\r\n\r\n/* The device is used in an exceptionally bright environment, causing the screen to be washed \r\n * out and difficult to read. For example: bright daylight. */\r\n@media (light-level: washed) {\r\n \r\n}","/* text area */\r\n.form-content-editable[contenteditable=\"true\"] {\r\n\toverflow:auto;\r\n\t-webkit-user-modify: read-write-plaintext-only;\r\n\r\n\tline-height: normal;\r\n\r\n\t&:focus {\r\n\t\toutline: 0;\r\n\t}\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n\r\n//why did we need this?\r\n/*.form-control:not(.form-control-sm),\r\n.custom-select:not(.custom-select-sm),\r\n.input-group:not(.input-group-sm) {\r\n\tmin-height: calc(2.25rem + 2px);\r\n}*/\r\n\r\n.form-label {\r\n\tfont-weight: 500;\r\n}\r\n\r\n/* select arrow */\r\n\r\n/*select:not(.custom-select):not([multiple]) {\r\n background-image:\r\n linear-gradient(45deg, transparent 50%, red 60%),\r\n linear-gradient(135deg, red 40%, transparent 50%) !important;\r\n background-position:\r\n calc(100% - 30px) 14px,\r\n calc(100% - 20px) 14px,\r\n 100% 0;\r\n background-size:\r\n 10px 10px,\r\n 10px 10px;\r\n background-repeat: no-repeat;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n}*/\r\n\r\n/* fix */\r\n.custom-range {\r\n\t-webkit-appearance: none; \r\n\t-moz-appearance: none;\r\n}\r\n.custom-range::-moz-range-thumb {\r\n\t-moz-appearance: none;\r\n}\r\n.custom-range::-webkit-slider-thumb {\r\n\t-webkit-appearance: none;\r\n}\r\n\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n.input-group-text {\r\n\ttransition: all 0.15s ease-in-out, \r\n}\r\n\r\n/* input group animation for multiple inputs */\r\n.input-group.input-group-multi-transition {\r\n\tinput[type=\"text\"] {\r\n\r\n\t\ttransition: width 470ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\t\t&:focus {\r\n\t\t\twidth:50%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* BS form hack for checkbox tick mark */\r\n.custom-checkbox .custom-control-label::after {\r\n\tbackground-size: $custom-control-indicator-bg-size-checkbox;\r\n}\r\n\r\n/* circle checkbox */\r\n.custom-checkbox-circle {\r\n\t.custom-control-label:before {\r\n\t\tborder-radius: 50%;\r\n\t}\r\n}\r\n/* rounded radio */\r\n.custom-radio-rounded {\r\n\t.custom-control-label:before {\r\n\t\tborder-radius: 4px;\r\n\t}\r\n}\r\n\r\n/* not sure if we need this? */\r\n/*.custom-control {\r\n\tmin-height: $custom-control-indicator-size;\r\n}*/\r\n\r\n/* make checked label bold */\r\ninput[type=\"radio\"]:checked + .custom-control-label, \r\ninput[type=\"checkbox\"]:checked + .custom-control-label {\r\n\tfont-weight: 500;\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}\r\n\r\n/* on feedback error */\r\n.help-block, .invalid-feedback, .valid-feedback {\r\n\tfont-size: rem($fs-nano);\r\n\tmargin-top: 0.325rem;\r\n}\r\n\r\n/* when form group is last child show now margin */\r\n.form-group:last-child,\r\n.form-group:only-child {\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n/* fix alignment for generic checkbox and radio */\r\n.form-check-input {\r\n\tmargin-top: 0;\r\n} \r\n.form-check-label {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n.form-check {\r\n\tmargin: 5px 0;\r\n}","// here we are attemping to fool the browser and harness the power of GPU usage\r\n// using \"transform: translate3d(0, 0, 0);\" will use the Graphic Processor (GPU) and avoid the CSS transition using CPU...\r\n\r\n@include media-breakpoint-up(xl) {\r\n\t.page-sidebar {\r\n\t\t@include translate3d(0,0,0);\r\n\t}\r\n\r\n\t&.header-function-fixed,\r\n\t&.nav-function-fixed,\r\n\t&.header-function-fixed.nav-function-fixed {\r\n\t\t .page-wrapper,\r\n\t\t .page-sidebar {\r\n transform: none;\r\n -webkit-transform: none;\r\n -ms-transform: none;\r\n\t\t }\r\n\t}\r\n}",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.mod-skin-dark {\r\n\t#mhc,\r\n\t#mcbg,\r\n\t#mdn {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t\t position:relative;\r\n\t\t\t\r\n\t\t\t.onoffswitch-title {\r\n\t\t\t\tcolor: #da9400;\r\n\t\t\t\tcolor: $settings-incompat-title !important; \r\n\t\t\t}\r\n\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\tcolor: #da9400;\r\n\t\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t\t}\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: \"DISABLED\";\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbackground: $warning-500;\r\n\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\twidth: 65px;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\theight: 22px;\r\n\t\t\t\tline-height: 20px;\r\n\t\t\t\tborder-radius: $border-radius-plus;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tright: 13px;\r\n\t\t\t\ttop: 26%;\r\n\t\t\t\tcolor:$fusion-900;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".settings-panel {\r\n\t.expanded {\r\n\t\t&.theme-colors {\r\n\t\t\tdisplay: block;\r\n\t\t\tbox-shadow: none;\r\n\t\t\tborder: 0;\r\n\t\t\tbackground: transparent;\r\n\r\n\r\n\r\n\t\t\t> ul {\r\n\t\t\t\theight: auto;\r\n\r\n\t\t\t\t> li {\r\n\r\n\t\t\t\t\t[data-action] {\r\n\r\n\r\n\t\t\t\t\t\twidth: 36px;\r\n\t\t\t\t\t\theight: 36px;\r\n\t\t\t\t\t\tmargin-right: 4px;\r\n\t\t\t\t\t\tmargin-bottom: 4px;\r\n\t\t\t\t\t\tborder-radius: 25px;\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\topacity: 1;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tmargin-right:0;\r\n\t\t\t\t}\r\n\t\t\t}\t\r\n\r\n\t\t\t/*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/\r\n\r\n\t\t\t#myapp-0 { \r\n\t\t\t\tbackground: #886ab5;\r\n\t\t\t\tbox-shadow: inset 0 0 0 3px rgb(43, 161, 255);\r\n\t\t\t }\r\n\t\t\t#myapp-1 { \r\n\t\t\t\tbackground: #b56a9f;\r\n\t\t\t }\r\n\t\t\t#myapp-2 { \r\n\t\t\t\tbackground: #9fcb3d;\r\n\t\t\t} \r\n\t\t\t#myapp-3 { \r\n\t\t\t\tbackground: #4679cc;\r\n\t\t\t} \r\n\t\t\t#myapp-4 { \r\n\t\t\t\tbackground: #2198F3;\r\n\t\t\t}\r\n\t\t\t#myapp-5 { \r\n\t\t\t\tbackground: #6ab5b4;\r\n\t\t\t}\r\n\t\t\t#myapp-6 { \r\n\t\t\t\tbackground: #dd5293;\r\n\t\t\t}\r\n\t\t\t#myapp-7 { \r\n\t\t\t\tbackground: #868e96;\r\n\t\t\t}\r\n\t\t\t#myapp-8 { \r\n\t\t\t\tbackground: #7c91df;\r\n\t\t\t}\r\n\t\t\t#myapp-9 { \r\n\t\t\t\tbackground: #e59c6c;\r\n\t\t\t}\r\n\t\t\t#myapp-10 { \r\n\t\t\t\tbackground: #778c85;\r\n\t\t\t}\r\n\t\t\t#myapp-11 { \r\n\t\t\t\tbackground: #a2b077;\r\n\t\t\t}\r\n\t\t\t#myapp-12 { \r\n\t\t\t\tbackground: #7976b3;\r\n\t\t\t}\r\n\t\t\t#myapp-13 { \r\n\t\t\t\tbackground: #55ce5f;\r\n\t\t\t}\r\n\t\t\t#myapp-14 { \r\n\t\t\t\tbackground: #fbe231;\r\n\t\t\t}\r\n\t\t\t#myapp-15 { \r\n\t\t\t\tbackground: #627ca0;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n}\r\n\t\t\t\t\t\t\t",".settings-panel {\r\n\r\n\t&:first-child {\r\n\t\th5 {\r\n\t\t\tmargin-top:0;\r\n\t\t\tpadding-top:5px;\r\n\t\t}\r\n\t}\r\n\r\n\th5 {\r\n\t\tmargin:0;\r\n\t\tfont-weight:500;\r\n\t\tfont-size: rem($fs-base + 1);\r\n\t\tpadding: $p-3 $p-3 5px;\r\n\t\tbox-sizing: content-box;\r\n\t\tdisplay: block;\r\n\t\toverflow:hidden;\r\n\t\ttext-decoration: none;\r\n\t\tmargin-top: 5px;\r\n\t\tcolor: $fusion-500;\r\n\t\ttext-align: left;\r\n\r\n\t\tsmall {\r\n\t\t\tdisplay: inline;\r\n\t\t}\r\n\t}\r\n\r\n\t.list {\r\n\t\tfont-weight: 400;\r\n\t\tmin-height: 45px;\r\n\t\tpadding: 0.25rem 1rem 0.25rem 2rem;\r\n\t\tcolor:darken($white, 60%);\r\n\t\tposition: relative;\r\n\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\r\n\t\t@extend %common-animation;\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\r\n\t\t\t.onoffswitch {\r\n\t\t\t\t@include scale(1.13);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.onoffswitch,\r\n\t\t&:hover .onoffswitch {\r\n\t\t\t@extend %common-animation;\r\n\t\t}\r\n\r\n\t\t.btn-switch {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 1rem;\r\n\t\t\tmargin: 0;\r\n\t\t\ttop: 30%;\r\n\t\t}\r\n\r\n\t\t.onoffswitch-title {\r\n\t\t\tmargin-top:0.5px;\r\n\t\t\tfont-size: rem($fs-base);\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-size: rem(12px);\r\n\t\t\tcolor: #989da5;\r\n\t\t\ttext-transform: lowercase;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\t\t@extend %expanded-box;\r\n\t\tposition: relative;\r\n\t\tdisplay: none;\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t\tbottom: 1px;\r\n\t\t}\r\n\r\n\t\t> ul {\r\n\t\t\tpadding: 0;\r\n\t\t\tmargin: 0;\r\n\t\t\tmargin: 0 0 0 1rem;\r\n\t\t\theight: 50px;\r\n\t\t\t\r\n\t\t\t> li {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin:0;\r\n\t\t\t\tpadding:0;\r\n\r\n\t\t\t\t[data-action] {\r\n\t\t\t\t\twidth: 50px;\r\n\t\t\t\t\theight: 50px;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\tmargin-right: 2px;\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\tposition: relative;\r\n\r\n\t\t\t\t\tbox-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.list {\r\n\t\t\tpadding: 0;\r\n\t\t\tmin-height: auto;\r\n\t\t\tmargin: 0.5rem 0 0 1rem;\r\n\r\n\t\t\t.btn-switch {\r\n\t\t\t\tmargin-top:2px;\r\n\t\t\t\ttop: -2px;\r\n\t\t\t\tright: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground:transparent;\r\n\t\t\t}\r\n\t\t} \r\n\t}\r\n}\r\n\r\n#saving {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\ttop: 0;\r\n\tleft: -40px;\r\n\tdisplay: none;\r\n}\r\n\r\n/* localstorage success fade animation */\r\n.saving {\r\n\r\n\t#saving {\r\n\t\t@extend %spin-loader;\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t[data-action=\"app-reset\"] {\r\n\t\topacity: 0.5;\r\n\t\tcursor: not-allowed !important;\r\n\t}\r\n\r\n}\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(footer-function-fixed);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-nav-dark);\r\n//@include set-settings(mod-app-rtl);\r\n@include set-settings(mod-panel-icon);\r\n",".color-disp-demo {\r\n\ttr {\r\n\r\n\t\t&:first-child {\r\n\t\t\ttd {\r\n\t\t\t\theight: 100px;\r\n\t\t\t\tbox-shadow: inset 0 -5px 0 rgba(255,255,255,0.8);\r\n\t\t\t}\r\n\t\t}\r\n\t\ttd {\r\n\t\t\tborder:none;\r\n\t\t\tpadding-top: 7px;\r\n\t\t\tpadding-bottom: 7px;\r\n\r\n\t\t\t@extend %common-animation;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include transform( scale(1.1) );\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n\r\n.cr-c {\r\n\twidth: 21px;\r\n\theight: 21px;\r\n\tdisplay: block;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n.icon-demo {\r\n\tlist-style: none;\r\n\tpadding:0;\r\n\tli {\r\n\t\tborder:1px solid #7f8995;\r\n\t\tpadding:10px;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size:20px;\r\n\t\twidth:60px;\r\n\t\theight:60px;\r\n\t\t//line-height: 43px;\r\n\t\toverflow: hidden;\r\n\t\tmargin: 0 6px 0 0;\r\n\t\ttext-align: center;\r\n\t\tbackground:#fff;\r\n\r\n\t\t@extend %common-animation;\r\n\r\n\t\t&:hover {\r\n\t\t\t@include transform( scale(1.4) );\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//display demo codes\r\n//works with vendor/prism/prism.css\r\n\tcode[class*=\"language-\"],\r\n\tpre[class*=\"language-\"] {\r\n\t\tdisplay: none !important;\r\n\t}\r\n\r\n.show-codes {\r\n\tcode[class*=\"language-\"],\r\n\tpre[class*=\"language-\"] {\r\n\t\tdisplay: block !important;\r\n\t}\r\n}\r\n\r\n.container-demo {\r\n\tmax-width:100%;\r\n\twidth:100%;\r\n}\r\n\r\n.bd-example {\r\n position: relative;\r\n padding: 1rem 0;\r\n}\r\n\r\n.bd-example-row-flex-cols .row {\r\n min-height: 10rem;\r\n background-color: rgba(255,0,0,.1);\r\n}\r\n.bd-example-row .row>.col, \r\n.bd-example-row .row>[class^=col-] {\r\n padding-top: .75rem;\r\n padding-bottom: .75rem;\r\n background-color: rgba(86,61,124,.15);\r\n border: 1px solid rgba(86,61,124,.2);\r\n}\r\n\r\n.bd-example-row .row+.row {\r\n margin-top: 1rem;\r\n}\r\n\r\n.bd-highlight {\r\n background-color: rgba(86,61,124,.2);\r\n border: 1px solid rgba(86,61,124,.2);\r\n}\r\n\r\n//demo\r\n\r\n.demo {\r\n\tmargin: 0;\r\n\r\n\t> * {\r\n\t\tmargin: 0 .375rem 1rem 0 !important;\r\n\t}\r\n\r\n\t&.demo-no-mb {\r\n\t\t> * {\r\n\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n.demo-v-spacing-sm,\r\n.demo-v-spacing,\r\n.demo-v-spacing-lg {\r\n\t> * + * {\r\n\t\tmargin-top: 0.875rem !important;\r\n\t\tmargin-bottom: 0 !important;\r\n\t}\r\n\r\n\t> * {\r\n\t\tmargin-bottom: 0 !important;\r\n\t}\r\n}\r\n\r\n\r\n\r\n.demo-v-spacing {\r\n\t> * + * {\r\n\t\tmargin-top: 1rem !important;\r\n\t}\r\n}\r\n\r\n.demo-v-spacing-lg {\r\n\t> * + * {\r\n\t\tmargin-top: 1.5rem !important;\r\n\t}\r\n}\r\n\r\n.demo-h-spacing > *:not(last-child):not(only-child) {\r\n\tmargin-right: 1rem !important;\r\n}\r\n\r\n/*.demo-vh-spacing > *:not(last-child):not(only-child) {\r\n\tmargin: 0 .375rem 1rem 0 !important;\r\n}*/\r\n","$pace-height: 3px;\r\n$pace-incontent-height: 13px;\r\n\r\nbody:not(.mod-pace-custom) {\r\n\t.pace {\r\n\t\t-webkit-pointer-events: none;\r\n\t\tpointer-events: none;\r\n\r\n\t\t-webkit-user-select: none;\r\n\t\t-moz-user-select: none;\r\n\t\tuser-select: none;\r\n\r\n\t .pace-progress {\r\n\t\t\tbackground: $color-primary;\r\n\t\t\tposition: fixed;\r\n\t\t\tz-index: 2000;\r\n\t\t\ttop: 0;\r\n\t\t\tright: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: $pace-height;\r\n\t\t}\r\n\t}\r\n\r\n\t.pace-inactive {\r\n\t display: none;\r\n\t}\r\n\r\n}\r\n\r\nbody.mod-pace-custom {\r\n\r\n\t.pace {\r\n\t\t-webkit-pointer-events: none;\r\n\t\tpointer-events: none;\r\n\r\n\t\t-webkit-user-select: none;\r\n\t\t-moz-user-select: none;\r\n\t\tuser-select: none;\r\n\r\n\t z-index: 2000;\r\n\t position: fixed;\r\n\t \tmargin: auto;\r\n\t top: 45vh;\r\n\t left: 0;\r\n\t right: 0;\r\n\t //right: unquote(\"calc( (100% - #{$nav-width}) / 2 )\")\r\n\t height: $pace-incontent-height;\r\n\t border: 2px solid $white;\r\n\t width: $nav-width / 1.111;\r\n\t background: $white;\r\n\t overflow: hidden; \r\n\r\n\t\t.pace-progress {\r\n\t\t box-sizing: border-box;\r\n\r\n\t\t @include translate3d (0, 0, 0);\r\n\r\n\t\t max-width: $nav-width / 1.111;\r\n\t\t z-index: 2000;\r\n\t\t display: block;\r\n\t\t position: absolute;\r\n\t\t top: 0;\r\n\t\t right: 100%;\r\n\t\t height: 100%;\r\n\t\t width: 100%;\r\n\t\t background-color:$color-primary;\r\n\t\t background-image: linear-gradient(135deg, $color-primary 0%, $color-primary 25%, darken($color-primary,10%) 25%, darken($color-primary,10%)\r\n\t\t 50%, $color-primary 50%, $color-primary 75%, darken($color-primary,10%) 75%, darken($color-primary,10%) 100%);\r\n\t\t background-repeat: repeat;\r\n\t\t background-position: 0 0;\r\n\t\t background-size: $pace-incontent-height $pace-incontent-height;\r\n\t\t background-clip: content-box;\r\n\r\n\t\t animation: loading 0.5s linear infinite;\r\n\t\t -o-animation: loading 0.5s linear infinite;\r\n\t\t -moz-animation: loading 0.5s linear infinite;\r\n\t\t -webkit-animation: loading 0.5s linear infinite;\r\n\r\n\t\t}\r\n\t}\r\n\r\n\t.pace-inactive {\r\n\t display: none; \r\n\t}\r\n\r\n\t&.pace-running {\r\n\t\t.page-content {\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: '';\r\n\t\t\t position: fixed;\r\n\t\t\t top: 0;\r\n\t\t\t bottom: 0;\r\n\t\t\t left: 0;\r\n\t\t\t right: 0;\r\n\t\t\t background-color:$page-bg;\r\n\t\t\t z-index: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\t/*&.pace-done {\r\n\t\t.page-content {\r\n\t\t\t&:before{\r\n\t\t\t\tz-index:-2;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}*/\r\n}\r\n\r\n\r\n@keyframes loading {\r\n\tfrom {\r\n\t\tbackground-position: 0 0;\r\n\t}\r\n\tto {\r\n\t\tbackground-position: -$pace-incontent-height 0;\r\n\t}\r\n}\r\n@-webkit-keyframes loading {\r\n\tfrom {\r\n\t\tbackground-position: 0 0;\r\n\t}\r\n\tto {\r\n\t\tbackground-position:-$pace-incontent-height 0;\r\n\t}\r\n}\r\n@-moz-keyframes loading {\r\n\tfrom {\r\n\t\tbackground-position: 0 0;\r\n\t}\r\n\tto {\r\n\t\tbackground-position: -$pace-incontent-height 0;\r\n\t}\r\n}\r\n@-o-keyframes loading {\r\n\tfrom {\r\n\t\tbackground-position: 0 0;\r\n\t}\r\n\tto {\r\n\t\tbackground-position: -$pace-incontent-height 0;\r\n\t}\r\n}",".slimScrollBar {\r\n\tborder-radius: 3px !important;\r\n}\r\n\r\nbody:not(.no-slimscroll) {\r\n\r\n\t.custom-scroll {\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n}\r\n\r\n","/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\r\n\r\n@mixin waves-transition($transition){\r\n -webkit-transition: $transition;\r\n -moz-transition: $transition; \r\n -o-transition: $transition;\r\n transition: $transition; \r\n}\r\n\r\n@mixin waves-transform($string){\r\n -webkit-transform: $string;\r\n -moz-transform: $string;\r\n -ms-transform: $string;\r\n -o-transform: $string;\r\n transform: $string;\r\n}\r\n\r\n@mixin waves-box-shadow($shadow){\r\n -webkit-box-shadow: $shadow;\r\n box-shadow: $shadow;\r\n}\r\n\r\n.waves-effect {\r\n position: relative;\r\n cursor: pointer;\r\n display: inline-block;\r\n overflow: hidden;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n -webkit-tap-highlight-color: transparent;\r\n \r\n .waves-ripple {\r\n position: absolute;\r\n border-radius: 50%;\r\n width: 100px;\r\n height: 100px;\r\n margin-top:-50px;\r\n margin-left:-50px;\r\n opacity: 0;\r\n\t\t$bgcolor: $white;\r\n\t\tbackground: rgba($bgcolor,0.6);\r\n\t\t$gradient: rgba($bgcolor,0.3) 0,rgba($bgcolor,.4) 40%,rgba($bgcolor,.5) 50%,rgba($bgcolor,.6) 60%,rgba($bgcolor,0) 70%;\r\n\t\tbackground: -webkit-radial-gradient($gradient);\r\n\t\tbackground: radial-gradient($gradient);\r\n @include waves-transition(all 0.5s ease-out);\r\n -webkit-transition-property: -webkit-transform, opacity;\r\n -moz-transition-property: -moz-transform, opacity;\r\n -o-transition-property: -o-transform, opacity;\r\n transition-property: transform, opacity;\r\n @include waves-transform(scale(0) translate(0,0));\r\n pointer-events: none;\r\n }\r\n\r\n}\r\n\r\n.waves-notransition {\r\n @include waves-transition(none #{\"!important\"});\r\n}\r\n\r\n\r\n.waves-themed {\r\n\r\n\t&.btn-warning,\r\n\t&.btn-default,\r\n\t&.btn-outline-default {\r\n\t\t.waves-ripple {\r\n\t\t\t$bgcolor: $black;\r\n\t\t\tbackground: rgba($bgcolor,0.6);\r\n\t\t\t$gradient: rgba($bgcolor,0.1) 0,rgba($bgcolor,.2) 40%,rgba($bgcolor,.3) 50%,rgba($bgcolor,.4) 60%,rgba($bgcolor,0) 70%;\r\n\t\t\tbackground: -webkit-radial-gradient($gradient);\r\n\t\t\tbackground: radial-gradient($gradient);\r\n\t\t}\r\n\t}\r\n\r\n\t&.btn-primary,\r\n\t&.btn-outline-primary,\r\n\t&.btn-info,\r\n\t&.btn-outline-info,\r\n\t&.btn-danger,\r\n\t&.btn-outline-danger,\r\n\t&.btn-success,\r\n\t&.btn-outline-success,\r\n\t&.btn-dark,\r\n\t&.btn-outline-dark {\r\n\t\t.waves-ripple {\r\n\t\t\t$bgcolor: $white;\r\n\t\t\tbackground: rgba($bgcolor,0.6);\r\n\t\t\t$gradient: rgba($bgcolor,0.3) 0,rgba($bgcolor,.4) 40%,rgba($bgcolor,.5) 50%,rgba($bgcolor,.6) 60%,rgba($bgcolor,0) 70%;\r\n\t\t\tbackground: -webkit-radial-gradient($gradient);\r\n\t\t\tbackground: radial-gradient($gradient);\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n\r\n.page-sidebar .primary-nav .nav-menu li a.waves-themed .waves-ripple {\r\n\t$bgcolor: darken($primary-800, 25%);\r\n\tbackground: rgba($bgcolor,0.6);\r\n\t$gradient: rgba($bgcolor,0.2) 0,rgba($bgcolor,.3) 40%,rgba($bgcolor,.4) 50%,rgba($bgcolor,.5) 60%,rgba($bgcolor,0) 70%;\r\n\tbackground: -webkit-radial-gradient($gradient);\r\n\tbackground: radial-gradient($gradient);\r\n}\r\n\r\n.panel-hdr:not([class^=\"bg-\"]):not([class*=\" bg-\"]) .waves-themed.btn-toolbar-master,\r\n.waves-themed.nav-link {\r\n\t.waves-ripple {\r\n\t\t$bgcolor: $primary-500;\r\n\t\tbackground: rgba($bgcolor,0.6);\r\n\t\t$gradient: rgba($bgcolor,0.2) 0,rgba($bgcolor,.3) 40%,rgba($bgcolor,.4) 50%,rgba($bgcolor,.5) 60%,rgba($bgcolor,0) 70%;\r\n\t\tbackground: -webkit-radial-gradient($gradient);\r\n\t\tbackground: radial-gradient($gradient);\r\n\t}\r\n}\r\n","// fade\r\n@-webkit-keyframes seconds {\r\n 0% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n }\r\n}\r\n\r\n@keyframes seconds {\r\n 0% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n }\r\n}\r\n\r\n//delayed entry\r\n@-webkit-keyframes delayed {\r\n 99% {\r\n visibility: hidden;\r\n }\r\n 100% {\r\n visibility: visible;\r\n }\r\n}\r\n@keyframes delayed {\r\n 99% {\r\n visibility: hidden;\r\n }\r\n 100% {\r\n visibility: visible;\r\n }\r\n}\r\n\r\n@keyframes subtle{\r\n 0% { opacity:1; }\r\n 100% { opacity:0.2; }\r\n}\r\n\r\n@-webkit-keyframes subtle{\r\n 0% { opacity:1; }\r\n 100% { opacity:0.2; }\r\n}","//highlight on-demand\r\n@-webkit-keyframes highlight {\r\n from { background: $warning-50; }\r\n to { background: transparent; }\r\n}\r\n\r\n@keyframes highlight {\r\n from { background: $warning-50; }\r\n to { background: transparent; }\r\n}\r\n\r\n.highlight {\r\n -webkit-animation: highlight 1.5s;\r\n -moz-animation: highlight 1.5s;\r\n animation: highlight 1.5s;\r\n}","// infinite spin\r\n@-webkit-keyframes spin {\r\n from { \r\n -webkit-transform: rotate(0deg); \r\n }\r\n\r\n to { \r\n -webkit-transform: rotate(360deg); \r\n }\r\n}\r\n\r\n@keyframes spin {\r\n from {\r\n transform:rotate(0deg);\r\n }\r\n\r\n to {\r\n transform:rotate(360deg);\r\n }\r\n}\r\n\r\n\r\n// spin loader\r\n/*.spinner {\r\n margin: 5px;\r\n height: 20px;\r\n width: 20px;\r\n animation: rotate 0.7s infinite linear;\r\n border: 2px solid $color-primary;\r\n border-right-color: transparent;\r\n border-radius: 50%;\r\n}*/\r\n\r\n// fontawesome spinner faster\r\n.fa-spin-4x {\r\n animation: spin 0.5s infinite linear;\r\n}\r\n\r\n.fa-spin-2x {\r\n animation: spin 1s infinite linear;\r\n}","$animateFadeInDown_distance: 5px;\r\n\r\n\r\n/*=== Animations start here ===*/\r\n\r\n/*=== FADE IN DOWN ===*/\r\n@-webkit-keyframes animateFadeInDown {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(0, -$animateFadeInDown_distance, 0);\r\n\t\ttransform: translate3d(0, -$animateFadeInDown_distance, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n@keyframes animateFadeInDown {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(0, -$animateFadeInDown_distance, 0);\r\n\t\ttransform: translate3d(0, -$animateFadeInDown_distance, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n\r\n/*==== FADE IN UP ===*/\r\n@-webkit-keyframes animateFadeInUp {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(0, $animateFadeInDown_distance, 0);\r\n\t\ttransform: translate3d(0, $animateFadeInDown_distance, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n@keyframes animateFadeInUp {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(0, $animateFadeInDown_distance, 0);\r\n\t\ttransform: translate3d(0, $animateFadeInDown_distance, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n\r\n/*=== FADE IN LEFT ===*/\r\n@-webkit-keyframes animateFadeInLeft {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(-$animateFadeInDown_distance, 0, 0);\r\n\t\ttransform: translate3d(-$animateFadeInDown_distance, 0, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n@keyframes animateFadeInLeft {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(-$animateFadeInDown_distance, 0, 0);\r\n\t\ttransform: translate3d(-$animateFadeInDown_distance, 0, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n\r\n/*==== FADE IN RIGHT ===*/\r\n@-webkit-keyframes animateFadeInRight {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d($animateFadeInDown_distance, 0, 0);\r\n\t\ttransform: translate3d($animateFadeInDown_distance, 0, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n@keyframes animateFadeInRight {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d($animateFadeInDown_distance, 0, 0);\r\n\t\ttransform: translate3d($animateFadeInDown_distance, 0, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n\r\n/* remove transition delay */\r\n.no-transition-delay {\r\n\ttransition-delay: 0ms !important;\r\n}\r\n\r\n/* fade transitions for page elements */\r\n.page-content > .alert {\r\n\tanimation: animateFadeInUp 0.3s;\r\n\t-webkit-animation: animateFadeInUp 0.3s;\r\n}\r\n\r\n.page-content > .card,\r\n.page-content > .row {\r\n\tanimation: animateFadeInUp 0.7s;\r\n\t-webkit-animation: animateFadeInUp 0.7s;\r\n}\r\n\r\n.tab-content >.active:not(.fade) {\r\n\tanimation: animateFadeInUp 0.5s;\r\n\t-webkit-animation: animateFadeInUp 0.5s;\r\n}\r\n\r\n/* repeated transitions */\r\n.fadeinup {\r\n\tanimation: animateFadeInUp 0.5s;\r\n\t-webkit-animation: animateFadeInUp 0.5s; \r\n}\r\n.fadeindown {\r\n\tanimation: animateFadeInDown 0.5s;\r\n\t-webkit-animation: animateFadeInDown 0.5s; \r\n}\r\n.fadeinleft {\r\n\tanimation: animateFadeInLeft 0.5s;\r\n\t-webkit-animation: animateFadeInLeft 0.5s; \r\n}\r\n.fadeinright {\r\n\tanimation: animateFadeInRight 0.5s;\r\n\t-webkit-animation: animateFadeInRight 0.5s; \r\n}","$mod-bg-1: url(\"#{$baseURL}img/backgrounds/bg-1.png\") !default;\r\n$mod-bg-1-prev: url(\"#{$baseURL}img/backgrounds/prev-bg-1.png\") !default;\r\n\r\n$mod-bg-2: url(\"#{$baseURL}img/backgrounds/bg-2.png\") !default;\r\n$mod-bg-2-prev: url(\"#{$baseURL}img/backgrounds/prev-bg-2.png\") !default;\r\n\r\n$mod-bg-3: url(\"#{$baseURL}img/backgrounds/bg-3.png\") !default;\r\n$mod-bg-3-prev: url(\"#{$baseURL}img/backgrounds/prev-bg-3.png\") !default;\r\n\r\n$mod-bg-4: url(\"#{$baseURL}img/backgrounds/bg-4.png\") !default;\r\n$mod-bg-4-prev: url(\"#{$baseURL}img/backgrounds/prev-bg-4.png\") !default;\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n\t.mod-main-boxed.mod-bg-1 [data-class=\"mod-bg-1\"],\r\n\t.mod-main-boxed.mod-bg-2 [data-class=\"mod-bg-2\"],\r\n\t.mod-main-boxed.mod-bg-3 [data-class=\"mod-bg-3\"],\r\n\t.mod-main-boxed.mod-bg-4 [data-class=\"mod-bg-4\"],\r\n\t.mod-main-boxed.mod-bg-none [data-class=\"mod-bg-none\"] {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \t\t\t\r\n\t}\r\n\r\n\r\n\t.mod-main-boxed {\r\n\t\t.settings-panel {\r\n\t\t\t.expanded {\r\n\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\t> li {\r\n\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\tmargin:0;\r\n\t\t\t\t\t\tpadding:0;\r\n\r\n\t\t\t\t\t\t[data-action] {\r\n\r\n\t\t\t\t\t\t\t&[data-class=\"mod-bg-1\"] {\r\n\t\t\t\t\t\t\t\tbackground-image: $mod-bg-1-prev;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t&[data-class=\"mod-bg-2\"] {\r\n\t\t\t\t\t\t\t\tbackground-image: $mod-bg-2-prev;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t&[data-class=\"mod-bg-3\"] {\r\n\t\t\t\t\t\t\t\tbackground-image: $mod-bg-3-prev;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t&[data-class=\"mod-bg-4\"] {\r\n\t\t\t\t\t\t\t\tbackground-image: $mod-bg-4-prev;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\t\t[data-action=\"toggle\"] {\r\n\t\t\t\t\t\t\t\tmargin-right:0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.mod-bg-1 {\r\n\t\t\tbackground-image: $mod-bg-1;\r\n\t\t}\r\n\t\t&.mod-bg-2 {\r\n\t\t\tbackground-image: $mod-bg-2;\r\n\t\t}\r\n\t\t&.mod-bg-3 {\r\n\t\t\tbackground-image: $mod-bg-3;\r\n\t\t}\r\n\t\t&.mod-bg-4 {\r\n\t\t\tbackground-image: $mod-bg-4;\r\n\t\t}\r\n\t\t&.mod-fixed-bg {\r\n\t\t\tbackground-attachment: fixed;\r\n\t\t}\r\n\t}\r\n}",".mod-clean-page-bg:not(.mod-skin-dark) {\r\n\t.page-content-wrapper {\r\n\t\tbackground: $white !important;\r\n\t}\r\n\t.page-header {\r\n\t\tborder-bottom-color: lighten($header-border-bottom-color, 25%);\r\n\t}\r\n}",".mod-color-blind .page-wrapper {\r\n\t-webkit-filter: grayscale(65%);\r\n\tfilter: grayscale(55%);\r\n}\r\n\r\n.mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a + ul > li.active > a,\r\n.pattern-1 {\r\n\t@extend %pattern-1;\r\n}\r\n\r\n.mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a,\r\n.mod-color-blind [class*=\"bg-danger-\"],\r\n.mod-color-blind .btn-danger,\r\n.mod-color-blind .btn-outline-danger,\r\n.mod-color-blind .alert-danger,\r\n.pattern-0 {\r\n\t@extend %pattern-0;\r\n}\r\n\r\n.mod-color-blind [class*=\"bg-primary-\"],\r\n.mod-color-blind .btn-primary,\r\n.mod-color-blind .btn-outline-primary,\r\n.mod-color-blind .alert-primary,\r\n.pattern-2 {\r\n\t@extend %pattern-2;\r\n}\r\n\r\n.mod-color-blind [class*=\"bg-success-\"],\r\n.mod-color-blind .btn-success,\r\n.mod-color-blind .btn-outline-success,\r\n.mod-color-blind .alert-success,\r\n.pattern-3 {\r\n\t@extend %pattern-3;\r\n}\r\n\r\n.mod-color-blind [class*=\"bg-info-\"],\r\n.mod-color-blind .btn-info,\r\n.mod-color-blind .btn-outline-info,\r\n.mod-color-blind .alert-info,\r\n.pattern-4 {\r\n\t@extend %pattern-4;\r\n}\r\n\r\n.mod-color-blind [class*=\"bg-warning-\"],\r\n.mod-color-blind .btn-warning,\r\n.mod-color-blind .btn-outline-warning,\r\n.mod-color-blind .alert-warning,\r\n.pattern-5 {\r\n\t@extend %pattern-5;\r\n}\r\n\r\n.mod-color-blind [class*=\"btn-\"].active {\r\n\tbackground-image: none !important;\r\n}\r\n",".mod-disable-animation *,\r\n.mod-disable-animation *:before,\r\n.mod-disable-animation *:after {\r\n -webkit-transition: none !important;\r\n -moz-transition: none !important;\r\n -ms-transition: none !important;\r\n -o-transition: none !important;\r\n transition: none !important;\r\n\r\n -webkit-animation: none !important; \r\n animation: none !important;\r\n}",".mod-hide-info-card {\r\n\t/*.page-logo {\r\n\t\tborder-bottom: 1px solid lighten($header-logo-border-bottom, 13%);\r\n\t}*/\r\n\t.page-sidebar {\r\n\t\t.info-card {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}",".mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) {\r\n\t.page-sidebar {\r\n\t\t.primary-nav {\r\n\t\t\t.nav-menu {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\t> [class*='fa-'], \r\n\t\t\t\t\t> .#{$cust-icon-prefix},\r\n\t\t\t\t\t> img {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tright: 40px;\r\n\t\t\t\t\t\tleft: auto;\r\n\t\t\t\t\t\ttop: 30%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\t> [class*='fa-'], \r\n\t\t\t\t\t> .#{$cust-icon-prefix},\r\n\t\t\t\t\t> img {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.dl-ref {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tli > ul > li > a {\r\n\t\t\t\t\tpadding-left: $nav-padding-x + 0.9375rem;\r\n\t\t\t\t\t& + ul > li > a {\r\n\t\t\t\t\t\tpadding-left: $nav-padding-x + 2.1875rem;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify {\r\n\t#mhni {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}",".mod-high-contrast:not(.mod-skin-dark) {\r\n\r\n\t.nav-menu li a,\r\n\t.nav-title,\r\n\t.nav-menu li a [class*='fa-'], \r\n\t.nav-menu li a .#{$cust-icon-prefix},\r\n\t.dl-ref,\r\n\t.btn {\r\n\t\ttext-shadow:\r\n\t\t\t -1px -1px 0 $black, \r\n\t\t\t 1px -1px 0 $black,\r\n\t\t\t -1px 1px 0 $black,\r\n\t\t\t 1px 1px 0 $black;\r\n\t\tcolor: $white !important;\r\n\t\tfont-weight:500 !important;\r\n\t}\r\n\r\n\t.subheader-title,\r\n\th1,\r\n\th2,\r\n\th3,\r\n\th4,\r\n\th5,\r\n\t.settings-panel-title a,\r\n\t.panel-header,\r\n\t.badge-detached,\r\n\t.btn-secondary,\r\n\t.btn-default,\r\n\t.page-header .btn,\r\n\t[class*=\"btn-outline-\"] {\r\n\t\ttext-shadow:\r\n\t\t\t -1px -1px 0 $white, \r\n\t\t\t 1px -1px 0 $white,\r\n\t\t\t -1px 1px 0 $white,\r\n\t\t\t 1px 1px 0 $white;\r\n\t\tcolor: $black !important;\r\n\t\tfont-weight:500;\r\n\t}\r\n\r\n\r\n\t.subheader-title small,\r\n\t.breadcrumb > li > a,\r\n\t.page-content,\r\n\th1 small,\r\n\th2 small,\r\n\th3 small,\r\n\th4 small,\r\n\th5,\r\n\th6,\r\n\tp,\r\n\t.btn-switch + .onoffswitch-title,\r\n\t.onoffswitch-title + .onoffswitch-title-desc,\r\n\t.panel-container,\r\n\t.panel-header .btn {\r\n\t\ttext-shadow: none;\r\n\t\tcolor: $black !important;\r\n\t\tfont-weight: normal !important;\r\n\t}\r\n\r\n}",".mod-lean-subheader {\r\n\t.subheader {\r\n\t\tmargin:0;\r\n\r\n\t\t.subheader-title {\r\n\r\n\t\t\tmargin-top: 0;\r\n\t\t\tfont-size:1rem;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tfont-weight: 400;\r\n\t\t\ttext-transform: capitalize;\r\n\t\t\tmargin-bottom: 1.5rem;\r\n\r\n\t\t\t&:not(:only-child) {\r\n\t\t\t\tmargin-top: 23px;\r\n\t\t\t}\r\n\r\n\t\t\tsmall {\r\n\r\n\t\t\t\tfont-size: 0.875rem;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\ttext-transform: capitalize;\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent:\" - \";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.breadcrumb {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t}\r\n\t}\r\n}","\r\n//$mod-main-boxed-width: map-get($grid-breakpoints, xxl);\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n\t.mod-main-boxed {\r\n\t\t.page-wrapper {\r\n\t\t\tmax-width: $mod-main-boxed-width;\r\n\t\t\tmargin: 0 auto;\t\t\r\n\t\t}\r\n\r\n\t\t&:not(.nav-function-top) {\r\n\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: #da9400;\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: #da9400;\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \"DISABLED\";\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbackground: $warning-500;\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tfont-size: rem($fs-base - 3);\r\n\t\t\t\t\twidth: 65px;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\theight: 22px;\r\n\t\t\t\t\tline-height: 20px;\r\n\t\t\t\t\tborder-radius: $border-radius-plus;\r\n\t\t\t\t\tright: 13px;\r\n\t\t\t\t\ttop: 26%;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t&.header-function-fixed {\r\n\t\t\t.page-wrapper {\r\n\t\t\t\t.page-header {\r\n\t\t\t\t\twidth: 100%; //IE bug.\r\n\t\t\t\t\tmax-width: $mod-main-boxed-width - 2px; //targets borders\r\n\t\t\t\t\tmargin: 0 auto !important;\r\n\t\t\t\t}\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:not(.nav-function-top):not(.nav-function-fixed) {\r\n\t\t\t\t.page-wrapper {\r\n\t\t\t\t\t.page-sidebar {\r\n\t\t\t\t\t\tposition: absolute !important;\r\n\t\t\t\t\t\ttop:0;\r\n\t\t\t\t\t\tbottom:0;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) {\r\n\t\t\t\t.page-wrapper {\r\n\t\t\t\t\t.page-header {\r\n\t\t\t\t\t\tpadding-left: $nav-width + $header-inner-padding-x; \r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:not(.nav-function-fixed) {\r\n\t\t\t\t\t.page-content,\r\n\t\t\t\t\t.page-footer {\r\n\t\t\t\t\t\tmargin-left: $nav-width;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) {\r\n\t\t\t\t.page-wrapper {\r\n\t\t\t\t\t.page-header {\r\n\t\t\t\t\t\tpadding-left:$nav-minify-width + $header-inner-padding-x;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.page-content-wrapper {\r\n\t\t\t\t\t\tmargin-left: $nav-minify-width;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t&.nav-function-hidden {\r\n\r\n\t\t\t&:not(.nav-function-top) {\r\n\t\t\t\t.page-sidebar:after {\r\n\t\t\t\t\tposition:absolute;\r\n\t\t\t\t\tleft: $nav-width;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-minify {\r\n\t\t\t\t.page-sidebar:after {\r\n\t\t\t\t\tposition:absolute;\r\n\t\t\t\t\tleft: $nav-minify-width;\r\n\t\t\t\t}\r\n\t\t\t}\t\t\t\r\n\r\n\t\t}\r\n\r\n\t\t/*\r\n\t\twhy did we add this again?\r\n\t\tthis was buggy when open modal with mod main boxed then click on logo for the dropdown, it won't close\r\n\t\t&.nav-function-fixed:not(.nav-function-top):not(.header-function-fixed) {\r\n\t\t\t.page-sidebar {\r\n\t\t\t\ttransform: translateX(0) !important;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\r\n\t\t\t.page-wrapper {\r\n\t\t\t\ttransform: translateX(0) !important;\r\n\t\t\t}\r\n\r\n\t\t}*/\r\n\r\n\t\t&.nav-function-fixed {\r\n\t\t\t&:not(.nav-function-top) {\r\n\t\t\t\t.page-wrapper {\r\n\t\t\t\t\t.page-sidebar {\r\n\t\t\t\t\t\tposition:absolute;\r\n\r\n\t\t\t\t\t\t.page-logo {\r\n\t\t\t\t\t\t\tposition:fixed;\r\n\t\t\t\t\t\t\ttop:0;\r\n\t\t\t\t\t\t\tz-index: $cloud;\r\n\t\t\t\t\t\t\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.primary-nav {\r\n\t\t\t\t\t\t\tmargin-top: $header-height;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.nav-function-hidden {\r\n\r\n\t\t\t\t\t.page-logo {\r\n\t\t\t\t\t\tposition: absolute !important;\r\n\t\t\t\t\t\ttransition: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-wrapper{\r\n\t\t\tborder-left:1px solid rgba($black, .15);\r\n\t\t\tborder-right:1px solid rgba($black, .15);\r\n\t\t\tbox-shadow: 5px 0 20px 0px rgba(0, 0, 0, 0.1), -5px 0 20px 0px rgba(0, 0, 0, 0.1);\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed):not(.nav-function-top):not(.modal-open):not(.panel-fullscreen):not(.footer-function-fixed) {\r\n\t\t\t.page-wrapper{\r\n\t\t\t\ttransform: translateX(0) !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\r\n\t\t> li {\r\n\r\n\t\t\ta {\r\n\t\t\t\t> .dl-ref:first-child {\r\n\t\t\t\t\tmargin-left:0 !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tz-index: 1;\r\n\t\t\t\t\tleft: $nav-padding-x + 0.5625rem;\r\n\t\t\t\t\ttop: 44px;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\twidth: 0.4rem;\r\n\t\t\t\t\t\t\theight: 0.4rem;\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\r\n\t\t\t\t\t\t\tleft: $nav-padding-x + 0.4rem;\r\n\t\t\t\t\t\t\ttop: unquote(\"calc(50% - 0.3rem)\");\r\n\t\t\t\t\t\t\tborder: 1px solid #333;\r\n\t\t\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\t\t\tz-index: 1;\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&:hover:after {\r\n\t\t\t\t\t\t\tborder-color: transparent;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t&:after{\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tli {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\ti {\r\n\t\t\t\t\t\t\tmargin-left: 0 !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n}",".mod-nav-dark:not(.mod-skin-dark) {\r\n\t.page-sidebar {\r\n\t\tbackground-color: darken($color-fusion, 20%);\r\n\t}\r\n\t&.nav-function-top .page-sidebar .primary-nav .nav-menu > li a:not(:hover):not(focus) {\r\n\t\tcolor: $nav-link-color;\r\n\t}\r\n\t&.mod-skin-dark:not(.mod-skin-light) .page-logo {\r\n\t\tborder-bottom: inherit;\r\n\t}\r\n}","/* mod smartpanel icons */\r\n.mod-panel-icon {\r\n\t[role=\"widget\"] {\r\n\t\t.btn-panel {\r\n\t\t\tfont-family: 'Font Awesome 5 Pro';\r\n\t \tfont-weight: 300;\r\n\t\t\t-webkit-font-smoothing: antialiased;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tfont-style: normal;\r\n\t\t\tfont-variant: normal;\r\n\t\t\ttext-rendering: auto;\r\n\t\t\tline-height: 1;\r\n\t\t\tcolor: inherit;\r\n\t\t\tbackground: none !important;\r\n\r\n\t\t\tposition: relative;\r\n\t\t\theight: $panel-btn-icon-height;\r\n\t\t\twidth: $panel-btn-icon-width;\r\n\t\t\tfont-size: $panel-btn-icon-font-size;\r\n\t\t\topacity: 0.7;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tmargin: 0;\r\n\t\t\tborder-radius: $btn-border-radius;\r\n\t\t\ttext-align: center;\r\n\t\t\ttransition: none;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t&:active {\r\n\t\t\t\tfont-size: $panel-btn-icon-font-size - 0.10rem;\r\n\t\t\t}\r\n\t\t\r\n\r\n\t\t\t&.js-panel-collapse:before,\r\n\t\t\t&.js-panel-fullscreen:before,\r\n\t\t\t&.js-panel-close:before {\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\ttransition: none;\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&.js-panel-collapse:before {\r\n\t\t\t\tcontent: \"\\f068\";\r\n\t\t\t}\r\n\r\n\t\t\t&.js-panel-fullscreen:before {\r\n\t\t\t\tcontent: \"\\f065\";\r\n\t\t\t}\r\n\r\n\t\t\t&.js-panel-close:before {\r\n\t\t\t\tcontent: \"\\f00d\";\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.panel-collapsed {\r\n\t\t\t.js-panel-collapse:before {\r\n\t\t\t\tcontent: \"\\f067\" !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.panel-fullscreen {\r\n\t\t\t.js-panel-fullscreen {\r\n\t\t\t\tfont-size: 1.5rem;\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: \"\\f066\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class=\"root-text\"] {\r\n\tbox-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\t\r\n}\r\n\r\n.root-text-sm {\r\n\tfont-size: 15px;\r\n\r\n\t[data-class=\"root-text-sm\"] {\r\n\t\tbox-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;\r\n\t}\r\n}\r\n\r\n.root-text-lg {\r\n\tfont-size: 17px;\r\n\r\n\t[data-class=\"root-text-lg\"] {\r\n\t\tbox-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;\r\n\t}\r\n}\r\n\r\n.root-text-xl {\r\n\tfont-size: 18px;\r\n\r\n\t[data-class=\"root-text-xl\"] {\r\n\t\tbox-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;\r\n\t}\r\n}\r\n\r\n.mod-bigger-font {\r\n\tfont-size: 18px;\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","/* Custom Webkit Scrollbar */\r\n/* http://css-tricks.com/custom-scrollbars-in-webkit/ */\r\n\r\n$trackPieceColor: #efefef;\r\n$handleBar: $fusion-100;\r\n$handleBarHover: darken($handleBar, 10%);\r\n$modalScrollSize: 8px;\r\n\r\nbody:not(.mobile-detected),\r\nbody:not(.mobile-detected).modal-open .modal {\r\n &::-webkit-scrollbar {\r\n height: $modalScrollSize;\r\n width: $modalScrollSize;\r\n }\r\n\r\n &::-webkit-scrollbar:hover{\r\n \tbackground-color:rgba(0,0,0,.01)\r\n }\r\n\r\n &::-webkit-scrollbar-track-piece {\r\n background-color: $trackPieceColor;\r\n }\r\n\r\n &::-webkit-scrollbar-track-piece:hover {\r\n background-color: darken($trackPieceColor, 12%);\r\n }\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: $handleBar;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb:vertical:hover {\r\n background-color: $handleBarHover;\r\n }\r\n}\r\n\r\n/* \r\n * Left Panel custom scroll \r\n */\r\n\r\n.page-sidebar .primary-nav::-webkit-scrollbar-track-piece {\r\n background-color: $trackPieceColor;\r\n}\r\n\r\n.page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n}\r\n\r\n.page-sidebar .primary-nav::-webkit-scrollbar {\r\n height: $modalScrollSize/2;\r\n width: $modalScrollSize/2;\r\n}\r\n\r\n.page-sidebar .primary-nav:hover::-webkit-scrollbar-corner {\r\n width: 40px;\r\n}\r\n\r\n.page-sidebar .primary-nav::-webkit-scrollbar-track-piece {\r\n\tbackground-color: $trackPieceColor;\r\n}\r\n\r\n.page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n}",":-webkit-full-screen {\r\n \t[data-action=\"app-fullscreen\"] {\r\n\t\tcolor: $disabled;\r\n\t} \r\n}\r\n\r\n:-moz-full-screen {\r\n \t[data-action=\"app-fullscreen\"] {\r\n\t\tcolor: $disabled;\r\n\t} \r\n}","@media print {\r\n @page {\r\n size: $print-page-size $print-page-type;\r\n margin: $print-page-margin;\r\n\t\tpadding: 0;\r\n\t\tborder: none;\r\n\t\tborder-collapse: collapse;\r\n }\r\n\r\n /**:not(.keep-print-font) {\r\n \tcolor:#333 !important;\r\n \tbackground: transparent !important;\r\n \tfont-family: Arial, Helvetica, sans-serif !important;\r\n \tletter-spacing: normal !important;\r\n \tfont-size: 10pt !important;\r\n \tline-height: 1.7 !important;\r\n \ttext-transform: none !important;\r\n \ttransition: none !important;\r\n }*/\r\n\r\n table { font-size: 80%; }\r\n\r\n .card,\r\n .card-body,\r\n .container {\r\n \tdisplay: inline;\r\n \tpadding: 0;\r\n \tmargin: 0;\r\n \tborder: 0;\r\n }\r\n\r\n\r\n\ta:link { \r\n\t\tfont-weight: bold; \r\n\t\ttext-decoration: underline; \r\n\t\tcolor: #06c;\r\n\t}\r\n\r\n\t.subheader-title {\r\n\t\tfont-size: 14pt !important;\r\n\r\n\t\tsmall {\r\n\t\t\tfont-size: 12pt !important;\r\n\t\t}\r\n\t}\r\n\r\n\th1, h2, h3, h4, h5, h6 {\r\n\t\tfont-weight: bold !important;\r\n\t}\r\n\r\n\t.page-sidebar,\r\n\t.btn,\r\n\t.page-header,\r\n\t.page-footer {\r\n\t\tdisplay: none !important;\r\n\t}\r\n\r\n\t.page-wrapper,\r\n\t.page-content,\r\n\t.container.card {\r\n\t \tpadding: 0;\r\n\t \tdisplay: block;\r\n\t \tmargin:0;\r\n\t \tborder:0 !important;\r\n\t \twidth:auto;\r\n\t \tfloat: none;\r\n\t}\r\n\t.panel-header > * {\r\n\t\tfont-weight: bold !important;\r\n\t}\r\n\t.card.panel {\r\n\t\tborder-color: #333 !important;\r\n\t}\r\n\r\n\t.clearfix:after {\r\n\t content: '';\r\n\t clear: both;\r\n\t display: table;\r\n\t}\r\n}"]} \ No newline at end of file diff --git a/Frontend/css/datagrid/datatables/datatables.bundle.css b/Frontend/css/datagrid/datatables/datatables.bundle.css new file mode 100644 index 0000000..095bc3f --- /dev/null +++ b/Frontend/css/datagrid/datatables/datatables.bundle.css @@ -0,0 +1,1403 @@ +table.dataTable { + clear: both; + margin-top: 6px !important; + margin-bottom: 6px !important; + max-width: none !important; + border-collapse: separate !important; + border-spacing: 0; } + +table.dataTable td, +table.dataTable th { + -webkit-box-sizing: content-box; + box-sizing: content-box; } + +table.dataTable td.dataTables_empty, +table.dataTable th.dataTables_empty { + text-align: center; } + +table.dataTable.nowrap th, +table.dataTable.nowrap td { + white-space: nowrap; } + +div.dataTables_wrapper div.dataTables_length label { + font-weight: normal; + text-align: left; + white-space: nowrap; } + +div.dataTables_wrapper div.dataTables_length select { + width: auto; + display: inline-block; } + +div.dataTables_wrapper div.dataTables_filter { + text-align: right; } + +div.dataTables_wrapper div.dataTables_filter label { + font-weight: normal; + white-space: nowrap; + text-align: left; } + +div.dataTables_wrapper div.dataTables_filter input { + margin-left: 0.5em; + display: inline-block; + width: auto; } + +div.dataTables_wrapper div.dataTables_info { + padding-top: 0.85em; + white-space: nowrap; } + +div.dataTables_wrapper div.dataTables_paginate { + margin: 0; + white-space: nowrap; + text-align: right; } + +div.dataTables_wrapper div.dataTables_paginate ul.pagination { + margin: 2px 0; + white-space: nowrap; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + +div.dataTables_wrapper div.dataTables_processing { + position: absolute; + top: 50%; + left: 50%; + width: 200px; + margin-left: -100px; + margin-top: -26px; + text-align: center; + padding: 1em 0; } + +table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, +table.dataTable thead > tr > td.sorting_asc, +table.dataTable thead > tr > td.sorting_desc, +table.dataTable thead > tr > td.sorting { + padding-right: 30px; } + +table.dataTable thead > tr > th:active, +table.dataTable thead > tr > td:active { + outline: none; } + +table.dataTable thead .sorting, +table.dataTable thead .sorting_asc, +table.dataTable thead .sorting_desc, +table.dataTable thead .sorting_asc_disabled, +table.dataTable thead .sorting_desc_disabled { + cursor: pointer; + position: relative; } + +table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, +table.dataTable thead .sorting_asc:before, +table.dataTable thead .sorting_asc:after, +table.dataTable thead .sorting_desc:before, +table.dataTable thead .sorting_desc:after, +table.dataTable thead .sorting_asc_disabled:before, +table.dataTable thead .sorting_asc_disabled:after, +table.dataTable thead .sorting_desc_disabled:before, +table.dataTable thead .sorting_desc_disabled:after { + position: absolute; + bottom: 0.9em; + display: block; + opacity: 0.3; } + +table.dataTable thead .sorting:before, +table.dataTable thead .sorting_asc:before, +table.dataTable thead .sorting_desc:before, +table.dataTable thead .sorting_asc_disabled:before, +table.dataTable thead .sorting_desc_disabled:before { + right: 1em; + content: "\2191"; } + +table.dataTable thead .sorting:after, +table.dataTable thead .sorting_asc:after, +table.dataTable thead .sorting_desc:after, +table.dataTable thead .sorting_asc_disabled:after, +table.dataTable thead .sorting_desc_disabled:after { + right: 0.5em; + content: "\2193"; } + +table.dataTable thead .sorting_asc:before, +table.dataTable thead .sorting_desc:after { + opacity: 1; } + +table.dataTable thead .sorting_asc_disabled:before, +table.dataTable thead .sorting_desc_disabled:after { + opacity: 0; } + +div.dataTables_scrollHead table.dataTable { + margin-bottom: 0 !important; } + +div.dataTables_scrollBody table { + border-top: none; + margin-top: 0 !important; + margin-bottom: 0 !important; } + +div.dataTables_scrollBody table thead .sorting:before, +div.dataTables_scrollBody table thead .sorting_asc:before, +div.dataTables_scrollBody table thead .sorting_desc:before, +div.dataTables_scrollBody table thead .sorting:after, +div.dataTables_scrollBody table thead .sorting_asc:after, +div.dataTables_scrollBody table thead .sorting_desc:after { + display: none; } + +div.dataTables_scrollBody table tbody tr:first-child th, +div.dataTables_scrollBody table tbody tr:first-child td { + border-top: none; } + +div.dataTables_scrollFoot > .dataTables_scrollFootInner { + -webkit-box-sizing: content-box; + box-sizing: content-box; } + +div.dataTables_scrollFoot > .dataTables_scrollFootInner > table { + margin-top: 0 !important; + border-top: none; } + +@media screen and (max-width: 767px) { + div.dataTables_wrapper div.dataTables_length, + div.dataTables_wrapper div.dataTables_filter, + div.dataTables_wrapper div.dataTables_info, + div.dataTables_wrapper div.dataTables_paginate { + text-align: center; } + div.dataTables_wrapper div.dataTables_paginate ul.pagination { + -webkit-box-pack: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; } } + +table.dataTable.table-sm > thead > tr > th :not(.sorting_disabled) { + padding-right: 20px; } + +table.dataTable.table-sm .sorting:before, +table.dataTable.table-sm .sorting_asc:before, +table.dataTable.table-sm .sorting_desc:before { + top: 5px; + right: 0.85em; } + +table.dataTable.table-sm .sorting:after, +table.dataTable.table-sm .sorting_asc:after, +table.dataTable.table-sm .sorting_desc:after { + top: 5px; } + +table.table-bordered.dataTable { + border-right-width: 0; } + +table.table-bordered.dataTable th, +table.table-bordered.dataTable td { + border-left-width: 0; } + +table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, +table.table-bordered.dataTable td:last-child, +table.table-bordered.dataTable td:last-child { + border-right-width: 1px; } + +table.table-bordered.dataTable tbody th, +table.table-bordered.dataTable tbody td { + border-bottom-width: 0; } + +div.dataTables_scrollHead table.table-bordered { + border-bottom-width: 0; } + +div.table-responsive > div.dataTables_wrapper > div.row { + margin: 0; } + +div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child { + padding-left: 0; } + +div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { + padding-right: 0; } + +div.dt-autofill-handle { + position: absolute; + height: 8px; + width: 8px; + z-index: 102; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #0275d8; + cursor: pointer; } + +div.dtk-focus-alt div.dt-autofill-handle { + background: #ff8b33; } + +div.dt-autofill-select { + position: absolute; + z-index: 1001; + background-color: #0275d8; + background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px); } + +div.dt-autofill-select.top, div.dt-autofill-select.bottom { + height: 3px; + margin-top: -1px; } + +div.dt-autofill-select.left, div.dt-autofill-select.right { + width: 3px; + margin-left: -1px; } + +div.dt-autofill-list { + position: fixed; + top: 50%; + left: 50%; + width: 500px; + margin-left: -250px; + background-color: white; + border-radius: 6px; + -webkit-box-shadow: 0 0 5px #555; + box-shadow: 0 0 5px #555; + border: 2px solid #444; + z-index: 11; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 1.5em 2em; } + +div.dt-autofill-list ul { + display: table; + margin: 0; + padding: 0; + list-style: none; + width: 100%; } + +div.dt-autofill-list ul li { + display: table-row; } + +div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button { + border-bottom: none; } + +div.dt-autofill-list ul li:hover { + background-color: #f6f6f6; } + +div.dt-autofill-list div.dt-autofill-question { + display: table-cell; + padding: 0.5em 0; + border-bottom: 1px solid #ccc; } + +div.dt-autofill-list div.dt-autofill-question input[type=number] { + padding: 6px; + width: 30px; + margin: -2px 0; } + +div.dt-autofill-list div.dt-autofill-button { + display: table-cell; + padding: 0.5em 0; + border-bottom: 1px solid #ccc; } + +div.dt-autofill-background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.7); + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + z-index: 10; } + +div.dt-autofill-list div.dt-autofill-question input[type=number] { + padding: 6px; + width: 60px; + margin: -2px 0; } + +@keyframes dtb-spinner { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-webkit-keyframes dtb-spinner { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +div.dt-button-info { + position: fixed; + top: 50%; + left: 50%; + width: 400px; + margin-top: -100px; + margin-left: -200px; + background-color: white; + border: 2px solid #111; + -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); + box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); + border-radius: 3px; + text-align: center; + z-index: 21; } + +div.dt-button-info h2 { + padding: 0.5em; + margin: 0; + font-weight: normal; + border-bottom: 1px solid #ddd; + background-color: #f3f3f3; } + +div.dt-button-info > div { + padding: 1em; } + +div.dt-button-collection-title { + text-align: center; + padding: 0.3em 0 0.5em; + font-size: 0.9em; } + +div.dt-button-collection-title:empty { + display: none; } + +div.dt-button-collection { + position: absolute; + z-index: 2001; } + +div.dt-button-collection div.dropdown-menu { + display: block; + z-index: 2002; + min-width: 100%; } + +div.dt-button-collection div.dt-button-collection-title { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.15); } + +div.dt-button-collection.fixed { + position: fixed; + top: 50%; + left: 50%; + margin-left: -75px; + border-radius: 0; } + +div.dt-button-collection.fixed.two-column { + margin-left: -200px; } + +div.dt-button-collection.fixed.three-column { + margin-left: -225px; } + +div.dt-button-collection.fixed.four-column { + margin-left: -300px; } + +div.dt-button-collection > :last-child { + display: block !important; + -webkit-column-gap: 8px; + -moz-column-gap: 8px; + -ms-column-gap: 8px; + -o-column-gap: 8px; + column-gap: 8px; } + +div.dt-button-collection > :last-child > * { + -webkit-column-break-inside: avoid; + -moz-column-break-inside: avoid; + break-inside: avoid; } + +div.dt-button-collection.two-column { + width: 400px; } + +div.dt-button-collection.two-column > :last-child { + padding-bottom: 1px; + -webkit-column-count: 2; + -moz-column-count: 2; + -ms-column-count: 2; + -o-column-count: 2; + column-count: 2; } + +div.dt-button-collection.three-column { + width: 450px; } + +div.dt-button-collection.three-column > :last-child { + padding-bottom: 1px; + -webkit-column-count: 3; + -moz-column-count: 3; + -ms-column-count: 3; + -o-column-count: 3; + column-count: 3; } + +div.dt-button-collection.four-column { + width: 600px; } + +div.dt-button-collection.four-column > :last-child { + padding-bottom: 1px; + -webkit-column-count: 4; + -moz-column-count: 4; + -ms-column-count: 4; + -o-column-count: 4; + column-count: 4; } + +div.dt-button-collection .dt-button { + border-radius: 0; } + +div.dt-button-collection.fixed { + max-width: none; } + +div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after { + display: none; } + +div.dt-button-background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 999; } + +@media screen and (max-width: 767px) { + div.dt-buttons { + float: none; + width: 100%; + text-align: center; + margin-bottom: 0.5em; } + div.dt-buttons a.btn { + float: none; } } + +div.dt-buttons button.btn.processing, +div.dt-buttons div.btn.processing, +div.dt-buttons a.btn.processing { + color: rgba(0, 0, 0, 0.2); } + +div.dt-buttons button.btn.processing:after, +div.dt-buttons div.btn.processing:after, +div.dt-buttons a.btn.processing:after { + position: absolute; + top: 50%; + left: 50%; + width: 16px; + height: 16px; + margin: -8px 0 0 -8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + content: ' '; + border: 2px solid #282828; + border-radius: 50%; + border-left-color: transparent; + border-right-color: transparent; + animation: dtb-spinner 1500ms infinite linear; + -o-animation: dtb-spinner 1500ms infinite linear; + -ms-animation: dtb-spinner 1500ms infinite linear; + -webkit-animation: dtb-spinner 1500ms infinite linear; + -moz-animation: dtb-spinner 1500ms infinite linear; } + +table.DTCR_clonedTable.dataTable { + position: absolute !important; + background-color: rgba(255, 255, 255, 0.7); + z-index: 202; } + +div.DTCR_pointer { + width: 1px; + background-color: #0275d8; + z-index: 201; } + +table.DTFC_Cloned tr { + background-color: white; + margin-bottom: 0; } + +div.DTFC_LeftHeadWrapper table, +div.DTFC_RightHeadWrapper table { + border-bottom: none !important; + margin-bottom: 0 !important; + background-color: white; } + +div.DTFC_LeftBodyWrapper table, +div.DTFC_RightBodyWrapper table { + border-top: none; + margin: 0 !important; + z-index: 2; } + +div.DTFC_LeftBodyWrapper table thead .sorting:before, div.DTFC_LeftBodyWrapper table thead .sorting:after, +div.DTFC_LeftBodyWrapper table thead .sorting_asc:before, +div.DTFC_LeftBodyWrapper table thead .sorting_asc:after, +div.DTFC_LeftBodyWrapper table thead .sorting_desc:before, +div.DTFC_LeftBodyWrapper table thead .sorting_desc:after, +div.DTFC_LeftBodyWrapper table thead .sorting:before, +div.DTFC_LeftBodyWrapper table thead .sorting:after, +div.DTFC_LeftBodyWrapper table thead .sorting_asc:before, +div.DTFC_LeftBodyWrapper table thead .sorting_asc:after, +div.DTFC_LeftBodyWrapper table thead .sorting_desc:before, +div.DTFC_LeftBodyWrapper table thead .sorting_desc:after, +div.DTFC_RightBodyWrapper table thead .sorting:before, +div.DTFC_RightBodyWrapper table thead .sorting:after, +div.DTFC_RightBodyWrapper table thead .sorting_asc:before, +div.DTFC_RightBodyWrapper table thead .sorting_asc:after, +div.DTFC_RightBodyWrapper table thead .sorting_desc:before, +div.DTFC_RightBodyWrapper table thead .sorting_desc:after, +div.DTFC_RightBodyWrapper table thead .sorting:before, +div.DTFC_RightBodyWrapper table thead .sorting:after, +div.DTFC_RightBodyWrapper table thead .sorting_asc:before, +div.DTFC_RightBodyWrapper table thead .sorting_asc:after, +div.DTFC_RightBodyWrapper table thead .sorting_desc:before, +div.DTFC_RightBodyWrapper table thead .sorting_desc:after { + display: none; } + +div.DTFC_LeftBodyWrapper table tbody tr:first-child th, +div.DTFC_LeftBodyWrapper table tbody tr:first-child td, +div.DTFC_RightBodyWrapper table tbody tr:first-child th, +div.DTFC_RightBodyWrapper table tbody tr:first-child td { + border-top: none; } + +div.DTFC_LeftFootWrapper table, +div.DTFC_RightFootWrapper table { + border-top: none; + margin-top: 0 !important; + background-color: white; } + +div.DTFC_Blocker { + background-color: white; } + +table.dataTable.table-striped.DTFC_Cloned tbody { + background-color: white; } + +table.dataTable.fixedHeader-floating, +table.dataTable.fixedHeader-locked { + background-color: white; + margin-top: 0 !important; + margin-bottom: 0 !important; } + +table.dataTable.fixedHeader-floating { + position: fixed !important; } + +table.dataTable.fixedHeader-locked { + position: absolute !important; } + +@media print { + table.fixedHeader-floating { + display: none; } } + +table.dataTable tbody th.focus, +table.dataTable tbody td.focus { + -webkit-box-shadow: inset 0 0 1px 2px #0275d8; + box-shadow: inset 0 0 1px 2px #0275d8; } + +div.dtk-focus-alt table.dataTable tbody th.focus, +div.dtk-focus-alt table.dataTable tbody td.focus { + -webkit-box-shadow: inset 0 0 1px 2px #ff8b33; + box-shadow: inset 0 0 1px 2px #ff8b33; } + +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { + cursor: default !important; } + +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { + display: none !important; } + +table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control, +table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control { + position: relative; + padding-left: 30px; + cursor: pointer; } + +table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before { + top: 50%; + left: 5px; + height: 14px; + width: 14px; + margin-top: -9px; + display: block; + position: absolute; + color: white; + border: 2px solid white; + border-radius: 14px; + -webkit-box-shadow: 0 0 3px #444; + box-shadow: 0 0 3px #444; + -webkit-box-sizing: content-box; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: 'Courier New', Courier, monospace; + line-height: 14px; + content: '+'; + background-color: #0275d8; } + +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { + content: '-'; + background-color: #d33333; } + +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control { + padding-left: 27px; } + +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before { + left: 4px; + height: 14px; + width: 14px; + border-radius: 14px; + line-height: 14px; + text-indent: 3px; } + +table.dataTable.dtr-column > tbody > tr > td.control, +table.dataTable.dtr-column > tbody > tr > th.control { + position: relative; + cursor: pointer; } + +table.dataTable.dtr-column > tbody > tr > td.control:before, +table.dataTable.dtr-column > tbody > tr > th.control:before { + top: 50%; + left: 50%; + height: 16px; + width: 16px; + margin-top: -10px; + margin-left: -10px; + display: block; + position: absolute; + color: white; + border: 2px solid white; + border-radius: 14px; + -webkit-box-shadow: 0 0 3px #444; + box-shadow: 0 0 3px #444; + -webkit-box-sizing: content-box; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: 'Courier New', Courier, monospace; + line-height: 14px; + content: '+'; + background-color: #0275d8; } + +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + content: '-'; + background-color: #d33333; } + +table.dataTable > tbody > tr.child { + padding: 0.5em 1em; } + +table.dataTable > tbody > tr.child:hover { + background: transparent !important; } + +table.dataTable > tbody > tr.child ul.dtr-details { + display: inline-block; + list-style-type: none; + margin: 0; + padding: 0; } + +table.dataTable > tbody > tr.child ul.dtr-details > li { + border-bottom: 1px solid #efefef; + padding: 0.5em 0; } + +table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { + padding-top: 0; } + +table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { + border-bottom: none; } + +table.dataTable > tbody > tr.child span.dtr-title { + display: inline-block; + min-width: 75px; + font-weight: bold; } + +div.dtr-modal { + position: fixed; + -webkit-box-sizing: border-box; + box-sizing: border-box; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 100; + padding: 10em 1em; } + +div.dtr-modal div.dtr-modal-display { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 50%; + height: 50%; + overflow: auto; + margin: auto; + z-index: 102; + overflow: auto; + background-color: #f5f5f7; + border: 1px solid black; + border-radius: 0.5em; + -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); + box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); } + +div.dtr-modal div.dtr-modal-content { + position: relative; + padding: 1em; } + +div.dtr-modal div.dtr-modal-close { + position: absolute; + top: 6px; + right: 6px; + width: 22px; + height: 22px; + border: 1px solid #eaeaea; + background-color: #f9f9f9; + text-align: center; + border-radius: 3px; + cursor: pointer; + z-index: 12; } + +div.dtr-modal div.dtr-modal-close:hover { + background-color: #eaeaea; } + +div.dtr-modal div.dtr-modal-background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 101; + background: rgba(0, 0, 0, 0.6); } + +@media screen and (max-width: 767px) { + div.dtr-modal div.dtr-modal-display { + width: 95%; } } + +div.dtr-bs-modal table.table tr:first-child td { + border-top: none; } + +table.dataTable.dtr-inline.collapsed.table-sm > tbody > tr > td:first-child:before, +table.dataTable.dtr-inline.collapsed.table-sm > tbody > tr > th:first-child:before { + top: 5px; } + +table.dataTable tr.dtrg-group td { + background-color: #e0e0e0; } + +table.dataTable tr.dtrg-group.dtrg-level-0 td { + font-weight: bold; } + +table.dataTable tr.dtrg-group.dtrg-level-1 td, +table.dataTable tr.dtrg-group.dtrg-level-2 td { + background-color: #f0f0f0; + padding-top: 0.25em; + padding-bottom: 0.25em; + padding-left: 2em; + font-size: 0.9em; } + +table.dataTable tr.dtrg-group.dtrg-level-2 td { + background-color: #f3f3f3; } + +table.dt-rowReorder-float { + position: absolute !important; + opacity: 0.8; + table-layout: fixed; + outline: 2px solid #0275d8; + outline-offset: -2px; + z-index: 2001; } + +tr.dt-rowReorder-moving { + outline: 2px solid #888888; + outline-offset: -2px; } + +body.dt-rowReorder-noOverflow { + overflow-x: hidden; } + +table.dataTable td.reorder { + text-align: center; + cursor: move; } + +div.dts { + display: block !important; } + +div.dts tbody th, +div.dts tbody td { + white-space: nowrap; } + +div.dts div.dts_loading { + z-index: 1; } + +div.dts div.dts_label { + position: absolute; + right: 10px; + background: rgba(0, 0, 0, 0.8); + color: white; + -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); + box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); + text-align: right; + border-radius: 3px; + padding: 0.4em; + z-index: 2; + display: none; } + +div.dts div.dataTables_scrollBody { + background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px); } + +div.dts div.dataTables_scrollBody table { + z-index: 2; } + +div.dts div.dataTables_paginate, +div.dts div.dataTables_length { + display: none; } + +div.DTS div.dataTables_scrollBody table { + background-color: white; } + +table.dataTable tbody > tr.selected, +table.dataTable tbody > tr > .selected { + background-color: #0275d8; } + +table.dataTable.stripe tbody > tr.odd.selected, +table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, +table.dataTable.display tbody > tr.odd > .selected { + background-color: #0172d2; } + +table.dataTable.hover tbody > tr.selected:hover, +table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, +table.dataTable.display tbody > tr > .selected:hover { + background-color: #0170d0; } + +table.dataTable.order-column tbody > tr.selected > .sorting_1, +table.dataTable.order-column tbody > tr.selected > .sorting_2, +table.dataTable.order-column tbody > tr.selected > .sorting_3, +table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1, +table.dataTable.display tbody > tr.selected > .sorting_2, +table.dataTable.display tbody > tr.selected > .sorting_3, +table.dataTable.display tbody > tr > .selected { + background-color: #0172d3; } + +table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 { + background-color: #016ecc; } + +table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 { + background-color: #016fcd; } + +table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 { + background-color: #0170cf; } + +table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 { + background-color: #0172d3; } + +table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 { + background-color: #0173d5; } + +table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 { + background-color: #0174d7; } + +table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected { + background-color: #016ecc; } + +table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected { + background-color: #0172d3; } + +table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 { + background-color: #016bc6; } + +table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 { + background-color: #016cc7; } + +table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 { + background-color: #016dca; } + +table.dataTable.display tbody > tr:hover > .selected, +table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected, +table.dataTable.order-column.hover tbody > tr > .selected:hover { + background-color: #016bc6; } + +table.dataTable tbody td.select-checkbox, +table.dataTable tbody th.select-checkbox { + position: relative; } + +table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, +table.dataTable tbody th.select-checkbox:before, +table.dataTable tbody th.select-checkbox:after { + display: block; + position: absolute; + top: 1.2em; + left: 50%; + width: 12px; + height: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +table.dataTable tbody td.select-checkbox:before, +table.dataTable tbody th.select-checkbox:before { + content: ' '; + margin-top: -6px; + margin-left: -6px; + border: 1px solid black; + border-radius: 3px; } + +table.dataTable tr.selected td.select-checkbox:after, +table.dataTable tr.selected th.select-checkbox:after { + content: '\2714'; + margin-top: -11px; + margin-left: -4px; + text-align: center; + text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; } + +div.dataTables_wrapper span.select-info, +div.dataTables_wrapper span.select-item { + margin-left: 0.5em; } + +@media screen and (max-width: 640px) { + div.dataTables_wrapper span.select-info, + div.dataTables_wrapper span.select-item { + margin-left: 0; + display: block; } } + +table.dataTable tbody tr.selected, +table.dataTable tbody th.selected, +table.dataTable tbody td.selected { + color: white; } + +table.dataTable tbody tr.selected a, +table.dataTable tbody th.selected a, +table.dataTable tbody td.selected a { + color: #a2d4ed; } + +/* THEME COLORs +========================================================================== */ +/* Looks good on chrome default color profile */ +/* We will manually convert these primary colors to rgb for the dark mode option of the theme */ +/* looks good in sRGB but washed up on chrome default +$color-primary: #826bb0; +$color-success: #31cb55; +$color-info: #5e93ec; +$color-warning: #eec559; +$color-danger: #dc4b92; +$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ +/* Color Polarity +========================================================================== */ +/* PAINTBUCKET MIXER +========================================================================== */ +/* the grays */ +/* the sapphires */ +/* the emeralds */ +/* the amethyths */ +/* the topaz */ +/* the rubies */ +/* the graphites */ +/* Define universal border difition (div outlines, etc) +========================================================================== */ +/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) +========================================================================== */ +/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ +/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ +/* global var used for spacing*/ +/* Uniform Padding variable */ +/* Heads up! This is a global scoped variable - changing may impact the whole template */ +/* BOOTSTRAP OVERRIDES (bootstrap variables) +========================================================================== */ +/* usage: theme-colors("primary"); */ +/* forms */ +/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ +/* links */ +/* checkbox */ +/*$custom-file-height-inner: calc(2.25rem - 1px);*/ +/* not part of bootstrap variable */ +/* custom checkbox */ +/* custom range */ +/* custom file */ +/* badge */ +/* cards */ +/*border radius*/ +/* alert */ +/* toast */ +/* breadcrumb */ +/* input button */ +/* nav link */ +/* nav, tabs, pills */ +/* tables */ +/* dropdowns */ +/* dropdowns sizes */ +/* popovers */ +/* tooltips */ +/* modal */ +/* reference guide +http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ +8px = 0.5rem +9px = 0.5625rem +10px = 0.625rem +11px = 0.6875rem +12px = 0.75rem +13px = 0.8125rem +14px = 0.875rem +15px = 0.9375rem +16px = 1rem (base) +17px = 1.0625rem +18px = 1.125rem +19px = 1.1875rem +20px = 1.25rem +21px = 1.3125rem +22px = 1.375rem +24px = 1.5rem +25px = 1.5625rem +26px = 1.625rem +28px = 1.75rem +30px = 1.875rem +32px = 2rem +34px = 2.125rem +36px = 2.25rem +38px = 2.375rem +40px = 2.5rem +*/ +/* Fonts */ +/* carousel */ +/* BASE VARS +========================================================================== */ +/* font vars below will auto change to rem values using function rem($value)*/ +/* 11px */ +/* 12px */ +/* 12.5px */ +/* 14px */ +/* 15px */ +/* 16px */ +/* 28px */ +/* Font Family +========================================================================== */ +/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ +/* ANIMATIONS +========================================================================== */ +/* this addresses all animation related to nav hide to nav minify */ +/* Z-INDEX declearation +========================================================================== */ +/* we adjust bootstrap z-index to be higher than our higest z-index*/ +/* CUSTOM ICON PREFIX +========================================================================== */ +/* PRINT CSS (landscape or portrait) +========================================================================== */ +/* landscape or portrait */ +/* auto, letter */ +/* Common Element Variables +========================================================================== */ +/* Z-index decleartion "birds eye view" +========================================================================== */ +/* Components +========================================================================== */ +/* PAGE HEADER STUFF +========================================================================== */ +/* colors */ +/* height */ +/* logo */ +/* try not to go beywond the width of $main_nav_width value */ +/* you may need to change this depending on your logo design */ +/* adjust this as you see fit : left, right, center */ +/* icon font size (not button) */ +/* search input box */ +/* suggestion: #ccced0*/ +/* btn */ +/* dropdown: app list */ +/* badge */ +/* COMPONENTS & MODS */ +/* NAVIGATION STUFF + +Guide: + +aside.page-sidebar ($nav-width, $nav-background) + .page-logo + .primary-nav + .info-card + ul.nav-menu + li + a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) + icon + span + collapse-sign + + ul.nav-menu-sub-one + li + a ($nav-level-1... $nav-sub-link-height) + span + collapse-sign + + ul.nav-menu-sub-two + li + a ($nav-level-2... $nav-sub-link-height) + span + + p.nav-title ($nav-title-*...) + + +========================================================================== */ +/* main navigation */ +/* left panel */ +/* nav footer */ +/* nav parent level-0 */ +/* nav link level-1 */ +/* nav level-1 bg */ +/* nav icon sizes */ +/* badge default */ +/* all child */ +/* nav title */ +/* nav Minify */ +/* when the menu pops on hover */ +/* navigation Width */ +/* partial visibility of the menu */ +/* top navigation */ +/* nav Info Card (appears below the logo) */ +/* width is auto */ +/* nav DL labels for all child */ +/* will be pulled to left as a negative value */ +/* MISC Settings +========================================================================== */ +/* List Table */ +/* PAGE SETTINGS +========================================================================== */ +/* PAGE BREADCRUMB +========================================================================== */ +/* PAGE COMPONENT PANELS +========================================================================== */ +/* PAGE COMPONENT PROGRESSBARS +========================================================================== */ +/* PAGE COMPONENT MESSENGER +========================================================================== */ +/* FOOTER +========================================================================== */ +/* GLOBALS +========================================================================== */ +/* ACCESSIBILITIES */ +/* SHORTCUT BUTTON (appears on bottom right of the page) */ +/* GULP WARNINGS */ +table.dataTable > tbody > tr.child ul.dtr-details { + width: 100%; } + +.sorting_asc, +.sorting_desc, +.even .sorting_1 { + background-color: rgba(136, 106, 181, 0.03); } + +.odd .sorting_1 { + background-color: rgba(136, 106, 181, 0.04); } + +.table-dark .sorting_asc, +.table-dark .sorting_desc, +.table-dark .even .sorting_1 { + background-color: rgba(255, 194, 65, 0.15); } + +.table-dark .odd .sorting_1 { + background-color: rgba(255, 194, 65, 0.15); } + +/* some idiot put "important" rule on the main css file now I have to put important here to override it... eghhh */ +/* I had to set it to 0 because auto fill cannot "compute" for the margin ... nice job Allan >.> */ +table.dataTable { + margin-top: 0 !important; + margin-bottom: 1rem !important; } + +table.dataTable.dtr-column > tbody > tr > td.control, +table.dataTable.dtr-column > tbody > tr > th.control { + padding-left: 30px; } + +table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before, +table.dataTable.dtr-column > tbody > tr > td.control:before, +table.dataTable.dtr-column > tbody > tr > th.control:before { + top: 0; + bottom: 0; + left: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; + width: 1rem; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; + border: 0; + margin: 0; + background-color: #886ab5; } + +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before, +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + background-color: #1dc9b7; } + +table.dataTable thead .sorting:before, +table.dataTable thead .sorting_asc:before, +table.dataTable thead .sorting_desc:before, +table.dataTable thead .sorting_asc_disabled:before, +table.dataTable thead .sorting_desc_disabled:before { + right: 1rem !important; + content: "\f175"; + font-size: 14px; + font-family: 'Font Awesome 5 Pro'; } + +table.dataTable thead .sorting:after, +table.dataTable thead .sorting_asc:after, +table.dataTable thead .sorting_desc:after, +table.dataTable thead .sorting_asc_disabled:after, +table.dataTable thead .sorting_desc_disabled:after { + right: 0.5rem !important; + content: "\f176"; + font-size: 14px; + font-family: 'Font Awesome 5 Pro'; } + +.dataTables_empty { + color: #fd3995; + font-size: 2rem; + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; } + +.dataTables_wrapper .dataTables_filter label { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; } + +.dataTables_wrapper tr.child td.child { + padding: 0; } + .dataTables_wrapper tr.child td.child .dtr-details { + padding: 1rem 1rem 1.5rem 1.95rem; + position: relative; } + .dataTables_wrapper tr.child td.child .dtr-details:before { + content: "\f149"; + font-family: 'Font Awesome 5 Pro'; + color: #21dfcb; + width: 20px; + height: 30px; + position: absolute; + top: -15px; + right: 0px; + font-size: 1.2rem; } + .dataTables_wrapper tr.child td.child .dtr-details:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 1rem; + background: #4de5d5; } + +@media screen and (max-width: 767px) { + div.dataTables_wrapper div.dataTables_length, + div.dataTables_wrapper div.dataTables_filter, + div.dataTables_wrapper div.dataTables_info, + div.dataTables_wrapper div.dataTables_paginate { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } } + +.paginate_button.page-item.disabled .page-link { + background: transparent; } + +.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 1.85rem; + min-width: 1.85rem; + padding: 0.5rem; + font-size: 0.825rem; + line-height: 0.825rem; } + +div.dataTables_wrapper div.dataTables_filter { + text-align: inherit; } + +/* AutoFill */ +div.dt-autofill-list { + border-width: 0px; + padding: 1rem 0; + -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } + div.dt-autofill-list div.dt-autofill-question, + div.dt-autofill-list div.dt-autofill-button { + border-width: 0px; } + div.dt-autofill-list .dt-autofill-button { + text-align: right !important; } + +div.dt-autofill-background { + opacity: 0.2; + background-color: #000; } + +.dt-autofill-question { + padding-left: 2rem !important; } + +.dt-autofill-button { + padding-right: 2rem !important; } + +div.dt-autofill-handle { + background: #886ab5; + height: 0.875rem; + width: 0.875rem; } + +div.dt-autofill-select { + background-color: #886ab5; } + +/* FixedColumns */ +.DTFC_LeftHeadWrapper:before, +.DTFC_LeftBodyWrapper:before, +.DTFC_LeftFootWrapper:before { + content: ""; + position: absolute; + right: 0px; + top: 1px; + bottom: 0px; + width: 1px; + background: #fd3995; + z-index: 1; + -webkit-box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4); + box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4); } + +.DTFC_LeftHeadWrapper table.table-bordered, +.DTFC_LeftBodyWrapper table.table-bordered, +.DTFC_LeftFootWrapper table.table-bordered { + border-right-width: 0; } + +/* KeyTable */ +table.dataTable tbody th.focus, +table.dataTable tbody td.focus { + -webkit-box-shadow: inset 0 0 0px 1px #886ab5; + box-shadow: inset 0 0 0px 1px #886ab5; + background: rgba(136, 106, 181, 0.1); + font-weight: 500; } + +/* RowGroup */ +table.dataTable tr.dtrg-group td { + background: transparent; + font-size: 1rem; + font-weight: 400; + padding-top: 1.25rem; } + +table.dataTable.table-sm tr.dtrg-group td { + padding-top: 1rem; } + +table.dataTable:not(.table-dark) tr.dtrg-group td { + background: #fff; } + +/* FixedHeader */ +table.dataTable.fixedHeader-floating { + opacity: 0.9; } + +/* RowReorder */ +table.dataTable td.reorder { + text-align: inherit; } + +tr.dt-rowReorder-moving { + outline: 2px solid #1dc9b7; + outline-offset: -2px; } + +table.dt-rowReorder-float { + outline: 2px solid #886ab5; + outline-offset: -2px; } + +/* w-100 bug for some tables */ +.DTCR_clonedTable.w-100, +.dt-rowReorder-float.w-100, +.fixedHeader-floating.w-100 { + width: inherit !important; } + +/* fix z-index for processing message */ +.dataTables_processing { + z-index: 2; } + +/* Select */ +table.dataTable.table-bordered .selected td { + border-color: rgba(0, 0, 0, 0.1); } + +table.dataTable.table-bordered td.selected { + border-color: rgba(0, 0, 0, 0.1); } + +table.dataTable tbody > tr.selected, +table.dataTable tbody > tr > .selected { + -webkit-box-shadow: inset 0 0 0px 1px #886ab5; + box-shadow: inset 0 0 0px 1px #886ab5; + background: rgba(136, 106, 181, 0.1); + font-weight: 500; + color: inherit; } + +/* hack */ +div.dt-button-collection { + left: 0px !important; } + +/*# sourceMappingURL=datatables.bundle.css.map */ diff --git a/Frontend/css/datagrid/datatables/datatables.bundle.css.map_ b/Frontend/css/datagrid/datatables/datatables.bundle.css.map_ new file mode 100644 index 0000000..2e55f02 --- /dev/null +++ b/Frontend/css/datagrid/datatables/datatables.bundle.css.map_ @@ -0,0 +1 @@ +{"version":3,"sources":["datatables.bundle.css","../../../scss/_modules/variables.scss"],"names":[],"mappings":"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","file":"datatables.bundle.css","sourcesContent":["table.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-spacing: 0;\n}\ntable.dataTable td,\ntable.dataTable th {\n -webkit-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: auto;\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: 0.85em;\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 justify-content: flex-end;\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, table.dataTable thead > tr > th.sorting_desc, table.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}\ntable.dataTable thead .sorting:before, table.dataTable thead .sorting:after,\ntable.dataTable thead .sorting_asc:before,\ntable.dataTable thead .sorting_asc:after,\ntable.dataTable thead .sorting_desc:before,\ntable.dataTable thead .sorting_desc:after,\ntable.dataTable thead .sorting_asc_disabled:before,\ntable.dataTable thead .sorting_asc_disabled:after,\ntable.dataTable thead .sorting_desc_disabled:before,\ntable.dataTable thead .sorting_desc_disabled:after {\n position: absolute;\n bottom: 0.9em;\n display: block;\n opacity: 0.3;\n}\ntable.dataTable thead .sorting:before,\ntable.dataTable thead .sorting_asc:before,\ntable.dataTable thead .sorting_desc:before,\ntable.dataTable thead .sorting_asc_disabled:before,\ntable.dataTable thead .sorting_desc_disabled:before {\n right: 1em;\n content: \"\\2191\";\n}\ntable.dataTable thead .sorting:after,\ntable.dataTable thead .sorting_asc:after,\ntable.dataTable thead .sorting_desc:after,\ntable.dataTable thead .sorting_asc_disabled:after,\ntable.dataTable thead .sorting_desc_disabled:after {\n right: 0.5em;\n content: \"\\2193\";\n}\ntable.dataTable thead .sorting_asc:before,\ntable.dataTable thead .sorting_desc:after {\n opacity: 1;\n}\ntable.dataTable thead .sorting_asc_disabled:before,\ntable.dataTable thead .sorting_desc_disabled:after {\n opacity: 0;\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:before,\ndiv.dataTables_scrollBody table thead .sorting_asc:before,\ndiv.dataTables_scrollBody table thead .sorting_desc:before,\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 > .dataTables_scrollFootInner {\n box-sizing: content-box;\n}\ndiv.dataTables_scrollFoot > .dataTables_scrollFootInner > 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 div.dataTables_wrapper div.dataTables_paginate ul.pagination {\n justify-content: center !important;\n }\n}\ntable.dataTable.table-sm > thead > tr > th :not(.sorting_disabled) {\n padding-right: 20px;\n}\ntable.dataTable.table-sm .sorting:before,\ntable.dataTable.table-sm .sorting_asc:before,\ntable.dataTable.table-sm .sorting_desc:before {\n top: 5px;\n right: 0.85em;\n}\ntable.dataTable.table-sm .sorting:after,\ntable.dataTable.table-sm .sorting_asc:after,\ntable.dataTable.table-sm .sorting_desc:after {\n top: 5px;\n}\n\ntable.table-bordered.dataTable {\n border-right-width: 0;\n}\ntable.table-bordered.dataTable th,\ntable.table-bordered.dataTable td {\n border-left-width: 0;\n}\ntable.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,\ntable.table-bordered.dataTable td:last-child,\ntable.table-bordered.dataTable td:last-child {\n border-right-width: 1px;\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 > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:first-child {\n padding-left: 0;\n}\ndiv.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:last-child {\n padding-right: 0;\n}\n\ndiv.dt-autofill-handle {\n position: absolute;\n height: 8px;\n width: 8px;\n z-index: 102;\n box-sizing: border-box;\n background: #0275d8;\n cursor: pointer;\n}\n\ndiv.dtk-focus-alt div.dt-autofill-handle {\n background: #ff8b33;\n}\n\ndiv.dt-autofill-select {\n position: absolute;\n z-index: 1001;\n background-color: #0275d8;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);\n}\ndiv.dt-autofill-select.top, div.dt-autofill-select.bottom {\n height: 3px;\n margin-top: -1px;\n}\ndiv.dt-autofill-select.left, div.dt-autofill-select.right {\n width: 3px;\n margin-left: -1px;\n}\n\ndiv.dt-autofill-list {\n position: fixed;\n top: 50%;\n left: 50%;\n width: 500px;\n margin-left: -250px;\n background-color: white;\n border-radius: 6px;\n box-shadow: 0 0 5px #555;\n border: 2px solid #444;\n z-index: 11;\n box-sizing: border-box;\n padding: 1.5em 2em;\n}\ndiv.dt-autofill-list ul {\n display: table;\n margin: 0;\n padding: 0;\n list-style: none;\n width: 100%;\n}\ndiv.dt-autofill-list ul li {\n display: table-row;\n}\ndiv.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {\n border-bottom: none;\n}\ndiv.dt-autofill-list ul li:hover {\n background-color: #f6f6f6;\n}\ndiv.dt-autofill-list div.dt-autofill-question {\n display: table-cell;\n padding: 0.5em 0;\n border-bottom: 1px solid #ccc;\n}\ndiv.dt-autofill-list div.dt-autofill-question input[type=number] {\n padding: 6px;\n width: 30px;\n margin: -2px 0;\n}\ndiv.dt-autofill-list div.dt-autofill-button {\n display: table-cell;\n padding: 0.5em 0;\n border-bottom: 1px solid #ccc;\n}\n\ndiv.dt-autofill-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);\n z-index: 10;\n}\n\ndiv.dt-autofill-list div.dt-autofill-question input[type=number] {\n padding: 6px;\n width: 60px;\n margin: -2px 0;\n}\n\n@keyframes dtb-spinner {\n 100% {\n transform: rotate(360deg);\n }\n}\n@-o-keyframes dtb-spinner {\n 100% {\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-ms-keyframes dtb-spinner {\n 100% {\n -ms-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-webkit-keyframes dtb-spinner {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-moz-keyframes dtb-spinner {\n 100% {\n -moz-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\ndiv.dt-button-info {\n position: fixed;\n top: 50%;\n left: 50%;\n width: 400px;\n margin-top: -100px;\n margin-left: -200px;\n background-color: white;\n border: 2px solid #111;\n box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);\n border-radius: 3px;\n text-align: center;\n z-index: 21;\n}\ndiv.dt-button-info h2 {\n padding: 0.5em;\n margin: 0;\n font-weight: normal;\n border-bottom: 1px solid #ddd;\n background-color: #f3f3f3;\n}\ndiv.dt-button-info > div {\n padding: 1em;\n}\n\ndiv.dt-button-collection-title {\n text-align: center;\n padding: 0.3em 0 0.5em;\n font-size: 0.9em;\n}\n\ndiv.dt-button-collection-title:empty {\n display: none;\n}\n\ndiv.dt-button-collection {\n position: absolute;\n z-index: 2001;\n}\ndiv.dt-button-collection div.dropdown-menu {\n display: block;\n z-index: 2002;\n min-width: 100%;\n}\ndiv.dt-button-collection div.dt-button-collection-title {\n background-color: white;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\ndiv.dt-button-collection.fixed {\n position: fixed;\n top: 50%;\n left: 50%;\n margin-left: -75px;\n border-radius: 0;\n}\ndiv.dt-button-collection.fixed.two-column {\n margin-left: -200px;\n}\ndiv.dt-button-collection.fixed.three-column {\n margin-left: -225px;\n}\ndiv.dt-button-collection.fixed.four-column {\n margin-left: -300px;\n}\ndiv.dt-button-collection > :last-child {\n display: block !important;\n -webkit-column-gap: 8px;\n -moz-column-gap: 8px;\n -ms-column-gap: 8px;\n -o-column-gap: 8px;\n column-gap: 8px;\n}\ndiv.dt-button-collection > :last-child > * {\n -webkit-column-break-inside: avoid;\n break-inside: avoid;\n}\ndiv.dt-button-collection.two-column {\n width: 400px;\n}\ndiv.dt-button-collection.two-column > :last-child {\n padding-bottom: 1px;\n -webkit-column-count: 2;\n -moz-column-count: 2;\n -ms-column-count: 2;\n -o-column-count: 2;\n column-count: 2;\n}\ndiv.dt-button-collection.three-column {\n width: 450px;\n}\ndiv.dt-button-collection.three-column > :last-child {\n padding-bottom: 1px;\n -webkit-column-count: 3;\n -moz-column-count: 3;\n -ms-column-count: 3;\n -o-column-count: 3;\n column-count: 3;\n}\ndiv.dt-button-collection.four-column {\n width: 600px;\n}\ndiv.dt-button-collection.four-column > :last-child {\n padding-bottom: 1px;\n -webkit-column-count: 4;\n -moz-column-count: 4;\n -ms-column-count: 4;\n -o-column-count: 4;\n column-count: 4;\n}\ndiv.dt-button-collection .dt-button {\n border-radius: 0;\n}\ndiv.dt-button-collection.fixed {\n max-width: none;\n}\ndiv.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {\n display: none;\n}\n\ndiv.dt-button-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 999;\n}\n\n@media screen and (max-width: 767px) {\n div.dt-buttons {\n float: none;\n width: 100%;\n text-align: center;\n margin-bottom: 0.5em;\n }\n div.dt-buttons a.btn {\n float: none;\n }\n}\ndiv.dt-buttons button.btn.processing,\ndiv.dt-buttons div.btn.processing,\ndiv.dt-buttons a.btn.processing {\n color: rgba(0, 0, 0, 0.2);\n}\ndiv.dt-buttons button.btn.processing:after,\ndiv.dt-buttons div.btn.processing:after,\ndiv.dt-buttons a.btn.processing:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 16px;\n height: 16px;\n margin: -8px 0 0 -8px;\n box-sizing: border-box;\n display: block;\n content: ' ';\n border: 2px solid #282828;\n border-radius: 50%;\n border-left-color: transparent;\n border-right-color: transparent;\n animation: dtb-spinner 1500ms infinite linear;\n -o-animation: dtb-spinner 1500ms infinite linear;\n -ms-animation: dtb-spinner 1500ms infinite linear;\n -webkit-animation: dtb-spinner 1500ms infinite linear;\n -moz-animation: dtb-spinner 1500ms infinite linear;\n}\n\ntable.DTCR_clonedTable.dataTable {\n position: absolute !important;\n background-color: rgba(255, 255, 255, 0.7);\n z-index: 202;\n}\n\ndiv.DTCR_pointer {\n width: 1px;\n background-color: #0275d8;\n z-index: 201;\n}\n\ntable.DTFC_Cloned tr {\n background-color: white;\n margin-bottom: 0;\n}\n\ndiv.DTFC_LeftHeadWrapper table,\ndiv.DTFC_RightHeadWrapper table {\n border-bottom: none !important;\n margin-bottom: 0 !important;\n background-color: white;\n}\n\ndiv.DTFC_LeftBodyWrapper table,\ndiv.DTFC_RightBodyWrapper table {\n border-top: none;\n margin: 0 !important;\n z-index: 2;\n}\ndiv.DTFC_LeftBodyWrapper table thead .sorting:before, div.DTFC_LeftBodyWrapper table thead .sorting:after,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_asc:before,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_asc:after,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_desc:before,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_desc:after,\ndiv.DTFC_LeftBodyWrapper table thead .sorting:before,\ndiv.DTFC_LeftBodyWrapper table thead .sorting:after,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_asc:before,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_asc:after,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_desc:before,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_desc:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting:before,\ndiv.DTFC_RightBodyWrapper table thead .sorting:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting_asc:before,\ndiv.DTFC_RightBodyWrapper table thead .sorting_asc:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting_desc:before,\ndiv.DTFC_RightBodyWrapper table thead .sorting_desc:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting:before,\ndiv.DTFC_RightBodyWrapper table thead .sorting:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting_asc:before,\ndiv.DTFC_RightBodyWrapper table thead .sorting_asc:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting_desc:before,\ndiv.DTFC_RightBodyWrapper table thead .sorting_desc:after {\n display: none;\n}\ndiv.DTFC_LeftBodyWrapper table tbody tr:first-child th,\ndiv.DTFC_LeftBodyWrapper table tbody tr:first-child td,\ndiv.DTFC_RightBodyWrapper table tbody tr:first-child th,\ndiv.DTFC_RightBodyWrapper table tbody tr:first-child td {\n border-top: none;\n}\n\ndiv.DTFC_LeftFootWrapper table,\ndiv.DTFC_RightFootWrapper table {\n border-top: none;\n margin-top: 0 !important;\n background-color: white;\n}\n\ndiv.DTFC_Blocker {\n background-color: white;\n}\n\ntable.dataTable.table-striped.DTFC_Cloned tbody {\n background-color: white;\n}\n\ntable.dataTable.fixedHeader-floating,\ntable.dataTable.fixedHeader-locked {\n background-color: white;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n\ntable.dataTable.fixedHeader-floating {\n position: fixed !important;\n}\n\ntable.dataTable.fixedHeader-locked {\n position: absolute !important;\n}\n\n@media print {\n table.fixedHeader-floating {\n display: none;\n }\n}\n\ntable.dataTable tbody th.focus,\ntable.dataTable tbody td.focus {\n box-shadow: inset 0 0 1px 2px #0275d8;\n}\n\ndiv.dtk-focus-alt table.dataTable tbody th.focus,\ndiv.dtk-focus-alt table.dataTable tbody td.focus {\n box-shadow: inset 0 0 1px 2px #ff8b33;\n}\n\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.child,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > th.child,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {\n cursor: default !important;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {\n display: none !important;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > td.dtr-control,\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > th.dtr-control {\n position: relative;\n padding-left: 30px;\n cursor: pointer;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > td.dtr-control:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > th.dtr-control:before {\n top: 50%;\n left: 5px;\n height: 14px;\n width: 14px;\n margin-top: -9px;\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 text-indent: 0 !important;\n font-family: 'Courier New', Courier, monospace;\n line-height: 14px;\n content: '+';\n background-color: #0275d8;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {\n content: '-';\n background-color: #d33333;\n}\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {\n padding-left: 27px;\n}\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before,\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {\n left: 4px;\n height: 14px;\n width: 14px;\n border-radius: 14px;\n line-height: 14px;\n text-indent: 3px;\n}\ntable.dataTable.dtr-column > tbody > tr > td.control,\ntable.dataTable.dtr-column > tbody > tr > th.control {\n position: relative;\n cursor: pointer;\n}\ntable.dataTable.dtr-column > tbody > tr > td.control:before,\ntable.dataTable.dtr-column > tbody > tr > th.control: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 text-indent: 0 !important;\n font-family: 'Courier New', Courier, monospace;\n line-height: 14px;\n content: '+';\n background-color: #0275d8;\n}\ntable.dataTable.dtr-column > tbody > tr.parent td.control:before,\ntable.dataTable.dtr-column > tbody > tr.parent th.control:before {\n content: '-';\n background-color: #d33333;\n}\ntable.dataTable > tbody > tr.child {\n padding: 0.5em 1em;\n}\ntable.dataTable > tbody > tr.child:hover {\n background: transparent !important;\n}\ntable.dataTable > tbody > tr.child ul.dtr-details {\n display: inline-block;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\ntable.dataTable > tbody > tr.child ul.dtr-details > li {\n border-bottom: 1px solid #efefef;\n padding: 0.5em 0;\n}\ntable.dataTable > tbody > tr.child ul.dtr-details > li:first-child {\n padding-top: 0;\n}\ntable.dataTable > tbody > tr.child ul.dtr-details > li:last-child {\n border-bottom: none;\n}\ntable.dataTable > tbody > tr.child span.dtr-title {\n display: inline-block;\n min-width: 75px;\n font-weight: bold;\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}\ndiv.dtr-modal 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}\ndiv.dtr-modal div.dtr-modal-content {\n position: relative;\n padding: 1em;\n}\ndiv.dtr-modal 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}\ndiv.dtr-modal div.dtr-modal-close:hover {\n background-color: #eaeaea;\n}\ndiv.dtr-modal 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@media screen and (max-width: 767px) {\n div.dtr-modal div.dtr-modal-display {\n width: 95%;\n }\n}\ndiv.dtr-bs-modal table.table tr:first-child td {\n border-top: none;\n}\n\ntable.dataTable.dtr-inline.collapsed.table-sm > tbody > tr > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed.table-sm > tbody > tr > th:first-child:before {\n top: 5px;\n}\n\ntable.dataTable tr.dtrg-group td {\n background-color: #e0e0e0;\n}\n\ntable.dataTable tr.dtrg-group.dtrg-level-0 td {\n font-weight: bold;\n}\n\ntable.dataTable tr.dtrg-group.dtrg-level-1 td,\ntable.dataTable tr.dtrg-group.dtrg-level-2 td {\n background-color: #f0f0f0;\n padding-top: 0.25em;\n padding-bottom: 0.25em;\n padding-left: 2em;\n font-size: 0.9em;\n}\n\ntable.dataTable tr.dtrg-group.dtrg-level-2 td {\n background-color: #f3f3f3;\n}\n\ntable.dt-rowReorder-float {\n position: absolute !important;\n opacity: 0.8;\n table-layout: fixed;\n outline: 2px solid #0275d8;\n outline-offset: -2px;\n z-index: 2001;\n}\n\ntr.dt-rowReorder-moving {\n outline: 2px solid #888888;\n outline-offset: -2px;\n}\n\nbody.dt-rowReorder-noOverflow {\n overflow-x: hidden;\n}\n\ntable.dataTable td.reorder {\n text-align: center;\n cursor: move;\n}\n\ndiv.dts {\n display: block !important;\n}\ndiv.dts tbody th,\ndiv.dts tbody td {\n white-space: nowrap;\n}\ndiv.dts div.dts_loading {\n z-index: 1;\n}\ndiv.dts div.dts_label {\n position: absolute;\n right: 10px;\n background: rgba(0, 0, 0, 0.8);\n color: white;\n box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);\n text-align: right;\n border-radius: 3px;\n padding: 0.4em;\n z-index: 2;\n display: none;\n}\ndiv.dts div.dataTables_scrollBody {\n background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);\n}\ndiv.dts div.dataTables_scrollBody table {\n z-index: 2;\n}\ndiv.dts div.dataTables_paginate,\ndiv.dts div.dataTables_length {\n display: none;\n}\n\ndiv.DTS div.dataTables_scrollBody table {\n background-color: white;\n}\n\ntable.dataTable tbody > tr.selected,\ntable.dataTable tbody > tr > .selected {\n background-color: #0275d8;\n}\ntable.dataTable.stripe tbody > tr.odd.selected,\ntable.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected,\ntable.dataTable.display tbody > tr.odd > .selected {\n background-color: #0172d2;\n}\ntable.dataTable.hover tbody > tr.selected:hover,\ntable.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover,\ntable.dataTable.display tbody > tr > .selected:hover {\n background-color: #0170d0;\n}\ntable.dataTable.order-column tbody > tr.selected > .sorting_1,\ntable.dataTable.order-column tbody > tr.selected > .sorting_2,\ntable.dataTable.order-column tbody > tr.selected > .sorting_3,\ntable.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1,\ntable.dataTable.display tbody > tr.selected > .sorting_2,\ntable.dataTable.display tbody > tr.selected > .sorting_3,\ntable.dataTable.display tbody > tr > .selected {\n background-color: #0172d3;\n}\ntable.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {\n background-color: #016ecc;\n}\ntable.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {\n background-color: #016fcd;\n}\ntable.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {\n background-color: #0170cf;\n}\ntable.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {\n background-color: #0172d3;\n}\ntable.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {\n background-color: #0173d5;\n}\ntable.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {\n background-color: #0174d7;\n}\ntable.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {\n background-color: #016ecc;\n}\ntable.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {\n background-color: #0172d3;\n}\ntable.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {\n background-color: #016bc6;\n}\ntable.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {\n background-color: #016cc7;\n}\ntable.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {\n background-color: #016dca;\n}\ntable.dataTable.display tbody > tr:hover > .selected,\ntable.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected,\ntable.dataTable.order-column.hover tbody > tr > .selected:hover {\n background-color: #016bc6;\n}\ntable.dataTable tbody td.select-checkbox,\ntable.dataTable tbody th.select-checkbox {\n position: relative;\n}\ntable.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after,\ntable.dataTable tbody th.select-checkbox:before,\ntable.dataTable tbody th.select-checkbox:after {\n display: block;\n position: absolute;\n top: 1.2em;\n left: 50%;\n width: 12px;\n height: 12px;\n box-sizing: border-box;\n}\ntable.dataTable tbody td.select-checkbox:before,\ntable.dataTable tbody th.select-checkbox:before {\n content: ' ';\n margin-top: -6px;\n margin-left: -6px;\n border: 1px solid black;\n border-radius: 3px;\n}\ntable.dataTable tr.selected td.select-checkbox:after,\ntable.dataTable tr.selected th.select-checkbox:after {\n content: '\\2714';\n margin-top: -11px;\n margin-left: -4px;\n text-align: center;\n text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;\n}\n\ndiv.dataTables_wrapper span.select-info,\ndiv.dataTables_wrapper span.select-item {\n margin-left: 0.5em;\n}\n\n@media screen and (max-width: 640px) {\n div.dataTables_wrapper span.select-info,\n div.dataTables_wrapper span.select-item {\n margin-left: 0;\n display: block;\n }\n}\ntable.dataTable tbody tr.selected,\ntable.dataTable tbody th.selected,\ntable.dataTable tbody td.selected {\n color: white;\n}\ntable.dataTable tbody tr.selected a,\ntable.dataTable tbody th.selected a,\ntable.dataTable tbody td.selected a {\n color: #a2d4ed;\n}\n\n@import \"./src/scss/_modules/variables\";\r\n\r\ntable.dataTable > tbody > tr.child ul.dtr-details { width: 100% }\r\n\r\n.sorting_asc,\r\n.sorting_desc, \r\n.even .sorting_1 {\r\n\tbackground-color: rgba($primary-500, 0.03);\r\n}\r\n\r\n.odd .sorting_1 {\r\n\tbackground-color: rgba($primary-500, 0.04);\r\n}\r\n\r\n.table-dark {\r\n\t.sorting_asc,\r\n\t.sorting_desc, \r\n\t.even .sorting_1 {\r\n\t\tbackground-color: rgba($warning-500, 0.15);\r\n\t}\r\n\r\n\t.odd .sorting_1 {\r\n\t\tbackground-color: rgba($warning-500, 0.15);\r\n\t}\r\n}\r\n\r\n/* some idiot put \"important\" rule on the main css file now I have to put important here to override it... eghhh */\r\n/* I had to set it to 0 because auto fill cannot \"compute\" for the margin ... nice job Allan >.> */\r\ntable.dataTable {\r\n\tmargin-top: 0 !important;\r\n\tmargin-bottom: 1rem !important;\r\n}\r\n\r\n\r\ntable.dataTable.dtr-column > tbody > tr > td.control, \r\ntable.dataTable.dtr-column > tbody > tr > th.control {\r\n\tpadding-left: 30px;\r\n}\r\n\r\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > td:first-child:before, \r\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > th:first-child:before,\r\ntable.dataTable.dtr-column > tbody > tr > td.control:before, \r\ntable.dataTable.dtr-column > tbody > tr > th.control:before {\r\n\r\n\ttop: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\theight:100%;\r\n\twidth: 1rem;\r\n\tbox-shadow: none;\r\n\tborder-radius: 0;\r\n\tborder: 0;\r\n\tmargin: 0;\r\n\tbackground-color: $primary-500;\r\n}\r\n\r\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, \r\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,\r\ntable.dataTable.dtr-column > tbody > tr.parent td.control:before, \r\ntable.dataTable.dtr-column > tbody > tr.parent th.control:before {\r\n\tbackground-color: $success-500;\r\n}\r\n\r\ntable.dataTable thead .sorting:before,\r\ntable.dataTable thead .sorting_asc:before,\r\ntable.dataTable thead .sorting_desc:before,\r\ntable.dataTable thead .sorting_asc_disabled:before,\r\ntable.dataTable thead .sorting_desc_disabled:before {\r\n\tright: 1rem !important;\r\n\tcontent: \"\\f175\";\r\n\tfont-size: 14px;\r\n\tfont-family: 'Font Awesome 5 Pro';\r\n}\r\ntable.dataTable thead .sorting:after,\r\ntable.dataTable thead .sorting_asc:after,\r\ntable.dataTable thead .sorting_desc:after,\r\ntable.dataTable thead .sorting_asc_disabled:after,\r\ntable.dataTable thead .sorting_desc_disabled:after {\r\n\tright: 0.5rem !important;\r\n\tcontent: \"\\f176\";\r\n\tfont-size: 14px;\r\n\tfont-family: 'Font Awesome 5 Pro';\r\n}\r\n\r\n.dataTables_empty {\r\n\tcolor: $danger-500;\r\n\tfont-size: 2rem;\r\n\tpadding-top: 2.5rem !important;\r\n\tpadding-bottom: 2.5rem !important;\r\n}\r\n\r\n.dataTables_wrapper .dataTables_filter label {\r\n\tdisplay: inline-flex;\r\n}\r\n\r\n.dataTables_wrapper tr.child td.child {\r\n\tpadding: 0;\r\n\r\n\t.dtr-details {\r\n\t\tpadding: 1rem 1rem 1.5rem 1.95rem;\r\n\t\tposition: relative;\r\n\r\n\t\t&:before {\r\n\t\t\tcontent: \"\\f149\";\r\n\t\t\tfont-family: 'Font Awesome 5 Pro';\r\n\t\t\tcolor: $success-400;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 30px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -15px;\r\n\t\t\tright: 0px;\r\n\t\t\tfont-size: 1.2rem;\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 1rem;\r\n\t\t\tbackground: $success-200;\r\n\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n\tdiv.dataTables_wrapper div.dataTables_length,\r\n\tdiv.dataTables_wrapper div.dataTables_filter,\r\n\tdiv.dataTables_wrapper div.dataTables_info,\r\n\tdiv.dataTables_wrapper div.dataTables_paginate {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t}\r\n}\r\n\r\n\r\n//take out elipsis background during pagination\r\n.paginate_button.page-item.disabled .page-link {\r\n\tbackground: transparent;\r\n}\r\n\r\n.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\theight: 1.85rem;\r\n\tmin-width: 1.85rem;\r\n\tpadding: 0.5rem;\r\n\tfont-size: 0.825rem;\r\n\tline-height: 0.825rem;\r\n}\r\n\r\ndiv.dataTables_wrapper div.dataTables_filter {\r\n\ttext-align: inherit;\r\n}\r\n\r\n/* AutoFill */\r\ndiv.dt-autofill-list {\r\n\tborder-width: 0px;\r\n\tpadding: 1rem 0;\r\n\r\n\tbox-shadow: 0 0 20px 0 rgba($black, 0.2); \r\n\r\n\tdiv.dt-autofill-question,\r\n\tdiv.dt-autofill-button {\r\n\t\tborder-width: 0px;\r\n\t}\r\n\r\n\t.dt-autofill-button {\r\n\t\ttext-align: right !important;\r\n\t}\r\n}\r\n\r\ndiv.dt-autofill-background {\r\n\topacity: 0.2;\r\n\tbackground-color: $black;\r\n}\r\n\r\n.dt-autofill-question {\r\n\tpadding-left: 2rem !important;\r\n}\r\n\r\n.dt-autofill-button {\r\n\tpadding-right: 2rem !important;\r\n}\r\n\r\ndiv.dt-autofill-handle {\r\n\tbackground: $primary-500;\r\n\theight: 0.875rem;\r\n width: 0.875rem;\r\n}\r\n\r\ndiv.dt-autofill-select {\r\n background-color: $primary-500;\r\n}\r\n\r\n/* FixedColumns */\r\n.DTFC_LeftHeadWrapper,\r\n.DTFC_LeftBodyWrapper,\r\n.DTFC_LeftFootWrapper {\r\n\t\r\n\t&:before {\r\n\t\tcontent:\"\";\r\n\t\tposition:absolute;\r\n\t\tright:0px;\r\n\t\ttop:1px;\r\n\t\tbottom:0px;\r\n\t\twidth:1px;\r\n\t\tbackground: $danger-500;\r\n\t\tz-index: 1;\r\n \tbox-shadow: -4px 0px 4px rgba($black,0.4);\r\n\t}\r\n\r\n\ttable.table-bordered {\r\n\t\tborder-right-width: 0;\r\n\t}\r\n\r\n}\r\n\r\n/* KeyTable */\r\ntable.dataTable tbody th.focus, \r\ntable.dataTable tbody td.focus {\r\n box-shadow: inset 0 0 0px 1px $primary-500;\r\n background: rgba($primary-500, 0.1);\r\n font-weight: 500;\r\n}\r\n\r\n/* RowGroup */\r\ntable.dataTable tr.dtrg-group td {\r\n\tbackground: transparent;\r\n\tfont-size: 1rem;\r\n font-weight: 400;\t\r\n padding-top: 1.25rem;\r\n}\r\n\r\ntable.dataTable.table-sm tr.dtrg-group td {\r\n\tpadding-top: 1rem;\r\n}\r\n\r\ntable.dataTable:not(.table-dark) tr.dtrg-group td {\r\n\tbackground: $white;\r\n}\r\n\r\n/* FixedHeader */\r\ntable.dataTable.fixedHeader-floating {\r\n\topacity: 0.9;\r\n}\r\n\r\n/* RowReorder */\r\ntable.dataTable td.reorder {\r\n\ttext-align: inherit;\r\n}\r\n\r\ntr.dt-rowReorder-moving {\r\n outline: 2px solid $success-500;\r\n outline-offset: -2px; }\r\n\r\ntable.dt-rowReorder-float {\r\n outline: 2px solid $primary-500;\r\n outline-offset: -2px; } \r\n\r\n\r\n/* w-100 bug for some tables */\r\n.DTCR_clonedTable.w-100,\r\n.dt-rowReorder-float.w-100,\r\n.fixedHeader-floating.w-100 {\r\n\twidth: inherit !important;\r\n}\r\n\r\n/* fix z-index for processing message */\r\n.dataTables_processing {\r\n\tz-index: 2;\r\n}\r\n\r\n/* Select */\r\ntable.dataTable {\r\n\r\n\t&.table-bordered {\r\n\t\t.selected {\r\n\t\t\ttd {\r\n\t\t\t\tborder-color: rgba($black,0.1);\r\n\t\t\t}\r\n\t\t}\r\n\t\ttd.selected {\r\n\t\t\tborder-color: rgba($black,0.1);\r\n\t\t}\r\n\t}\r\n\r\n\ttbody {\r\n\t\t> tr.selected, \r\n\t\t> tr > .selected {\r\n\t\t\tbox-shadow: inset 0 0 0px 1px $primary-500;\r\n\t\t\tbackground: rgba($primary-500, 0.1);\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: inherit;\r\n\t\t}\r\n\t}\r\n\r\n\t\t\r\n}\r\n\r\n\r\n/* hack */\r\ndiv.dt-button-collection {\r\n\tleft: 0px !important;\r\n //right: auto !important;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* We will manually convert these primary colors to rgb for the dark mode option of the theme */\r\n$rgb-primary:\t\t\t\t\t\thexToRGBString($color-primary) !default;\r\n$rgb-success:\t\t\t\t\t\thexToRGBString($color-success) !default;\r\n$rgb-info:\t\t\t\t\t\t\thexToRGBString($color-info) !default;\r\n$rgb-warning:\t\t\t\t\t\thexToRGBString($color-warning) !default;\r\n$rgb-danger:\t\t\t\t\t\thexToRGBString($color-danger) !default;\r\n$rgb-fusion:\t\t\t\t\t\thexToRGBString($color-fusion) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"rgb-primary\":\t\t\t\t\t$rgb-primary,\r\n\t\"rgb-success\":\t\t\t\t\t$rgb-success,\r\n\t\"rgb-info\":\t\t\t\t\t\t$rgb-info,\r\n\t\"rgb-warning\":\t\t\t\t\t$rgb-warning,\r\n\t\"rgb-danger\":\t\t\t\t\t$rgb-danger,\r\n\t\"rgb-fusion\":\t\t\t\t\t$rgb-fusion,\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n//$mobile-font-size:\t\t\t\t\t\t15px; \t /* bigger fontsize for mobile screens */\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n$custom-control-indicator-checked-disabled-bg:\t\t$primary-100;\r\n\r\n$custom-control-indicator-active-bg:\t\t\t\t$primary-100; \r\n$custom-control-indicator-active-border-color:\t\t$primary-100;\r\n$custom-control-indicator-active-color:\t\t\t\t$primary-100;\r\n\r\n$custom-control-indicator-focus-border-color:\t\t$primary-400;\r\n$custom-select-focus-border-color:\t\t\t\t\t$primary-500;\r\n\r\n$custom-checkbox-indicator-indeterminate-border-color: $primary-500;\r\n$custom-checkbox-indicator-indeterminate-bg: $primary-500;\r\n\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n/* custom file */\r\n$custom-file-focus-border-color:\t\t$primary-500;\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n//$modal-lg:\t\t\t\t\t\t\t\t650px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\t28px !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\t28px !default; \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t /* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav footer */\r\n$nav-footer-link-color:\t\t\t\t\tlighten($nav-background, 25%) !default;\r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n\r\n/* nav link level-1 */\r\n$nav-link-color-child: \t\t\t\t\tdarken($nav-link-color, 5%);\r\n$nav-link-color-child-hover:\t\t\t$white;\r\n\r\n/* nav level-1 bg */\r\n$nav-ul-ul-bg:\t\t\t\t\t\t\trgba($black,0.1);\r\n$nav-ul-padding-top:\t\t\t\t\t10px;\r\n$nav-ul-padding-bottom:\t\t\t\t\t10px;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\tvar(--theme-warning-900) !default;\r\n$settings-incompat-desc:\t\t\t\tvar(--theme-warning-900) !default;\r\n$settings-incompat-bg:\t\t\t\t\tvar(--theme-warning-50) !default;\r\n$settings-incompat-border:\t\t\t\tvar(--theme-warning-700) !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n$panel-btn-icon-width:\t\t\t\t\t2rem;\r\n$panel-btn-icon-height:\t\t\t\t\t2rem;\r\n$panel-btn-icon-font-size:\t\t\t\t1rem;\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;\r\n\r\n/* SHORTCUT BUTTON (appears on bottom right of the page) */\r\n$app-shortcut-btn-size: 49px;\r\n$menu-item-size: 45px;\r\n$menu-items:5;\r\n$menu-grid-icon: 5px;\r\n$menu-item-direction: 'top'; //top or left\r\n\r\n\r\n/* GULP WARNINGS */\r\n$ignore-warning: true;"]} \ No newline at end of file diff --git a/Frontend/css/page-login-alt.css b/Frontend/css/page-login-alt.css new file mode 100644 index 0000000..af20bf1 --- /dev/null +++ b/Frontend/css/page-login-alt.css @@ -0,0 +1,467 @@ +/* Theme IMPORTS +========================================================================== */ +/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins +========================================================================== */ +/*--------------------------------------------------- + SASS ELements (based on LESS Elements 0.9 http://lesselements.com) + -------------------------------- ------------------- + LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) + SASS port by Samuel Beek (http://samuelbeek.com) + ---------------------------------------------------*/ +/*------------------------ + Usage + + $color-white: hexToRGBString(#fff) => "255,255,255" + $color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255" + $color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255" + +------------------------*/ +/*------------------------ + Usage + + h1 { + font-size: rem(32); + } + + OR: + + h1 { + font-size: rem(32px); + } +------------------------*/ +/*------------------------ + FADE IN + e.g. @include fadeIn( 2s ); +------------------------*/ +/*------------------------ +mixin that calculates if text needs to be light or dark +depending on the background color passed. + +From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast + +usage: +@include text-contrast($bgcolor) + +Color brightness is determined by the following formula: +((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 +------------------------*/ +/*------------------------ + color factory + eg: contrast-ink($contrastvalue) +------------------------*/ +/*------------------------ + color factory + eg: @include paint($blue-grey-50, bg-blue-grey-50); +------------------------*/ +/* backface visibility */ +/* generate theme button */ +/* #BASE - Base Variable file along with font library, and colors. +========================================================================== */ +/* THEME COLORs +========================================================================== */ +/* Looks good on chrome default color profile */ +/* We will manually convert these primary colors to rgb for the dark mode option of the theme */ +/* looks good in sRGB but washed up on chrome default +$color-primary: #826bb0; +$color-success: #31cb55; +$color-info: #5e93ec; +$color-warning: #eec559; +$color-danger: #dc4b92; +$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ +/* Color Polarity +========================================================================== */ +/* PAINTBUCKET MIXER +========================================================================== */ +/* the grays */ +/* the sapphires */ +/* the emeralds */ +/* the amethyths */ +/* the topaz */ +/* the rubies */ +/* the graphites */ +/* Define universal border difition (div outlines, etc) +========================================================================== */ +/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) +========================================================================== */ +/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ +/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ +/* global var used for spacing*/ +/* Uniform Padding variable */ +/* Heads up! This is a global scoped variable - changing may impact the whole template */ +/* BOOTSTRAP OVERRIDES (bootstrap variables) +========================================================================== */ +/* usage: theme-colors("primary"); */ +/* forms */ +/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ +/* links */ +/* checkbox */ +/*$custom-file-height-inner: calc(2.25rem - 1px);*/ +/* not part of bootstrap variable */ +/* custom checkbox */ +/* custom range */ +/* custom file */ +/* badge */ +/* cards */ +/*border radius*/ +/* alert */ +/* toast */ +/* breadcrumb */ +/* input button */ +/* nav link */ +/* nav, tabs, pills */ +/* tables */ +/* dropdowns */ +/* dropdowns sizes */ +/* popovers */ +/* tooltips */ +/* modal */ +/* reference guide +http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ +8px = 0.5rem +9px = 0.5625rem +10px = 0.625rem +11px = 0.6875rem +12px = 0.75rem +13px = 0.8125rem +14px = 0.875rem +15px = 0.9375rem +16px = 1rem (base) +17px = 1.0625rem +18px = 1.125rem +19px = 1.1875rem +20px = 1.25rem +21px = 1.3125rem +22px = 1.375rem +24px = 1.5rem +25px = 1.5625rem +26px = 1.625rem +28px = 1.75rem +30px = 1.875rem +32px = 2rem +34px = 2.125rem +36px = 2.25rem +38px = 2.375rem +40px = 2.5rem +*/ +/* Fonts */ +/* carousel */ +/* BASE VARS +========================================================================== */ +/* font vars below will auto change to rem values using function rem($value)*/ +/* 11px */ +/* 12px */ +/* 12.5px */ +/* 14px */ +/* 15px */ +/* 16px */ +/* 28px */ +/* Font Family +========================================================================== */ +/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ +/* ANIMATIONS +========================================================================== */ +/* this addresses all animation related to nav hide to nav minify */ +/* Z-INDEX declearation +========================================================================== */ +/* we adjust bootstrap z-index to be higher than our higest z-index*/ +/* CUSTOM ICON PREFIX +========================================================================== */ +/* PRINT CSS (landscape or portrait) +========================================================================== */ +/* landscape or portrait */ +/* auto, letter */ +/* Common Element Variables +========================================================================== */ +/* Z-index decleartion "birds eye view" +========================================================================== */ +/* Components +========================================================================== */ +/* PAGE HEADER STUFF +========================================================================== */ +/* colors */ +/* height */ +/* logo */ +/* try not to go beywond the width of $main_nav_width value */ +/* you may need to change this depending on your logo design */ +/* adjust this as you see fit : left, right, center */ +/* icon font size (not button) */ +/* search input box */ +/* suggestion: #ccced0*/ +/* btn */ +/* dropdown: app list */ +/* badge */ +/* COMPONENTS & MODS */ +/* NAVIGATION STUFF + +Guide: + +aside.page-sidebar ($nav-width, $nav-background) + .page-logo + .primary-nav + .info-card + ul.nav-menu + li + a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) + icon + span + collapse-sign + + ul.nav-menu-sub-one + li + a ($nav-level-1... $nav-sub-link-height) + span + collapse-sign + + ul.nav-menu-sub-two + li + a ($nav-level-2... $nav-sub-link-height) + span + + p.nav-title ($nav-title-*...) + + +========================================================================== */ +/* main navigation */ +/* left panel */ +/* nav footer */ +/* nav parent level-0 */ +/* nav link level-1 */ +/* nav level-1 bg */ +/* nav icon sizes */ +/* badge default */ +/* all child */ +/* nav title */ +/* nav Minify */ +/* when the menu pops on hover */ +/* navigation Width */ +/* partial visibility of the menu */ +/* top navigation */ +/* nav Info Card (appears below the logo) */ +/* width is auto */ +/* nav DL labels for all child */ +/* will be pulled to left as a negative value */ +/* MISC Settings +========================================================================== */ +/* List Table */ +/* PAGE SETTINGS +========================================================================== */ +/* PAGE BREADCRUMB +========================================================================== */ +/* PAGE COMPONENT PANELS +========================================================================== */ +/* PAGE COMPONENT PROGRESSBARS +========================================================================== */ +/* PAGE COMPONENT MESSENGER +========================================================================== */ +/* FOOTER +========================================================================== */ +/* GLOBALS +========================================================================== */ +/* ACCESSIBILITIES */ +/* SHORTCUT BUTTON (appears on bottom right of the page) */ +/* GULP WARNINGS */ +@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900"); +body { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; + font-size: 0.8125rem; + letter-spacing: 0.1px; } + +.page-content { + color: #666666; } + +h1, h2, h3, h4, h5, h6 { + line-height: 1.3; + font-weight: 400; } + +strong { + font-weight: 500; } + +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small { + font-weight: 300; + display: block; + font-size: 0.9375rem; + line-height: 1.5; + margin: 2px 0 1.5rem; } + +h2 small, +h3 small, +.h2 small, +.h3 small { + font-size: 0.9375rem; } + +h4 small, +.h4 small { + font-size: 0.875rem; } + +h5 small, +h6 small, +.h5 small, +.h6 small { + font-size: 0.8125rem; } + +/* contrast text */ +.text-contrast { + color: #333333; } + +/* text-gradient */ +.text-gradient { + background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); + background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); + color: #886ab5; + background-clip: text; + text-fill-color: transparent; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-shadow: none; } + +/* looking for font size? Check _helpers.scss */ +/* PLACEHOLDER +============================================= + +EXAMPLE: + +%bg-image { + width: 100%; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +.image-one { + @extend %bg-image; + background-image:url(/img/image-one.jpg"); +} + +RESULT: + +.image-one, .image-two { + width: 100%; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +*/ +/* +%shadow-hover { + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); + transition: all 0.2s ease-in-out; + + &:hover { + box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); + } +} +*/ +/*%fixed-header-shadow { + @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1)); +}*/ +/* %selected-dot { + &:before { + content: " "; + display: block; + border-radius: 50%; + background: inherit; + background-image: none; + border: 2px solid rgba(0,0,0,0.2); + position: absolute; + top: 15px; + left: 15px; + height: 20px; + width: 20px; + } + &:after { + content: " "; + height: inherit; + width: inherit; + border: 5px solid rgba(0,0,0,0.1); + position: absolute; + left: 0; + top: 0; + border-radius: 50%; + } + }*/ +/* patterns */ +/* Page Layout Starts below... +========================================================================== */ +html, +body { + height: 100%; + width: 100%; + overflow: hidden; } + +html body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + min-height: 100%; + background: url("../img/clouds.png") no-repeat; + /* NEW*/ } + html body .blankpage-logo { + padding: 20px 0 30px; } + html body .blankpage-form-field { + width: 320px; } + html body .blankpage-form-field .card { + margin: 0; + padding: 13.5px 20px 15.5px; + -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } + html body .blankpage-form-field .blankpage-btn { + font-size: 1rem; + font-weight: 400; + padding: 10px 15px; + margin: 10px 0 5px; } + html body .blankpage-footer { + padding: 10px 0; + font-size: 0.75rem; + color: #73579d; } + html body .login-footer { + position: absolute; + top: 0; + left: 0; + right: 0; + color: rgba(255, 255, 255, 0.9); + font-size: 0.6875rem; + text-align: center; } + html body video { + position: fixed; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + z-index: -100; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + background: url("../img/clouds.png") no-repeat; + background-size: cover; + -webkit-transition: 1s opacity; + transition: 1s opacity; } + @media screen and (max-device-width: 800px) { + html body html { + background: url("../img/clouds.png") #FFF no-repeat center center fixed; } + html body #bgvid { + display: none; } } + +/*# sourceMappingURL=page-login-alt.css.map */ diff --git a/Frontend/css/page-login-alt.css.map b/Frontend/css/page-login-alt.css.map new file mode 100644 index 0000000..0c25a5e --- /dev/null +++ b/Frontend/css/page-login-alt.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["page-login-alt.css","../../../scss/_imports/_global-import.scss","../../../scss/_mixins/mixins.scss","../../../scss/_modules/variables.scss","../../../scss/_modules/_fonts.scss","../../../scss/_modules/_placeholders.scss"],"names":[],"mappings":"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","file":"page-login-alt.css","sourcesContent":["/* Theme IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_global-import';\r\n\r\n/* Page Layout Starts below...\r\n========================================================================== */\r\n\r\nhtml,\r\nbody {\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\toverflow:hidden;\r\n}\r\n\r\nhtml {\r\n\tbody {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column-reverse;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tmin-height: 100%;\r\n\t\tbackground: url('../img/clouds.png') no-repeat;\r\n\r\n\t\t.blankpage-logo {\r\n\t\t\tpadding: 20px 0 30px;\r\n\t\t}\r\n\r\n\t\t.blankpage-form-field {\r\n\t\t\t\r\n\t\t\twidth:320px;\r\n\t\t\t\r\n\r\n\t\t\t.card {\r\n\t\t\t\tmargin:0;\r\n\t\t\t\tpadding: 13.5px 20px 15.5px;\r\n\t\t\t\tbox-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n\t\t\t}\r\n\r\n\t\t\t.blankpage-btn {\r\n\t\t\t\tfont-size: rem($fs-xl);\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tpadding:10px 15px;\r\n\t\t\t\tmargin:10px 0 5px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.blankpage-footer {\r\n\t\t\tpadding: 10px 0;\r\n\t\t\tfont-size: rem($fs-xs);\r\n\t\t\tcolor: darken($page-bg, 50%);\r\n\t\t}\r\n\r\n\t\t.login-footer {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop:0;\r\n\t\t\tleft:0;\r\n\t\t\tright:0;\r\n\t\t\tcolor: rgba(255,255,255,0.9);\r\n\t\t\tfont-size: rem($fs-nano);\r\n\t\t\ttext-align:center;\r\n\r\n\t\t}\r\n\r\n\r\n\t\t/* NEW*/\r\n\t\tvideo { \r\n\t\t\tposition: fixed;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\tmin-width: 100%;\r\n\t\t\tmin-height: 100%;\r\n\t\t\twidth: auto;\r\n\t\t\theight: auto;\r\n\t\t\tz-index: -100;\r\n\t\t\ttransform: translateX(-50%) translateY(-50%);\r\n\t\t\tbackground: url('../img/clouds.png') no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t\ttransition: 1s opacity;\r\n\t\t}\r\n\r\n\t\t@media screen and (max-device-width: 800px) {\r\n\t\t\thtml { background: url(\"../img/clouds.png\") #FFF no-repeat center center fixed; }\r\n\t\t\t#bgvid { display: none; }\r\n\t\t}\r\n\r\n\t}\r\n}\r\n","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//return rgb value \r\n/*------------------------\r\n Usage\r\n\r\n $color-white: hexToRGBString(#fff) => \"255,255,255\"\r\n $color-white: hexToRGBString(rgb(255,255,255)) => \"255,255,255\"\r\n $color-white: hexToRGBString(rgba(#fff,1)) => \"255,255,255\"\r\n \r\n------------------------*/\r\n@function hexToRGBString($hexColor) {\r\n @return \"#{red($hexColor)},#{green($hexColor)},#{blue($hexColor)}\";\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: contrast-ink($contrastvalue)\r\n------------------------*/\r\n\r\n@function contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n @return #ffffff;\r\n }\r\n\r\n @else {\r\n @return #000000;\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* We will manually convert these primary colors to rgb for the dark mode option of the theme */\r\n$rgb-primary:\t\t\t\t\t\thexToRGBString($color-primary) !default;\r\n$rgb-success:\t\t\t\t\t\thexToRGBString($color-success) !default;\r\n$rgb-info:\t\t\t\t\t\t\thexToRGBString($color-info) !default;\r\n$rgb-warning:\t\t\t\t\t\thexToRGBString($color-warning) !default;\r\n$rgb-danger:\t\t\t\t\t\thexToRGBString($color-danger) !default;\r\n$rgb-fusion:\t\t\t\t\t\thexToRGBString($color-fusion) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"rgb-primary\":\t\t\t\t\t$rgb-primary,\r\n\t\"rgb-success\":\t\t\t\t\t$rgb-success,\r\n\t\"rgb-info\":\t\t\t\t\t\t$rgb-info,\r\n\t\"rgb-warning\":\t\t\t\t\t$rgb-warning,\r\n\t\"rgb-danger\":\t\t\t\t\t$rgb-danger,\r\n\t\"rgb-fusion\":\t\t\t\t\t$rgb-fusion,\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n//$mobile-font-size:\t\t\t\t\t\t15px; \t /* bigger fontsize for mobile screens */\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n$custom-control-indicator-checked-disabled-bg:\t\t$primary-100;\r\n\r\n$custom-control-indicator-active-bg:\t\t\t\t$primary-100; \r\n$custom-control-indicator-active-border-color:\t\t$primary-100;\r\n$custom-control-indicator-active-color:\t\t\t\t$primary-100;\r\n\r\n$custom-control-indicator-focus-border-color:\t\t$primary-400;\r\n$custom-select-focus-border-color:\t\t\t\t\t$primary-500;\r\n\r\n$custom-checkbox-indicator-indeterminate-border-color: $primary-500;\r\n$custom-checkbox-indicator-indeterminate-bg: $primary-500;\r\n\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n/* custom file */\r\n$custom-file-focus-border-color:\t\t$primary-500;\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n//$modal-lg:\t\t\t\t\t\t\t\t650px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\t28px !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\t28px !default; \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t /* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav footer */\r\n$nav-footer-link-color:\t\t\t\t\tlighten($nav-background, 25%) !default;\r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n\r\n/* nav link level-1 */\r\n$nav-link-color-child: \t\t\t\t\tdarken($nav-link-color, 5%);\r\n$nav-link-color-child-hover:\t\t\t$white;\r\n\r\n/* nav level-1 bg */\r\n$nav-ul-ul-bg:\t\t\t\t\t\t\trgba($black,0.1);\r\n$nav-ul-padding-top:\t\t\t\t\t10px;\r\n$nav-ul-padding-bottom:\t\t\t\t\t10px;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\tvar(--theme-warning-900) !default;\r\n$settings-incompat-desc:\t\t\t\tvar(--theme-warning-900) !default;\r\n$settings-incompat-bg:\t\t\t\t\tvar(--theme-warning-50) !default;\r\n$settings-incompat-border:\t\t\t\tvar(--theme-warning-700) !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n$panel-btn-icon-width:\t\t\t\t\t2rem;\r\n$panel-btn-icon-height:\t\t\t\t\t2rem;\r\n$panel-btn-icon-font-size:\t\t\t\t1rem;\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;\r\n\r\n/* SHORTCUT BUTTON (appears on bottom right of the page) */\r\n$app-shortcut-btn-size: 49px;\r\n$menu-item-size: 45px;\r\n$menu-items:5;\r\n$menu-grid-icon: 5px;\r\n$menu-item-direction: 'top'; //top or left\r\n\r\n\r\n/* GULP WARNINGS */\r\n$ignore-warning: true;","@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: #da9400;\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: #da9400;\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $warning-500;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n"]} \ No newline at end of file diff --git a/Frontend/css/skins/skin-master.css b/Frontend/css/skins/skin-master.css new file mode 100644 index 0000000..e839912 --- /dev/null +++ b/Frontend/css/skins/skin-master.css @@ -0,0 +1,1112 @@ +#skin-default, +#skin-light, +#skin-dark { + position: relative; } + #skin-default:hover, + #skin-light:hover, + #skin-dark:hover { + opacity: 0.8; + cursor: pointer; } + #skin-default:before, + #skin-light:before, + #skin-dark:before { + font-family: 'Font Awesome 5 Pro'; + content: "\f058"; + font-size: 3rem; + position: absolute; + display: none; + width: 100%; + height: 100%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0.75rem; + padding-top: 0.25rem; + color: var(--success-500); } + +body:not(.mod-skin-light):not(.mod-skin-dark) #skin-default:before { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + +/* #LIGHT MODE +========================================================================== */ +.mod-skin-light:not(.mod-skin-dark) #skin-light:before { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + +.mod-skin-light:not(.mod-skin-dark) .page-content-wrapper { + background-color: #f9f9f9; } + +.mod-skin-light:not(.mod-skin-dark) .nav-filter input[type="text"] { + background: #ffffff; + color: #333333; + color: var(--theme-fusion-500); } + .mod-skin-light:not(.mod-skin-dark) .nav-filter input[type="text"]:focus { + border-color: #333333; + color: var(--theme-primary-500); } + +.mod-skin-light:not(.mod-skin-dark) .page-sidebar { + -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07); + box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07); } + +.mod-skin-light:not(.mod-skin-dark).mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before { + border-left: 1px dashed #cecece; } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card { + color: #333333; } + .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card .text-white { + color: #333333 !important; + text-shadow: none; } + .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card img.cover { + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + opacity: 0.25; } + .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card .info-card-text > span { + color: #333333; + text-shadow: none; } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li ul { + background: #ffffff; } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { + color: #ffffff; } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li a { + color: rgba(0, 0, 0, 0.8); + color: var(--theme-primary-700); } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-sidebar, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-footer { + background-image: none; } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-header { + border-bottom: 1px solid #eaeaea; + -webkit-box-shadow: none; + box-shadow: none; } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul li.active > a { + color: rgba(0, 0, 0, 0.8); + color: var(--theme-fusion-500); } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a { + color: rgba(0, 0, 0, 0.8); + color: var(--theme-fusion-500); } + .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a:focus { + color: rgba(0, 0, 0, 0.8); + color: var(--theme-fusion-500); } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li a { + color: rgba(0, 0, 0, 0.8); + color: var(--theme-fusion-500); } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li.active > a { + color: rgba(0, 0, 0, 0.8); + color: var(--theme-fusion-500); + font-weight: 500; } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul { + background-color: rgba(0, 0, 0, 0.03); } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a > [class*='fa-'], .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a > .ni { + color: var(--theme-primary-700); } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul li a:hover { + color: var(--theme-fusion-500); } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu .nav-title { + color: rgba(0, 0, 0, 0.6); + color: var(--theme-fusion-50); } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo-text { + color: #333333; } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-sidebar, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-footer { + background: #ffffff; } + +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth, +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-inner, +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-inner, +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-content-wrapper > div, +.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-content-wrapper > div { + background: #ffffff; } + .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .text-white, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .text-white, + .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-inner .text-white, + .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-inner .text-white, + .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-content-wrapper > div .text-white, + .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-content-wrapper > div .text-white { + color: #000 !important; } + +@media (min-width: 992px) { + .mod-skin-light.nav-function-minify:not(.nav-function-top):not(.mod-nav-dark) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a { + background: inherit !important; + color: inherit !important; } + .mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { + background-color: #ffffff !important; } + .mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { + color: #ffffff !important; } + .mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { + color: inherit !important; } + .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header { + background: #ffffff; } + .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .badge.badge-icon { + -webkit-box-shadow: 0 0 0 1px #ffffff; + box-shadow: 0 0 0 1px #ffffff; } + .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .header-icon:not(.btn) > .ni:first-child:hover { + color: #333333 !important; } + .mod-skin-light.nav-function-top:not(.mod-nav-dark) #search-field { + color: #333333; } } + +/* #DARK MODE +========================================================================== */ +.mod-skin-dark:not(.mod-skin-light) { + background-color: #303133; + color: #a5abb1; + /* accordion */ + /* modal */ + /*//pagination +.page-link { + color: #ffffff; + background-color: #37393e; + + &:hover { + + } +}*/ + /* placeholder */ + /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ } + .mod-skin-dark:not(.mod-skin-light) #skin-dark:before { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + .mod-skin-dark:not(.mod-skin-light) .accordion .card .card-header .card-title { + color: rgba(255, 255, 255, 0.85); } + .mod-skin-dark:not(.mod-skin-light) .accordion.accordion-clean .card { + background-color: transparent; } + .mod-skin-dark:not(.mod-skin-light) .accordion.accordion-clean .card-header { + background: transparent; } + .mod-skin-dark:not(.mod-skin-light) .alert-primary, + .mod-skin-dark:not(.mod-skin-light) .alert-sucess, + .mod-skin-dark:not(.mod-skin-light) .alert-danger .alert-warning, + .mod-skin-dark:not(.mod-skin-light) .alert-info .alert-secondary { + background-color: rgba(255, 255, 255, 0.06); + border-color: rgba(255, 255, 255, 0.09); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .alert-primary { + color: #ffffff; + color: var(--theme-primary-100); + background-color: rgba(136, 106, 181, 0.2); + background-color: rgba(var(--theme-rgb-primary), 0.2); + border-color: rgba(136, 106, 181, 0.6); + border-color: rgba(var(--theme-rgb-primary), 0.6); } + .mod-skin-dark:not(.mod-skin-light) .alert-success { + color: #ffffff; + color: var(--theme-success-100); + background-color: rgba(29, 201, 183, 0.2); + background-color: rgba(var(--theme-rgb-success), 0.2); + border-color: rgba(29, 201, 183, 0.6); + border-color: rgba(var(--theme-rgb-success), 0.6); } + .mod-skin-dark:not(.mod-skin-light) .alert-danger { + color: #ffffff; + color: var(--theme-danger-100); + background-color: rgba(253, 57, 149, 0.2); + background-color: rgba(var(--theme-rgb-danger), 0.2); + border-color: rgba(253, 57, 149, 0.6); + border-color: rgba(var(--theme-rgb-danger), 0.6); } + .mod-skin-dark:not(.mod-skin-light) .alert-warning { + color: #ffffff; + color: var(--theme-warning-100); + background-color: rgba(255, 194, 65, 0.2); + background-color: rgba(var(--theme-rgb-warning), 0.2); + border-color: rgba(255, 194, 65, 0.6); + border-color: rgba(var(--theme-rgb-warning), 0.6); } + .mod-skin-dark:not(.mod-skin-light) .alert-info { + color: #ffffff; + color: var(--theme-info-100); + background-color: rgba(33, 150, 243, 0.2); + background-color: rgba(var(--theme-rgb-info), 0.2); + border-color: rgba(33, 150, 243, 0.6); + border-color: rgba(var(--theme-rgb-info), 0.6); } + .mod-skin-dark:not(.mod-skin-light) .alert-secondary { + color: #ffffff; + color: var(--theme-white); + background-color: rgba(80, 80, 80, 0.2); + background-color: rgba(var(--theme-rgb-fusion), 0.2); + border-color: rgba(80, 80, 80, 0.6); + border-color: rgba(var(--theme-rgb-fusion), 0.6); } + .mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt, .mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth, + .mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth .page-inner, + .mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt .page-inner, + .mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth .page-content-wrapper > div, + .mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt .page-content-wrapper > div { + background: #37393e; } + .mod-skin-dark:not(.mod-skin-light) .border:not(.border-primary):not(.tab-content):not(.border-secondary):not(.border-success):not(.border-danger):not(.border-warning):not(.border-info):not(.border-light):not(.border-dark):not(.border-white) { + border-color: rgba(0, 0, 0, 0.15) !important; } + .mod-skin-dark:not(.mod-skin-light) .border-top { + border-top: 1px solid rgba(0, 0, 0, 0.15) !important; } + .mod-skin-dark:not(.mod-skin-light) .border-right { + border-right: 1px solid rgba(0, 0, 0, 0.15) !important; } + .mod-skin-dark:not(.mod-skin-light) .border-bottom { + border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; } + .mod-skin-dark:not(.mod-skin-light) .border-left { + border-left: 1px solid rgba(0, 0, 0, 0.15) !important; } + .mod-skin-dark:not(.mod-skin-light) .border-faded { + border-color: rgba(0, 0, 0, 0.15) !important; } + .mod-skin-dark:not(.mod-skin-light) .breadcrumb:not(.breadcrumb-arrow):not(.page-breadcrumb):not([class*="bg-"]) { + background: #242528; } + .mod-skin-dark:not(.mod-skin-light) .breadcrumb-arrow li a { + color: #ffffff !important; } + .mod-skin-dark:not(.mod-skin-light) .btn.btn-panel.bg-transparent { + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .btn-light { + -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); + border-color: rgba(0, 0, 0, 0.35); } + .mod-skin-dark:not(.mod-skin-light) .btn-outline-dark { + color: #989898; + border-color: #000000; } + .mod-skin-dark:not(.mod-skin-light) .btn-outline-default { + background-color: #37393e; + color: #c5c5c5; + border-color: #1d1f23; } + .mod-skin-dark:not(.mod-skin-light) .btn-default { + background: #5e646b; + color: #cccccc; + border-color: transparent; } + .mod-skin-dark:not(.mod-skin-light) .btn-default:hover { + border-color: transparent; + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .btn-default:focus { + border-color: #a5abb1 !important; } + .mod-skin-dark:not(.mod-skin-light) .btn-default.active { + background: rgba(var(--theme-rgb-primary), 0.85); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):not(.active):not(:active):not(:hover) { + color: #a5abb1 !important; } + .mod-skin-dark:not(.mod-skin-light) .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):hover { + color: #c0c5c9 !important; + background: rgba(255, 255, 255, 0.1); } + .mod-skin-dark:not(.mod-skin-light) .chat-segment-get .chat-message { + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.8); } + .mod-skin-dark:not(.mod-skin-light) .chat-segment-sent .chat-message { + background: rgba(29, 201, 183, 0.35); + background: rgba(var(--theme-rgb-success), 0.35); } + .mod-skin-dark:not(.mod-skin-light) .msgr-list + .msgr:before { + background: rgba(0, 0, 0, 0.5); } + .mod-skin-dark:not(.mod-skin-light) .time-stamp { + color: #bdbdbd; } + .mod-skin-dark:not(.mod-skin-light) .page-content-wrapper a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.navbar-brand):not(.card-title):not([class*="fc-"]):not([class*="text-"]):not(.btn-search-close), + .mod-skin-dark:not(.mod-skin-light) .modal-body a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link):not(.navbar-brand):not(.card-title) { + color: #ffffff; + color: var(--theme-primary-200); } + .mod-skin-dark:not(.mod-skin-light) .text-success { + color: var(--theme-success-300) !important; } + .mod-skin-dark:not(.mod-skin-light) .text-danger { + color: var(--theme-danger-300) !important; } + .mod-skin-dark:not(.mod-skin-light) .text-warning { + color: var(--theme-warning-300) !important; } + .mod-skin-dark:not(.mod-skin-light) .text-info { + color: var(--theme-info-300) !important; } + .mod-skin-dark:not(.mod-skin-light) .text-dark { + color: rgba(255, 255, 255, 0.75) !important; } + .mod-skin-dark:not(.mod-skin-light) .text-muted { + color: rgba(255, 255, 255, 0.8) !important; } + .mod-skin-dark:not(.mod-skin-light) .text-contrast { + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .text-secondary { + color: rgba(255, 255, 255, 0.9) !important; } + .mod-skin-dark:not(.mod-skin-light) .text-primary { + color: #ffffff; + color: var(--theme-primary-300) !important; } + .mod-skin-dark:not(.mod-skin-light) a.text-primary:hover, + .mod-skin-dark:not(.mod-skin-light) a.text-primary:focus { + color: #ffffff; + color: var(--theme-primary-200) !important; } + .mod-skin-dark:not(.mod-skin-light) .bg-faded { + background-color: #3c3f48; + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) .bg-gray-50 { + background-color: #47484c; } + .mod-skin-dark:not(.mod-skin-light) .bg-light { + background-color: #565656 !important; } + .mod-skin-dark:not(.mod-skin-light) .bg-subtlelight-fade { + background: #2d2f32; + background: rgba(var(--theme-rgb-fusion), 0.2); } + .mod-skin-dark:not(.mod-skin-light) .bg-trans-gradient { + background: linear-gradient(250deg, rgba(var(--theme-rgb-info), 0.5), rgba(var(--theme-rgb-primary), 0.5)); } + .mod-skin-dark:not(.mod-skin-light) .bg-highlight { + background-color: rgba(255, 194, 65, 0.15); + background-color: rgba(var(--theme-rgb-warning), 0.15); } + .mod-skin-dark:not(.mod-skin-light) .bg-white:not([class*='popover']) { + background-color: #383b44 !important; + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-white:not([class*='popover']).popover { + color: inherit; } + .mod-skin-dark:not(.mod-skin-light) .bg-primary-50:not([class*='popover']) { + background-color: rgba(136, 106, 181, 0.1); + background-color: rgba(var(--theme-rgb-primary), 0.1); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-primary-100:not([class*='popover']) { + background-color: rgba(136, 106, 181, 0.2); + background-color: rgba(var(--theme-rgb-primary), 0.2); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-primary-200:not([class*='popover']) { + background-color: rgba(136, 106, 181, 0.3); + background-color: rgba(var(--theme-rgb-primary), 0.3); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-primary-300:not([class*='popover']) { + background-color: rgba(136, 106, 181, 0.4); + background-color: rgba(var(--theme-rgb-primary), 0.4); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-primary-400:not([class*='popover']) { + background-color: rgba(136, 106, 181, 0.5); + background-color: rgba(var(--theme-rgb-primary), 0.5); } + .mod-skin-dark:not(.mod-skin-light) .bg-primary-500:not([class*='popover']) { + background-color: rgba(136, 106, 181, 0.6); + background-color: rgba(var(--theme-rgb-primary), 0.6); } + .mod-skin-dark:not(.mod-skin-light) .bg-primary-600:not([class*='popover']) { + background-color: rgba(136, 106, 181, 0.7); + background-color: rgba(var(--theme-rgb-primary), 0.7); } + .mod-skin-dark:not(.mod-skin-light) .bg-primary-700:not([class*='popover']) { + background-color: rgba(136, 106, 181, 0.8); + background-color: rgba(var(--theme-rgb-primary), 0.8); } + .mod-skin-dark:not(.mod-skin-light) .bg-primary-800:not([class*='popover']) { + background-color: rgba(136, 106, 181, 0.9); + background-color: rgba(var(--theme-rgb-primary), 0.9); } + .mod-skin-dark:not(.mod-skin-light) .bg-primary-900:not([class*='popover']) { + background-color: rgba(var(--theme-rgb-primary), 1); } + .mod-skin-dark:not(.mod-skin-light) .bg-success-50:not([class*='popover']) { + background-color: rgba(29, 201, 183, 0.1); + background-color: rgba(var(--theme-rgb-success), 0.1); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-success-100:not([class*='popover']) { + background-color: rgba(29, 201, 183, 0.2); + background-color: rgba(var(--theme-rgb-success), 0.2); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-success-200:not([class*='popover']) { + background-color: rgba(29, 201, 183, 0.3); + background-color: rgba(var(--theme-rgb-success), 0.3); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-success-300:not([class*='popover']) { + background-color: rgba(29, 201, 183, 0.4); + background-color: rgba(var(--theme-rgb-success), 0.4); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-success-400:not([class*='popover']) { + background-color: rgba(29, 201, 183, 0.5); + background-color: rgba(var(--theme-rgb-success), 0.5); } + .mod-skin-dark:not(.mod-skin-light) .bg-success-500:not([class*='popover']) { + background-color: rgba(29, 201, 183, 0.6); + background-color: rgba(var(--theme-rgb-success), 0.6); } + .mod-skin-dark:not(.mod-skin-light) .bg-success-600:not([class*='popover']) { + background-color: rgba(29, 201, 183, 0.7); + background-color: rgba(var(--theme-rgb-success), 0.7); } + .mod-skin-dark:not(.mod-skin-light) .bg-success-700:not([class*='popover']) { + background-color: rgba(29, 201, 183, 0.8); + background-color: rgba(var(--theme-rgb-success), 0.8); } + .mod-skin-dark:not(.mod-skin-light) .bg-success-800:not([class*='popover']) { + background-color: rgba(29, 201, 183, 0.9); + background-color: rgba(var(--theme-rgb-success), 0.9); } + .mod-skin-dark:not(.mod-skin-light) .bg-success-900:not([class*='popover']) { + background-color: #1dc9b7; + background-color: rgba(var(--theme-rgb-success), 1); } + .mod-skin-dark:not(.mod-skin-light) .bg-danger-50:not([class*='popover']) { + background-color: rgba(253, 57, 149, 0.1); + background-color: rgba(var(--theme-rgb-danger), 0.1); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-danger-100:not([class*='popover']) { + background-color: rgba(253, 57, 149, 0.2); + background-color: rgba(var(--theme-rgb-danger), 0.2); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-danger-200:not([class*='popover']) { + background-color: rgba(253, 57, 149, 0.3); + background-color: rgba(var(--theme-rgb-danger), 0.3); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-danger-300:not([class*='popover']) { + background-color: rgba(253, 57, 149, 0.4); + background-color: rgba(var(--theme-rgb-danger), 0.4); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-danger-400:not([class*='popover']) { + background-color: rgba(253, 57, 149, 0.5); + background-color: rgba(var(--theme-rgb-danger), 0.5); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-danger-500:not([class*='popover']) { + background-color: rgba(253, 57, 149, 0.6); + background-color: rgba(var(--theme-rgb-danger), 0.6); } + .mod-skin-dark:not(.mod-skin-light) .bg-danger-600:not([class*='popover']) { + background-color: rgba(253, 57, 149, 0.7); + background-color: rgba(var(--theme-rgb-danger), 0.7); } + .mod-skin-dark:not(.mod-skin-light) .bg-danger-700:not([class*='popover']) { + background-color: rgba(253, 57, 149, 0.8); + background-color: rgba(var(--theme-rgb-danger), 0.8); } + .mod-skin-dark:not(.mod-skin-light) .bg-danger-800:not([class*='popover']) { + background-color: rgba(253, 57, 149, 0.9); + background-color: rgba(var(--theme-rgb-danger), 0.9); } + .mod-skin-dark:not(.mod-skin-light) .bg-danger-900:not([class*='popover']) { + background-color: #fd3995; + background-color: rgba(var(--theme-rgb-danger), 1); } + .mod-skin-dark:not(.mod-skin-light) .bg-warning-50:not([class*='popover']) { + background-color: rgba(255, 194, 65, 0.1); + background-color: rgba(var(--theme-rgb-warning), 0.1); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-warning-100:not([class*='popover']) { + background-color: rgba(255, 194, 65, 0.2); + background-color: rgba(var(--theme-rgb-warning), 0.2); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-warning-200:not([class*='popover']) { + background-color: rgba(255, 194, 65, 0.3); + background-color: rgba(var(--theme-rgb-warning), 0.3); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-warning-300:not([class*='popover']) { + background-color: rgba(255, 194, 65, 0.4); + background-color: rgba(var(--theme-rgb-warning), 0.4); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-warning-400:not([class*='popover']) { + background-color: rgba(255, 194, 65, 0.5); + background-color: rgba(var(--theme-rgb-warning), 0.5); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-warning-500:not([class*='popover']) { + background-color: rgba(255, 194, 65, 0.6); + background-color: rgba(var(--theme-rgb-warning), 0.6); } + .mod-skin-dark:not(.mod-skin-light) .bg-warning-600:not([class*='popover']) { + background-color: rgba(255, 194, 65, 0.7); + background-color: rgba(var(--theme-rgb-warning), 0.7); } + .mod-skin-dark:not(.mod-skin-light) .bg-warning-700:not([class*='popover']) { + background-color: rgba(255, 194, 65, 0.8); + background-color: rgba(var(--theme-rgb-warning), 0.8); } + .mod-skin-dark:not(.mod-skin-light) .bg-warning-800:not([class*='popover']) { + background-color: rgba(255, 194, 65, 0.9); + background-color: rgba(var(--theme-rgb-warning), 0.9); } + .mod-skin-dark:not(.mod-skin-light) .bg-warning-900:not([class*='popover']) { + background-color: #ffc241; + background-color: rgba(var(--theme-rgb-warning), 1); } + .mod-skin-dark:not(.mod-skin-light) .bg-info-50:not([class*='popover']) { + background-color: rgba(33, 150, 243, 0.1); + background-color: rgba(var(--theme-rgb-info), 0.1); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-info-100:not([class*='popover']) { + background-color: rgba(33, 150, 243, 0.2); + background-color: rgba(var(--theme-rgb-info), 0.2); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-info-200:not([class*='popover']) { + background-color: rgba(33, 150, 243, 0.3); + background-color: rgba(var(--theme-rgb-info), 0.3); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-info-300:not([class*='popover']) { + background-color: rgba(33, 150, 243, 0.4); + background-color: rgba(var(--theme-rgb-info), 0.4); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .bg-info-400:not([class*='popover']) { + background-color: rgba(33, 150, 243, 0.5); + background-color: rgba(var(--theme-rgb-info), 0.5); } + .mod-skin-dark:not(.mod-skin-light) .bg-info-500:not([class*='popover']) { + background-color: rgba(33, 150, 243, 0.6); + background-color: rgba(var(--theme-rgb-info), 0.6); } + .mod-skin-dark:not(.mod-skin-light) .bg-info-600:not([class*='popover']) { + background-color: rgba(33, 150, 243, 0.7); + background-color: rgba(var(--theme-rgb-info), 0.7); } + .mod-skin-dark:not(.mod-skin-light) .bg-info-700:not([class*='popover']) { + background-color: rgba(33, 150, 243, 0.8); + background-color: rgba(var(--theme-rgb-info), 0.8); } + .mod-skin-dark:not(.mod-skin-light) .bg-info-800:not([class*='popover']) { + background-color: rgba(33, 150, 243, 0.9); + background-color: rgba(var(--theme-rgb-info), 0.9); } + .mod-skin-dark:not(.mod-skin-light) .bg-info-900:not([class*='popover']) { + color: #000000; + background-color: #2196f3; + background-color: rgba(var(--theme-rgb-info), 1); } + .mod-skin-dark:not(.mod-skin-light) [data-replaceclass] .bg-white { + background: #ffffff !important; } + .mod-skin-dark:not(.mod-skin-light) [data-replaceclass] .bg-faded { + background-color: #f7f9fa !important; } + .mod-skin-dark:not(.mod-skin-light) .hover-bg { + background: #303136; + color: inherit; } + .mod-skin-dark:not(.mod-skin-light) .hover-bg:hover { + background: inherit; + color: inherit; } + .mod-skin-dark:not(.mod-skin-light) .hover-white:hover { + background: #313438 !important; } + .mod-skin-dark:not(.mod-skin-light) .hover-white:active { + background: #25272a !important; } + .mod-skin-dark:not(.mod-skin-light) .hover-white .app-list-name { + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) .bd-highlight { + background-color: rgba(86, 61, 124, 0.6); + border: 1px solid rgba(121, 95, 160, 0.8); } + .mod-skin-dark:not(.mod-skin-light) .bd-example-row .row > .col, .mod-skin-dark:not(.mod-skin-light) .bd-example-row .row > [class^=col-] { + background-color: rgba(86, 61, 124, 0.75); + border: 1px solid rgba(133, 106, 175, 0.5); } + .mod-skin-dark:not(.mod-skin-light) .card .d-block.bg-danger-50 { + background-color: rgba(253, 57, 149, 0.7); + background-color: rgba(var(--theme-rgb-danger), 0.7); } + .mod-skin-dark:not(.mod-skin-light) .card .d-block.bg-info-50 { + background-color: rgba(33, 150, 243, 0.7); + background-color: rgba(var(--theme-rgb-info), 0.7); } + .mod-skin-dark:not(.mod-skin-light) .demo-window:before { + background: #000000; } + .mod-skin-dark:not(.mod-skin-light) .app-body-demo { + border: 1px solid black; } + .mod-skin-dark:not(.mod-skin-light) .frame-wrap { + background: transparent; } + .mod-skin-dark:not(.mod-skin-light) #app-eventlog:empty { + background: #2c2e31; } + .mod-skin-dark:not(.mod-skin-light) #app-eventlog > div:not(:last-child) { + border-bottom: 1px dashed rgba(255, 255, 255, 0.1); } + .mod-skin-dark:not(.mod-skin-light) .settings-panel h5 { + color: rgba(255, 255, 255, 0.5); } + .mod-skin-dark:not(.mod-skin-light) .settings-panel .list { + color: #d0d0d0; } + .mod-skin-dark:not(.mod-skin-light) .settings-panel .list .onoffswitch-title-desc { + color: #8c8c8c; } + .mod-skin-dark:not(.mod-skin-light) .settings-panel .list:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .settings-panel .expanded:not(.theme-colors) { + background: #2f323b; } + .mod-skin-dark:not(.mod-skin-light) .dropdown-menu { + -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); + background-color: #383b40; + color: #a3acb5; } + .mod-skin-dark:not(.mod-skin-light) .dropdown-item { + color: #a5abb1 !important; } + .mod-skin-dark:not(.mod-skin-light) .dropdown-item:hover, .mod-skin-dark:not(.mod-skin-light) .dropdown-item:focus { + background-color: #3e4146; } + .mod-skin-dark:not(.mod-skin-light) .dropdown-item.active, .mod-skin-dark:not(.mod-skin-light) .dropdown-item:active { + color: #ffffff !important; + background-color: #594677; + background-color: rgba(var(--theme-rgb-primary), 0.35); } + .mod-skin-dark:not(.mod-skin-light) .dropdown-multilevel:hover > .dropdown-item:not(.disabled) { + background-color: #3e4146; } + .mod-skin-dark:not(.mod-skin-light) .dropdown-divider { + border-top: 1px solid rgba(0, 0, 0, 0.25); } + .mod-skin-dark:not(.mod-skin-light) .dropdown-icon-menu > ul { + background: #202225; } + .mod-skin-dark:not(.mod-skin-light) .dropdown-icon-menu a { + -webkit-box-shadow: none !important; + box-shadow: none !important; } + .mod-skin-dark:not(.mod-skin-light) ::-webkit-input-placeholder { + /* Edge */ + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) :-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) ::-moz-placeholder { + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) ::-ms-input-placeholder { + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) ::placeholder { + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) select option { + -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); + background-color: #383b40; + color: #ffffff; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } + .mod-skin-dark:not(.mod-skin-light) input::-webkit-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-webkit-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-webkit-input-placeholder { + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) input::-moz-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-moz-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-moz-placeholder { + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) input:-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea:-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select:-ms-input-placeholder { + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) input::-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-ms-input-placeholder { + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) input::placeholder, + .mod-skin-dark:not(.mod-skin-light) textarea::placeholder, + .mod-skin-dark:not(.mod-skin-light) select::placeholder { + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) .custom-select { + color: #FFFFFF; + background-color: #1f2125; } + .mod-skin-dark:not(.mod-skin-light) .custom-select:not(:focus) { + border: 1px solid #19191c; } + .mod-skin-dark:not(.mod-skin-light) .form-label { + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) .form-control, + .mod-skin-dark:not(.mod-skin-light) .custom-file-label { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.35); } + .mod-skin-dark:not(.mod-skin-light) .form-control:focus, + .mod-skin-dark:not(.mod-skin-light) .custom-file-label:focus { + border-color: rgba(var(--theme-rgb-primary), 0.7); } + .mod-skin-dark:not(.mod-skin-light) .form-control[readonly], .mod-skin-dark:not(.mod-skin-light) .form-control:disabled, + .mod-skin-dark:not(.mod-skin-light) .custom-file-label[readonly], + .mod-skin-dark:not(.mod-skin-light) .custom-file-label:disabled { + background-color: #3f4246; + border-color: rgba(132, 132, 132, 0.35); } + .mod-skin-dark:not(.mod-skin-light) .input-group:not(.has-length) .input-group-text { + color: #838386; + background-color: #37393e; + border: 1px solid #232528; } + .mod-skin-dark:not(.mod-skin-light) .custom-control-label::before { + background-color: rgba(136, 106, 181, 0.1); + background-color: rgba(var(--theme-rgb-primary), 0.2); + border-color: #37393e; } + .mod-skin-dark:not(.mod-skin-light) .custom-control-input:checked ~ .custom-control-label::before { + background-color: rgba(136, 106, 181, 0.8); + background-color: rgba(var(--theme-rgb-primary), 0.8); + border-color: #886ab5; + border-color: rgba(var(--theme-rgb-primary), 1); } + .mod-skin-dark:not(.mod-skin-light) .custom-control-input[disabled] ~ .custom-control-label::before, + .mod-skin-dark:not(.mod-skin-light) .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #565656; } + .mod-skin-dark:not(.mod-skin-light) .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, + .mod-skin-dark:not(.mod-skin-light) .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before, + .mod-skin-dark:not(.mod-skin-light) .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: #565656; + background-color: rgba(var(--theme-rgb-primary), 0.35); } + .mod-skin-dark:not(.mod-skin-light) .row-grid > .col:before, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col-"]:before, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col-"]:before, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col "]:before, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col "]:before, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class$=" col"]:before, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class="col"]:before { + border-top-color: rgba(0, 0, 0, 0.15); } + .mod-skin-dark:not(.mod-skin-light) .row-grid > .col:after, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col-"]:after, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col-"]:after, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col "]:after, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col "]:after, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class$=" col"]:after, + .mod-skin-dark:not(.mod-skin-light) .row-grid > [class="col"]:after { + border-left-color: rgba(0, 0, 0, 0.15); } + .mod-skin-dark:not(.mod-skin-light) .close { + color: #fff; + text-shadow: 0 1px 0 #000; } + .mod-skin-dark:not(.mod-skin-light) .state-selected { + background: rgba(33, 150, 243, 0.15) !important; + background: rgba(var(--theme-rgb-info), 0.15) !important; } + .mod-skin-dark:not(.mod-skin-light) .notes { + background: rgba(255, 194, 65, 0.15); + background: rgba(var(--theme-rgb-warning), 0.15); } + .mod-skin-dark:not(.mod-skin-light) pre { + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .status:before { + border-color: rgba(0, 0, 0, 0.5); } + .mod-skin-dark:not(.mod-skin-light) .progress { + background-color: rgba(0, 0, 0, 0.15); } + .mod-skin-dark:not(.mod-skin-light) hr { + border-bottom-color: rgba(var(--theme-rgb-fusion), 0.85); } + .mod-skin-dark:not(.mod-skin-light) code { + background: rgba(0, 0, 0, 0.3); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .list-group-item { + background: transparent; } + .mod-skin-dark:not(.mod-skin-light) .jumbotron { + background-color: rgba(0, 0, 0, 0.2); } + .mod-skin-dark:not(.mod-skin-light).mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before { + border-left: 1px dashed rgba(255, 255, 255, 0.1); } + .mod-skin-dark:not(.mod-skin-light) :not(.modal-alert) .modal-dialog:not(.modal-transparent) .modal-content { + -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); + background-color: #383b40; + color: #a3acb5; } + .mod-skin-dark:not(.mod-skin-light) .swal2-popup { + -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25); + background-color: #383b40; + color: #a3acb5; } + .mod-skin-dark:not(.mod-skin-light) .swal2-title { + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .modal-transparent .modal-content { + background: rgba(0, 0, 0, 0.75); + -webkit-box-shadow: none; + box-shadow: none; } + .mod-skin-dark:not(.mod-skin-light) .modal-title { + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"] { + background: #2d2e32; + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"]:focus { + border-color: rgba(255, 255, 255, 0.5); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"]:not(:focus) { + border-color: rgba(255, 255, 255, 0.1); } + .mod-skin-dark:not(.mod-skin-light) .info-card { + color: #a5abb1; + /*img.cover { + opacity: 0.6; + }*/ } + .mod-skin-dark:not(.mod-skin-light) .info-card .text-white { + text-shadow: none; } + .mod-skin-dark:not(.mod-skin-light) .info-card .info-card-text > span { + color: #fafafa; + text-shadow: none; } + .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li ul { + background: #212225; } + .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-logo { + border-bottom: 1px solid #2d2d2d; } + .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { + color: #212225; } + .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li a { + color: rgba(255, 255, 255, 0.8); + color: var(--theme-primary-200); } + .mod-skin-dark:not(.mod-skin-light) .nav-menu li > ul li.active > a { + color: rgba(255, 255, 255, 0.8); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .nav-menu li a { + color: rgba(255, 255, 255, 0.8); + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) .nav-menu li a:focus { + color: rgba(255, 255, 255, 0.8); + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li a { + color: rgba(255, 255, 255, 0.8); + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) .nav-menu li { + /* > ul { + background-color: rgba(255, 255, 255, 0.03); + }*/ } + .mod-skin-dark:not(.mod-skin-light) .nav-menu li.active > a { + color: rgba(255, 255, 255, 0.8); + color: #ffffff; + font-weight: 500; + background-color: rgba(0, 0, 0, 0.1); } + .mod-skin-dark:not(.mod-skin-light) .nav-menu li a > [class*='fa-'], + .mod-skin-dark:not(.mod-skin-light) .nav-menu li a > .ni { + color: var(--theme-primary-300); } + .mod-skin-dark:not(.mod-skin-light) .nav-menu li > ul li a:hover { + color: var(--theme-primary-100); } + .mod-skin-dark:not(.mod-skin-light) .nav-menu .nav-title { + color: rgba(255, 255, 255, 0.6); + color: var(--theme-primary-50); } + .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-brand { + color: rgba(255, 255, 255, 0.9); } + .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .show > .nav-link, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .active > .nav-link { + color: rgba(255, 255, 255, 0.9); } + .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); } + .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link.show, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link.active { + color: rgba(255, 255, 255, 0.9); } + .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link:hover, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.7); } + .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-text { + color: rgba(255, 255, 255, 0.5); } + .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-item .nav-link.active:not(:hover), + .mod-skin-dark:not(.mod-skin-light) .nav-tabs-clean .nav-item .nav-link:hover { + background: transparent; + color: #ffffff !important; } + .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link.active, .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-item.show .nav-link { + background: transparent; } + .mod-skin-dark:not(.mod-skin-light) .nav-tabs:not(.nav-tabs-clean) .nav-link.active, + .mod-skin-dark:not(.mod-skin-light) .nav-tabs:not(.nav-tabs-clean) .nav-item.show .nav-link { + border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) #25272b; } + .mod-skin-dark:not(.mod-skin-light) .nav-tabs { + border-bottom-color: rgba(255, 255, 255, 0.15); } + .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link:not(.active):hover, + .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link:not(.active):focus { + border-color: rgba(255, 255, 255, 0.07) rgba(255, 255, 255, 0.07) transparent; } + .mod-skin-dark:not(.mod-skin-light) .tab-content.border { + border-color: rgba(255, 255, 255, 0.15) !important; } + .mod-skin-dark:not(.mod-skin-light) .notification .msg-a, + .mod-skin-dark:not(.mod-skin-light) .notification .msg-b, + .mod-skin-dark:not(.mod-skin-light) .notification .name { + color: #a5abb1 !important; } + .mod-skin-dark:not(.mod-skin-light) .notification li { + background-color: #37393e; } + .mod-skin-dark:not(.mod-skin-light) .notification li.unread > :first-child { + background-color: rgba(var(--theme-rgb-primary), 0.15); } + .mod-skin-dark:not(.mod-skin-light) .notification.notification-layout-2 li, + .mod-skin-dark:not(.mod-skin-light) .notification.notification-layout-2 li.unread { + background: #37393e; } + .mod-skin-dark:not(.mod-skin-light) body, + .mod-skin-dark:not(.mod-skin-light) .page-content { + color: #a5abb1; } + .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > [class*='fa-']:first-child, + .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > .ni:first-child { + color: #888888; } + .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > [class*='fa-']:first-child:hover, + .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > .ni:first-child:hover { + color: #a2a2a2; } + .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after { + background: rgba(0, 0, 0, 0.75); + background: rgba(var(--theme-rgb-primary), 0.75); } + .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child, + .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child { + color: #ffffff !important; } + .mod-skin-dark:not(.mod-skin-light) .badge.badge-icon { + -webkit-box-shadow: 0 0 0 1px #212225; + box-shadow: 0 0 0 1px #212225; } + .mod-skin-dark:not(.mod-skin-light) .page-logo, + .mod-skin-dark:not(.mod-skin-light) .page-sidebar, + .mod-skin-dark:not(.mod-skin-light) .nav-footer { + background-image: none; } + .mod-skin-dark:not(.mod-skin-light) .page-logo { + border-bottom: 1px solid #131313; } + .mod-skin-dark:not(.mod-skin-light) .page-header, + .mod-skin-dark:not(.mod-skin-light) .page-footer { + border-bottom: 1px solid #2d2d2d; + -webkit-box-shadow: none; + box-shadow: none; } + .mod-skin-dark:not(.mod-skin-light) .page-header, + .mod-skin-dark:not(.mod-skin-light) .page-content-wrapper, + .mod-skin-dark:not(.mod-skin-light) .page-footer { + background-color: #37393e; } + .mod-skin-dark:not(.mod-skin-light) .page-footer { + border-top: 1px solid #2d2d2d; + border-bottom: none; } + .mod-skin-dark:not(.mod-skin-light) .page-logo-text { + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .page-logo, + .mod-skin-dark:not(.mod-skin-light) .page-sidebar, + .mod-skin-dark:not(.mod-skin-light) .nav-footer { + background: #212225; } + .mod-skin-dark:not(.mod-skin-light) .page-sidebar { + -webkit-box-shadow: none; + box-shadow: none; } + .mod-skin-dark:not(.mod-skin-light) .page-breadcrumb .breadcrumb-item.active { + color: #bfbfbf; } + .mod-skin-dark:not(.mod-skin-light) .page-breadcrumb { + text-shadow: #000000 0 1px; } + .mod-skin-dark:not(.mod-skin-light) .page-error { + color: #ffffff !important; } + .mod-skin-dark:not(.mod-skin-light) .page-error small { + color: #c1c1c1; } + .mod-skin-dark:not(.mod-skin-light) .subheader-title { + color: #a5abb1; + text-shadow: #505050 0 1px; } + .mod-skin-dark:not(.mod-skin-light) .subheader-title small { + color: #8a9299; } + .mod-skin-dark:not(.mod-skin-light) .progress-bar { + background-color: var(--theme-primary-500); } + .mod-skin-dark:not(.mod-skin-light) .panel .card { + background-color: #37383e; } + .mod-skin-dark:not(.mod-skin-light) .panel, + .mod-skin-dark:not(.mod-skin-light) .card { + background-color: #26272b; } + .mod-skin-dark:not(.mod-skin-light) .panel { + border-bottom-color: rgba(0, 0, 0, 0.3); } + .mod-skin-dark:not(.mod-skin-light) .panel-hdr, + .mod-skin-dark:not(.mod-skin-light) .card-header { + background: rgba(0, 0, 0, 0.03); + background: rgba(var(--theme-rgb-fusion), 0.5); } + .mod-skin-dark:not(.mod-skin-light) .panel-hdr h2, + .mod-skin-dark:not(.mod-skin-light) .card-header h2 { + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .panel-toolbar .btn-panel { + border: 1px solid #333; } + .mod-skin-dark:not(.mod-skin-light) .panel-hdr, + .mod-skin-dark:not(.mod-skin-light) .accordion:not(.accordion-clean) .card .card-header { + background: #303136; } + .mod-skin-dark:not(.mod-skin-light) .panel-tag { + background: rgba(29, 201, 183, 0.15); + background: rgba(var(--theme-rgb-success), 0.15); + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .panel-placeholder { + background-color: var(--theme-primary); + opacity: 0.2; } + .mod-skin-dark:not(.mod-skin-light) .panel-placeholder:before { + background: var(--theme-primary-900); } + .mod-skin-dark:not(.mod-skin-light) .table, + .mod-skin-dark:not(.mod-skin-light) .table-bordered th, + .mod-skin-dark:not(.mod-skin-light) .table-bordered td, + .mod-skin-dark:not(.mod-skin-light) .table thead th, + .mod-skin-dark:not(.mod-skin-light) .table th, + .mod-skin-dark:not(.mod-skin-light) .table td { + border-color: rgba(255, 255, 255, 0.25); } + .mod-skin-dark:not(.mod-skin-light) .table { + color: #c0c5c9; } + .mod-skin-dark:not(.mod-skin-light) .table.table-dark { + color: #ffffff; + background-color: #202225; } + .mod-skin-dark:not(.mod-skin-light) .table.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.15); } + .mod-skin-dark:not(.mod-skin-light) .table-hover tbody tr:hover { + background-color: rgba(136, 106, 181, 0.15) !important; + background-color: rgba(var(--theme-rgb-primary), 0.15) !important; + color: inherit; } + .mod-skin-dark:not(.mod-skin-light) .thead-themed { + background-color: rgba(var(--theme-rgb-primary), 0.1); + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--theme-rgb-primary), 0.15)), to(rgba(var(--theme-rgb-primary), 0.55))); + background-image: linear-gradient(to top, rgba(var(--theme-rgb-primary), 0.15), rgba(var(--theme-rgb-primary), 0.55)); } + .mod-skin-dark:not(.mod-skin-light) .table-active, + .mod-skin-dark:not(.mod-skin-light) .table-active > th, + .mod-skin-dark:not(.mod-skin-light) .table-active > td { + background-color: transparent; } + .mod-skin-dark:not(.mod-skin-light) .toast:not([class*="toast-"]) { + background-color: rgba(31, 31, 31, 0.85); } + .mod-skin-dark:not(.mod-skin-light) .toast:not([class*="toast-"]) .toast-header { + color: #ffffff; + background-color: rgba(35, 35, 35, 0.85); } + .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-top .arrow::before, + .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: rgba(0, 0, 0, 0.9); } + .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-right .arrow::before, + .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: rgba(0, 0, 0, 0.9); } + .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-left .arrow::before, + .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: rgba(0, 0, 0, 0.9); } + .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-bottom .arrow::before, + .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: rgba(0, 0, 0, 0.9); } + .mod-skin-dark:not(.mod-skin-light) .tooltip-inner { + background-color: rgba(0, 0, 0, 0.9); } + .mod-skin-dark:not(.mod-skin-light) .popover:not([class*="bg-"]) { + border: 3px solid rgba(255, 255, 255, 0.4); } + .mod-skin-dark:not(.mod-skin-light) .fc-head-container thead tr { + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #35393e), to(#565a61)); + background-image: linear-gradient(to top, #35393e 0, #565a61 100%); } + .mod-skin-dark:not(.mod-skin-light) .dt-autofill-list { + background-color: #383b40; } + .mod-skin-dark:not(.mod-skin-light) div.dt-autofill-list ul li:hover { + background-color: #2c2e32; } + .mod-skin-dark:not(.mod-skin-light) table.DTFC_Cloned tr { + background: transparent; } + .mod-skin-dark:not(.mod-skin-light) div.DTFC_LeftHeadWrapper table, + .mod-skin-dark:not(.mod-skin-light) table.dataTable.table-striped.DTFC_Cloned tbody, + .mod-skin-dark:not(.mod-skin-light) div.DTFC_RightHeadWrapper table { + background: #25272b; } + .mod-skin-dark:not(.mod-skin-light) table.dataTable > tbody > tr.child ul.dtr-details > li { + border-bottom: 1px solid #373a40; } + .mod-skin-dark:not(.mod-skin-light) .sorting_asc, + .mod-skin-dark:not(.mod-skin-light) .sorting_desc, + .mod-skin-dark:not(.mod-skin-light) .even .sorting_1 { + background-color: rgba(136, 106, 181, 0.1); + background-color: rgba(var(--theme-rgb-primary), 0.1); } + .mod-skin-dark:not(.mod-skin-light) .odd .sorting_1 { + background-color: rgba(136, 106, 181, 0.2); + background-color: rgba(var(--theme-rgb-primary), 0.2); } + .mod-skin-dark:not(.mod-skin-light) .dataTables_filter:not(.has-length) .input-group-text { + color: #a7a7a7; + background-color: #474950; + border-color: #262627; } + .mod-skin-dark:not(.mod-skin-light) table.dataTable:not(.table-dark) tr.dtrg-group td { + background: rgba(0, 0, 0, 0.13); } + .mod-skin-dark:not(.mod-skin-light) div.DTS div.dataTables_scrollBody table { + background-color: #3a3c45; } + .mod-skin-dark:not(.mod-skin-light) .jqvmap-zoomin, + .mod-skin-dark:not(.mod-skin-light) .jqvmap-zoomout { + background-image: -webkit-gradient(linear, left bottom, left top, from(#2f323b), to(#2a2d35)); + background-image: linear-gradient(to top, #2f323b, #2a2d35); + color: #c3c3c3; } + .mod-skin-dark:not(.mod-skin-light) .jqvmap-bg-ocean { + background-color: #374344 !important; } + .mod-skin-dark:not(.mod-skin-light) .irs-line { + background: #3c3e44; + border-color: #28292d; } + .mod-skin-dark:not(.mod-skin-light) .fc a { + color: #ffffff !important; } + .mod-skin-dark:not(.mod-skin-light) .dropzone, + .mod-skin-dark:not(.mod-skin-light) .fc td.fc-other-month { + background-color: rgba(136, 106, 181, 0.15); + background-color: rgba(var(--theme-rgb-primary), 0.15); } + .mod-skin-dark:not(.mod-skin-light) .daterangepicker, + .mod-skin-dark:not(.mod-skin-light) .daterangepicker .calendar-table { + background: #383b40; } + .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off, + .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.in-range, + .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.start-date, + .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.end-date { + background: transparent; } + .mod-skin-dark:not(.mod-skin-light) .daterangepicker .calendar-table { + border-color: #383b40; } + .mod-skin-dark:not(.mod-skin-light) .datepicker-dropdown.datepicker-orient-top:after { + border-top-color: #383b40; } + .mod-skin-dark:not(.mod-skin-light) .datepicker-dropdown:after { + border-bottom-color: #383b40; } + .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn { + background: #25272b; } + .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:hover, .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:focus, .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:active { + background: #3d4046; + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .note-editor.note-frame .note-editing-area .note-editable, + .mod-skin-dark:not(.mod-skin-light) .note-editor.note-airframe .note-editing-area .note-editable { + background-color: rgba(0, 0, 0, 0.15); + color: #fff; } + .mod-skin-dark:not(.mod-skin-light) .note-editor.note-frame .note-statusbar, + .mod-skin-dark:not(.mod-skin-light) .note-editor.note-airframe .note-statusbar { + border-top: 1px solid #25272b; + background-color: #434548; } + .mod-skin-dark:not(.mod-skin-light) .prettyprint { + background: #22221b; + font-family: Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace; + border: 0 !important; } + .mod-skin-dark:not(.mod-skin-light) .pln { + color: #f4f3ec; } + .mod-skin-dark:not(.mod-skin-light) ol.linenums { + margin-top: 0; + margin-bottom: 0; + color: #6c6b5a; } + .mod-skin-dark:not(.mod-skin-light) li.L0, .mod-skin-dark:not(.mod-skin-light) li.L1, .mod-skin-dark:not(.mod-skin-light) li.L2, .mod-skin-dark:not(.mod-skin-light) li.L3, .mod-skin-dark:not(.mod-skin-light) li.L4, .mod-skin-dark:not(.mod-skin-light) li.L5, .mod-skin-dark:not(.mod-skin-light) li.L6, .mod-skin-dark:not(.mod-skin-light) li.L7, .mod-skin-dark:not(.mod-skin-light) li.L8, .mod-skin-dark:not(.mod-skin-light) li.L9 { + padding-left: 1em; + background-color: #22221b; + list-style-type: decimal; } + @media screen { + .mod-skin-dark:not(.mod-skin-light) .str { + color: #7d9726; } + .mod-skin-dark:not(.mod-skin-light) .kwd { + color: #5f9182; } + .mod-skin-dark:not(.mod-skin-light) .com { + color: #6c6b5a; } + .mod-skin-dark:not(.mod-skin-light) .typ { + color: #36a166; } + .mod-skin-dark:not(.mod-skin-light) .lit { + color: #ae7313; } + .mod-skin-dark:not(.mod-skin-light) .pun { + color: #f4f3ec; } + .mod-skin-dark:not(.mod-skin-light) .opn { + color: #f4f3ec; } + .mod-skin-dark:not(.mod-skin-light) .clo { + color: #f4f3ec; } + .mod-skin-dark:not(.mod-skin-light) .tag { + color: #ba6236; } + .mod-skin-dark:not(.mod-skin-light) .atn { + color: #ae7313; } + .mod-skin-dark:not(.mod-skin-light) .atv { + color: #5b9d48; } + .mod-skin-dark:not(.mod-skin-light) .dec { + color: #ae7313; } + .mod-skin-dark:not(.mod-skin-light) .var { + color: #ba6236; } + .mod-skin-dark:not(.mod-skin-light) .fun { + color: #36a166; } } + .mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--single, + .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--disabled .select2-selection--single, + .mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--multiple, + .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--disabled .select2-selection--multiple, + .mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-search--dropdown .select2-search__field { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.35); } + .mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--single .select2-selection__rendered { + color: #ffffff; } + .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, + .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, + .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, + .mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, + .mod-skin-dark:not(.mod-skin-light) .select2-container--open .select2-dropdown--above, + .mod-skin-dark:not(.mod-skin-light) .select2-container--open .select2-dropdown--below { + background: #383b40; } + .mod-skin-dark:not(.mod-skin-light) .select2-container--disabled .select2-selection.select2-selection--single, + .mod-skin-dark:not(.mod-skin-light) .select2-container--disabled .select2-selection.select2-selection--multiple { + background-color: #3f4246; + border-color: rgba(132, 132, 132, 0.35); } + +@media (min-width: 992px) { + .mod-skin-dark.nav-function-minify:not(.nav-function-top):not(.mod-nav-dark) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a { + background: inherit !important; + color: #d0d0d0 !important; } + .mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { + background-color: #212225 !important; } + .mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { + color: #212225 !important; } + .mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { + color: inherit !important; } + .mod-skin-dark.nav-function-top .page-header { + background: #212225; } + .mod-skin-dark.nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, + .mod-skin-dark.nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover { + color: #ffffff !important; } + .mod-skin-dark.nav-function-top #search-field { + color: #ffffff; } + .mod-skin-dark .subheader-title { + color: #ffffff !important; } } + +/*# sourceMappingURL=skin-master.css.map */ diff --git a/Frontend/css/skins/skin-master.css.map b/Frontend/css/skins/skin-master.css.map new file mode 100644 index 0000000..957646d --- /dev/null +++ b/Frontend/css/skins/skin-master.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["_include.scss","_skin-light.scss","skin-master.css","_skin-dark.scss","_skin-dark-modules/variables.scss","_skin-dark-modules/_accordion.scss","_skin-dark-modules/_modal.scss","_skin-dark-modules/_pagination.scss","_skin-dark-modules/_panel.scss","_skin-dark-modules/_plugins/_plugin_prettyprint.scss","_skin-dark-modules/_alerts.scss","_skin-dark-modules/_alt.scss","_skin-dark-modules/_border.scss","_skin-dark-modules/_breadcrumb.scss","_skin-dark-modules/_button.scss","_skin-dark-modules/_chat-segment.scss","_skin-dark-modules/_colors.scss","_skin-dark-modules/_demo.scss","_skin-dark-modules/_demo-settings.scss","_skin-dark-modules/_dropdown.scss","_skin-dark-modules/_forms.scss","_skin-dark-modules/_misc.scss","_skin-dark-modules/_nav.scss","_skin-dark-modules/_navbar.scss","_skin-dark-modules/_navtabs.scss","_skin-dark-modules/_notitfication.scss","_skin-dark-modules/_page_etc.scss","_skin-dark-modules/_progressbar.scss","_skin-dark-modules/_tables.scss","_skin-dark-modules/_toast.scss","_skin-dark-modules/_tooltip.scss","_skin-dark-modules/_plugins/_plugin_datatables.scss","_skin-dark-modules/_plugins/_plugin_other.scss","_skin-dark-modules/_plugins/_plugin_select2.scss","_skin-dark-modules/_mobile.scss"],"names":[],"mappings":"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AAc,EAAA;Eb3Ef;Ia8EC,0CZpEqB;IYqErB,qDAAsD;IACtD,cAAc,EAAA;EbhFf;IamFC,0CZzEqB;IY0ErB,qDAAsD;IACtD,cAAc,EAAA;EbrFf;IawFC,0CZ9EqB;IY+ErB,qDAAsD;IACtD,cAAc,EAAA;Eb1Ff;Ia6FC,0CZnFqB;IYoFrB,qDAAsD,EAAA;Eb9FvD;IaiGC,0CZvFqB;IYwFrB,qDAAsD,EAAA;EblGvD;IaqGC,0CZ3FqB;IY4FrB,qDAAsD,EAAA;EbtGvD;IayGC,0CZ/FqB;IYgGrB,qDAAsD,EAAA;Eb1GvD;Ia6GC,0CZnGqB;IYoGrB,qDAAsD,EAAA;Eb9GvD;IaiHC,mDAAmD,EAAA;EbjHpD;IaoHC,yCZzGqB;IY0GrB,qDAAqD;IACrD,cAAc,EAAA;EbtHf;IayHC,yCZ9GqB;IY+GrB,qDAAqD;IACrD,cAAc,EAAA;Eb3Hf;Ia8HC,yCZnHqB;IYoHrB,qDAAqD;IACrD,cAAc,EAAA;EbhIf;IamIC,yCZxHqB;IYyHrB,qDAAqD;IACrD,cAAc,EAAA;EbrIf;IawIC,yCZ7HqB;IY8HrB,qDAAqD,EAAA;EbzItD;Ia4IC,yCZjIqB;IYkIrB,qDAAqD,EAAA;Eb7ItD;IagJC,yCZrIqB;IYsIrB,qDAAqD,EAAA;EbjJtD;IaoJC,yCZzIqB;IY0IrB,qDAAqD,EAAA;EbrJtD;IawJC,yCZ7IqB;IY8IrB,qDAAqD,EAAA;EbzJtD;Ia4JC,yBZjJqB;IYkJrB,mDAAmD,EAAA;Eb7JpD;IagKC,yCZlJoB;IYmJpB,oDAAoD;IACpD,cAAc,EAAA;EblKf;IaqKC,yCZvJoB;IYwJpB,oDAAoD;IACpD,cAAc,EAAA;EbvKf;Ia0KC,yCZ5JoB;IY6JpB,oDAAoD;IACpD,cAAc,EAAA;Eb5Kf;Ia+KC,yCZjKoB;IYkKpB,oDAAoD;IACpD,cAAc,EAAA;EbjLf;IaoLC,yCZtKoB;IYuKpB,oDAAoD;IACpD,cAAc,EAAA;EbtLf;IayLC,yCZ3KoB;IY4KpB,oDAAoD,EAAA;Eb1LrD;Ia6LC,yCZ/KoB;IYgLpB,oDAAoD,EAAA;Eb9LrD;IaiMC,yCZnLoB;IYoLpB,oDAAoD,EAAA;EblMrD;IaqMC,yCZvLoB;IYwLpB,oDAAoD,EAAA;EbtMrD;IayMC,yBZ3LoB;IY4LpB,kDAAkD,EAAA;Eb1MnD;Ia6MC,yCZhMqB;IYiMrB,qDAAqD;IACrD,cAAc,EAAA;Eb/Mf;IakNC,yCZrMqB;IYsMrB,qDAAqD;IACrD,cAAc,EAAA;EbpNf;IauNC,yCZ1MqB;IY2MrB,qDAAqD;IACrD,cAAc,EAAA;EbzNf;Ia4NC,yCZ/MqB;IYgNrB,qDAAqD;IACrD,cAAc,EAAA;Eb9Nf;IaiOC,yCZpNqB;IYqNrB,qDAAqD;IACrD,cAAc,EAAA;EbnOf;IasOC,yCZzNqB;IY0NrB,qDAAqD,EAAA;EbvOtD;Ia0OC,yCZ7NqB;IY8NrB,qDAAqD,EAAA;Eb3OtD;Ia8OC,yCZjOqB;IYkOrB,qDAAqD,EAAA;Eb/OtD;IakPC,yCZrOqB;IYsOrB,qDAAqD,EAAA;EbnPtD;IasPC,yBZzOqB;IY0OrB,mDAAmD,EAAA;EbvPpD;Ia0PC,yCZ9OkB;IY+OlB,kDAAkD;IAClD,cAAc,EAAA;Eb5Pf;Ia+PC,yCZnPkB;IYoPlB,kDAAkD;IAClD,cAAc,EAAA;EbjQf;IaoQC,yCZxPkB;IYyPlB,kDAAkD;IAClD,cAAc,EAAA;EbtQf;IayQC,yCZ7PkB;IY8PlB,kDAAkD;IAClD,cAAc,EAAA;Eb3Qf;Ia8QC,yCZlQkB;IYmQlB,kDAAkD,EAAA;Eb/QnD;IakRC,yCZtQkB;IYuQlB,kDAAkD,EAAA;EbnRnD;IasRC,yCZ1QkB;IY2QlB,kDAAkD,EAAA;EbvRnD;Ia0RC,yCZ9QkB;IY+QlB,kDAAkD,EAAA;Eb3RnD;Ia8RC,yCZlRkB;IYmRlB,kDAAkD,EAAA;Eb/RnD;IakSC,cAAc;IACd,yBZvRkB;IYwRlB,gDAAgD,EAAA;EbpSjD;IawSE,8BAA8B,EAAA;EbxShC;Ia2SE,oCAAoC,EAAA;Eb3StC;IaiTC,mBAAmB;IACnB,cAAc,EAAA;IblTf;MaqTE,mBAAmB;MACnB,cAAc,EAAA;EbtThB;Ia4TE,8BAA8B,EAAA;Eb5ThC;Ia+TE,8BAA0C,EAAA;Eb/T5C;IamUE,cZrU0B,EAAA;EDE5B;IcHC,wCAAwC;IACxC,yCAAyC,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BAA+B;IAC/B,clBvCkC,EAAA;EDJpC;ImBkDE,+BAA+B;IAC/B,clBrD0B,EAAA;IDE5B;MmB+CG,+BAA+B;MAC/B,clBlDyB,EAAA;EDE5B;ImBuDC,+BAA+B;IAC/B,clB1D2B,EAAA;EDE5B;ImBkEE;;IpBopBE,EoBlpBC;InBpEL;MmB6DG,+BAA+B;MAC/B,clB1DiC;MkB2DjC,gBAAgB;MAChB,oCAAoC,EAAA;InBhEvC;;MmBwEI,+BAA+B,EAAA;InBxEnC;MmB4EG,+BAA+B,EAAA;EnB5ElC;ImBgFE,+BAA+B;IAC/B,8BAA8B,EAAA;EnBjFhC;IoBFI,+BAA+B,EAAA;EpBEnC;IoBGM,+BAA+B,EAAA;EpBHrC;IoBeM,+BAA+B,EAAA;IpBfrC;MoBQQ,+BAA+B,EAAA;IpBRvC;MoBYQ,+BAA+B,EAAA;EpBZvC;IoBoBI,+BAA+B,EAAA;EpBpBnC;;IoB2BE,uBAAuB;IACvB,yBAAyB,EAAA;EpB5B3B;IoBiCI,uBAAuB,EAAA;EpBjC3B;;IqBHE,yEAAyE,EAAA;ErBG3E;IqBAE,8CAA8C,EAAA;ErBAhD;;IqBKI,6EAA6E,EAAA;ErBLjF;IqBSE,kDAAkD,EAAA;ErBTpD;;;IsBAE,yBAAqC,EAAA;EtBAvC;IsBIE,yBrBR+B,EAAA;IDIjC;MsBOG,sDAAuD,EAAA;EtBP1D;;IsBgBE,mBrBpB+B,EAAA;EDIjC;;IuBHC,ctBC2B,EAAA;EDE5B;;IuBGC,cAAc,EAAA;IvBHf;;MuBME,cAA4B,EAAA;EvBN9B;IuBUC,+BAA6B;IAC7B,gDAAgD,EAAA;EvBXjD;;IuBeE,yBAAyB,EAAA;EvBf3B;IuBmBC,qCtBd4B;YsBc5B,6BtBd4B,EAAA;EDL7B;;;IuB0BC,sBAAsB,EAAA;EvB1BvB;IuB6BC,gCAAqE,EAAA;EvB7BtE;;IuBiCC,gCAAsE;IACtE,wBAAgB;YAAhB,gBAAgB,EAAA;EvBlCjB;;;IuBwCC,yBtB5CgC,EAAA;EDIjC;IuB2CC,6BAAmE;IACnE,mBAAmB,EAAA;EvB5CpB;IuB+CC,ctBxCmB,EAAA;EDPpB;;;IuBoDC,mBtB/C4B,EAAA;EDL7B;IuBwDC,wBAAgB;YAAh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","file":"skin-master.css","sourcesContent":["#skin-default,\r\n#skin-light,\r\n#skin-dark {\r\n\tposition:relative;\r\n\r\n\t&:hover {\r\n\t\topacity: 0.8;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t&:before {\r\n\t\tfont-family: 'Font Awesome 5 Pro';\r\n\t\tcontent: \"\\f058\";\r\n\t\tfont-size: 3rem;\r\n\t\tposition: absolute;\r\n\t\tdisplay: none;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tpadding-left: 0.75rem;\r\n\t\tpadding-top: 0.25rem;\r\n\t\tcolor:var(--success-500);\r\n\t}\t\r\n}\r\n\r\nbody:not(.mod-skin-light):not(.mod-skin-dark) {\r\n\t#skin-default {\r\n\t\t&:before {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n","/* #LIGHT MODE\r\n========================================================================== */\r\n\r\n\r\n.mod-skin-light:not(.mod-skin-dark) {\r\n\r\n\t#skin-light {\r\n\t\t&:before {\r\n\t\t\tdisplay:flex;\r\n\t\t}\r\n\t}\r\n\r\n\t.page-content-wrapper {\r\n\t background-color: #f9f9f9;\r\n\t}\r\n\r\n\t.nav-filter input[type=\"text\"] {\r\n\t background: #ffffff;\r\n\t color: #333333;\r\n\t color: var(--theme-fusion-500);\r\n\r\n\t &:focus {\r\n\t\tborder-color: #333333;\r\n\t\tcolor: var(--theme-primary-500);\r\n\t }\r\n\t}\r\n\r\n\t.page-sidebar {\r\n\t box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);\r\n\t}\r\n\r\n\t&.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {\r\n\t border-left: 1px dashed #cecece;\r\n\t}\r\n\r\n\t&:not(.mod-nav-dark) {\r\n\t .info-card {\r\n\t\tcolor: #333333;\r\n\t\t//align-items: flex-end;\r\n\t\t//height: 5rem;\r\n\r\n\t\t.text-white {\r\n\t\t color: #333333 !important;\r\n\t\t text-shadow: none;\r\n\t\t}\r\n\r\n\t\timg.cover {\r\n\t\t //display: none;\r\n\t\t filter: grayscale(100%);\r\n\t\t opacity: 0.25;\r\n\t\t}\r\n\r\n\t\t.info-card-text > span {\r\n\t\t color: #333333;\r\n\t\t text-shadow: none;\r\n\t\t}\r\n\t }\r\n\r\n\t &.nav-function-top .page-sidebar .primary-nav .nav-menu > li ul {\r\n\t \tbackground: #ffffff;\r\n\t }\r\n\r\n\t &.nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {\r\n\t \tcolor: #ffffff;\r\n\t }\r\n\r\n\t &.nav-function-top .page-sidebar .primary-nav .nav-menu > li a {\r\n\t\tcolor: rgba(0, 0, 0, 0.8);\r\n\t\tcolor: var(--theme-primary-700);\r\n\t }\r\n\r\n\t .page-logo, .page-sidebar, .nav-footer {\r\n\t\tbackground-image: none;\r\n\t }\r\n\r\n\t .page-logo, .page-header {\r\n\t\tborder-bottom: 1px solid #eaeaea;\r\n\t\tbox-shadow: none;\r\n\t }\r\n\r\n\t .nav-menu li {\r\n\t\t> ul li.active > a {\r\n\t\t color: rgba(0, 0, 0, 0.8);\r\n\t\t color: var(--theme-fusion-500);\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t &:focus {\r\n\t\t\tcolor: rgba(0, 0, 0, 0.8);\r\n\t\t\tcolor: var(--theme-fusion-500);\r\n\t\t }\r\n\r\n\t\t color: rgba(0, 0, 0, 0.8);\r\n\t\t color: var(--theme-fusion-500);\r\n\t\t}\r\n\t }\r\n\r\n\t &.nav-function-top .page-sidebar .primary-nav .nav-menu > li a {\r\n\t\tcolor: rgba(0, 0, 0, 0.8);\r\n\t\tcolor: var(--theme-fusion-500);\r\n\t }\r\n\r\n\t .nav-menu {\r\n\t\tli {\r\n\t\t &.active > a {\r\n\t\t\tcolor: rgba(0, 0, 0, 0.8);\r\n\t\t\tcolor: var(--theme-fusion-500);\r\n\t\t\tfont-weight: 500;\r\n\t\t }\r\n\r\n\t\t > ul {\r\n\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\r\n\t\t }\r\n\r\n\t\t a > {\r\n\t\t\t[class*='fa-'], .ni {\r\n\t\t\t color: var(--theme-primary-700);\r\n\t\t\t}\r\n\t\t }\r\n\r\n\t\t > ul li a:hover {\r\n\t\t\tcolor: var(--theme-fusion-500);\r\n\t\t }\r\n\t\t}\r\n\r\n\t\t.nav-title {\r\n\t\t color: rgba(0, 0, 0, 0.6);\r\n\t\t color: var(--theme-fusion-50);\r\n\t\t}\r\n\t }\r\n\r\n\t .page-logo-text {\r\n\t\tcolor: #333333;\r\n\t }\r\n\r\n\t .page-logo, .page-sidebar, .nav-footer {\r\n\t\tbackground: #ffffff;\r\n\t }\r\n\r\n\t .page-wrapper {\r\n\t\t\t&.alt,\r\n\t\t\t&.auth,\r\n\t\t\t&.auth .page-inner,\r\n\t\t\t&.alt .page-inner,\r\n\t\t\t&.auth .page-content-wrapper > div,\r\n\t\t\t&.alt .page-content-wrapper > div {\r\n\t\t\t\tbackground: #ffffff;\r\n\r\n\t\t\t\t.text-white {\r\n\t\t\t\t\tcolor: #000 !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 992px) {\r\n\r\n\t.mod-skin-light {\r\n\r\n\t &.nav-function-minify:not(.nav-function-top) {\r\n\t\t&:not(.mod-nav-dark) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {\r\n\t\t background: inherit !important;\r\n\t\t color: inherit !important;\r\n\t\t}\r\n\r\n\t\t.page-sidebar .primary-nav .nav-menu > li > a {\r\n\t\t + ul {\r\n\t\t\tbackground-color: #ffffff !important;\r\n\r\n\t\t\t&:before {\r\n\t\t\t color: #ffffff !important;\r\n\t\t\t}\r\n\t\t }\r\n\r\n\t\t > .nav-link-text {\r\n\t\t\tcolor: inherit !important;\r\n\t\t }\r\n\t\t}\r\n\t }\r\n\r\n\t &.nav-function-top:not(.mod-nav-dark) {\r\n\t\t.page-header {\r\n\t\t background: #ffffff;\r\n\r\n\t\t .badge.badge-icon {\r\n\t\t\tbox-shadow: 0 0 0 1px #ffffff;\r\n\t\t }\r\n\r\n\t\t .header-icon:not(.btn) > {\r\n\t\t\t[class*='fa-']:first-child:hover, .ni:first-child:hover {\r\n\t\t\t color: #333333 !important;\r\n\t\t\t}\r\n\t\t }\r\n\t\t}\r\n\r\n\t\t#search-field {\r\n\t\t color: #333333;\r\n\t\t}\r\n\t }\r\n\t}\r\n\r\n}\r\n\r\n","@import '_include';\r\n@import '_skin-light';\r\n@import '_skin-dark';","/* #DARK MODE\r\n========================================================================== */\r\n\r\n@import '_skin-dark-modules/variables';\r\n\r\n.mod-skin-dark:not(.mod-skin-light) {\r\n\r\n\tbackground-color: #303133;\r\n\tcolor: $dark-content-color;\r\n\r\n\t#skin-dark {\r\n\t\t&:before {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\t}\r\n\r\n\t@import '_skin-dark-modules/_accordion';\r\n\t@import '_skin-dark-modules/_alerts';\r\n\t@import '_skin-dark-modules/_alt';\r\n\t@import '_skin-dark-modules/_border';\r\n\t@import '_skin-dark-modules/_breadcrumb';\r\n\t@import '_skin-dark-modules/_button';\r\n\t@import '_skin-dark-modules/_chat-segment';\r\n\t@import '_skin-dark-modules/_colors';\r\n\t@import '_skin-dark-modules/_demo';\r\n\t@import '_skin-dark-modules/_demo-settings';\r\n\t@import '_skin-dark-modules/_dropdown';\r\n\t@import '_skin-dark-modules/_forms';\r\n\t@import '_skin-dark-modules/_misc';\r\n\t@import '_skin-dark-modules/_modal';\r\n\t@import '_skin-dark-modules/_nav';\r\n\t@import '_skin-dark-modules/_navbar';\r\n\t@import '_skin-dark-modules/_navtabs';\r\n\t@import '_skin-dark-modules/_notitfication';\r\n\t@import '_skin-dark-modules/_page_etc';\r\n\t@import '_skin-dark-modules/_pagination';\r\n\t@import '_skin-dark-modules/_progressbar';\r\n\t@import '_skin-dark-modules/_panel';\r\n\t@import '_skin-dark-modules/_tables';\r\n\t@import '_skin-dark-modules/_toast';\r\n\t@import '_skin-dark-modules/_tooltip';\r\n\t@import '_skin-dark-modules/_plugins/_plugin_datatables';\r\n\t@import '_skin-dark-modules/_plugins/_plugin_other';\r\n\t@import '_skin-dark-modules/_plugins/_plugin_prettyprint';\r\n\t@import '_skin-dark-modules/_plugins/_plugin_select2';\r\n\r\n}\r\n\r\n@import '_skin-dark-modules/_mobile';\r\n","//Variables for Dark MODE\r\n$dark-content-background: #37393e;\r\n$dark-content-links: var(--theme-primary-200); //defaults to #ffffff\r\n$dark-content-color: #a5abb1;\r\n$border-width: 1px;\r\n$border-color: rgba(0,0,0,0.15);\r\n$dark-subheader-title-color: $dark-content-color;\r\n$dark-header-bottom-border-color: #252525;\r\n$dark-nav-link-color: $dark-content-color;\r\n$dark-nav-link-active-color: #ffffff;\r\n$dark-nav-background: #212225;\r\n$dark-black: #000000;\r\n$dark-white: #ffffff;\r\n\r\n\r\n$rgba-primary: #886ab5;\r\n$rgba-success: #1dc9b7;\r\n$rgba-info: #2196F3;\r\n$rgba-warning: #ffc241;\r\n$rgba-danger: #fd3995;\r\n$rgba-fusion: #505050;","/* accordion */\r\n.accordion .card .card-header .card-title {\r\n\tcolor: rgba($dark-white, 0.85);\r\n}\r\n.accordion.accordion-clean {\r\n\t.card {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\t.card-header {\r\n\t\tbackground: transparent;\r\n\t}\r\n}","/* modal */\r\n:not(.modal-alert) {\r\n\t.modal-dialog {\r\n\t\t&:not(.modal-transparent) {\r\n\t\t\t.modal-content {\r\n\t\t\t\tbox-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);\r\n\t\t\t\tbackground-color: #383b40;\r\n\t\t\t\tcolor: #a3acb5;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.swal2-popup {\r\n\tbox-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);\r\n\tbackground-color: #383b40;\r\n\tcolor: #a3acb5;\r\n}\r\n\r\n.swal2-title {\r\n\tcolor: #ffffff;\r\n}\r\n\r\n.modal-transparent .modal-content {\r\n\tbackground: rgba(0, 0, 0, 0.75);\r\n\tbox-shadow: none;\r\n}\r\n\r\n.modal-title {\r\n\tcolor: $dark-content-color;\r\n}","/*//pagination\r\n.page-link {\r\n\tcolor: #ffffff;\r\n\tbackground-color: #37393e;\r\n\r\n\t&:hover {\r\n\r\n\t}\r\n}*/",".panel .card {\r\n\tbackground-color: #37383e;\r\n}\r\n//panel\r\n.panel,\r\n.card {\r\n\tbackground-color: #26272b;\r\n}\r\n.panel {\r\n\tborder-bottom-color: rgba(0, 0, 0, 0.3)\r\n}\r\n.panel-hdr,\r\n.card-header {\r\n\tbackground: rgba(0,0,0,0.03);\r\n\tbackground: rgba(var(--theme-rgb-fusion), 0.5);\r\n\th2 {\r\n\t\tcolor: $dark-white;\r\n\t}\r\n}\r\n.panel-toolbar .btn-panel {\r\n\tborder: 1px solid #333;\r\n}\r\n\r\n.panel-hdr,\r\n.accordion:not(.accordion-clean) .card .card-header {\r\n\tbackground: #303136;\r\n}\r\n.panel-tag {\r\n\tbackground: rgba($rgba-success, 0.15);\r\n\tbackground: rgba(var(--theme-rgb-success), 0.15);\r\n\tcolor: #ffffff;\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: var(--theme-primary);\r\n\topacity: 0.2;\r\n\r\n\t&:before {\r\n\t\tbackground: var(--theme-primary-900);\r\n\t}\r\n}","//prettify\r\n/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */\r\n.prettyprint{background:#22221b;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#f4f3ec}ol.linenums{margin-top:0;margin-bottom:0;color:#6c6b5a}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#22221b;list-style-type:decimal}@media screen{.str{color:#7d9726}.kwd{color:#5f9182}.com{color:#6c6b5a}.typ{color:#36a166}.lit{color:#ae7313}.pun{color:#f4f3ec}.opn{color:#f4f3ec}.clo{color:#f4f3ec}.tag{color:#ba6236}.atn{color:#ae7313}.atv{color:#5b9d48}.dec{color:#ae7313}.var{color:#ba6236}.fun{color:#36a166}}\r\n","//alert corrections \r\n.alert-primary,\r\n.alert-sucess,\r\n.alert-danger .alert-warning,\r\n.alert-info .alert-secondary {\r\n\tbackground-color: rgba($dark-white, 0.06);\r\n\tborder-color: rgba($dark-white, 0.09);\r\n\tcolor: $dark-white;\r\n}\r\n.alert-primary {\r\n\tcolor: #ffffff;\r\n\tcolor: var(--theme-primary-100);\r\n\tbackground-color: rgba($rgba-primary, 0.2);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.2);\r\n\tborder-color: rgba($rgba-primary, 0.6);\r\n\tborder-color: rgba(var(--theme-rgb-primary), 0.6);\r\n}\r\n.alert-success {\r\n\tcolor: #ffffff;\r\n\tcolor: var(--theme-success-100);\r\n\tbackground-color: rgba($rgba-success, 0.2);\r\n\tbackground-color: rgba(var(--theme-rgb-success), 0.2);\r\n\tborder-color: rgba($rgba-success, 0.6);\r\n\tborder-color: rgba(var(--theme-rgb-success), 0.6);\r\n}\r\n.alert-danger {\r\n\tcolor: #ffffff;\r\n\tcolor: var(--theme-danger-100);\r\n\tbackground-color: rgba($rgba-danger, 0.2);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 0.2);\r\n\tborder-color: rgba($rgba-danger, 0.6);\r\n\tborder-color: rgba(var(--theme-rgb-danger), 0.6);\r\n}\r\n.alert-warning {\r\n\tcolor: #ffffff;\r\n\tcolor: var(--theme-warning-100);\r\n\tbackground-color: rgba($rgba-warning, 0.2);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 0.2);\r\n\tborder-color: rgba($rgba-warning, 0.6);\r\n\tborder-color: rgba(var(--theme-rgb-warning), 0.6);\r\n}\r\n.alert-info {\r\n\tcolor: #ffffff;\r\n\tcolor: var(--theme-info-100);\r\n\tbackground-color: rgba($rgba-info, 0.2);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 0.2);\r\n\tborder-color: rgba($rgba-info, 0.6);\r\n\tborder-color: rgba(var(--theme-rgb-info), 0.6);\r\n}\r\n.alert-secondary {\r\n\tcolor: #ffffff;\r\n\tcolor: var(--theme-white);\r\n\tbackground-color: rgba($rgba-fusion, 0.2);\r\n\tbackground-color: rgba(var(--theme-rgb-fusion), 0.2);\r\n\tborder-color: rgba($rgba-fusion, 0.6);\r\n\tborder-color: rgba(var(--theme-rgb-fusion), 0.6);\r\n}",".page-wrapper {\r\n\t&.alt,\r\n\t&.auth,\r\n\t&.auth .page-inner,\r\n\t&.alt .page-inner,\r\n\t&.auth .page-content-wrapper > div,\r\n\t&.alt .page-content-wrapper > div {\r\n\t\tbackground: #37393e;\r\n\t}\r\n\r\n}",".border:not(.border-primary):not(.tab-content):not(.border-secondary):not(.border-success):not(.border-danger):not(.border-warning):not(.border-info):not(.border-light):not(.border-dark):not(.border-white) { border-color: $border-color !important; }\r\n.border-top { border-top: $border-width solid $border-color !important; }\r\n.border-right { border-right: $border-width solid $border-color !important; }\r\n.border-bottom { border-bottom: $border-width solid $border-color !important; }\r\n.border-left { border-left: $border-width solid $border-color !important; }\r\n\r\n.border-faded {\r\n\tborder-color: rgba(0, 0, 0, 0.15) !important;\r\n}\r\n","//breadcrumb\r\n.breadcrumb:not(.breadcrumb-arrow):not(.page-breadcrumb):not([class*=\"bg-\"]) {\r\n\tbackground: darken($dark-content-background, 8%);\r\n}\r\n.breadcrumb-arrow li a {\r\n\tcolor: $dark-white !important;\r\n}","//buttons\r\n.btn {\r\n\t&.btn-panel.bg-transparent {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n}\r\n\r\n.btn-light {\r\n\tbox-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);\r\n\tborder-color: rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n.btn-outline-dark {\r\n\tcolor: #989898;\r\n\tborder-color: #000000;\r\n}\r\n\r\n.btn-outline-default {\r\n\tbackground-color: #37393e;\r\n\tcolor: #c5c5c5;\r\n\tborder-color: #1d1f23;\r\n}\r\n\r\n.btn-default {\r\n background: #5e646b;\r\n //background-image: linear-gradient(to top, #35393e, #565a61);\r\n color: #cccccc;\r\n border-color: transparent;\r\n\r\n\t&:hover {\r\n\t\tborder-color: transparent;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $dark-content-color !important;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: rgba(var(--theme-rgb-primary), 0.85);\r\n\t\tcolor: $dark-white;\r\n\t}\r\n}\t\r\n\r\n.btn-icon:not([class*=\"-primary\"]):not([class*=\"-secondary\"]):not([class*=\"-default\"]):not([class*=\"-success\"]):not([class*=\"-info\"]):not([class*=\"-warning\"]):not([class*=\"-danger\"]):not([class*=\"-dark\"]):not([class*=\"-light\"]):not(.nav-item) {\r\n\t&:not(.active):not(:active):not(:hover) {\r\n\t\tcolor: $dark-content-color !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: lighten($dark-content-color, 10%) !important;\r\n\t\tbackground: rgba(255,255,255,0.1);\r\n\t}\r\n}","//chat window\r\n.chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: rgba(0,0,0,0.3);\r\n\t\tcolor: rgba(255, 255, 255, 0.8);\r\n\t}\r\n}\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: rgba($rgba-success, 0.35);\r\n\t\tbackground: rgba(var(--theme-rgb-success), 0.35);\r\n\t}\r\n}\r\n\r\n.msgr-list + .msgr:before {\r\n\tbackground: rgba(0, 0, 0, 0.5);\r\n}\r\n.time-stamp {\r\n\tcolor: #bdbdbd;\r\n}\r\n","\r\n//Links or pagelinks\r\n.page-content-wrapper a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.navbar-brand):not(.card-title):not([class*=\"fc-\"]):not([class*=\"text-\"]):not(.btn-search-close),\r\n.modal-body a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link):not(.navbar-brand):not(.card-title) {\r\n\tcolor: #ffffff;\r\n\tcolor: $dark-content-links;\r\n}\r\n//color correction\r\n.text-success {\r\n\t//color: $dark-white;\r\n\tcolor: var(--theme-success-300) !important;\r\n}\r\n.text-danger {\r\n\t//color: $dark-white;\r\n\tcolor: var(--theme-danger-300) !important;\r\n}\r\n.text-warning {\r\n\t//color: $dark-white;\r\n\tcolor: var(--theme-warning-300) !important;\r\n}\r\n.text-info {\r\n\t//color: $dark-white;\r\n\tcolor: var(--theme-info-300) !important;\r\n}\r\n\r\n.text-dark {\r\n\tcolor: rgba(255, 255, 255, 0.75) !important;\r\n}\r\n.text-muted {\r\n\tcolor: rgba(255, 255, 255, 0.80) !important;\r\n}\r\n.text-contrast {\r\n\tcolor: $dark-white;\r\n}\r\n.text-secondary {\r\n\tcolor: rgba($dark-white, 0.9) !important;\r\n}\r\n.text-primary {\r\n\tcolor: #ffffff;\r\n\tcolor: var(--theme-primary-300) !important;\r\n}\r\na.text-primary:hover, \r\na.text-primary:focus {\r\n\tcolor: #ffffff;\r\n\tcolor: var(--theme-primary-200) !important;\r\n}\r\n\r\n//backgrounds\r\n.bg-faded {\r\n\tbackground-color: #3c3f48;\r\n\tcolor: $dark-content-color;\r\n}\r\n.bg-gray-50 {\r\n\tbackground-color: #47484c;\r\n}\r\n.bg-light {\r\n\tbackground-color: #565656 !important;\r\n}\r\n.bg-subtlelight-fade {\r\n\tbackground: #2d2f32;\r\n\tbackground: rgba(var(--theme-rgb-fusion), 0.2);\r\n}\t\r\n.bg-trans-gradient {\r\n\tbackground: linear-gradient(250deg, rgba(var(--theme-rgb-info), 0.50), rgba(var(--theme-rgb-primary), 0.50));\r\n}\r\n.bg-highlight {\r\n\tbackground-color: rgba($rgba-warning, 0.15);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 0.15);\r\n}\r\n.bg-white:not([class*='popover']) {\r\n\tbackground-color: #383b44 !important;\r\n\tcolor: #ffffff;\r\n\r\n\t&.popover {\r\n\t\tcolor: inherit;\r\n\t}\r\n}\r\n.bg-primary-50:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-primary, 0.10);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.10);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-primary-100:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-primary, 0.20);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.20);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-primary-200:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-primary, 0.30);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.30);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-primary-300:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-primary, 0.40);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.40);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-primary-400:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-primary, 0.50);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.50);\r\n}\r\n.bg-primary-500:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-primary, 0.60);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.60);\r\n}\r\n.bg-primary-600:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-primary, 0.70);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.70);\r\n}\r\n.bg-primary-700:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-primary, 0.80);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.80);\r\n}\r\n.bg-primary-800:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-primary, 0.90);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.90);\r\n}\r\n.bg-primary-900:not([class*='popover']) {\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 1);\r\n}\r\n.bg-success-50:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-success, 0.10);\r\n\tbackground-color: rgba(var(--theme-rgb-success), 0.1);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-success-100:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-success, 0.20);\r\n\tbackground-color: rgba(var(--theme-rgb-success), 0.2);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-success-200:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-success, 0.30);\r\n\tbackground-color: rgba(var(--theme-rgb-success), 0.3);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-success-300:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-success, 0.40);\r\n\tbackground-color: rgba(var(--theme-rgb-success), 0.4);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-success-400:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-success, 0.50);\r\n\tbackground-color: rgba(var(--theme-rgb-success), 0.5);\r\n}\r\n.bg-success-500:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-success, 0.60);\r\n\tbackground-color: rgba(var(--theme-rgb-success), 0.6);\r\n}\r\n.bg-success-600:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-success, 0.70);\r\n\tbackground-color: rgba(var(--theme-rgb-success), 0.7);\r\n}\r\n.bg-success-700:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-success, 0.80);\r\n\tbackground-color: rgba(var(--theme-rgb-success), 0.8);\r\n}\r\n.bg-success-800:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-success, 0.90);\r\n\tbackground-color: rgba(var(--theme-rgb-success), 0.9);\r\n}\r\n.bg-success-900:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-success, 1);\r\n\tbackground-color: rgba(var(--theme-rgb-success), 1);\r\n}\r\n.bg-danger-50:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-danger, 0.1);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 0.1);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-danger-100:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-danger, 0.2);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 0.2);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-danger-200:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-danger, 0.3);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 0.3);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-danger-300:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-danger, 0.4);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 0.4);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-danger-400:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-danger, 0.5);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 0.5);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-danger-500:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-danger, 0.6);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 0.6);\r\n}\r\n.bg-danger-600:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-danger, 0.7);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 0.7);\r\n}\r\n.bg-danger-700:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-danger, 0.8);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 0.8);\r\n}\r\n.bg-danger-800:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-danger, 0.9);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 0.9);\r\n}\r\n.bg-danger-900:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-danger, 1);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 1);\r\n}\r\n.bg-warning-50:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-warning, 0.1);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 0.1);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-warning-100:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-warning, 0.2);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 0.2);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-warning-200:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-warning, 0.3);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 0.3);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-warning-300:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-warning, 0.4);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 0.4);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-warning-400:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-warning, 0.5);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 0.5);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-warning-500:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-warning, 0.6);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 0.6);\r\n}\r\n.bg-warning-600:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-warning, 0.7);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 0.7);\r\n}\r\n.bg-warning-700:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-warning, 0.8);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 0.8);\r\n}\r\n.bg-warning-800:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-warning, 0.9);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 0.9);\r\n}\r\n.bg-warning-900:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-warning, 1);\r\n\tbackground-color: rgba(var(--theme-rgb-warning), 1);\r\n}\r\n.bg-info-50:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-info, 0.1);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 0.1);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-info-100:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-info, 0.2);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 0.2);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-info-200:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-info, 0.3);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 0.3);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-info-300:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-info, 0.4);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 0.4);\r\n\tcolor: #ffffff;\r\n}\r\n.bg-info-400:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-info, 0.5);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 0.5);\r\n}\r\n.bg-info-500:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-info, 0.6);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 0.6);\r\n}\r\n.bg-info-600:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-info, 0.7);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 0.7);\r\n}\r\n.bg-info-700:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-info, 0.8);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 0.8);\r\n}\r\n.bg-info-800:not([class*='popover']) {\r\n\tbackground-color: rgba($rgba-info, 0.9);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 0.9);\r\n}\r\n.bg-info-900:not([class*='popover']) {\r\n\tcolor: #000000;\r\n\tbackground-color: rgba($rgba-info, 1);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 1);\r\n}\r\n[data-replaceclass] {\r\n\t.bg-white {\r\n\t\tbackground: #ffffff !important;\r\n\t}\r\n\t.bg-faded {\r\n\t\tbackground-color: #f7f9fa !important;\r\n\t}\r\n}\r\n\r\n//hover bg\r\n.hover-bg {\r\n\tbackground: #303136;\r\n\tcolor: inherit;\r\n\r\n\t&:hover {\r\n\t\tbackground: inherit;\r\n\t\tcolor: inherit;\r\n\t}\r\n}\r\n\r\n.hover-white {\r\n\t&:hover {\r\n\t\tbackground: #313438 !important;\r\n\t}\r\n\t&:active {\r\n\t\tbackground: darken(#313438, 5%) !important;\r\n\t}\r\n\r\n\t.app-list-name {\r\n\t\tcolor: $dark-content-color;\r\n\t}\r\n}\r\n","//demo\r\n.bd-highlight {\r\n\tbackground-color: rgba(86, 61, 124, 0.6);\r\n\tborder: 1px solid rgba(121, 95, 160, 0.8);\r\n}\r\n.bd-example-row .row > .col, .bd-example-row .row > [class^=col-] {\r\n\tbackground-color: rgba(86, 61, 124, 0.75);\r\n\tborder: 1px solid rgba(133, 106, 175, 0.5);\r\n}\r\n.card .d-block.bg-danger-50 {\r\n\tbackground-color: rgba($rgba-danger, 0.7);\r\n\tbackground-color: rgba(var(--theme-rgb-danger), 0.7);\r\n}\r\n.card .d-block.bg-info-50 {\r\n\tbackground-color: rgba($rgba-info, 0.7);\r\n\tbackground-color: rgba(var(--theme-rgb-info), 0.7);\r\n}\r\n//demo window\r\n.demo-window:before {\r\n\tbackground: #000000;\r\n}\r\n.app-body-demo {\r\n\tborder: 1px solid rgba(0, 0, 0, 1);\r\n}\r\n.frame-wrap {\r\n\tbackground: transparent;\r\n}\r\n\r\n//events\r\n#app-eventlog {\r\n\t&:empty {\r\n\t\tbackground: #2c2e31;\r\n\t}\r\n\t& > div {\r\n\t\t&:not(:last-child) {\r\n\t\t\tborder-bottom: 1px dashed rgba(255,255,255,0.1);\r\n\t\t}\r\n\t}\r\n}\r\n","\r\n.settings-panel {\r\n\th5 {\r\n\t\tcolor: rgba(255, 255, 255, 0.5);\r\n\t}\r\n\t.list {\r\n\t\tcolor: #d0d0d0;\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: #8c8c8c;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground: rgba(255, 255, 255, 0.03);\r\n\t\t\tcolor: #ffffff;\r\n\t\t}\r\n\t}\r\n\t.expanded:not(.theme-colors) {\r\n\t\tbackground: #2f323b;\r\n\t}\r\n}","//dropdown\r\n.dropdown-menu {\r\n\tbox-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);\r\n\tbackground-color: #383b40;\r\n\tcolor: #a3acb5;\r\n}\r\n.dropdown-item {\r\n\tcolor: $dark-content-color !important;\r\n\r\n\t&:hover,\r\n\t&:focus, {\r\n\t\tbackground-color: #3e4146;\r\n\t}\r\n\r\n\t&.active, \r\n\t&:active {\r\n\t\tcolor: #ffffff !important;\r\n\t\tbackground-color: #594677;\r\n\t\tbackground-color: rgba(var(--theme-rgb-primary), 0.35);\r\n\t}\r\n}\r\n.dropdown-multilevel:hover > .dropdown-item:not(.disabled) {\r\n\tbackground-color: #3e4146;\r\n}\r\n.dropdown-divider {\r\n\tborder-top: 1px solid rgba(0,0,0,0.25);\r\n}\r\n\r\n//dropdown shortcut\r\n.dropdown-icon-menu {\r\n\t& > ul {\r\n\t\tbackground: #202225;\r\n\t}\r\n\ta {\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n}\r\n","\r\n//placeholder color\r\n::-webkit-input-placeholder { /* Edge */\r\n\tcolor: #ffffff;\r\n}\r\n\r\n:-ms-input-placeholder { /* Internet Explorer 10-11 */\r\n\tcolor: #ffffff;\r\n}\r\n\r\n::placeholder {\r\n\tcolor: #ffffff;\r\n}\r\n\r\n//select\r\nselect option {\r\n box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);\r\n background-color: #383b40;\r\n color: #ffffff;\r\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n\r\n//forms\r\ninput::placeholder,\r\ntextarea::placeholder,\r\nselect::placeholder {\r\n\tcolor: $dark-content-color;\r\n}\r\n.custom-select {\r\n\tcolor: #FFFFFF;\r\n\tbackground-color: #1f2125;\r\n\t&:not(:focus) {\r\n\t\tborder: 1px solid #19191c;\r\n\t}\r\n}\r\n\r\n.form-label {\r\n\tcolor: $dark-content-color;\r\n}\r\n.form-control,\r\n.custom-file-label {\r\n\tcolor: #ffffff;\r\n\tbackground-color: rgba(0, 0, 0, 0.15);\r\n\tborder-color: rgba(0, 0, 0, 0.35);\r\n\t&:focus {\r\n\t\tborder-color: rgba(var(--theme-rgb-primary), 0.7);\r\n\t}\r\n\t&[readonly],\r\n\t&:disabled {\r\n\t\tbackground-color: rgb(63, 66, 70);\r\n\t\tborder-color: rgba(132, 132, 132, 0.35);\r\n\t}\r\n}\r\n.input-group:not(.has-length) .input-group-text {\r\n\tcolor: #838386;\r\n\tbackground-color: #37393e;\r\n\tborder: 1px solid #232528;\r\n}\r\n.custom-control-label::before {\r\n\tbackground-color: rgba($rgba-primary, 0.1);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.2);\r\n\tborder-color: #37393e;\r\n}\r\n.custom-control-input:checked ~ .custom-control-label::before {\r\n\tbackground-color: rgba($rgba-primary, 0.8);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.8);\r\n\tborder-color: rgba($rgba-primary, 1);\t\r\n\tborder-color: rgba(var(--theme-rgb-primary), 1);\t\r\n}\r\n\r\n\r\n.custom-control-input[disabled] ~ .custom-control-label::before, \r\n.custom-control-input:disabled ~ .custom-control-label::before {\r\n\tbackground-color: #565656;\r\n}\r\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,\r\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before,\r\n.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {\r\n\tbackground-color: #565656;\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.35)\r\n}\r\n",".row-grid > {\r\n .col:before, \r\n [class^=\"col-\"]:before, \r\n [class*=\" col-\"]:before, \r\n [class^=\"col \"]:before, \r\n [class*=\" col \"]:before, \r\n [class$=\" col\"]:before, \r\n [class=\"col\"]:before {\r\n border-top-color: rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .col:after, \r\n [class^=\"col-\"]:after, \r\n [class*=\" col-\"]:after, \r\n [class^=\"col \"]:after, \r\n [class*=\" col \"]:after, \r\n [class$=\" col\"]:after, \r\n [class=\"col\"]:after {\r\n border-left-color: rgba(0, 0, 0, 0.15);\r\n }\r\n}\r\n//close icon\r\n.close {\r\n\tcolor: #fff;\r\n\ttext-shadow: 0 1px 0 #000;\r\n}\r\n\r\n.state-selected {\r\n\tbackground: rgba($rgba-info, 0.15) !important;\r\n\tbackground: rgba(var(--theme-rgb-info), 0.15) !important;\r\n}\r\n\r\n\r\n.notes {\r\n\tbackground: rgba($rgba-warning, 0.15);\r\n\tbackground: rgba(var(--theme-rgb-warning), 0.15);\r\n}\r\npre {\r\n\tcolor: $dark-white;\r\n}\r\n//status\r\n.status:before {\r\n\tborder-color: rgba(0, 0, 0, 0.5)\r\n}\r\n//progress \r\n.progress {\r\n\tbackground-color: rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\r\nhr {\r\n\tborder-bottom-color: rgba(var(--theme-rgb-fusion), 0.85);\r\n}\r\n\r\ncode {\r\n\tbackground: rgba(0, 0, 0, 0.3);\r\n\tcolor: #ffffff;\r\n}\r\n\r\n//list-group\r\n.list-group-item {\r\n\tbackground: transparent;\r\n}\r\n\r\n//jumbotron\r\n.jumbotron {\r\n background-color: rgba(0,0,0,0.2);\r\n}\r\n\r\n\r\n&.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact)>li>ul:before {\r\n\tborder-left: 1px dashed rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n",".nav-filter input[type=\"text\"] {\r\n\tbackground: lighten($dark-nav-background, 5%);\r\n\tcolor: #ffffff;\r\n\r\n\t&:focus {\r\n\t\tborder-color: rgba(255, 255, 255, 0.5);\r\n\t\tcolor: #ffffff\r\n\t}\r\n\r\n\t&:not(:focus) {\r\n\t\tborder-color: rgba(255, 255, 255, 0.1);\r\n\t}\r\n}\r\n\r\n.info-card {\r\n\tcolor: $dark-content-color;\r\n\t//height: 5rem;\r\n\t//align-items: flex-end;\r\n\t.text-white {\r\n\t\t//color: $dark-content-color !important;\r\n\t\ttext-shadow: none;\r\n\t}\r\n\t/*img.cover {\r\n\t\topacity: 0.6;\r\n\t}*/\r\n\t.info-card-text>span {\r\n\t\tcolor: #fafafa;\r\n\t\ttext-shadow: none;\r\n\t}\r\n}\r\n&.nav-function-top .page-sidebar .primary-nav .nav-menu > li ul {\r\n\tbackground: #212225;\r\n}\r\n\r\n&.nav-function-top .page-logo {\r\n\tborder-bottom: 1px solid lighten($dark-header-bottom-border-color, 3%);\r\n}\r\n\r\n&.nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {\r\n\tcolor: #212225;\r\n}\r\n&.nav-function-top .page-sidebar .primary-nav .nav-menu>li a {\r\n\tcolor: rgba(255, 255, 255, 0.8);\r\n\tcolor: var(--theme-primary-200);\r\n}\r\n.nav-menu li {\r\n\t>ul li.active>a {\r\n\t\tcolor: rgba(255, 255, 255, 0.8);\r\n\t\tcolor: $dark-nav-link-active-color;\r\n\t}\r\n\ta {\r\n\t\t&:focus {\r\n\t\t\tcolor: rgba(255, 255, 255, 0.8);\r\n\t\t\tcolor: $dark-nav-link-color;\r\n\t\t}\r\n\t\tcolor: rgba(255, 255, 255, 0.8);\r\n\t\tcolor: $dark-nav-link-color;\r\n\t}\r\n}\r\n&.nav-function-top .page-sidebar .primary-nav .nav-menu>li a {\r\n\tcolor: rgba(255, 255, 255, 0.8);\r\n\tcolor: $dark-nav-link-color;\r\n}\r\n.nav-menu {\r\n\tli {\r\n\t\t&.active>a {\r\n\t\t\tcolor: rgba(255, 255, 255, 0.8);\r\n\t\t\tcolor: $dark-nav-link-active-color;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tbackground-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\t\t/* > ul {\r\n\tbackground-color: rgba(255, 255, 255, 0.03);\r\n }*/\r\n\t\ta> {\r\n\t\t\t[class*='fa-'],\r\n\t\t\t.ni {\r\n\t\t\t\tcolor: var(--theme-primary-300);\r\n\t\t\t}\r\n\t\t}\r\n\t\t>ul li a:hover {\r\n\t\t\tcolor: var(--theme-primary-100);\r\n\t\t}\r\n\t}\r\n\t.nav-title {\r\n\t\tcolor: rgba(255, 255, 255, 0.6);\r\n\t\tcolor: var(--theme-primary-50);\r\n\t}\r\n}\r\n","//navbar\r\n.navbar-light {\r\n .navbar-brand {\r\n color: rgba(255, 255, 255, 0.9);\r\n }\r\n\r\n .navbar-nav {\r\n .show > .nav-link, .active > .nav-link {\r\n color: rgba(255, 255, 255, 0.9);\r\n }\r\n\r\n .nav-link {\r\n &.show, &.active {\r\n color: rgba(255, 255, 255, 0.9);\r\n }\r\n\r\n &:hover, &:focus {\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n color: rgba(255, 255, 255, 0.5);\r\n }\r\n }\r\n\r\n .navbar-text {\r\n color: rgba(255, 255, 255, 0.5);\r\n }\r\n}\r\n\r\n//Nav\r\n.nav-tabs .nav-item .nav-link.active:not(:hover), \r\n.nav-tabs-clean .nav-item .nav-link:hover {\r\n background: transparent;\r\n color: #ffffff !important;\r\n}\r\n\r\n.nav-tabs {\r\n .nav-link.active, .nav-item.show .nav-link {\r\n background: transparent;\r\n }\r\n}",".nav-tabs:not(.nav-tabs-clean) .nav-link.active, \r\n.nav-tabs:not(.nav-tabs-clean) .nav-item.show .nav-link {\r\n border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) #25272b;\r\n}\r\n.nav-tabs {\r\n border-bottom-color: rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n.nav-tabs .nav-link:not(.active):hover, \r\n.nav-tabs .nav-link:not(.active):focus {\r\n border-color: rgba(255, 255, 255, 0.07) rgba(255, 255, 255, 0.07) transparent;\r\n}\r\n\r\n.tab-content.border {\r\n border-color: rgba(255, 255, 255, 0.15) !important;\r\n}","//notification\r\n.notification {\r\n\t.msg-a,\r\n\t.msg-b,\r\n\t.name {\r\n\t\tcolor: $dark-content-color !important;\r\n\t}\r\n\r\n\tli {\r\n\t\tbackground-color: $dark-content-background;\r\n\r\n\t\t&.unread > :first-child {\r\n\t\t\tbackground-color: rgba(var(--theme-rgb-primary), 0.15);\r\n\t\t}\r\n\t}\r\n}\t\r\n\r\n\r\n.notification.notification-layout-2 {\r\n\tli,\r\n\tli.unread {\r\n\t\tbackground: $dark-content-background;\r\n\t}\r\n}\r\n","body,\r\n.page-content {\r\n\tcolor: $dark-content-color;\r\n}\r\n\r\n//header\r\n.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n.header-icon:not(.btn) > .ni:first-child {\r\n\tcolor: #888888;\r\n\r\n\t&:hover {\r\n\t\tcolor: lighten(#888888, 10%);\r\n\t}\r\n}\r\n.header-icon:not(.btn)[data-toggle=\"dropdown\"][data-toggle=\"dropdown\"]:after {\r\n\tbackground: rgba(0,0,0, 0.75);\r\n\tbackground: rgba(var(--theme-rgb-primary), 0.75);\r\n}\r\n.header-icon:not(.btn)[data-toggle=\"dropdown\"][aria-expanded=\"true\"] > [class*='fa-']:first-child, \r\n.header-icon:not(.btn)[data-toggle=\"dropdown\"][aria-expanded=\"true\"] > .ni:first-child {\r\n \tcolor: #ffffff !important;\r\n}\r\n\r\n.badge.badge-icon {\r\n\tbox-shadow: 0 0 0 1px $dark-nav-background;\r\n}\r\n\r\n\r\n.page-logo,\r\n.page-sidebar,\r\n.nav-footer {\r\n\tbackground-image: none;\r\n}\r\n.page-logo {\r\n\tborder-bottom: 1px solid darken($dark-header-bottom-border-color, 7%);\r\n}\r\n.page-header,\r\n.page-footer {\r\n\tborder-bottom: 1px solid lighten($dark-header-bottom-border-color, 3%);\r\n\tbox-shadow: none;\r\n\t//background: #37393e;\r\n}\r\n.page-header,\r\n.page-content-wrapper,\r\n.page-footer {\r\n\tbackground-color: $dark-content-background;\r\n}\r\n.page-footer {\r\n\tborder-top: 1px solid lighten($dark-header-bottom-border-color, 3%);\r\n\tborder-bottom: none;\r\n}\r\n.page-logo-text {\r\n\tcolor: $dark-white;\r\n}\r\n.page-logo,\r\n.page-sidebar,\r\n.nav-footer {\r\n\tbackground: $dark-nav-background;\r\n}\r\n\r\n.page-sidebar {\r\n\tbox-shadow: none;\r\n}\r\n\r\n.page-breadcrumb .breadcrumb-item.active {\r\n\tcolor: #bfbfbf;\r\n}\r\n.page-breadcrumb {\r\n\ttext-shadow: $dark-black 0 1px;\r\n}\r\n\r\n//page error\r\n.page-error {\r\n\tcolor: #ffffff !important;\r\n\r\n\tsmall {\r\n\t\tcolor: #c1c1c1;\r\n\t}\r\n}\r\n\r\n.subheader-title {\r\n\tcolor: $dark-subheader-title-color;\r\n\ttext-shadow: #505050 0 1px;\r\n\tsmall {\r\n\t\tcolor: darken($dark-subheader-title-color, 10%);\r\n\t}\r\n}",".progress-bar {\r\n\tbackground-color: var(--theme-primary-500);\r\n}","//table\r\n.table,\r\n.table-bordered th,\r\n.table-bordered td,\r\n.table thead th,\r\n.table th,\r\n.table td {\r\n\tborder-color: rgba(255, 255, 255, 0.25);\r\n}\r\n.table {\r\n\tcolor: lighten($dark-content-color, 10%);\r\n\r\n\t&.table-dark {\r\n\t\tcolor: #ffffff;\r\n\t\tbackground-color: #202225;\r\n\t}\r\n\r\n\t&.table-striped tbody tr:nth-of-type(odd) {\r\n\t\tbackground-color: rgba(0, 0, 0, 0.15);\r\n\t}\r\n}\t\r\n.table-hover tbody tr:hover {\r\n\tbackground-color: rgba($rgba-primary, 0.15) !important;\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.15) !important;\r\n\tcolor: inherit;\r\n}\r\n.thead-themed {\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.10);\r\n\tbackground-image: linear-gradient(to top, rgba(var(--theme-rgb-primary), 0.15), rgba(var(--theme-rgb-primary), 0.55))\r\n}\r\n.table-active,\r\n.table-active>th,\r\n.table-active>td {\r\n\tbackground-color: transparent;\r\n}","//toast\r\n.toast:not([class*=\"toast-\"]) {\r\n\tbackground-color: rgba(31, 31, 31, 0.85);\r\n\r\n\t.toast-header {\r\n\t\tcolor: #ffffff;\r\n\t\tbackground-color: rgba(35, 35, 35, 0.85);\r\n\t}\r\n}\r\n","//tooltip\r\n.bs-tooltip-top .arrow::before, \r\n.bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\r\n\tborder-top-color: rgba(0, 0, 0, 0.9);\r\n}\r\n.bs-tooltip-right .arrow::before, \r\n.bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\r\n\tborder-right-color: rgba(0, 0, 0, 0.9);\r\n}\r\n.bs-tooltip-left .arrow::before, \r\n.bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\r\n\tborder-left-color: rgba(0, 0, 0, 0.9);\r\n}\r\n.bs-tooltip-bottom .arrow::before, \r\n.bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\r\n\tborder-bottom-color: rgba(0, 0, 0, 0.9);\r\n}\r\n.tooltip-inner {\r\n\tbackground-color: rgba(0, 0, 0, 0.9);\r\n}\r\n\r\n\r\n.popover:not([class*=\"bg-\"]) {\r\n\tborder: 3px solid rgba(255, 255, 255, 0.4);\r\n}","//datatables\r\n.fc-head-container thead tr {\r\n\tbackground-image: linear-gradient(to top, #35393e 0, #565a61 100%);\r\n}\r\n.dt-autofill-list {\r\n\tbackground-color: #383b40;\r\n}\r\ndiv.dt-autofill-list ul li:hover {\r\n\tbackground-color: darken(#383b40, 5%);\r\n}\r\n\r\ntable.DTFC_Cloned tr {\r\n\tbackground: transparent;\r\n}\r\ndiv.DTFC_LeftHeadWrapper table,\r\ntable.dataTable.table-striped.DTFC_Cloned tbody, \r\ndiv.DTFC_RightHeadWrapper table {\r\n\tbackground: #25272b;\r\n}\r\ntable.dataTable > tbody > tr.child ul.dtr-details > li {\r\n\tborder-bottom: 1px solid #373a40;\r\n}\r\n\r\n.sorting_asc,\r\n.sorting_desc,\r\n.even .sorting_1 {\r\n\tbackground-color: rgba($rgba-primary, 0.1);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.1);\r\n}\r\n.odd .sorting_1 {\r\n\tbackground-color: rgba($rgba-primary, 0.2);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.2);\r\n}\r\n.dataTables_filter {\r\n\t&:not(.has-length) {\r\n\t\t.input-group-text {\r\n\t\t\tcolor: #a7a7a7;\r\n\t\t\tbackground-color: #474950;\r\n\t\t\tborder-color: #262627;\r\n\t\t}\r\n\t}\r\n}\r\ntable.dataTable:not(.table-dark) tr.dtrg-group td {\r\n\tbackground: rgba(0, 0, 0, 0.13);\r\n}\r\ndiv.DTS div.dataTables_scrollBody table {\r\n\tbackground-color: #3a3c45;\r\n}","//jqvmap\r\n.jqvmap-zoomin,\r\n.jqvmap-zoomout {\r\n\tbackground-image: linear-gradient(to top, #2f323b, #2a2d35);\r\n\tcolor: #c3c3c3;\r\n}\r\n.jqvmap-bg-ocean {\r\n\tbackground-color: #374344 !important;\r\n}\r\n//ion range slider \r\n.irs-line {\r\n\tbackground: #3c3e44;\r\n\tborder-color: #28292d;\r\n}\r\n//calendar & dropzone\r\n.fc a {\r\n\tcolor: #ffffff !important;\r\n}\r\n.dropzone,\r\n.fc td.fc-other-month {\r\n\tbackground-color: rgba($rgba-primary, 0.15);\r\n\tbackground-color: rgba(var(--theme-rgb-primary), 0.15);\r\n}\r\n//date range picker\r\n.daterangepicker,\r\n.daterangepicker .calendar-table {\r\n\tbackground: #383b40;\r\n}\r\n.daterangepicker td.off, \r\n.daterangepicker td.off.in-range, \r\n.daterangepicker td.off.start-date,\r\n.daterangepicker td.off.end-date {\r\n\tbackground: transparent;\r\n}\r\n.daterangepicker .calendar-table {\r\n\tborder-color: #383b40;\r\n}\r\n\r\n//datepicker\r\n.datepicker-dropdown.datepicker-orient-top:after {\r\n\tborder-top-color: #383b40;\r\n}\r\n.datepicker-dropdown:after {\r\n\tborder-bottom-color: #383b40;\r\n}\r\n//summernote \r\n.note-toolbar .note-btn {\r\n\tbackground: #25272b;\r\n\r\n\t&:hover,\r\n\t&:focus,\r\n\t&:active {\r\n\t\tbackground: lighten(#25272b, 10%);\r\n\t\tcolor: #ffffff;\r\n\t}\r\n}\r\n.note-editor.note-frame .note-editing-area .note-editable, \r\n.note-editor.note-airframe .note-editing-area .note-editable {\r\n\tbackground-color: rgba(0, 0, 0, 0.15);\r\n\tcolor: #fff;\r\n}\r\n.note-editor.note-frame .note-statusbar, \r\n.note-editor.note-airframe .note-statusbar {\r\n\tborder-top: 1px solid #25272b;\r\n\tbackground-color: #434548;\r\n}",".select2-container--default .select2-selection--single, \r\n.select2-container--default.select2-container--disabled .select2-selection--single, \r\n.select2-container--default .select2-selection--multiple, \r\n.select2-container--default.select2-container--disabled .select2-selection--multiple,\r\n.select2-container--default .select2-search--dropdown .select2-search__field {\r\n\t//background: #383b40;\r\n\tcolor: #ffffff;\r\n background-color: rgba(0, 0, 0, 0.15);\r\n border-color: rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n.select2-container--default .select2-selection--single .select2-selection__rendered {\r\n\tcolor: #ffffff;\r\n}\r\n\r\n\r\n.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, \r\n.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, \r\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, \r\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,\r\n.select2-container--open .select2-dropdown--above,\r\n.select2-container--open .select2-dropdown--below {\r\n\tbackground: #383b40;\r\n}\r\n\r\n\r\n.select2-container--disabled .select2-selection.select2-selection--single,\r\n.select2-container--disabled .select2-selection.select2-selection--multiple {\r\n\tbackground-color: #3f4246;\r\n\tborder-color: rgba(132, 132, 132, 0.35);\r\n}\r\n","@media (min-width: 992px) {\r\n\t.mod-skin-dark {\r\n\t\t&.nav-function-minify:not(.nav-function-top) {\r\n\t\t\t&:not(.mod-nav-dark) .page-sidebar .primary-nav:hover .nav-menu>li:hover>a {\r\n\t\t\t\tbackground: inherit !important;\r\n\t\t\t\tcolor: #d0d0d0 !important;\r\n\t\t\t}\r\n\t\t\t.page-sidebar .primary-nav .nav-menu>li>a {\r\n\t\t\t\t+ul {\r\n\t\t\t\t\tbackground-color: $dark-nav-background !important;\r\n\t\t\t\t\t&:before {\r\n\t\t\t\t\t\tcolor: $dark-nav-background !important;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t>.nav-link-text {\r\n\t\t\t\t\tcolor: inherit !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbackground: $dark-nav-background;\r\n\t\t\t\t.header-icon:not(.btn)> {\r\n\t\t\t\t\t[class*='fa-']:first-child:hover,\r\n\t\t\t\t\t.ni:first-child:hover {\r\n\t\t\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t#search-field {\r\n\t\t\t\tcolor: #ffffff;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.subheader-title {\r\n\t\t\tcolor: #ffffff !important;\r\n\t\t}\r\n\t}\r\n}"]} \ No newline at end of file diff --git a/Frontend/css/themes/cust-theme-15.css b/Frontend/css/themes/cust-theme-15.css new file mode 100644 index 0000000..ec4ae2c --- /dev/null +++ b/Frontend/css/themes/cust-theme-15.css @@ -0,0 +1,3029 @@ +/* #THEME COLOR (variable overrides) +========================================================================== */ +/* #GLOBAL IMPORTS +========================================================================== */ +/* #IMPORTS ~~ +========================================================================== */ +/*--------------------------------------------------- + SASS ELements (based on LESS Elements 0.9 http://lesselements.com) + -------------------------------- ------------------- + LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) + SASS port by Samuel Beek (http://samuelbeek.com) + ---------------------------------------------------*/ +/*------------------------ + Usage + + $color-white: hexToRGBString(#fff) => "255,255,255" + $color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255" + $color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255" + +------------------------*/ +/*------------------------ + Usage + + h1 { + font-size: rem(32); + } + + OR: + + h1 { + font-size: rem(32px); + } +------------------------*/ +/*------------------------ + FADE IN + e.g. @include fadeIn( 2s ); +------------------------*/ +/*------------------------ +mixin that calculates if text needs to be light or dark +depending on the background color passed. + +From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast + +usage: +@include text-contrast($bgcolor) + +Color brightness is determined by the following formula: +((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 +------------------------*/ +/*------------------------ + color factory + eg: contrast-ink($contrastvalue) +------------------------*/ +/*------------------------ + color factory + eg: @include paint($blue-grey-50, bg-blue-grey-50); +------------------------*/ +/* backface visibility */ +/* generate theme button */ +/* THEME COLORs +========================================================================== */ +/* Looks good on chrome default color profile */ +/* We will manually convert these primary colors to rgb for the dark mode option of the theme */ +/* looks good in sRGB but washed up on chrome default +$color-primary: #826bb0; +$color-success: #31cb55; +$color-info: #5e93ec; +$color-warning: #eec559; +$color-danger: #dc4b92; +$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ +/* Color Polarity +========================================================================== */ +/* PAINTBUCKET MIXER +========================================================================== */ +/* the grays */ +/* the sapphires */ +/* the emeralds */ +/* the amethyths */ +/* the topaz */ +/* the rubies */ +/* the graphites */ +/* Define universal border difition (div outlines, etc) +========================================================================== */ +/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) +========================================================================== */ +/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ +/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ +/* global var used for spacing*/ +/* Uniform Padding variable */ +/* Heads up! This is a global scoped variable - changing may impact the whole template */ +/* BOOTSTRAP OVERRIDES (bootstrap variables) +========================================================================== */ +/* usage: theme-colors("primary"); */ +/* forms */ +/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ +/* links */ +/* checkbox */ +/*$custom-file-height-inner: calc(2.25rem - 1px);*/ +/* not part of bootstrap variable */ +/* custom checkbox */ +/* custom range */ +/* custom file */ +/* badge */ +/* cards */ +/*border radius*/ +/* alert */ +/* toast */ +/* breadcrumb */ +/* input button */ +/* nav link */ +/* nav, tabs, pills */ +/* tables */ +/* dropdowns */ +/* dropdowns sizes */ +/* popovers */ +/* tooltips */ +/* modal */ +/* reference guide +http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ +8px = 0.5rem +9px = 0.5625rem +10px = 0.625rem +11px = 0.6875rem +12px = 0.75rem +13px = 0.8125rem +14px = 0.875rem +15px = 0.9375rem +16px = 1rem (base) +17px = 1.0625rem +18px = 1.125rem +19px = 1.1875rem +20px = 1.25rem +21px = 1.3125rem +22px = 1.375rem +24px = 1.5rem +25px = 1.5625rem +26px = 1.625rem +28px = 1.75rem +30px = 1.875rem +32px = 2rem +34px = 2.125rem +36px = 2.25rem +38px = 2.375rem +40px = 2.5rem +*/ +/* Fonts */ +/* carousel */ +/* BASE VARS +========================================================================== */ +/* font vars below will auto change to rem values using function rem($value)*/ +/* 11px */ +/* 12px */ +/* 12.5px */ +/* 14px */ +/* 15px */ +/* 16px */ +/* 28px */ +/* Font Family +========================================================================== */ +/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ +/* ANIMATIONS +========================================================================== */ +/* this addresses all animation related to nav hide to nav minify */ +/* Z-INDEX declearation +========================================================================== */ +/* we adjust bootstrap z-index to be higher than our higest z-index*/ +/* CUSTOM ICON PREFIX +========================================================================== */ +/* PRINT CSS (landscape or portrait) +========================================================================== */ +/* landscape or portrait */ +/* auto, letter */ +/* Common Element Variables +========================================================================== */ +/* Z-index decleartion "birds eye view" +========================================================================== */ +/* Components +========================================================================== */ +/* PAGE HEADER STUFF +========================================================================== */ +/* colors */ +/* height */ +/* logo */ +/* try not to go beywond the width of $main_nav_width value */ +/* you may need to change this depending on your logo design */ +/* adjust this as you see fit : left, right, center */ +/* icon font size (not button) */ +/* search input box */ +/* suggestion: #ccced0*/ +/* btn */ +/* dropdown: app list */ +/* badge */ +/* COMPONENTS & MODS */ +/* NAVIGATION STUFF + +Guide: + +aside.page-sidebar ($nav-width, $nav-background) + .page-logo + .primary-nav + .info-card + ul.nav-menu + li + a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) + icon + span + collapse-sign + + ul.nav-menu-sub-one + li + a ($nav-level-1... $nav-sub-link-height) + span + collapse-sign + + ul.nav-menu-sub-two + li + a ($nav-level-2... $nav-sub-link-height) + span + + p.nav-title ($nav-title-*...) + + +========================================================================== */ +/* main navigation */ +/* left panel */ +/* nav footer */ +/* nav parent level-0 */ +/* nav icon sizes */ +/* badge default */ +/* all child */ +/* nav title */ +/* nav Minify */ +/* when the menu pops on hover */ +/* navigation Width */ +/* partial visibility of the menu */ +/* top navigation */ +/* nav Info Card (appears below the logo) */ +/* width is auto */ +/* nav DL labels for all child */ +/* will be pulled to left as a negative value */ +/* MISC Settings +========================================================================== */ +/* List Table */ +/* PAGE SETTINGS +========================================================================== */ +/* PAGE BREADCRUMB +========================================================================== */ +/* PAGE COMPONENT PANELS +========================================================================== */ +/* PAGE COMPONENT PROGRESSBARS +========================================================================== */ +/* PAGE COMPONENT MESSENGER +========================================================================== */ +/* FOOTER +========================================================================== */ +/* GLOBALS +========================================================================== */ +/* ACCESSIBILITIES */ +/* PLACEHOLDER +============================================= + +EXAMPLE: + +%bg-image { + width: 100%; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +.image-one { + @extend %bg-image; + background-image:url(/img/image-one.jpg"); +} + +RESULT: + +.image-one, .image-two { + width: 100%; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +*/ +.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient { + background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent)); + background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); + background-color: #404c5c; } + +/* +%shadow-hover { + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); + transition: all 0.2s ease-in-out; + + &:hover { + box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); + } +} +*/ +.btn-default { + background-color: #f5f5f5; + background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1)); + background-image: linear-gradient(to top, #f5f5f5, #f1f1f1); + color: #444; } + .btn-default:hover { + border: 1px solid #c6c6c6; } + .btn-default:focus { + border-color: #92a4bd !important; } + .active.btn-default { + background: #8297b3; + color: #fff; } + +.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .footer-function-fixed .btn-switch[data-class="footer-function-fixed"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-nav-dark .btn-switch[data-class="mod-nav-dark"], .mod-panel-icon .btn-switch[data-class="mod-panel-icon"] { + color: #fff; + background: #627ca0 !important; } + .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"]:after, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"]:after { + background: #fff !important; + color: #627ca0 !important; } + .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"] + .onoffswitch-title, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"] + .onoffswitch-title { + color: #627ca0; } + +.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title { + color: #d58100; } + +.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc { + color: #ec9f28; } + +.dropdown-icon-menu > ul > li .btn, .header-btn { + border: 1px solid #cecece; + color: #a6a6a6; } + .dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover { + border-color: #627ca0; + background: #8297b3; + color: #fff; } + +.nav-mobile-slide-out #nmp:after, +.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after, +.nav-function-minify #mnl:after, +.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after { + background: #f7ebcf; + border: 1px solid #dea936; + color: #0e0e0e; } + +/* #GLOBAL IMPORTS +========================================================================== */ +/*@import '_imports/_global-import';*/ +/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order) + DOC: you can disable unused _modules +========================================================================== */ +/* contains root variables to be used with css (see docs) */ +/* html and body base styles */ +html body { + background-color: #fff; } + html body a { + color: #627ca0; + background-color: transparent; } + html body a:hover { + color: #7289aa; } + +.header-icon { + color: #666666; } + .header-icon:not(.btn) > [class*='fa-']:first-child, + .header-icon:not(.btn) > .ni:first-child { + color: #627ca0; } + .header-icon:not(.btn):hover > [class*='fa-']:only-child, + .header-icon:not(.btn):hover > .ni { + color: #404040; } + .header-icon:not(.btn)[data-toggle="dropdown"] { + /* header dropdowns */ + /* note: important rules to override popper's inline classes */ + /* end header dropdowns */ } + .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] { + color: #404040; } + .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child, + .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child { + color: #404040 !important; } + .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu { + border-color: #ccc; } + .header-icon:hover { + color: #404040; } + +.page-header { + background-color: #fff; } + +#search-field { + background: transparent; + border: 1px solid transparent; } + +.notification li.unread { + background: #fefbf7; } + +.notification li > :first-child { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); } + .notification li > :first-child:hover { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04))); + background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } + +.notification .name { + color: #222222; } + +.notification .msg-a, +.notification .msg-b { + color: #555555; } + +.notification.notification-layout-2 li { + background: #f9f9f9; } + .notification.notification-layout-2 li.unread { + background: #fff; } + .notification.notification-layout-2 li > :first-child { + border-bottom: 1px solid rgba(0, 0, 0, 0.04); } + +.notification.notification-layout-2:hover { + cursor: pointer; } + +.app-list-item { + color: #666666; } + .app-list-item:hover { + border: 1px solid #e3e3e3; } + .app-list-item:active { + border-color: #627ca0; } + +@media (min-width: 992px) { + .header-function-fixed.nav-function-top .page-header { + -webkit-box-shadow: 0px 0px 28px 2px rgba(59, 75, 97, 0.13); + box-shadow: 0px 0px 28px 2px rgba(59, 75, 97, 0.13); } } + +.nav-title { + color: #64768f; } + +.nav-menu li.open > a { + color: white; } + +.nav-menu li.active { + /* arrow that appears next to active/selected items */ } + .nav-menu li.active > a { + color: white; + background-color: rgba(255, 255, 255, 0.04); + -webkit-box-shadow: inset 3px 0 0 #627ca0; + box-shadow: inset 3px 0 0 #627ca0; } + .nav-menu li.active > a:hover > [class*='fa-'], + .nav-menu li.active > a:hover > .ni { + color: #9b9b9b; } + .nav-menu li.active > ul { + display: block; } + .nav-menu li.active:not(.open) > a:before { + color: #24b3a4; } + +.nav-menu li a { + color: #a4afbf; } + .nav-menu li a .dl-ref.label { + color: rgba(255, 255, 255, 0.7); } + .nav-menu li a > [class*='fa-'], + .nav-menu li a > .ni { + color: #687b95; } + .nav-menu li a.collapsed .nav-menu-btn-sub-collapse { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + .nav-menu li a:hover { + color: white; + background-color: rgba(0, 0, 0, 0.1); } + .nav-menu li a:hover .badge { + color: #fff; } + .nav-menu li a:hover > [class*='fa-'], + .nav-menu li a:hover > .ni { + color: #9b9b9b; } + .nav-menu li a:hover > .badge { + -webkit-box-shadow: 0 0 0 1px rgba(81, 96, 116, 0.8); + box-shadow: 0 0 0 1px rgba(81, 96, 116, 0.8); + border: 1px solid rgba(81, 96, 116, 0.8); } + .nav-menu li a:focus { + color: white; } + .nav-menu li a:focus .badge { + color: #fff; } + +.nav-menu li b.collapse-sign { + color: #7289aa; } + +.nav-menu li > ul { + background-color: rgba(0, 0, 0, 0.1); } + .nav-menu li > ul li a { + color: #95a2b5; } + .nav-menu li > ul li a > [class*='fa-'], + .nav-menu li > ul li a > .ni { + color: #687b95; } + .nav-menu li > ul li a > .badge { + color: #fff; + background-color: #Be2d2d; } + .nav-menu li > ul li a:hover { + color: white; + background-color: rgba(0, 0, 0, 0.1); } + .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'], + .nav-menu li > ul li a:hover > .nav-link-text > .ni { + color: #9b9b9b; } + .nav-menu li > ul li.active > a { + color: white; + background-color: transparent; } + .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'], + .nav-menu li > ul li.active > a > .nav-link-text > .ni { + color: white; } + .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'], + .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni { + color: #9b9b9b; } + .nav-menu li > ul li > ul li.active > a { + color: white; } + .nav-menu li > ul li > ul li a { + color: #8f9db0; } + .nav-menu li > ul li > ul li a:hover { + color: white; } + .nav-menu li > ul li > ul li a > .badge { + color: #fff; + background-color: #Be2d2d; + border: 1px solid #414141; } + +/* nav clean elements */ +.nav-menu-clean { + background: #fff; } + .nav-menu-clean li a { + color: #414141 !important; } + .nav-menu-clean li a span { + color: #414141 !important; } + .nav-menu-clean li a:hover { + background-color: #f4f4f4 !important; } + +/* nav bordered elements */ +.nav-menu-bordered { + border: 1px solid rgba(0, 0, 0, 0.08); } + .nav-menu-bordered li a { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); } + +.nav-filter input[type="text"] { + background: rgba(0, 0, 0, 0.4); + color: #fff; } + .nav-filter input[type="text"]:not(:focus) { + border-color: rgba(0, 0, 0, 0.1); } + .nav-filter input[type="text"]:focus { + border-color: #5c6c83; } + +.info-card { + color: #fff; } + .info-card .info-card-text { + text-shadow: #000 0 1px; } + +@media (min-width: 992px) { + .nav-function-top { + /* correct search field color */ } + .nav-function-top #search-field { + color: #fff; } + .nav-function-top:not(.header-function-fixed) #nff { + position: relative; } + .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title { + color: #d58100; } + .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc { + color: #ec9f28; } + .nav-function-top:not(.header-function-fixed) #nff:after { + background: #f7ebcf; + border: 1px solid #dea936; + color: #0e0e0e; } + .nav-function-top .page-header { + background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent)); + background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); + background-color: #404c5c; + -webkit-box-shadow: 0px 0px 14px 0px rgba(59, 75, 97, 0.13); + box-shadow: 0px 0px 14px 0px rgba(59, 75, 97, 0.13); } + .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child, + .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child { + color: #8297b3; } + .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, + .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover { + color: #a2b1c6; } + .nav-function-top .page-header .badge.badge-icon { + -webkit-box-shadow: 0 0 0 1px #587091; + box-shadow: 0 0 0 1px #587091; } + .nav-function-top .page-sidebar { + background: #fff; + -webkit-box-shadow: 0px 0px 14px 0px rgba(59, 75, 97, 0.13); + box-shadow: 0px 0px 14px 0px rgba(59, 75, 97, 0.13); } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before { + color: #24b3a4; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni, + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] { + color: inherit; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign { + color: #8998ac; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li a { + color: #404c5c; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul { + background: #4f5d71; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a { + color: #a4afbf; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul { + background: #4f5d71; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a { + background: rgba(0, 0, 0, 0.1); + color: #fff; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after { + background: transparent; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { + color: #4f5d71; } + .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a { + color: #627ca0; + background: transparent; } } + +@media (min-width: 992px) { + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before { + color: #24b3a4; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { + background: trasparent; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { + background-color: #404c5c; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { + color: #404c5c; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover { + overflow: visible; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a { + background: #495668; + color: #fff; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child { + background: #404c5c; } + .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before { + color: #404c5c; } + .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] { + background: #414141; + border-color: #282828 !important; + color: #fff !important; } } + +.nav-footer .nav-footer-buttons > li > a { + color: #7a8ba2; } + +.nav-function-fixed .nav-footer { + background: #404c5c; } + .nav-function-fixed .nav-footer:before { + background: rgba(85, 101, 122, 0.2); + background: -webkit-gradient(linear, left top, right top, from(#404c5c), color-stop(50%, #607189), color-stop(50%, #607189), to(#404c5c)); + background: linear-gradient(to right, #404c5c 0%, #607189 50%, #607189 50%, #404c5c 100%); } + +@media (min-width: 992px) { + .nav-function-minify .nav-footer { + background-color: #3c4756; } + .nav-function-minify .nav-footer [data-class="nav-function-minify"] { + color: #687b95; } + .nav-function-minify .nav-footer:hover { + background-color: #475365; } + .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] { + color: #9b9b9b; } } + +.page-content-wrapper { + background-color: #e7ebef; } + +.subheader-icon { + color: #9b9b9b; } + +.subheader-title { + color: #414141; + text-shadow: #fff 0 1px; } + .subheader-title small { + color: #747474; } + +.page-footer { + background: #fff; + color: #4d4d4d; } + +.accordion .card .card-header { + background-color: #f7f9fa; } + .accordion .card .card-header .card-title { + color: #627ca0; } + .accordion .card .card-header .card-title.collapsed { + color: #747474; } + +.accordion.accordion-clean .card-header { + background: #fff; } + +.accordion.accordion-hover .card-header { + background: #fff; } + .accordion.accordion-hover .card-header:hover .card-title.collapsed { + color: #fff; + background-color: #8297b3; } + +.accordion.accordion-hover .card-title:not(.collapsed) { + color: #fff; + background-color: #627ca0; } + +/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4 + does not allow you to add your own alert colors via variable control rather + through a systemetic agent that changes the theme colors. + + REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218 +*/ +.alert-primary { + color: #5b5b5b; + background-color: #e2e4e6; + border-color: #c8c8c8; } + +.alert-success { + color: #8e8e8e; + background-color: white; + border-color: #dbe9e7; } + +.alert-danger { + color: #801e1e; + background-color: #ecadad; + border-color: #de7373; } + +.alert-warning { + color: #ab7e1c; + background-color: #fdfaf2; + border-color: #eac981; } + +.alert-info { + color: #0a6ebd; + background-color: #e3f2fd; + border-color: #82c4f8; } + +.alert-secondary { + color: #414141; + background-color: #ececec; + border-color: #cecece; } + +.badge.badge-icon { + background-color: #Be2d2d; + color: #fff; + -webkit-box-shadow: 0 0 0 1px #fff; + box-shadow: 0 0 0 1px #fff; } + +/* btn switch */ +.btn-switch { + background: #5b5b5b; + color: white; } + .btn-switch:hover { + color: white; } + .btn-switch:after { + color: white; } + .btn-switch.active { + color: #fff; + background: #627ca0; } + .btn-switch.active:before { + color: white; } + .btn-switch.active:after { + background: #fff; + color: #627ca0; } + +/* button used to close filter and mobile search */ +.btn-search-close { + color: #fff; } + +/* buttons used in the header section of the page */ +.header-btn[data-class='mobile-nav-on'] { + border-color: #952323; + background-color: #a92828; + background-image: -webkit-gradient(linear, left bottom, left top, from(#a92828), to(#801e1e)); + background-image: linear-gradient(to top, #a92828, #801e1e); + color: #fff; } + +/* dropdown btn */ +/* used on info card pulldown filter */ +.pull-trigger-btn { + background: rgba(0, 0, 0, 0.4); + border: 1px solid rgba(0, 0, 0, 0.4); + color: #fff !important; + -webkit-box-shadow: 0px 0px 2px rgba(98, 124, 160, 0.3); + box-shadow: 0px 0px 2px rgba(98, 124, 160, 0.3); } + .pull-trigger-btn:hover { + background: #627ca0; + border-color: #587091; } + +/* btn misc */ +.btn-outline-default { + color: #212529; + border-color: #E5E5E5; } + .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, + .show > .btn-outline-default.dropdown-toggle { + color: #212529; + background-color: #f9f9f9; + border-color: #E5E5E5; } + .btn-outline-default.disabled, .btn-outline-default:disabled { + color: #212529; } + +/* btn shadows */ +.btn-primary { + -webkit-box-shadow: 0 2px 6px 0 rgba(98, 124, 160, 0.5); + box-shadow: 0 2px 6px 0 rgba(98, 124, 160, 0.5); } + +.btn-secondary { + -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); + box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); } + +.btn-success { + -webkit-box-shadow: 0 2px 6px 0 rgba(103, 180, 172, 0.5); + box-shadow: 0 2px 6px 0 rgba(103, 180, 172, 0.5); } + +.btn-info { + -webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); + box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); } + +.btn-warning { + -webkit-box-shadow: 0 2px 6px 0 rgba(229, 188, 98, 0.5); + box-shadow: 0 2px 6px 0 rgba(229, 188, 98, 0.5); } + +.btn-danger { + -webkit-box-shadow: 0 2px 6px 0 rgba(190, 45, 45, 0.5); + box-shadow: 0 2px 6px 0 rgba(190, 45, 45, 0.5); } + +.btn-light { + -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); + box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); } + +.btn-dark { + -webkit-box-shadow: 0 2px 6px 0 rgba(65, 65, 65, 0.5); + box-shadow: 0 2px 6px 0 rgba(65, 65, 65, 0.5); } + +.btn-icon-light { + color: rgba(255, 255, 255, 0.7) !important; + border-color: transparent !important; } + .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) { + color: rgba(255, 255, 255, 0.7) !important; } + .btn-icon-light:hover { + color: #fff !important; + background-color: rgba(255, 255, 255, 0.2) !important; } + +/* bootstrap buttons */ +.btn-link { + color: #627ca0; } + .btn-link:hover { + color: #4e6381; } + +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fff; + background-color: #627ca0; } + +.card-header { + background-color: #f7f9fa; } + +.carousel-control-prev:hover { + background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0))); + background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } + +.carousel-control-next:hover { + background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0))); + background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } + +/* dropdown menu multi-level */ +.dropdown-menu .dropdown-menu { + background: #fff; } + +.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) { + background: #f8f9fa; + color: #4e6381; } + +.dropdown-item:hover, .dropdown-item:focus { + color: #4e6381; + background-color: #f8f9fa; } + +.dropdown-item.active, .dropdown-item:active { + color: #445771; + background-color: #d1d9e3; } + +.chat-segment-get .chat-message { + background: #f1f0f0; } + +.chat-segment-sent .chat-message { + background: #67B4AC; } + +/* transparent modal */ +.modal-transparent .modal-content { + -webkit-box-shadow: 0 1px 15px 1px rgba(59, 75, 97, 0.3); + box-shadow: 0 1px 15px 1px rgba(59, 75, 97, 0.3); } + +.modal-transparent .modal-content { + background: rgba(26, 27, 28, 0.85); } + +.panel { + background-color: #fff; + border-bottom: 1px solid #e0e0e0; + /* panel fullscreen */ + /* panel locked */ } + .panel.panel-fullscreen { + /* make panel header bigger */ } + .panel.panel-fullscreen .panel-hdr { + -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(49, 63, 81, 0.1); + box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(49, 63, 81, 0.1); } + .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before { + color: #Be2d2d; } + +/* panel tag can be used globally */ +.panel-tag { + background: #eef7fd; } + +/* panel header */ +.panel-hdr { + background: #fff; } + +/* panel tap highlight */ +.panel-sortable:not(.panel-locked) .panel-hdr:active { + border-top-color: rgba(130, 151, 179, 0.7); + border-left-color: rgba(98, 124, 160, 0.7); + border-right-color: rgba(98, 124, 160, 0.7); } + .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container { + border-color: transparent rgba(98, 124, 160, 0.7) rgba(88, 112, 145, 0.7); } + +/*.panel-sortable .panel-hdr:active, +.panel-sortable .panel-hdr:active + .panel-container { + @include transition-border(0.4s, ease-out); +}*/ +.panel-sortable.panel-locked .panel-hdr:active { + border-top-color: #d44a4a; + border-left-color: #dc3545; + border-right-color: #dc3545; } + .panel-sortable.panel-locked .panel-hdr:active + .panel-container { + border-color: transparent #dc3545 #dc3545; } + +/* panel toolbar (sits inside panel header) */ +.panel-toolbar .btn-panel { + /* add default colors for action buttons */ } + .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse { + background: #67B4AC; } + .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { + background: #e5bc62; } + .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { + background: #Be2d2d; } + +/* placeholder */ +.panel-placeholder { + background-color: #d9dadc; } + .panel-placeholder:before { + background: #d9dadc; } + +.mod-panel-clean .panel-hdr { + background: #fff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff)); + background-image: linear-gradient(to bottom, #f7f7f7, #fff); } + +@media only screen and (max-width: 420px) { + /* making mobile spacing a little narrow */ + .panel .panel-hdr { + color: #060606; } } + +.popover .arrow { + border-color: inherit; } + +.menu-item, +label.menu-open-button { + background: #627ca0; + color: #fff !important; } + .menu-item:hover, + label.menu-open-button:hover { + background: #4e6381; } + +.app-shortcut-icon { + background: #ecf0f1; + color: #ecf0f1; } + +.menu-open:checked + .menu-open-button { + background: #414141; } + +/* nav tabs panel */ +.nav-tabs-clean .nav-item .nav-link.active { + border-bottom: 1px solid #627ca0; + color: #627ca0; } + +.nav-tabs-clean .nav-item .nav-link:hover { + color: #627ca0; } + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #627ca0; } + +.custom-control-input:checked ~ .custom-control-label::before { + color: #fff; + border-color: #4e6381; + background-color: #587091; } + +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7289aa; } + +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #a2b1c6; + background-color: #a2b1c6; + border-color: #a2b1c6; } + +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #6c757d; } + .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #e9ecef; } + +.custom-control-label::before { + background-color: #fff; + border: #adb5bd solid 2px; } + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #587091; + background-color: #627ca0; } + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } + +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: #a2b1c6; } + +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: #a2b1c6; } + +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: #a2b1c6; } + +.custom-switch .custom-control-label::after { + background-color: #adb5bd; } + +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; } + +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: #a2b1c6; } + +.custom-select { + color: #495057; + background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #ced4da; } + .custom-select:focus { + border-color: #627ca0; } + .custom-select:focus::-ms-value { + color: #495057; + background-color: #fff; } + .custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; } + +.custom-file-input:focus ~ .custom-file-label { + border-color: #627ca0; } + +.custom-file-input[disabled] ~ .custom-file-label, +.custom-file-input:disabled ~ .custom-file-label { + background-color: #e9ecef; } + +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); } + +.custom-file-label { + color: #495057; + background-color: #fff; + border: 1px solid #ced4da; } + .custom-file-label::after { + color: #495057; + background-color: #e9ecef; } + +.custom-range { + background-color: transparent; } + .custom-range::-webkit-slider-thumb { + background-color: #627ca0; + border: 0; } + .custom-range::-webkit-slider-thumb:active { + background-color: #8297b3; } + .custom-range::-webkit-slider-runnable-track { + background-color: #dee2e6; } + .custom-range::-moz-range-thumb { + background-color: #627ca0; + border: 0; } + .custom-range::-moz-range-thumb:active { + background-color: #8297b3; } + .custom-range::-moz-range-track { + background-color: #dee2e6; } + .custom-range::-ms-thumb { + background-color: #627ca0; + border: 0; } + .custom-range::-ms-thumb:active { + background-color: #8297b3; } + .custom-range::-ms-fill-lower { + background-color: #dee2e6; } + .custom-range::-ms-fill-upper { + background-color: #dee2e6; } + .custom-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; } + .custom-range:disabled::-moz-range-thumb { + background-color: #adb5bd; } + .custom-range:disabled::-ms-thumb { + background-color: #adb5bd; } + +.page-link { + color: #627ca0; + background-color: #fff; + border: 1px solid #dee2e6; + /*&:focus { + outline: $pagination-focus-outline; + }*/ } + .page-link:hover { + color: #0056b3; + background-color: #e9ecef; + border-color: #dee2e6; } + +.page-item.active .page-link { + color: #fff; + background-color: #627ca0; } + +.page-item.disabled .page-link { + color: #6c757d; + background-color: #fff; } + +.pagination .page-item:first-child:not(.active) .page-link, +.pagination .page-item:last-child:not(.active) .page-link, +.pagination .page-item.disabled .page-link { + background: #d1d9e3; } + +.pagination .page-link:hover { + background-color: #627ca0 !important; + color: #fff; } + +.list-group-item { + border: 1px solid rgba(var(--theme-rgb-primary), 0.15); } + .list-group-item.active { + background-color: #627ca0; + border-color: #627ca0; } + +/* backgrounds */ +.bg-white { + background-color: #fff; + color: #666666; } + +.bg-faded { + background-color: #f7f9fa; } + +.bg-offwhite-fade { + background-color: #fff; + background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#eaeaea)); + background-image: linear-gradient(to top, #fff, #eaeaea); } + +.bg-subtlelight { + background-color: #eef1f5; } + +.bg-subtlelight-fade { + background-color: #fff; + background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#eef1f5)); + background-image: linear-gradient(to top, #fff, #eef1f5); } + +.bg-highlight { + background-color: #fefbf7; } + +.bg-gray-50 { + background-color: #f9f9f9; } + +.bg-gray-100 { + background-color: #f8f9fa; } + +.bg-gray-200 { + background-color: #e9ecef; } + +.bg-gray-300 { + background-color: #dee2e6; } + +.bg-gray-400 { + background-color: #ced4da; } + +.bg-gray-500 { + background-color: #adb5bd; } + +.bg-gray-600 { + background-color: #6c757d; } + +.bg-gray-700 { + background-color: #495057; } + +.bg-gray-800 { + background-color: #343a40; } + +.bg-gray-900 { + background-color: #212529; } + +/* borders */ +.border-faded { + border: 1px solid rgba(14, 14, 14, 0.07); } + +/* hover any bg */ +/* inherits the parent background on hover */ +.hover-bg { + background: #fff; } + +/* states */ +.state-selected { + background: #e7f4fe !important; } + +/* demo window */ +.demo-window { + -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); } + .demo-window:before { + background: #e5e5e5; } + .demo-window:after, + .demo-window .demo-window-content:before, + .demo-window .demo-window-content:after { + background: #ccc; } + +.bg-trans-gradient { + background: linear-gradient(250deg, #3e93d6, #6f7e93); } + +.notes { + background: #f9f4b5; } + +/* disclaimer class */ +.disclaimer { + color: #a2a2a2; } + +/* online status */ +.status { + position: relative; } + .status:before { + background: #414141; + border: 2px solid #fff; } + .status.status-success:before { + background: #67B4AC; } + .status.status-danger:before { + background: #Be2d2d; } + .status.status-warning:before { + background: #e5bc62; } + +/* display frame */ +.frame-heading { + color: #939393; } + +.frame-wrap { + background: white; } + +/* time stamp */ +.time-stamp { + color: #686868; } + +/* data-hasmore */ +[data-hasmore] { + color: #fff; } + [data-hasmore]:before { + background: rgba(0, 0, 0, 0.4); } + +/* code */ +code { + background: #eaeaea; } + +/* select background */ +::-moz-selection { + background: #414141; + color: #fff; } +::selection { + background: #414141; + color: #fff; } + +::-moz-selection { + background: #414141; + color: #fff; } + +@media only screen and (max-width: 992px) { + .page-wrapper { + background: #fff; } + .page-wrapper .page-header { + border-bottom: 1px solid rgba(0, 0, 0, 0.09); } + .page-wrapper .page-content { + color: #222; } + .page-wrapper .page-content .p-g { + padding: 1.5rem; } + .page-wrapper .page-footer { + border-top: 1px solid rgba(0, 0, 0, 0.09); } + /* Off canvas */ + .nav-mobile-slide-out .page-wrapper .page-content { + background: #e7ebef; } + /* mobile nav show & hide button */ + /* general */ + .mobile-nav-on .page-sidebar { + border-right: 1px solid rgba(0, 0, 0, 0.03); + -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); + box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); } + .mobile-nav-on .page-content-overlay { + background: rgba(0, 0, 0, 0.09); } } + +@media only screen and (max-width: 576px) { + /* here we turn on mobile font for smaller screens */ + /*body { + font-family: $mobile-page-font !important; + }*/ + /* mobile nav search */ + .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field { + background: #fff; } + .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus { + border-color: #627ca0; } } + +/* text area */ +[contenteditable="true"]:empty:not(:focus):before { + content: attr(data-placeholder); + color: #818181; } + +[contenteditable="true"]::-moz-selection { + background: rgba(0, 132, 255, 0.2); + color: #000; } + +[contenteditable="true"]::selection { + background: rgba(0, 132, 255, 0.2); + color: #000; } + +[contenteditable="true"]::-moz-selection { + background: rgba(0, 132, 255, 0.2); + color: #000; } + +/* add background to focused inpur prepend and append */ +.form-control:focus ~ .input-group-prepend { + background: #627ca0; } + +.has-length .input-group-text { + border-color: #627ca0; } + .has-length .input-group-text + .input-group-text { + border-left: 1px solid rgba(0, 0, 0, 0.1); } + +.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) { + background: #627ca0; + color: #fff !important; } + +/* help block and validation feedback texts*/ +.help-block { + color: #818181; } + +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #627ca0; } + +.settings-panel h5 { + color: #414141; } + +.settings-panel .list { + color: #666666; } + .settings-panel .list:hover { + color: #333333; + background: rgba(255, 255, 255, 0.7); } + +.settings-panel .expanded:before { + border-bottom-color: #4e4e4e; } + +@media only screen and (max-width: 992px) { + .mobile-view-activated #nff, + .mobile-view-activated #nfm, + .mobile-view-activated #nfh, + .mobile-view-activated #nft, + .mobile-view-activated #mmb { + position: relative; } + .mobile-view-activated #nff .onoffswitch-title, + .mobile-view-activated #nfm .onoffswitch-title, + .mobile-view-activated #nfh .onoffswitch-title, + .mobile-view-activated #nft .onoffswitch-title, + .mobile-view-activated #mmb .onoffswitch-title { + color: #d58100 !important; } + .mobile-view-activated #nff .onoffswitch-title-desc, + .mobile-view-activated #nfm .onoffswitch-title-desc, + .mobile-view-activated #nfh .onoffswitch-title-desc, + .mobile-view-activated #nft .onoffswitch-title-desc, + .mobile-view-activated #mmb .onoffswitch-title-desc { + color: #ec9f28 !important; } + .mobile-view-activated #nff:after, + .mobile-view-activated #nfm:after, + .mobile-view-activated #nfh:after, + .mobile-view-activated #nft:after, + .mobile-view-activated #mmb:after { + background: #f7ebcf; + border: 1px solid #dea936; + color: #0e0e0e; } } + +/* Hierarchical Navigation */ +.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul { + /* addressing all second, third children */ } + .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before { + border-left: 1px solid #495668; } + .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after { + background-color: #687b95; } + +.bg-primary-50 { + background-color: #b1bed0; + color: rgba(0, 0, 0, 0.8); } + .bg-primary-50:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-primary-100 { + background-color: #a2b1c6; + color: rgba(0, 0, 0, 0.8); } + .bg-primary-100:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-primary-200 { + background-color: #92a4bd; + color: rgba(0, 0, 0, 0.8); } + .bg-primary-200:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-primary-300 { + background-color: #8297b3; + color: white; } + .bg-primary-300:hover { + color: white; } + +.bg-primary-400 { + background-color: #7289aa; + color: white; } + .bg-primary-400:hover { + color: white; } + +.bg-primary-500 { + background-color: #627ca0; + color: white; } + .bg-primary-500:hover { + color: white; } + +.bg-primary-600 { + background-color: #587091; + color: white; } + .bg-primary-600:hover { + color: white; } + +.bg-primary-700 { + background-color: #4e6381; + color: white; } + .bg-primary-700:hover { + color: white; } + +.bg-primary-800 { + background-color: #445771; + color: white; } + .bg-primary-800:hover { + color: white; } + +.bg-primary-900 { + background-color: #3b4b61; + color: white; } + .bg-primary-900:hover { + color: white; } + +.color-primary-50 { + color: #b1bed0; } + +.color-primary-100 { + color: #a2b1c6; } + +.color-primary-200 { + color: #92a4bd; } + +.color-primary-300 { + color: #8297b3; } + +.color-primary-400 { + color: #7289aa; } + +.color-primary-500 { + color: #627ca0; } + +.color-primary-600 { + color: #587091; } + +.color-primary-700 { + color: #4e6381; } + +.color-primary-800 { + color: #445771; } + +.color-primary-900 { + color: #3b4b61; } + +.bg-success-50 { + background-color: #bcdedb; + color: rgba(0, 0, 0, 0.8); } + .bg-success-50:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-success-100 { + background-color: #abd6d1; + color: rgba(0, 0, 0, 0.8); } + .bg-success-100:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-success-200 { + background-color: #9acdc8; + color: rgba(0, 0, 0, 0.8); } + .bg-success-200:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-success-300 { + background-color: #89c5bf; + color: rgba(0, 0, 0, 0.8); } + .bg-success-300:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-success-400 { + background-color: #78bcb5; + color: rgba(0, 0, 0, 0.8); } + .bg-success-400:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-success-500 { + background-color: #67B4AC; + color: rgba(0, 0, 0, 0.8); } + .bg-success-500:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-success-600 { + background-color: #56aca3; + color: white; } + .bg-success-600:hover { + color: white; } + +.bg-success-700 { + background-color: #4d9b93; + color: white; } + .bg-success-700:hover { + color: white; } + +.bg-success-800 { + background-color: #448a83; + color: white; } + .bg-success-800:hover { + color: white; } + +.bg-success-900 { + background-color: #3c7973; + color: white; } + .bg-success-900:hover { + color: white; } + +.color-success-50 { + color: #bcdedb; } + +.color-success-100 { + color: #abd6d1; } + +.color-success-200 { + color: #9acdc8; } + +.color-success-300 { + color: #89c5bf; } + +.color-success-400 { + color: #78bcb5; } + +.color-success-500 { + color: #67B4AC; } + +.color-success-600 { + color: #56aca3; } + +.color-success-700 { + color: #4d9b93; } + +.color-success-800 { + color: #448a83; } + +.color-success-900 { + color: #3c7973; } + +.bg-info-50 { + background-color: #9acffa; + color: rgba(0, 0, 0, 0.8); } + .bg-info-50:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-info-100 { + background-color: #82c4f8; + color: rgba(0, 0, 0, 0.8); } + .bg-info-100:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-info-200 { + background-color: #6ab8f7; + color: rgba(0, 0, 0, 0.8); } + .bg-info-200:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-info-300 { + background-color: #51adf6; + color: white; } + .bg-info-300:hover { + color: white; } + +.bg-info-400 { + background-color: #39a1f4; + color: white; } + .bg-info-400:hover { + color: white; } + +.bg-info-500 { + background-color: #2196F3; + color: white; } + .bg-info-500:hover { + color: white; } + +.bg-info-600 { + background-color: #0d8aee; + color: white; } + .bg-info-600:hover { + color: white; } + +.bg-info-700 { + background-color: #0c7cd5; + color: white; } + .bg-info-700:hover { + color: white; } + +.bg-info-800 { + background-color: #0a6ebd; + color: white; } + .bg-info-800:hover { + color: white; } + +.bg-info-900 { + background-color: #0960a5; + color: white; } + .bg-info-900:hover { + color: white; } + +.color-info-50 { + color: #9acffa; } + +.color-info-100 { + color: #82c4f8; } + +.color-info-200 { + color: #6ab8f7; } + +.color-info-300 { + color: #51adf6; } + +.color-info-400 { + color: #39a1f4; } + +.color-info-500 { + color: #2196F3; } + +.color-info-600 { + color: #0d8aee; } + +.color-info-700 { + color: #0c7cd5; } + +.color-info-800 { + color: #0a6ebd; } + +.color-info-900 { + color: #0960a5; } + +.bg-warning-50 { + background-color: #f7ebcf; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-50:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-100 { + background-color: #f3e1ba; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-100:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-200 { + background-color: #f0d8a4; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-200:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-300 { + background-color: #eccf8e; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-300:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-400 { + background-color: #e9c578; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-400:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-500 { + background-color: #e5bc62; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-500:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-600 { + background-color: #e1b34c; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-600:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-700 { + background-color: #dea936; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-700:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-800 { + background-color: #d79f24; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-800:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-warning-900 { + background-color: #c18f20; + color: rgba(0, 0, 0, 0.8); } + .bg-warning-900:hover { + color: rgba(0, 0, 0, 0.8); } + +.color-warning-50 { + color: #f7ebcf; } + +.color-warning-100 { + color: #f3e1ba; } + +.color-warning-200 { + color: #f0d8a4; } + +.color-warning-300 { + color: #eccf8e; } + +.color-warning-400 { + color: #e9c578; } + +.color-warning-500 { + color: #e5bc62; } + +.color-warning-600 { + color: #e1b34c; } + +.color-warning-700 { + color: #dea936; } + +.color-warning-800 { + color: #d79f24; } + +.color-warning-900 { + color: #c18f20; } + +.bg-danger-50 { + background-color: #e38888; + color: rgba(0, 0, 0, 0.8); } + .bg-danger-50:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-danger-100 { + background-color: #de7373; + color: rgba(0, 0, 0, 0.8); } + .bg-danger-100:hover { + color: rgba(0, 0, 0, 0.8); } + +.bg-danger-200 { + background-color: #d95f5f; + color: white; } + .bg-danger-200:hover { + color: white; } + +.bg-danger-300 { + background-color: #d44a4a; + color: white; } + .bg-danger-300:hover { + color: white; } + +.bg-danger-400 { + background-color: #cf3535; + color: white; } + .bg-danger-400:hover { + color: white; } + +.bg-danger-500 { + background-color: #Be2d2d; + color: white; } + .bg-danger-500:hover { + color: white; } + +.bg-danger-600 { + background-color: #a92828; + color: white; } + .bg-danger-600:hover { + color: white; } + +.bg-danger-700 { + background-color: #952323; + color: white; } + .bg-danger-700:hover { + color: white; } + +.bg-danger-800 { + background-color: #801e1e; + color: white; } + .bg-danger-800:hover { + color: white; } + +.bg-danger-900 { + background-color: #6c1919; + color: white; } + .bg-danger-900:hover { + color: white; } + +.color-danger-50 { + color: #e38888; } + +.color-danger-100 { + color: #de7373; } + +.color-danger-200 { + color: #d95f5f; } + +.color-danger-300 { + color: #d44a4a; } + +.color-danger-400 { + color: #cf3535; } + +.color-danger-500 { + color: #Be2d2d; } + +.color-danger-600 { + color: #a92828; } + +.color-danger-700 { + color: #952323; } + +.color-danger-800 { + color: #801e1e; } + +.color-danger-900 { + color: #6c1919; } + +.bg-fusion-50 { + background-color: #818181; + color: white; } + .bg-fusion-50:hover { + color: white; } + +.bg-fusion-100 { + background-color: #747474; + color: white; } + .bg-fusion-100:hover { + color: white; } + +.bg-fusion-200 { + background-color: #686868; + color: white; } + .bg-fusion-200:hover { + color: white; } + +.bg-fusion-300 { + background-color: #5b5b5b; + color: white; } + .bg-fusion-300:hover { + color: white; } + +.bg-fusion-400 { + background-color: #4e4e4e; + color: white; } + .bg-fusion-400:hover { + color: white; } + +.bg-fusion-500 { + background-color: #414141; + color: white; } + .bg-fusion-500:hover { + color: white; } + +.bg-fusion-600 { + background-color: #353535; + color: white; } + .bg-fusion-600:hover { + color: white; } + +.bg-fusion-700 { + background-color: #282828; + color: white; } + .bg-fusion-700:hover { + color: white; } + +.bg-fusion-800 { + background-color: #1b1b1b; + color: white; } + .bg-fusion-800:hover { + color: white; } + +.bg-fusion-900 { + background-color: #0e0e0e; + color: white; } + .bg-fusion-900:hover { + color: white; } + +.color-fusion-50 { + color: #818181; } + +.color-fusion-100 { + color: #747474; } + +.color-fusion-200 { + color: #686868; } + +.color-fusion-300 { + color: #5b5b5b; } + +.color-fusion-400 { + color: #4e4e4e; } + +.color-fusion-500 { + color: #414141; } + +.color-fusion-600 { + color: #353535; } + +.color-fusion-700 { + color: #282828; } + +.color-fusion-800 { + color: #1b1b1b; } + +.color-fusion-900 { + color: #0e0e0e; } + +.color-white { + color: #fff; } + +.color-black { + color: #222222; } + +.bg-primary-gradient { + background-image: linear-gradient(250deg, rgba(59, 75, 97, 0.7), transparent); } + +.bg-danger-gradient { + background-image: linear-gradient(250deg, rgba(108, 25, 25, 0.7), transparent); } + +.bg-info-gradient { + background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent); } + +.bg-warning-gradient { + background-image: linear-gradient(250deg, rgba(193, 143, 32, 0.7), transparent); } + +.bg-success-gradient { + background-image: linear-gradient(250deg, rgba(60, 121, 115, 0.7), transparent); } + +.bg-fusion-gradient { + background-image: linear-gradient(250deg, rgba(14, 14, 14, 0.7), transparent); } + +.btn-primary { + color: #fff; + background-color: #627ca0; + border-color: #627ca0; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-primary:hover { + color: #fff; + background-color: #536a89; + border-color: #4e6381; } + .btn-primary:focus, .btn-primary.focus { + color: #fff; + background-color: #536a89; + border-color: #4e6381; + -webkit-box-shadow: 0 0 0 0.2rem rgba(122, 144, 174, 0.5); + box-shadow: 0 0 0 0.2rem rgba(122, 144, 174, 0.5); } + .btn-primary.disabled, .btn-primary:disabled { + color: #fff; + background-color: #627ca0; + border-color: #627ca0; } + .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, + .show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #4e6381; + border-color: #495d79; } + .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, + .show > .btn-primary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(122, 144, 174, 0.5); + box-shadow: 0 0 0 0.2rem rgba(122, 144, 174, 0.5); } + +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-secondary:hover { + color: #fff; + background-color: #5a6268; + border-color: #545b62; } + .btn-secondary:focus, .btn-secondary.focus { + color: #fff; + background-color: #5a6268; + border-color: #545b62; + -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } + .btn-secondary.disabled, .btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } + .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, + .show > .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #545b62; + border-color: #4e555b; } + .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, + .show > .btn-secondary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } + +.btn-success { + color: #212529; + background-color: #67B4AC; + border-color: #67B4AC; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-success:hover { + color: #fff; + background-color: #51a49b; + border-color: #4d9b93; } + .btn-success:focus, .btn-success.focus { + color: #fff; + background-color: #51a49b; + border-color: #4d9b93; + -webkit-box-shadow: 0 0 0 0.2rem rgba(93, 159, 152, 0.5); + box-shadow: 0 0 0 0.2rem rgba(93, 159, 152, 0.5); } + .btn-success.disabled, .btn-success:disabled { + color: #212529; + background-color: #67B4AC; + border-color: #67B4AC; } + .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, + .show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #4d9b93; + border-color: #48938b; } + .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, + .show > .btn-success.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(93, 159, 152, 0.5); + box-shadow: 0 0 0 0.2rem rgba(93, 159, 152, 0.5); } + +.btn-info { + color: #fff; + background-color: #2196F3; + border-color: #2196F3; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-info:hover { + color: #fff; + background-color: #0c83e2; + border-color: #0c7cd5; } + .btn-info:focus, .btn-info.focus { + color: #fff; + background-color: #0c83e2; + border-color: #0c7cd5; + -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); + box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } + .btn-info.disabled, .btn-info:disabled { + color: #fff; + background-color: #2196F3; + border-color: #2196F3; } + .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, + .show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #0c7cd5; + border-color: #0b75c9; } + .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, + .show > .btn-info.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); + box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } + +.btn-warning { + color: #212529; + background-color: #e5bc62; + border-color: #e5bc62; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-warning:hover { + color: #212529; + background-color: #e0ae41; + border-color: #dea936; } + .btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0ae41; + border-color: #dea936; + -webkit-box-shadow: 0 0 0 0.2rem rgba(200, 165, 89, 0.5); + box-shadow: 0 0 0 0.2rem rgba(200, 165, 89, 0.5); } + .btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #e5bc62; + border-color: #e5bc62; } + .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, + .show > .btn-warning.dropdown-toggle { + color: #212529; + background-color: #dea936; + border-color: #dca52b; } + .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, + .show > .btn-warning.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(200, 165, 89, 0.5); + box-shadow: 0 0 0 0.2rem rgba(200, 165, 89, 0.5); } + +.btn-danger { + color: #fff; + background-color: #Be2d2d; + border-color: #Be2d2d; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-danger:hover { + color: #fff; + background-color: #9f2626; + border-color: #952323; } + .btn-danger:focus, .btn-danger.focus { + color: #fff; + background-color: #9f2626; + border-color: #952323; + -webkit-box-shadow: 0 0 0 0.2rem rgba(200, 77, 77, 0.5); + box-shadow: 0 0 0 0.2rem rgba(200, 77, 77, 0.5); } + .btn-danger.disabled, .btn-danger:disabled { + color: #fff; + background-color: #Be2d2d; + border-color: #Be2d2d; } + .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, + .show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #952323; + border-color: #8a2121; } + .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, + .show > .btn-danger.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(200, 77, 77, 0.5); + box-shadow: 0 0 0 0.2rem rgba(200, 77, 77, 0.5); } + +.btn-light { + color: #212529; + background-color: #fff; + border-color: #fff; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-light:hover { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; } + .btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #ececec; + border-color: #e6e6e6; + -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } + .btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #fff; + border-color: #fff; } + .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, + .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #e6e6e6; + border-color: #dfdfdf; } + .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, + .show > .btn-light.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); + box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } + +.btn-dark { + color: #fff; + background-color: #414141; + border-color: #414141; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } + .btn-dark:hover { + color: #fff; + background-color: #2e2e2e; + border-color: #282828; } + .btn-dark:focus, .btn-dark.focus { + color: #fff; + background-color: #2e2e2e; + border-color: #282828; + -webkit-box-shadow: 0 0 0 0.2rem rgba(94, 94, 94, 0.5); + box-shadow: 0 0 0 0.2rem rgba(94, 94, 94, 0.5); } + .btn-dark.disabled, .btn-dark:disabled { + color: #fff; + background-color: #414141; + border-color: #414141; } + .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, + .show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #282828; + border-color: #212121; } + .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, + .show > .btn-dark.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(94, 94, 94, 0.5); + box-shadow: 0 0 0 0.2rem rgba(94, 94, 94, 0.5); } + +.btn-outline-primary { + color: #627ca0; + border-color: #627ca0; } + .btn-outline-primary:hover { + color: #fff; + background-color: #627ca0; + border-color: #627ca0; } + .btn-outline-primary:focus, .btn-outline-primary.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(98, 124, 160, 0.5); + box-shadow: 0 0 0 0.2rem rgba(98, 124, 160, 0.5); } + .btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #627ca0; + background-color: transparent; } + .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, + .show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #627ca0; + border-color: #627ca0; } + .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, + .show > .btn-outline-primary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(98, 124, 160, 0.5); + box-shadow: 0 0 0 0.2rem rgba(98, 124, 160, 0.5); } + +.btn-outline-secondary { + color: #6c757d; + border-color: #6c757d; } + .btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } + .btn-outline-secondary:focus, .btn-outline-secondary.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #6c757d; + background-color: transparent; } + .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, + .show > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } + .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, + .show > .btn-outline-secondary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + +.btn-outline-success { + color: #67B4AC; + border-color: #67B4AC; } + .btn-outline-success:hover { + color: #212529; + background-color: #67B4AC; + border-color: #67B4AC; } + .btn-outline-success:focus, .btn-outline-success.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(103, 180, 172, 0.5); + box-shadow: 0 0 0 0.2rem rgba(103, 180, 172, 0.5); } + .btn-outline-success.disabled, .btn-outline-success:disabled { + color: #67B4AC; + background-color: transparent; } + .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, + .show > .btn-outline-success.dropdown-toggle { + color: #212529; + background-color: #67B4AC; + border-color: #67B4AC; } + .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, + .show > .btn-outline-success.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(103, 180, 172, 0.5); + box-shadow: 0 0 0 0.2rem rgba(103, 180, 172, 0.5); } + +.btn-outline-info { + color: #2196F3; + border-color: #2196F3; } + .btn-outline-info:hover { + color: #fff; + background-color: #2196F3; + border-color: #2196F3; } + .btn-outline-info:focus, .btn-outline-info.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } + .btn-outline-info.disabled, .btn-outline-info:disabled { + color: #2196F3; + background-color: transparent; } + .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, + .show > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #2196F3; + border-color: #2196F3; } + .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, + .show > .btn-outline-info.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } + +.btn-outline-warning { + color: #e5bc62; + border-color: #e5bc62; } + .btn-outline-warning:hover { + color: #212529; + background-color: #e5bc62; + border-color: #e5bc62; } + .btn-outline-warning:focus, .btn-outline-warning.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(229, 188, 98, 0.5); + box-shadow: 0 0 0 0.2rem rgba(229, 188, 98, 0.5); } + .btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #e5bc62; + background-color: transparent; } + .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, + .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #e5bc62; + border-color: #e5bc62; } + .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, + .show > .btn-outline-warning.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(229, 188, 98, 0.5); + box-shadow: 0 0 0 0.2rem rgba(229, 188, 98, 0.5); } + +.btn-outline-danger { + color: #Be2d2d; + border-color: #Be2d2d; } + .btn-outline-danger:hover { + color: #fff; + background-color: #Be2d2d; + border-color: #Be2d2d; } + .btn-outline-danger:focus, .btn-outline-danger.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(190, 45, 45, 0.5); + box-shadow: 0 0 0 0.2rem rgba(190, 45, 45, 0.5); } + .btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #Be2d2d; + background-color: transparent; } + .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, + .show > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #Be2d2d; + border-color: #Be2d2d; } + .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, + .show > .btn-outline-danger.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(190, 45, 45, 0.5); + box-shadow: 0 0 0 0.2rem rgba(190, 45, 45, 0.5); } + +.btn-outline-light { + color: #fff; + border-color: #fff; } + .btn-outline-light:hover { + color: #212529; + background-color: #fff; + border-color: #fff; } + .btn-outline-light:focus, .btn-outline-light.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } + .btn-outline-light.disabled, .btn-outline-light:disabled { + color: #fff; + background-color: transparent; } + .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, + .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #fff; + border-color: #fff; } + .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, + .show > .btn-outline-light.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } + +.btn-outline-dark { + color: #414141; + border-color: #414141; } + .btn-outline-dark:hover { + color: #fff; + background-color: #414141; + border-color: #414141; } + .btn-outline-dark:focus, .btn-outline-dark.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 65, 65, 0.5); + box-shadow: 0 0 0 0.2rem rgba(65, 65, 65, 0.5); } + .btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #414141; + background-color: transparent; } + .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, + .show > .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #414141; + border-color: #414141; } + .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, + .show > .btn-outline-dark.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 65, 65, 0.5); + box-shadow: 0 0 0 0.2rem rgba(65, 65, 65, 0.5); } + +.border-primary { + border-color: #627ca0 !important; } + +.border-secondary { + border-color: #6c757d !important; } + +.border-success { + border-color: #67B4AC !important; } + +.border-info { + border-color: #2196F3 !important; } + +.border-warning { + border-color: #e5bc62 !important; } + +.border-danger { + border-color: #Be2d2d !important; } + +.border-light { + border-color: #fff !important; } + +.border-dark { + border-color: #414141 !important; } + +.text-primary { + color: #627ca0 !important; } + +a.text-primary:hover, a.text-primary:focus { + color: #445771 !important; } + +.text-secondary { + color: #6c757d !important; } + +a.text-secondary:hover, a.text-secondary:focus { + color: #494f54 !important; } + +.text-success { + color: #67B4AC !important; } + +a.text-success:hover, a.text-success:focus { + color: #448a83 !important; } + +.text-info { + color: #2196F3 !important; } + +a.text-info:hover, a.text-info:focus { + color: #0a6ebd !important; } + +.text-warning { + color: #e5bc62 !important; } + +a.text-warning:hover, a.text-warning:focus { + color: #d79f24 !important; } + +.text-danger { + color: #Be2d2d !important; } + +a.text-danger:hover, a.text-danger:focus { + color: #801e1e !important; } + +.text-light { + color: #fff !important; } + +a.text-light:hover, a.text-light:focus { + color: #d9d9d9 !important; } + +.text-dark { + color: #414141 !important; } + +a.text-dark:hover, a.text-dark:focus { + color: #1b1b1b !important; } + +.bg-primary { + background-color: #627ca0 !important; } + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #4e6381 !important; } + +.bg-secondary { + background-color: #6c757d !important; } + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #545b62 !important; } + +.bg-success { + background-color: #67B4AC !important; } + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #4d9b93 !important; } + +.bg-info { + background-color: #2196F3 !important; } + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #0c7cd5 !important; } + +.bg-warning { + background-color: #e5bc62 !important; } + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #dea936 !important; } + +.bg-danger { + background-color: #Be2d2d !important; } + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #952323 !important; } + +.bg-light { + background-color: #fff !important; } + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #e6e6e6 !important; } + +.bg-dark { + background-color: #414141 !important; } + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #282828 !important; } + +:root { + --theme-primary: #627ca0; + --theme-secondary: #6c757d; + --theme-success: #67B4AC; + --theme-info: #2196F3; + --theme-warning: #e5bc62; + --theme-danger: #Be2d2d; + --theme-light: #fff; + --theme-dark: #414141; + --theme-rgb-primary: 98,124,160; + --theme-rgb-success: 103,180,172; + --theme-rgb-info: 33,150,243; + --theme-rgb-warning: 229,188,98; + --theme-rgb-danger: 190,45,45; + --theme-rgb-fusion: 65.25,65.25,65.25; + --theme-primary-50: #b1bed0; + --theme-primary-100: #a2b1c6; + --theme-primary-200: #92a4bd; + --theme-primary-300: #8297b3; + --theme-primary-400: #7289aa; + --theme-primary-500: #627ca0; + --theme-primary-600: #587091; + --theme-primary-700: #4e6381; + --theme-primary-800: #445771; + --theme-primary-900: #3b4b61; + --theme-success-50: #bcdedb; + --theme-success-100: #abd6d1; + --theme-success-200: #9acdc8; + --theme-success-300: #89c5bf; + --theme-success-400: #78bcb5; + --theme-success-500: #67B4AC; + --theme-success-600: #56aca3; + --theme-success-700: #4d9b93; + --theme-success-800: #448a83; + --theme-success-900: #3c7973; + --theme-info-50: #9acffa; + --theme-info-100: #82c4f8; + --theme-info-200: #6ab8f7; + --theme-info-300: #51adf6; + --theme-info-400: #39a1f4; + --theme-info-500: #2196F3; + --theme-info-600: #0d8aee; + --theme-info-700: #0c7cd5; + --theme-info-800: #0a6ebd; + --theme-info-900: #0960a5; + --theme-warning-50: #f7ebcf; + --theme-warning-100: #f3e1ba; + --theme-warning-200: #f0d8a4; + --theme-warning-300: #eccf8e; + --theme-warning-400: #e9c578; + --theme-warning-500: #e5bc62; + --theme-warning-600: #e1b34c; + --theme-warning-700: #dea936; + --theme-warning-800: #d79f24; + --theme-warning-900: #c18f20; + --theme-danger-50: #e38888; + --theme-danger-100: #de7373; + --theme-danger-200: #d95f5f; + --theme-danger-300: #d44a4a; + --theme-danger-400: #cf3535; + --theme-danger-500: #Be2d2d; + --theme-danger-600: #a92828; + --theme-danger-700: #952323; + --theme-danger-800: #801e1e; + --theme-danger-900: #6c1919; + --theme-fusion-50: #818181; + --theme-fusion-100: #747474; + --theme-fusion-200: #686868; + --theme-fusion-300: #5b5b5b; + --theme-fusion-400: #4e4e4e; + --theme-fusion-500: #414141; + --theme-fusion-600: #353535; + --theme-fusion-700: #282828; + --theme-fusion-800: #1b1b1b; + --theme-fusion-900: #0e0e0e; } + +.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { + stroke: #627ca0; } + +.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area { + fill: #627ca0; } + +.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { + stroke: #Be2d2d; } + +.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area { + fill: #Be2d2d; } + +.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { + stroke: #e5bc62; } + +.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area { + fill: #e5bc62; } + +.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { + stroke: #2196F3; } + +.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area { + fill: #2196F3; } + +.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { + stroke: #414141; } + +.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area { + fill: #414141; } + +.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { + stroke: #67B4AC; } + +.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area { + fill: #67B4AC; } + +.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { + stroke: #2196F3; } + +.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area { + fill: #2196F3; } + +.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { + stroke: #3b4b61; } + +.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area { + fill: #3b4b61; } + +.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { + stroke: #de7373; } + +.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area { + fill: #de7373; } + +.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { + stroke: #f0d8a4; } + +.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area { + fill: #f0d8a4; } + +.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { + stroke: #6c1919; } + +.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area { + fill: #6c1919; } + +.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { + stroke: #5b5b5b; } + +.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area { + fill: #5b5b5b; } + +.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { + stroke: #89c5bf; } + +.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area { + fill: #89c5bf; } + +.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { + stroke: #51adf6; } + +.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area { + fill: #51adf6; } + +.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { + stroke: #8297b3; } + +.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area { + fill: #8297b3; } + +.select2-container--default .select2-selection--single, +.select2-container--default .select2-selection--multiple { + border-color: #E5E5E5; } + +.select2-dropdown { + border-color: #E5E5E5; } + +.select2-search--dropdown:before { + color: #627ca0; } + +.select2-results__message { + color: #627ca0 !important; } + +.select2-container--open .select2-dropdown--above { + border-color: #627ca0; } + +.select2-container--open .select2-dropdown--below { + border-color: #627ca0; } + +.select2-container--default .select2-search--dropdown .select2-search__field { + color: #495057; + background-color: #fff; + border-color: #E5E5E5; + -webkit-box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); + box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); } + .select2-container--default .select2-search--dropdown .select2-search__field:focus { + border-color: #cccccc; } + +.select2-container--default .select2-results__group { + padding: 0.5rem 0; + color: #8e8e8e; } + +.select2-container--default .select2-results__option[aria-selected=true] { + background: #dbe1e9; + color: #3b4b61; } + +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: #627ca0; + color: #fff; } + +.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, +.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, +.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, +.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { + border-color: #627ca0; } + +.select2-container--default.select2-container--focus .select2-selection--single, +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #627ca0; } + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background: #dbe1e9; + border-color: #7289aa; + color: #3b4b61; } + .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { + color: #8297b3; } + .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { + color: #627ca0; } + .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active { + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } + +.select2-container--default .select2-selection--single .select2-selection__clear { + color: #Be2d2d; } + .select2-container--default .select2-selection--single .select2-selection__clear:hover { + color: #a92828; } + +.select2-results__message { + color: #Be2d2d; } + +.sorting_asc, +.sorting_desc, +.even .sorting_1 { + background-color: rgba(98, 124, 160, 0.03); } + +.odd .sorting_1 { + background-color: rgba(98, 124, 160, 0.04); } + +.table-dark .sorting_asc, +.table-dark .sorting_desc, +.table-dark .even .sorting_1 { + background-color: rgba(229, 188, 98, 0.15); } + +.table-dark .odd .sorting_1 { + background-color: rgba(229, 188, 98, 0.15); } + +table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before, +table.dataTable.dtr-column > tbody > tr > td.control:before, +table.dataTable.dtr-column > tbody > tr > th.control:before { + background-color: #627ca0; } + +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before, +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + background-color: #67B4AC; } + +.dataTables_empty { + color: #Be2d2d; } + +.dataTables_wrapper tr.child td.child .dtr-details:before { + color: #78bcb5; } + +.dataTables_wrapper tr.child td.child .dtr-details:after { + background: #9acdc8; } + +div.dt-autofill-background { + opacity: 0.2; + background-color: #000; } + +div.dt-autofill-handle { + background: #627ca0; } + +div.dt-autofill-select { + background-color: #627ca0; } + +/* FixedColumns */ +.DTFC_LeftHeadWrapper:before, +.DTFC_LeftBodyWrapper:before, +.DTFC_LeftFootWrapper:before { + background: #Be2d2d; } + +/* KeyTable */ +table.dataTable tbody th.focus, +table.dataTable tbody td.focus { + -webkit-box-shadow: inset 0 0 0px 1px #627ca0; + box-shadow: inset 0 0 0px 1px #627ca0; + background: rgba(98, 124, 160, 0.1); } + +table.dataTable:not(.table-dark) tr.dtrg-group td { + background: #fff; } + +tr.dt-rowReorder-moving { + outline-color: #67B4AC; } + +table.dt-rowReorder-float { + outline-color: #627ca0; } + +/* Select */ +table.dataTable.table-bordered .selected td { + border-color: rgba(0, 0, 0, 0.1); } + +table.dataTable.table-bordered td.selected { + border-color: rgba(0, 0, 0, 0.1); } + +table.dataTable tbody > tr.selected, +table.dataTable tbody > tr > .selected { + -webkit-box-shadow: inset 0 0 0px 1px #627ca0; + box-shadow: inset 0 0 0px 1px #627ca0; + background: rgba(98, 124, 160, 0.1); } + +.datepicker table tr td.old, +.datepicker table tr td.new { + color: #9b9b9b; } + +.datepicker table tr td.active:active, +.datepicker table tr td.active.highlighted:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active.highlighted.active, +.datepicker table tr td.selected, +.datepicker table tr td.selected.highlighted, +.datepicker table tr td span.active.active, +.datepicker table tr td span.focused { + background-color: #7289aa; + border-color: #627ca0; + color: #fff; } + +.datepicker table tr td.active:active:hover, +.datepicker table tr td.active.highlighted:active:hover, +.datepicker table tr td.active.active:hover, +.datepicker table tr td.active.highlighted.active:hover, +.datepicker table tr td.active:active:focus, +.datepicker table tr td.active.highlighted:active:focus, +.datepicker table tr td.active.active:focus, +.datepicker table tr td.active.highlighted.active:focus, +.datepicker table tr td.active:active.focus, +.datepicker table tr td.active.highlighted:active.focus, +.datepicker table tr td.active.active.focus, +.datepicker table tr td.active.highlighted.active.focus, +.datepicker table tr td.selected:active:hover, +.datepicker table tr td.selected.highlighted:active:hover, +.datepicker table tr td.selected.active:hover, +.datepicker table tr td.selected.highlighted.active:hover, +.datepicker table tr td.selected:active:focus, +.datepicker table tr td.selected.highlighted:active:focus, +.datepicker table tr td.selected.active:focus, +.datepicker table tr td.selected.highlighted.active:focus, +.datepicker table tr td.selected:active.focus, +.datepicker table tr td.selected.highlighted:active.focus, +.datepicker table tr td.selected.active.focus, +.datepicker table tr td.selected.highlighted.active.focus, +.datepicker table tr td.selected:hover, +.datepicker table tr td.selected.highlighted:hover { + background-color: #587091; + border-color: #4e6381; + color: #fff; } + +.datepicker.datepicker-inline { + border: 1px solid #ebedf2; } + +.datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next { + color: #a1a8c3; } + +.daterangepicker table tr td.old, +.daterangepicker table tr td.new { + color: #9b9b9b; } + +.daterangepicker table tr td.active:active, +.daterangepicker table tr td.active.highlighted:active, +.daterangepicker table tr td.active.active, +.daterangepicker table tr td.active.highlighted.active, +.daterangepicker table tr td.selected, +.daterangepicker table tr td.selected.highlighted, +.daterangepicker table tr td span.active.active, +.daterangepicker table tr td span.focused { + background-color: #7289aa; + color: #fff; } + +.daterangepicker table tr td.active:active:hover, +.daterangepicker table tr td.active.highlighted:active:hover, +.daterangepicker table tr td.active.active:hover, +.daterangepicker table tr td.active.highlighted.active:hover, +.daterangepicker table tr td.active:active:focus, +.daterangepicker table tr td.active.highlighted:active:focus, +.daterangepicker table tr td.active.active:focus, +.daterangepicker table tr td.active.highlighted.active:focus, +.daterangepicker table tr td.active:active.focus, +.daterangepicker table tr td.active.highlighted:active.focus, +.daterangepicker table tr td.active.active.focus, +.daterangepicker table tr td.active.highlighted.active.focus, +.daterangepicker table tr td.selected:active:hover, +.daterangepicker table tr td.selected.highlighted:active:hover, +.daterangepicker table tr td.selected.active:hover, +.daterangepicker table tr td.selected.highlighted.active:hover, +.daterangepicker table tr td.selected:active:focus, +.daterangepicker table tr td.selected.highlighted:active:focus, +.daterangepicker table tr td.selected.active:focus, +.daterangepicker table tr td.selected.highlighted.active:focus, +.daterangepicker table tr td.selected:active.focus, +.daterangepicker table tr td.selected.highlighted:active.focus, +.daterangepicker table tr td.selected.active.focus, +.daterangepicker table tr td.selected.highlighted.active.focus, +.daterangepicker table tr td.selected:hover, +.daterangepicker table tr td.selected.highlighted:hover { + background-color: #587091; + color: #fff; } + +.daterangepicker .calendar-table .next span, +.daterangepicker .calendar-table .prev span { + border-color: #a1a8c3; } + +.daterangepicker .in-range.available { + background-color: #f3e1ba; } + +.daterangepicker .off.ends.in-range.available { + background-color: #f7ebcf; } + +.daterangepicker td.available:hover, +.daterangepicker th.available:hover { + background-color: #eccf8e; } + +.daterangepicker .calendar-table table thead tr th.month { + color: #a1a8c3; } + +.daterangepicker .ranges li.active { + background-color: #627ca0; } + +.irs--flat .irs-bar, +.irs--flat .irs-from, +.irs--flat .irs-to, +.irs--flat .irs-single, +.irs--flat .irs-handle > i:first-child { + background-color: #627ca0; } + +.irs--flat .irs-from:before, +.irs--flat .irs-to:before, +.irs--flat .irs-single:before { + border-top-color: #627ca0; } + +.irs--flat .irs-handle.state_hover > i:first-child, +.irs--flat .irs-handle:hover > i:first-child { + background-color: #587091; } + +.irs--big .irs-bar { + background-color: #8297b3; + border-color: #627ca0; + background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #8297b3), to(#627ca0)); + background: linear-gradient(to bottom, #ffffff 0%, #8297b3 30%, #627ca0 100%); } + +.irs--big .irs-from, +.irs--big .irs-to, +.irs--big .irs-single { + background: #627ca0; } + +.irs--modern .irs-bar { + background: #56aca3; + background: -webkit-gradient(linear, left top, left bottom, from(#78bcb5), to(#56aca3)); + background: linear-gradient(to bottom, #78bcb5 0%, #56aca3 100%); } + +.irs--modern .irs-from, +.irs--modern .irs-to, +.irs--modern .irs-single { + background-color: #67B4AC; } + +.irs--modern .irs-from:before, +.irs--modern .irs-to:before, +.irs--modern .irs-single:before { + border-top-color: #67B4AC; } + +.irs--sharp .irs-bar, +.irs--sharp .irs-handle, +.irs--sharp .irs-from, +.irs--sharp .irs-to, +.irs--sharp .irs-single { + background-color: #Be2d2d; } + +.irs--sharp .irs-handle > i:first-child, +.irs--sharp .irs-from:before, +.irs--sharp .irs-to:before, +.irs--sharp .irs-single:before { + border-top-color: #Be2d2d; } + +.irs--sharp .irs-min, +.irs--sharp .irs-max { + background-color: #801e1e; } + +.irs--round .irs-handle { + border-color: #2196F3; } + +.irs--round .irs-bar, +.irs--round .irs-from, +.irs--round .irs-to, +.irs--round .irs-single { + background-color: #2196F3; } + +.irs--round .irs-from:before, +.irs--round .irs-to:before, +.irs--round .irs-single:before { + border-top-color: #2196F3; } + +body:not(.mod-pace-custom) .pace .pace-progress { + background: #627ca0; } + +.mod-pace-custom .pace { + background: #fff; } + .mod-pace-custom .pace .pace-progress { + background-color: #627ca0; + background-image: linear-gradient(135deg, #627ca0 0%, #627ca0 25%, #4e6381 25%, #4e6381 50%, #627ca0 50%, #627ca0 75%, #4e6381 75%, #4e6381 100%); } + +.mod-pace-custom.pace-running .page-content:before { + background-color: #e7ebef; } + +/* #Reset userselect +========================================================================== */ +#myapp-0 { + -webkit-box-shadow: none !important; + box-shadow: none !important; } + +#myapp-15 { + -webkit-box-shadow: 0 0 0 3px #000000; + box-shadow: 0 0 0 3px #000000; } + +/*body { + background: url(/img/backgrounds/glass.jpg) no-repeat center top fixed; + background-size: cover; + color: $black; +}*/ +.page-content-wrapper { + background: #fff; } + +/*# sourceMappingURL=cust-theme-15.css.map */ diff --git a/Frontend/css/themes/cust-theme-15.css.map b/Frontend/css/themes/cust-theme-15.css.map new file mode 100644 index 0000000..3962d20 --- /dev/null +++ b/Frontend/css/themes/cust-theme-15.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["cust-theme-15.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-navspills.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_page-components-tabs.scss","_modules/_page-components-custom-forms.scss","../../../node_modules/bootstrap/scss/_functions.scss","_modules/_page-components-pagination.scss","_modules/_page-components-listgroup.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","_modules/_custom-bootstrap-varients.scss","_plugins/_plugins-chartist.scss","_plugins/_plugins-select2.scss","_plugins/_plugins-datatables.scss","_plugins/_plugins-datepicker.scss","_plugins/_plugins-daterangepicker.scss","_plugins/_plugins-ion.rangeslider.scss","_plugins/_plugins-pace.scss"],"names":[],"mappings":"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,yBAA4C;EAC5C,qBAAuC,EAAA;;AAIxC;EACC,crB6CwC;EqB5CxC,yBAAyC;EACzC,qBAAqC,EAAA;;AAItC;EACC,cxBlC8E;EwBmC9E,yBAA0C;EAC1C,qBAAuC,EAAA;;AC3CxC;EACC,yBzBK0B;EyBJ1B,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvB4G4C;EDkNzC,YAA0B,EAAA;EwB/T9B;IxB+TI,YAA0B,EAAA;EwB/T9B;IxB+TI,YAA0B,EAAA;EwB/T9B;IAaE,WrBPa;IqBQb,mB1Bb0B,EAAA;I0BD5B;MxB+TI,YAA0B,EAAA;IwB/T9B;MAoBG,gBrBdY;MqBeZ,c1BpByB,EAAA;;A0B0B5B,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBgE0C;ED9F1C,yBC6FyC;ED3FzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,uD1BlD2B;U0BkD3B,+C1BlD2B,EAAA;E0B8C5B;IAOE,mB1BrD0B;I0BsD1B,qBvBH2C,EAAA;;AuBO7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB2N+B,EAAA;EuB7NhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBmN8B,EAAA;EuB7NhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,uD1BtF0B;U0BsF1B,+C1BtF0B,EAAA;;A0ByF1B;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,wD1BrF0B;U0BqF1B,gD1BrF0B,EAAA;;A0BwF1B;EAHA,uD1BpFuB;U0BoFvB,+C1BpFuB,EAAA;;A0BuFvB;EAHA,uD1BnF0B;U0BmF1B,+C1BnF0B,EAAA;;A0BsF1B;EAHA,sD1BlFyB;U0BkFzB,8C1BlFyB,EAAA;;A0BqFzB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qD1BjF6E;U0BiF7E,6C1BjF6E,EAAA;;A0ByF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AAK/C,sBAAA;AACA;EACE,c1BhH0B,EAAA;EOU1B;ImByGE,cvB/D0C,EAAA;;AwBtD9C;;EAGI,WtBIW;EsBHX,yB3BFwB,EAAA;;A4BF5B;EACC,yBzB8jB+B,EAAA;;A0B/jBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAAA;;AAG7E;EACC,uHAA2E;EAA3E,kFAA2E,EAAA;;ACL5E,8BAAA;AACA;EAEE,gBzBIa,EAAA;;AyBNf;EAOI,mBzBAc;EyBCd,c3B6C0C,EAAA;;AItC5C;EuBEE,c3BoC0C;E4BhD1C,yBDa4B,EAAA;;AAHhC;EAQI,c3B+B0C;E4BjD1C,yBDmB8C,EAAA;;AEzBlD;EAEE,mB7B2wB+B,EAAA;;A6BvwBjC;EAEE,mBhCL0B,EAAA;;AiCH5B,sBAAA;AACA;EAEE,wD9BqD4C;U8BrD5C,gD9BqD4C,EAAA;;A8BvD9C;EAKE,kCAA2D,EAAA;;ACN7D;EAEC,sB7BKc;E6BFd,gCAAgC;EAEhC,qBAAA;EAUA,iBAAA,EAAkB;EAjBnB;IAUE,6BAAA,EAA8B;IAVhC;MAYG,wEAA0E;cAA1E,gEAA0E,EAAA;EAZ7E;IAwBK,clClBsB,EAAA;;AkC2B3B,mCAAA;AACA;EACC,mBAAmB,EAAA;;AAGpB,iBAAA;AACA;EACC,gB7BjCc,EAAA;;A6BoCf,wBAAA;AACA;EAGG,0C/BG4C;E+BF5C,0ClC9CyB;EkC+CzB,2ClC/CyB,EAAA;EkC0C5B;IASI,yE/BAyC,EAAA;;A+BM7C;;;ElC2zBE;AkCtzBF;EAGG,yB/B+B0C;E+B9B1C,0B7B5Bc;E6B6Bd,2B7B7Bc,EAAA;E6BwBjB;IAQI,yC7BhCa,EAAA;;A6BsCjB,6CAAA;AACA;EAIE,0CAAA,EAA2C;EAJ7C;IAOG,mBlCnFyB,EAAA;EkC4E5B;IAYG,mBlCtFyB,EAAA;EkC0E5B;IAiBG,mBlC1FwB,EAAA;;AkCiG3B,gBAAA;AACA;EACC,yB/BupBsE,EAAA;E+BxpBvE;IAIE,mB/BopBqE,EAAA;;A+BhpBvE;EAGE,gB7B5Ga;E6B6Gb,0FAA4D;EAA5D,2DAA4D,EAAA;;AAM9D;EACC,0CAAA;EACA;IAEE,cAAc,EAAA,EACd;;AC/HH;EAEE,qBhCmaoC,EAAA;;AiCratC;;EACE,mBpCC0B;EoCA1B,sBAAuB,EAAA;EAErB;;IACE,mBjCiDwC,EAAA;;AiCxC9C;EACE,mBAAmB;EACnB,cAAc,EAAA;;AAGhB;EACE,mBpCb6E,EAAA;;AqCP/E,mBAAA;AACA;EAOI,gCrCNwB;EqCOxB,crCPwB,EAAA;;AqCD5B;EAYI,crCXwB,EAAA;;AqCiB5B;;EAEC,crCnB2B,EAAA;;AsCQ5B;EAGI,WjCNW;EiCOX,qBnCwC0C;E4BhD1C,yB5B+CyC,EAAA;;AmC3C7C;EASI,qBnCgC0C,EAAA;;AmCzC9C;EAaI,cnCyB2C;EmCxB3C,yBnCwB2C;EmCvB3C,qBnCuB2C,EAAA;;AmCtC/C;EAsBM,cjCnBY,EAAA;EiCHlB;IAyBQ,yBjC1BU,EAAA;;AiCoClB;EAKI,sBjC3CW;EiC4CX,yBnC0PyC,EAAA;;AmCjP7C;EAIM,qBnCXuC;E4B/CzC,yB/BJwB,EAAA;;AsC0D5B;EAQM,+KCV4E,EAAA;;ADElF;EAcM,yBnC1ByC,EAAA;;AmCY/C;EAiBM,yBnC7ByC,EAAA;;AmCsC/C;EAGM,yBnCzCyC,EAAA;;AmCmD/C;EAKM,yBjC5FY,EAAA;;AiCuFlB;EAWM,sBjCvGS,EAAA;;AiC4Ff;EAiBM,yBnCpEyC,EAAA;;AmCgF/C;EACE,cjCnHgB;EiCoHhB,uOjC4c+I;EiC3c/I,yBjCxHgB,EAAA;EiCqHlB;IAOI,qBtCrIwB,EAAA;IsC8H5B;MAeM,cjCjIY;MiCkIZ,sBjCzIS,EAAA;EiCyHf;IAqBI,cjCxIc;IiCyId,yBjC7Ic,EAAA;;AiCsJlB;EAEI,qBtC/JwB,EAAA;;AsC6J5B;;EAQI,yBjC9Jc,EAAA;;AiCsJlB;EAYI,0BAA0B,EAAA;;AAI9B;EACE,cjClKgB;EiCmKhB,sBjC1Ka;EiC2Kb,yBjCvKgB,EAAA;EiCoKlB;IAMI,cjCvKc;I0BRd,yB1BGc,EAAA;;AiCuLlB;EACE,6BAA6B,EAAA;EAD/B;IP1LI,yB/BJwB;IsCmMxB,SjC4a0C,EAAA;IiCjb9C;MP1LI,yB5B4C2C,EAAA;EmC8I/C;IAaI,yBjCnMc,EAAA;EiCsLlB;IP1LI,yB/BJwB;IsCgNxB,SjC+Z0C,EAAA;IiCjb9C;MP1LI,yB5B4C2C,EAAA;EmC8I/C;IA0BI,yBjChNc,EAAA;EiCsLlB;IP1LI,yB/BJwB;IsC6NxB,SjCkZ0C,EAAA;IiCjb9C;MP1LI,yB5B4C2C,EAAA;EmC8I/C;IAwCI,yBjC9Nc,EAAA;EiCsLlB;IA4CI,yBjClOc,EAAA;EiCsLlB;IAiDM,yBjCrOY,EAAA;EiCoLlB;IAsDM,yBjC1OY,EAAA;EiCoLlB;IA2DM,yBjC/OY,EAAA;;AmCVlB;EACE,cxCD0B;EwCE1B,sBnCGa;EmCFb,yBnCKgB;EmCGhB;;IxC4hCE,EwC1hCC;EAbL;IAMI,cnC8K8D;ImC7K9D,yBnCAc;ImCCd,qBnCAc,EAAA;;AmCQlB;EAEI,WnCbW;EmCcX,yBxCnBwB,EAAA;;AwCgB5B;EAOI,cnCZc;EmCad,sBnCnBW,EAAA;;AmCuBf;;;EAMG,mBAAqC,EAAA;;AANxC;EAYG,oCAAyC;EACzC,WnCpCY,EAAA;;AoCPf;EACE,sDAA2E,EAAA;EAD7E;IAGI,yBzCDwB;IyCExB,qBzCFwB,EAAA;;A0CF5B,gBAAA;AACA;EAAY,sBrCMG;EqCNuB,cvC8fG,EAAA;;AuC7fzC;EAAY,yBvC6jBoB,EAAA;;AuC5jBhC;ExCKE,sBGDa;EHGb,0FAAsD;EAAtD,wDAAsD,EAAA;;AwCNxD;EAAkB,yBAA8C,EAAA;;AAChE;ExCGE,sBGDa;EHGb,0FAAsD;EAAtD,wDAAsD,EAAA;;AwCJxD;EAAgB,yBAA0C,EAAA;;AAE1D;EAAe,yBvC2BQ,EAAA;;AuC1BvB;EAAe,yBrCDG,EAAA;;AqCElB;EAAe,yBrCDG,EAAA;;AqCElB;EAAe,yBrCDG,EAAA;;AqCElB;EAAe,yBrCDG,EAAA;;AqCElB;EAAe,yBrCDG,EAAA;;AqCElB;EAAe,yBrCDG,EAAA;;AqCElB;EAAe,yBrCDG,EAAA;;AqCElB;EAAe,yBrCDG,EAAA;;AqCElB;EAAe,yBrCDG,EAA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PsC;EDyNxC,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AAkC1B;EACE,yBC3PsC;EDwNxC,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AA4C1B;EACE,cC9QuC,EAAA;;AD6QzC;EACE,cC7QuC,EAAA;;AD4QzC;EACE,cC5QuC,EAAA;;AD2QzC;EACE,cC3QuC,EAAA;;AD0QzC;EACE,cC1QsC,EAAA;;ADyQxC;EACE,cFvWqB,EAAA;;AEsWvB;EACE,cCxQqC,EAAA;;ADuQvC;EACE,cCvQsC,EAAA;;ADsQxC;EACE,cCtQsC,EAAA;;ADqQxC;EACE,cCrQsC,EAAA;;AD0PxC;EACE,yBCxPuC;EDqNzC,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AAkC1B;EACE,yBCvPuC;EDoNzC,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AAkC1B;EACE,yBCtPuC;EDmNzC,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AAkC1B;EACE,yBCrPuC;EDkNzC,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AAkC1B;EACE,yBCpPsC;EDiNxC,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AAkC1B;EACE,yBF5VyE;EEyT3E,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AAkC1B;EACE,yBClPqC;ED+MvC,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AAkC1B;EACE,yBCjPsC;ED8MxC,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AAkC1B;EACE,yBChPsC;ED6MxC,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AAkC1B;EACE,yBC/OsC;ED4MxC,YAA0B,EAAA;EAkC1B;IAlCA,YAA0B,EAAA;;AA4C1B;EACE,cClQuC,EAAA;;ADiQzC;EACE,cCjQuC,EAAA;;ADgQzC;EACE,cChQuC,EAAA;;AD+PzC;EACE,cC/PuC,EAAA;;AD8PzC;EACE,cC9PsC,EAAA;;AD6PxC;EACE,cFtWyE,EAAA;;AEqW3E;EACE,cC5PqC,EAAA;;AD2PvC;EACE,cC3PsC,EAAA;;AD0PxC;EAC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EyBrFA,c9CUgB;E0BVd,sB1BCW;E8CCb,kB9CDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EELb;I4CAE,c9CIc;I0BVd,yBoBDoF;IASpF,qBATyH,EAAA;EAY3H;IAEE,c9CHc;I0BVd,yBoBDoF;IAgBpF,qBAhByH;IAqBvH,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,c9CjBc;I8CkBd,sB9C3BW;I8C4BX,kB9C5BW,EAAA;E8CmCb;;IAGE,c9C7Bc;I8C8Bd,yBAzCuK;IA6CvK,qBA7C+M,EAAA;IA+C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AzBkCvF;EyBrFA,W9CCa;E0BDX,yB/BC2E;EmDC7E,qBnDD6E;EE6H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EELb;I4CAE,W9CLW;I0BDX,yBoBDoF;IASpF,qBATyH,EAAA;EAY3H;IAEE,W9CZW;I0BDX,yBoBDoF;IAgBpF,qBAhByH;IAqBvH,sDAAiF;YAAjF,8CAAiF,EAAA;EAKrF;IAEE,W9C1BW;I8C2BX,yBnD3B2E;ImD4B3E,qBnD5B2E,EAAA;EmDmC7E;;IAGE,W9CtCW;I8CuCX,yBAzCuK;IA6CvK,qBA7C+M,EAAA;IA+C/M;;MAKI,sDAAiF;cAAjF,8CAAiF,EAAA;;ACfxF;EDsBC,cnD9D0B;EmD+D1B,qBnD/D0B,EAAA;EOU1B;I4CwDE,W9C7DW;I8C8DX,yBnDnEwB;ImDoExB,qBnDpEwB,EAAA;EmDuE1B;IAEE,wDnDzEwB;YmDyExB,gDnDzEwB,EAAA;EmD4E1B;IAEE,cnD9EwB;ImD+ExB,6BAA6B,EAAA;EAG/B;;IAGE,W9ChFW;I8CiFX,yBnDtFwB;ImDuFxB,qBnDvFwB,EAAA;ImDyFxB;;MAKI,wDnD9FoB;cmD8FpB,gDnD9FoB,EAAA;;AoDwC3B;EDsBC,c9CnDgB;E8CoDhB,qB9CpDgB,EAAA;EEDhB;I4CwDE,W9C7DW;I8C8DX,yB9CxDc;I8CyDd,qB9CzDc,EAAA;E8C4DhB;IAEE,yD9C9Dc;Y8C8Dd,iD9C9Dc,EAAA;E8CiEhB;IAEE,c9CnEc;I8CoEd,6BAA6B,EAAA;EAG/B;;IAGE,W9ChFW;I8CiFX,yB9C3Ec;I8C4Ed,qB9C5Ec,EAAA;I8C8Ed;;MAKI,yD9CnFU;c8CmFV,iD9CnFU,EAAA;;A+C6BjB;EDsBC,cnD7D0B;EmD8D1B,qBnD9D0B,EAAA;EOS1B;I4CwDE,c9CpDc;I8CqDd,yBnDlEwB;ImDmExB,qBnDnEwB,EAAA;EmDsE1B;IAEE,yDnDxEwB;YmDwExB,iDnDxEwB,EAAA;EmD2E1B;IAEE,cnD7EwB;ImD8ExB,6BAA6B,EAAA;EAG/B;;IAGE,c9CvEc;I8CwEd,yBnDrFwB;ImDsFxB,qBnDtFwB,EAAA;ImDwFxB;;MAKI,yDnD7FoB;cmD6FpB,iDnD7FoB,EAAA;;AoDuC3B;EDsBC,cnD5DuB;EmD6DvB,qBnD7DuB,EAAA;EOQvB;I4CwDE,W9C7DW;I8C8DX,yBnDjEqB;ImDkErB,qBnDlEqB,EAAA;EmDqEvB;IAEE,wDnDvEqB;YmDuErB,gDnDvEqB,EAAA;EmD0EvB;IAEE,cnD5EqB;ImD6ErB,6BAA6B,EAAA;EAG/B;;IAGE,W9ChFW;I8CiFX,yBnDpFqB;ImDqFrB,qBnDrFqB,EAAA;ImDuFrB;;MAKI,wDnD5FiB;cmD4FjB,gDnD5FiB,EAAA;;AoDsCxB;EDsBC,cnD3D0B;EmD4D1B,qBnD5D0B,EAAA;EOO1B;I4CwDE,c9CpDc;I8CqDd,yBnDhEwB;ImDiExB,qBnDjEwB,EAAA;EmDoE1B;IAEE,wDnDtEwB;YmDsExB,gDnDtEwB,EAAA;EmDyE1B;IAEE,cnD3EwB;ImD4ExB,6BAA6B,EAAA;EAG/B;;IAGE,c9CvEc;I8CwEd,yBnDnFwB;ImDoFxB,qBnDpFwB,EAAA;ImDsFxB;;MAKI,wDnD3FoB;cmD2FpB,gDnD3FoB,EAAA;;AoDqC3B;EDsBC,cnD1DyB;EmD2DzB,qBnD3DyB,EAAA;EOMzB;I4CwDE,W9C7DW;I8C8DX,yBnD/DuB;ImDgEvB,qBnDhEuB,EAAA;EmDmEzB;IAEE,uDnDrEuB;YmDqEvB,+CnDrEuB,EAAA;EmDwEzB;IAEE,cnD1EuB;ImD2EvB,6BAA6B,EAAA;EAG/B;;IAGE,W9ChFW;I8CiFX,yBnDlFuB;ImDmFvB,qBnDnFuB,EAAA;ImDqFvB;;MAKI,uDnD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","file":"cust-theme-15.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary:\t\t\t\t\t\t#627ca0;\r\n$color-success:\t\t\t\t\t\t#67B4AC;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#e5bc62;\r\n$color-danger:\t\t\t\t\t\t#Be2d2d;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-15 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}\r\n\r\n/*body {\r\n background: url(/img/backgrounds/glass.jpg) no-repeat center top fixed;\r\n background-size: cover;\r\n color: $black;\r\n}*/\r\n\r\n.page-sidebar {\r\n\t//background: url(/img/backgrounds/glass.jpg) no-repeat center top fixed;\r\n //background-size: cover;\r\n\t//background-color: rgba(0,0,0,0.43);\r\n\t//background-color: darken($color-fusion, 20%);\r\n}\r\n\r\n.page-content-wrapper {\r\n\tbackground: $white;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-navspills';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n@import './src/scss/_themes/_modules/_page-components-tabs';\r\n@import './src/scss/_themes/_modules/_page-components-custom-forms';\r\n@import './src/scss/_themes/_modules/_page-components-pagination';\r\n@import './src/scss/_themes/_modules/_page-components-listgroup';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n\r\n//we import plugins here\r\n@import './src/scss/_themes/_plugins/_plugins-chartist';\r\n@import './src/scss/_themes/_plugins/_plugins-select2';\r\n@import './src/scss/_themes/_plugins/_plugins-datatables';\r\n@import './src/scss/_themes/_plugins/_plugins-datepicker';\r\n@import './src/scss/_themes/_plugins/_plugins-daterangepicker';\r\n@import './src/scss/_themes/_plugins/_plugins-ion.rangeslider';\r\n@import './src/scss/_themes/_plugins/_plugins-pace';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//return rgb value \r\n/*------------------------\r\n Usage\r\n\r\n $color-white: hexToRGBString(#fff) => \"255,255,255\"\r\n $color-white: hexToRGBString(rgb(255,255,255)) => \"255,255,255\"\r\n $color-white: hexToRGBString(rgba(#fff,1)) => \"255,255,255\"\r\n \r\n------------------------*/\r\n@function hexToRGBString($hexColor) {\r\n @return \"#{red($hexColor)},#{green($hexColor)},#{blue($hexColor)}\";\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: contrast-ink($contrastvalue)\r\n------------------------*/\r\n\r\n@function contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n @return #ffffff;\r\n }\r\n\r\n @else {\r\n @return #000000;\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* We will manually convert these primary colors to rgb for the dark mode option of the theme */\r\n$rgb-primary:\t\t\t\t\t\thexToRGBString($color-primary) !default;\r\n$rgb-success:\t\t\t\t\t\thexToRGBString($color-success) !default;\r\n$rgb-info:\t\t\t\t\t\t\thexToRGBString($color-info) !default;\r\n$rgb-warning:\t\t\t\t\t\thexToRGBString($color-warning) !default;\r\n$rgb-danger:\t\t\t\t\t\thexToRGBString($color-danger) !default;\r\n$rgb-fusion:\t\t\t\t\t\thexToRGBString($color-fusion) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"rgb-primary\":\t\t\t\t\t$rgb-primary,\r\n\t\"rgb-success\":\t\t\t\t\t$rgb-success,\r\n\t\"rgb-info\":\t\t\t\t\t\t$rgb-info,\r\n\t\"rgb-warning\":\t\t\t\t\t$rgb-warning,\r\n\t\"rgb-danger\":\t\t\t\t\t$rgb-danger,\r\n\t\"rgb-fusion\":\t\t\t\t\t$rgb-fusion,\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n$custom-control-indicator-checked-disabled-bg:\t\t$primary-100;\r\n\r\n$custom-control-indicator-active-bg:\t\t\t\t$primary-100; \r\n$custom-control-indicator-active-border-color:\t\t$primary-100;\r\n$custom-control-indicator-active-color:\t\t\t\t$primary-100;\r\n\r\n$custom-control-indicator-focus-border-color:\t\t$primary-400;\r\n$custom-select-focus-border-color:\t\t\t\t\t$primary-500;\r\n\r\n$custom-checkbox-indicator-indeterminate-border-color: $primary-600;\r\n$custom-checkbox-indicator-indeterminate-bg: $primary-500;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* custom file */\r\n$custom-file-focus-border-color:\t\t$primary-500;\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav footer */\r\n$nav-footer-link-color:\t\t\t\t\tlighten($nav-background, 25%) !default;\r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;\r\n","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n\r\n &.active {\r\n background: $primary-300;\r\n color: $white;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\",\"%3c\"),\n (\">\",\"%3e\"),\n (\"#\",\"%23\"),\n (\"(\",\"%28\"),\n (\")\",\"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n$grid-row-columns: 6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-cursor: null !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color: null !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml,\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: url(\"data:image/svg+xml,\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: url(\"data:image/svg+xml,\") !default;\n$custom-select-background: escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\r\n\t\ta {\r\n\t\t\tcolor: $link-color;\r\n\t\t\tbackground-color: transparent; // Remove the gray background on active links in IE 10.\r\n\r\n\t\t \t@include hover() {\r\n\t\t\t\tcolor: $link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n &:hover { @content; }\n}\n\n@mixin hover-focus() {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus() {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active() {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor: $nav-footer-link-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}\r\n\r\n/* bootstrap buttons */\r\n.btn-link {\r\n color: $primary-500;\r\n\r\n @include hover() {\r\n color: $primary-700;\r\n }\r\n}",".nav-pills {\r\n .nav-link.active,\r\n .show > .nav-link {\r\n color: $nav-pills-link-active-color;\r\n background-color: $primary-500;\r\n }\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}\r\n\r\n.dropdown-item {\r\n @include hover-focus() {\r\n color: $primary-700;\r\n @include gradient-bg(#f8f9fa);\r\n }\r\n\r\n &.active,\r\n &:active {\r\n \tcolor: $primary-800;\r\n @include gradient-bg(lighten($primary-50, 10%));\r\n }\r\n\r\n}","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* nav tabs panel */\r\n.nav-tabs-clean {\r\n\r\n\t.nav-item {\r\n\r\n\t\t.nav-link {\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tborder-bottom: 1px solid $primary-500;\r\n\t\t\t\tcolor: $primary-500;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $primary-500;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-tabs .nav-link.active, \r\n.nav-tabs .nav-item.show .nav-link {\r\n\tcolor: $primary-500;\r\n}","// Embedded icons from Open Iconic.\r\n// Released under MIT and copyright 2014 Waybury.\r\n// https://useiconic.com/open\r\n\r\n\r\n// Checkboxes and radios\r\n//\r\n// Base class takes care of all the key behavioral aspects.\r\n\r\n\r\n.custom-control-input {\r\n\r\n &:checked ~ .custom-control-label::before {\r\n color: $custom-control-indicator-checked-color;\r\n border-color: $custom-control-indicator-checked-border-color;\r\n @include gradient-bg($custom-control-indicator-checked-bg);\r\n }\r\n\r\n &:focus:not(:checked) ~ .custom-control-label::before {\r\n border-color: $custom-control-indicator-focus-border-color;\r\n }\r\n\r\n &:not(:disabled):active ~ .custom-control-label::before {\r\n color: $custom-control-indicator-active-color;\r\n background-color: $custom-control-indicator-active-bg;\r\n border-color: $custom-control-indicator-active-border-color;\r\n }\r\n\r\n // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\r\n &[disabled],\r\n &:disabled {\r\n ~ .custom-control-label {\r\n color: $custom-control-label-disabled-color;\r\n\r\n &::before {\r\n background-color: $custom-control-indicator-disabled-bg;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// Custom control indicators\r\n//\r\n// Build the custom controls out of pseudo-elements.\r\n\r\n.custom-control-label {\r\n color: $custom-control-label-color;\r\n\r\n // Background-color and (when enabled) gradient\r\n &::before {\r\n background-color: $custom-control-indicator-bg;\r\n border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;\r\n }\r\n}\r\n\r\n\r\n// Checkboxes\r\n//\r\n// Tweak just a few things for checkboxes.\r\n\r\n.custom-checkbox {\r\n\r\n .custom-control-input:indeterminate ~ .custom-control-label {\r\n &::before {\r\n border-color: $custom-checkbox-indicator-indeterminate-border-color;\r\n @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\r\n }\r\n &::after {\r\n background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\r\n }\r\n }\r\n\r\n .custom-control-input:disabled {\r\n &:checked ~ .custom-control-label::before {\r\n background-color: $custom-control-indicator-checked-disabled-bg;\r\n }\r\n &:indeterminate ~ .custom-control-label::before {\r\n background-color: $custom-control-indicator-checked-disabled-bg;\r\n }\r\n }\r\n}\r\n\r\n// Radios\r\n//\r\n// Tweak just a few things for radios.\r\n\r\n.custom-radio {\r\n .custom-control-input:disabled {\r\n &:checked ~ .custom-control-label::before {\r\n background-color: $custom-control-indicator-checked-disabled-bg;\r\n }\r\n }\r\n}\r\n\r\n\r\n// switches\r\n//\r\n// Tweak a few things for switches\r\n\r\n.custom-switch {\r\n\r\n .custom-control-label {\r\n\r\n &::after {\r\n background-color: $custom-control-indicator-border-color;\r\n }\r\n }\r\n\r\n .custom-control-input:checked ~ .custom-control-label {\r\n &::after {\r\n background-color: $custom-control-indicator-bg;\r\n }\r\n }\r\n\r\n .custom-control-input:disabled {\r\n &:checked ~ .custom-control-label::before {\r\n background-color: $custom-control-indicator-checked-disabled-bg;\r\n }\r\n }\r\n}\r\n\r\n\r\n// Select\r\n//\r\n// Replaces the browser default select with a custom one, mostly pulled from\r\n// https://primer.github.io/.\r\n//\r\n\r\n.custom-select {\r\n color: $custom-select-color;\r\n background: $custom-select-bg $custom-select-background;\r\n border: $custom-select-border-width solid $custom-select-border-color;\r\n\r\n\r\n &:focus {\r\n border-color: $custom-select-focus-border-color;\r\n\r\n &::-ms-value {\r\n // For visual consistency with other platforms/browsers,\r\n // suppress the default white text on blue background highlight given to\r\n // the selected option text when the (still closed) s in some browsers, due to the limited stylability of ``s in IE10+.\n &::-ms-expand {\n background-color: transparent;\n border: 0;\n }\n\n // Remove select outline from select box in FF\n &:-moz-focusring {\n color: transparent;\n text-shadow: 0 0 0 $input-color;\n }\n\n // Customize the `:focus` state to imitate native WebKit styles.\n @include form-control-focus($ignore-warning: true);\n\n // Placeholder\n &::placeholder {\n color: $input-placeholder-color;\n // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n opacity: 1;\n }\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &:disabled,\n &[readonly] {\n background-color: $input-disabled-bg;\n // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n opacity: 1;\n }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n &.form-control {\n appearance: none; // Fix appearance for date inputs in Safari\n }\n}\n\nselect.form-control {\n &:focus::-ms-value {\n // Suppress the nested default white text on blue background highlight given to\n // the selected option text when the (still closed) receives focus\n // in IE and (under certain conditions) Edge.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n }\n\n &[multiple],\n &[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: $custom-select-padding-x;\n background-image: none;\n }\n\n &:disabled {\n color: $custom-select-disabled-color;\n background-color: $custom-select-disabled-bg;\n }\n\n // Hides the default caret in IE11\n &::-ms-expand {\n display: none;\n }\n\n // Remove outline from select box in FF\n &:-moz-focusring {\n color: transparent;\n text-shadow: 0 0 0 $custom-select-color;\n }\n}\n\n.custom-select-sm {\n height: $custom-select-height-sm;\n padding-top: $custom-select-padding-y-sm;\n padding-bottom: $custom-select-padding-y-sm;\n padding-left: $custom-select-padding-x-sm;\n @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n height: $custom-select-height-lg;\n padding-top: $custom-select-padding-y-lg;\n padding-bottom: $custom-select-padding-y-lg;\n padding-left: $custom-select-padding-x-lg;\n @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: $custom-file-height;\n margin-bottom: 0;\n}\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: $custom-file-height;\n margin: 0;\n opacity: 0;\n\n &:focus ~ .custom-file-label {\n border-color: $custom-file-focus-border-color;\n box-shadow: $custom-file-focus-box-shadow;\n }\n\n // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n &[disabled] ~ .custom-file-label,\n &:disabled ~ .custom-file-label {\n background-color: $custom-file-disabled-bg;\n }\n\n @each $lang, $value in $custom-file-text {\n &:lang(#{$lang}) ~ .custom-file-label::after {\n content: $value;\n }\n }\n\n ~ .custom-file-label[data-browse]::after {\n content: attr(data-browse);\n }\n}\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: $custom-file-height;\n padding: $custom-file-padding-y $custom-file-padding-x;\n font-family: $custom-file-font-family;\n font-weight: $custom-file-font-weight;\n line-height: $custom-file-line-height;\n color: $custom-file-color;\n background-color: $custom-file-bg;\n border: $custom-file-border-width solid $custom-file-border-color;\n @include border-radius($custom-file-border-radius);\n @include box-shadow($custom-file-box-shadow);\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: $custom-file-height-inner;\n padding: $custom-file-padding-y $custom-file-padding-x;\n line-height: $custom-file-line-height;\n color: $custom-file-button-color;\n content: \"Browse\";\n @include gradient-bg($custom-file-button-bg);\n border-left: inherit;\n @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n width: 100%;\n height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n padding: 0; // Need to reset padding\n background-color: transparent;\n appearance: none;\n\n &:focus {\n outline: none;\n\n // Pseudo-elements must be split across multiple rulesets to have an effect.\n // No box-shadow() mixin for focus accessibility.\n &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n &::-moz-range-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n &::-ms-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n }\n\n &::-moz-focus-outer {\n border: 0;\n }\n\n &::-webkit-slider-thumb {\n width: $custom-range-thumb-width;\n height: $custom-range-thumb-height;\n margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific\n @include gradient-bg($custom-range-thumb-bg);\n border: $custom-range-thumb-border;\n @include border-radius($custom-range-thumb-border-radius);\n @include box-shadow($custom-range-thumb-box-shadow);\n @include transition($custom-forms-transition);\n appearance: none;\n\n &:active {\n @include gradient-bg($custom-range-thumb-active-bg);\n }\n }\n\n &::-webkit-slider-runnable-track {\n width: $custom-range-track-width;\n height: $custom-range-track-height;\n color: transparent; // Why?\n cursor: $custom-range-track-cursor;\n background-color: $custom-range-track-bg;\n border-color: transparent;\n @include border-radius($custom-range-track-border-radius);\n @include box-shadow($custom-range-track-box-shadow);\n }\n\n &::-moz-range-thumb {\n width: $custom-range-thumb-width;\n height: $custom-range-thumb-height;\n @include gradient-bg($custom-range-thumb-bg);\n border: $custom-range-thumb-border;\n @include border-radius($custom-range-thumb-border-radius);\n @include box-shadow($custom-range-thumb-box-shadow);\n @include transition($custom-forms-transition);\n appearance: none;\n\n &:active {\n @include gradient-bg($custom-range-thumb-active-bg);\n }\n }\n\n &::-moz-range-track {\n width: $custom-range-track-width;\n height: $custom-range-track-height;\n color: transparent;\n cursor: $custom-range-track-cursor;\n background-color: $custom-range-track-bg;\n border-color: transparent; // Firefox specific?\n @include border-radius($custom-range-track-border-radius);\n @include box-shadow($custom-range-track-box-shadow);\n }\n\n &::-ms-thumb {\n width: $custom-range-thumb-width;\n height: $custom-range-thumb-height;\n margin-top: 0; // Edge specific\n margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n margin-left: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n @include gradient-bg($custom-range-thumb-bg);\n border: $custom-range-thumb-border;\n @include border-radius($custom-range-thumb-border-radius);\n @include box-shadow($custom-range-thumb-box-shadow);\n @include transition($custom-forms-transition);\n appearance: none;\n\n &:active {\n @include gradient-bg($custom-range-thumb-active-bg);\n }\n }\n\n &::-ms-track {\n width: $custom-range-track-width;\n height: $custom-range-track-height;\n color: transparent;\n cursor: $custom-range-track-cursor;\n background-color: transparent;\n border-color: transparent;\n border-width: $custom-range-thumb-height / 2;\n @include box-shadow($custom-range-track-box-shadow);\n }\n\n &::-ms-fill-lower {\n background-color: $custom-range-track-bg;\n @include border-radius($custom-range-track-border-radius);\n }\n\n &::-ms-fill-upper {\n margin-right: 15px; // arbitrary?\n background-color: $custom-range-track-bg;\n @include border-radius($custom-range-track-border-radius);\n }\n\n &:disabled {\n &::-webkit-slider-thumb {\n background-color: $custom-range-thumb-disabled-bg;\n }\n\n &::-webkit-slider-runnable-track {\n cursor: default;\n }\n\n &::-moz-range-thumb {\n background-color: $custom-range-thumb-disabled-bg;\n }\n\n &::-moz-range-track {\n cursor: default;\n }\n\n &::-ms-thumb {\n background-color: $custom-range-thumb-disabled-bg;\n }\n }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `