From 9f430cee1167f3b9de71e9b40f46e266fd7f807a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= Date: Wed, 26 Oct 2016 03:31:20 +0200 Subject: [PATCH] FEATURE #1933 @1h: add basic SASS structure and configure gulp/elixir --- .gitignore | 1 + gulpfile.js | 6 + package.json | 18 + public/css/app.css | 2466 +++++++++++++++++ public/css/app.css.map | 1 + resources/assets/sass/admin/main.scss | 45 + .../modularAdmin/_common/_styles/_mixins.scss | 103 + .../modularAdmin/_common/_styles/layout.scss | 74 + .../modularAdmin/_common/_styles/misc.scss | 115 + .../_common/_styles/typography.scss | 60 + .../modularAdmin/_common/alert/alert.scss | 27 + .../_common/animations/animations.scss | 4 + .../modularAdmin/_common/button/button.scss | 97 + .../admin/modularAdmin/_common/card/card.scss | 200 ++ .../modularAdmin/_common/chart/chart.scss | 9 + .../_common/dropdown/dropdown.scss | 28 + .../admin/modularAdmin/_common/flex/flex.scss | 14 + .../admin/modularAdmin/_common/form/form.scss | 229 ++ .../images-container/images-container.scss | 129 + .../_common/items-list/items-list.scss | 388 +++ .../admin/modularAdmin/_common/logo/logo.scss | 46 + .../_common/modal/modal-tabs.scss | 27 + .../_common/navigation/navigation.scss | 114 + .../_common/nprogress/nprogress.scss | 22 + .../_common/pagination/pagination.scss | 19 + .../_common/scrollbar/scrollbar.scss | 24 + .../modularAdmin/_common/table/table.scss | 12 + .../assets/sass/admin/modularAdmin/_main.scss | 40 + .../modularAdmin/_themes/blue-theme.scss | 1 + .../modularAdmin/_themes/custom-theme.scss | 0 .../modularAdmin/_themes/green-theme.scss | 10 + .../modularAdmin/_themes/orange-theme.scss | 12 + .../modularAdmin/_themes/purple-theme.scss | 6 + .../admin/modularAdmin/_themes/red-theme.scss | 11 + .../modularAdmin/_themes/seagreen-theme.scss | 9 + .../sass/admin/modularAdmin/_variables.scss | 109 + .../app/_common/editor/editor.scss | 28 + .../app/_common/footer/footer.scss | 68 + .../app/_common/header/buttons/buttons.scss | 30 + .../app/_common/header/collapse/collapse.scss | 23 + .../app/_common/header/header.scss | 33 + .../app/_common/header/nav/nav.scss | 64 + .../nav/notifications/notifications.scss | 126 + .../_common/header/nav/profile/profile.scss | 93 + .../app/_common/header/search/search.scss | 67 + .../modals/modal-media/modal-media.scss | 56 + .../app/_common/modals/modals.scss | 19 + .../_common/sidebar/customize/customize.scss | 157 ++ .../app/_common/sidebar/header/header.scss | 14 + .../app/_common/sidebar/sidebar.scss | 188 ++ .../sass/admin/modularAdmin/app/app.scss | 72 + .../app/items/list/items-list.scss | 322 +++ .../admin/modularAdmin/app/pages/error.scss | 73 + .../responsive-tables/responsive-tables.scss | 77 + .../sass/admin/modularAdmin/auth/auth.scss | 72 + resources/assets/sass/app.scss | 2 - .../assets/sass/bootstrap/scss/_alert.scss | 65 + .../sass/bootstrap/scss/_animation.scss | 27 + .../sass/bootstrap/scss/_breadcrumb.scss | 23 + .../sass/bootstrap/scss/_button-group.scss | 224 ++ .../assets/sass/bootstrap/scss/_buttons.scss | 173 ++ .../assets/sass/bootstrap/scss/_card.scss | 292 ++ .../assets/sass/bootstrap/scss/_carousel.scss | 252 ++ .../assets/sass/bootstrap/scss/_close.scss | 28 + .../assets/sass/bootstrap/scss/_code.scss | 58 + .../sass/bootstrap/scss/_custom-forms.scss | 226 ++ .../assets/sass/bootstrap/scss/_dropdown.scss | 193 ++ .../assets/sass/bootstrap/scss/_forms.scss | 452 +++ .../assets/sass/bootstrap/scss/_grid.scss | 76 + .../assets/sass/bootstrap/scss/_images.scss | 53 + .../sass/bootstrap/scss/_input-group.scss | 189 ++ .../sass/bootstrap/scss/_jumbotron.scss | 20 + .../assets/sass/bootstrap/scss/_labels.scss | 77 + .../sass/bootstrap/scss/_list-group.scss | 140 + .../assets/sass/bootstrap/scss/_media.scss | 90 + .../assets/sass/bootstrap/scss/_mixins.scss | 55 + .../assets/sass/bootstrap/scss/_modal.scss | 146 + .../assets/sass/bootstrap/scss/_nav.scss | 162 ++ .../assets/sass/bootstrap/scss/_navbar.scss | 230 ++ .../sass/bootstrap/scss/_normalize.scss | 428 +++ .../assets/sass/bootstrap/scss/_pager.scss | 57 + .../sass/bootstrap/scss/_pagination.scss | 73 + .../assets/sass/bootstrap/scss/_popover.scss | 140 + .../assets/sass/bootstrap/scss/_print.scss | 88 + .../assets/sass/bootstrap/scss/_progress.scss | 156 ++ .../assets/sass/bootstrap/scss/_reboot.scss | 347 +++ .../bootstrap/scss/_responsive-embed.scss | 39 + .../assets/sass/bootstrap/scss/_tables.scss | 193 ++ .../assets/sass/bootstrap/scss/_tooltip.scss | 85 + .../assets/sass/bootstrap/scss/_type.scss | 157 ++ .../bootstrap/scss/_utilities-background.scss | 24 + .../bootstrap/scss/_utilities-responsive.scss | 49 + .../bootstrap/scss/_utilities-spacing.scss | 39 + .../sass/bootstrap/scss/_utilities.scss | 95 + .../sass/bootstrap/scss/_variables.scss | 666 +++++ .../sass/bootstrap/scss/bootstrap-flex.scss | 8 + .../sass/bootstrap/scss/bootstrap-grid.scss | 62 + .../sass/bootstrap/scss/bootstrap-reboot.scss | 10 + .../assets/sass/bootstrap/scss/bootstrap.scss | 56 + .../sass/bootstrap/scss/mixins/_alert.scss | 14 + .../scss/mixins/_background-variant.scss | 13 + .../bootstrap/scss/mixins/_border-radius.scss | 35 + .../bootstrap/scss/mixins/_breakpoints.scss | 86 + .../sass/bootstrap/scss/mixins/_buttons.scss | 100 + .../sass/bootstrap/scss/mixins/_cards.scss | 38 + .../bootstrap/scss/mixins/_center-block.scss | 7 + .../sass/bootstrap/scss/mixins/_clearfix.scss | 7 + .../sass/bootstrap/scss/mixins/_forms.scss | 89 + .../bootstrap/scss/mixins/_gradients.scss | 43 + .../scss/mixins/_grid-framework.scss | 44 + .../sass/bootstrap/scss/mixins/_grid.scss | 75 + .../sass/bootstrap/scss/mixins/_hover.scss | 59 + .../sass/bootstrap/scss/mixins/_image.scss | 34 + .../sass/bootstrap/scss/mixins/_label.scss | 11 + .../bootstrap/scss/mixins/_list-group.scss | 30 + .../sass/bootstrap/scss/mixins/_lists.scss | 7 + .../bootstrap/scss/mixins/_nav-divider.scss | 10 + .../bootstrap/scss/mixins/_navbar-align.scss | 9 + .../bootstrap/scss/mixins/_pagination.scss | 22 + .../sass/bootstrap/scss/mixins/_progress.scss | 18 + .../sass/bootstrap/scss/mixins/_pulls.scss | 6 + .../bootstrap/scss/mixins/_reset-filter.scss | 8 + .../bootstrap/scss/mixins/_reset-text.scss | 18 + .../sass/bootstrap/scss/mixins/_resize.scss | 6 + .../bootstrap/scss/mixins/_screen-reader.scss | 32 + .../sass/bootstrap/scss/mixins/_size.scss | 6 + .../bootstrap/scss/mixins/_tab-focus.scss | 9 + .../bootstrap/scss/mixins/_table-row.scss | 30 + .../bootstrap/scss/mixins/_text-emphasis.scss | 12 + .../bootstrap/scss/mixins/_text-hide.scss | 8 + .../bootstrap/scss/mixins/_text-truncate.scss | 8 + 131 files changed, 12975 insertions(+), 2 deletions(-) create mode 100644 gulpfile.js create mode 100644 package.json create mode 100644 public/css/app.css create mode 100644 public/css/app.css.map create mode 100644 resources/assets/sass/admin/main.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/_styles/_mixins.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/_styles/layout.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/_styles/misc.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/_styles/typography.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/alert/alert.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/animations/animations.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/button/button.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/card/card.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/chart/chart.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/dropdown/dropdown.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/flex/flex.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/form/form.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/images-container/images-container.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/items-list/items-list.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/logo/logo.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/modal/modal-tabs.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/navigation/navigation.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/nprogress/nprogress.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/pagination/pagination.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/scrollbar/scrollbar.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_common/table/table.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_main.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_themes/blue-theme.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_themes/custom-theme.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_themes/green-theme.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_themes/orange-theme.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_themes/purple-theme.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_themes/red-theme.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_themes/seagreen-theme.scss create mode 100644 resources/assets/sass/admin/modularAdmin/_variables.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/editor/editor.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/footer/footer.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/header/buttons/buttons.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/header/collapse/collapse.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/header/header.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/header/nav/nav.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/header/nav/notifications/notifications.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/header/nav/profile/profile.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/header/search/search.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/modals/modal-media/modal-media.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/modals/modals.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/sidebar/customize/customize.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/sidebar/header/header.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/_common/sidebar/sidebar.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/app.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/items/list/items-list.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/pages/error.scss create mode 100644 resources/assets/sass/admin/modularAdmin/app/tables/responsive-tables/responsive-tables.scss create mode 100644 resources/assets/sass/admin/modularAdmin/auth/auth.scss delete mode 100644 resources/assets/sass/app.scss create mode 100644 resources/assets/sass/bootstrap/scss/_alert.scss create mode 100644 resources/assets/sass/bootstrap/scss/_animation.scss create mode 100644 resources/assets/sass/bootstrap/scss/_breadcrumb.scss create mode 100644 resources/assets/sass/bootstrap/scss/_button-group.scss create mode 100644 resources/assets/sass/bootstrap/scss/_buttons.scss create mode 100644 resources/assets/sass/bootstrap/scss/_card.scss create mode 100644 resources/assets/sass/bootstrap/scss/_carousel.scss create mode 100644 resources/assets/sass/bootstrap/scss/_close.scss create mode 100644 resources/assets/sass/bootstrap/scss/_code.scss create mode 100644 resources/assets/sass/bootstrap/scss/_custom-forms.scss create mode 100644 resources/assets/sass/bootstrap/scss/_dropdown.scss create mode 100644 resources/assets/sass/bootstrap/scss/_forms.scss create mode 100644 resources/assets/sass/bootstrap/scss/_grid.scss create mode 100644 resources/assets/sass/bootstrap/scss/_images.scss create mode 100644 resources/assets/sass/bootstrap/scss/_input-group.scss create mode 100644 resources/assets/sass/bootstrap/scss/_jumbotron.scss create mode 100644 resources/assets/sass/bootstrap/scss/_labels.scss create mode 100644 resources/assets/sass/bootstrap/scss/_list-group.scss create mode 100644 resources/assets/sass/bootstrap/scss/_media.scss create mode 100644 resources/assets/sass/bootstrap/scss/_mixins.scss create mode 100644 resources/assets/sass/bootstrap/scss/_modal.scss create mode 100644 resources/assets/sass/bootstrap/scss/_nav.scss create mode 100644 resources/assets/sass/bootstrap/scss/_navbar.scss create mode 100644 resources/assets/sass/bootstrap/scss/_normalize.scss create mode 100644 resources/assets/sass/bootstrap/scss/_pager.scss create mode 100644 resources/assets/sass/bootstrap/scss/_pagination.scss create mode 100644 resources/assets/sass/bootstrap/scss/_popover.scss create mode 100644 resources/assets/sass/bootstrap/scss/_print.scss create mode 100644 resources/assets/sass/bootstrap/scss/_progress.scss create mode 100644 resources/assets/sass/bootstrap/scss/_reboot.scss create mode 100644 resources/assets/sass/bootstrap/scss/_responsive-embed.scss create mode 100644 resources/assets/sass/bootstrap/scss/_tables.scss create mode 100644 resources/assets/sass/bootstrap/scss/_tooltip.scss create mode 100644 resources/assets/sass/bootstrap/scss/_type.scss create mode 100644 resources/assets/sass/bootstrap/scss/_utilities-background.scss create mode 100644 resources/assets/sass/bootstrap/scss/_utilities-responsive.scss create mode 100644 resources/assets/sass/bootstrap/scss/_utilities-spacing.scss create mode 100644 resources/assets/sass/bootstrap/scss/_utilities.scss create mode 100644 resources/assets/sass/bootstrap/scss/_variables.scss create mode 100644 resources/assets/sass/bootstrap/scss/bootstrap-flex.scss create mode 100644 resources/assets/sass/bootstrap/scss/bootstrap-grid.scss create mode 100644 resources/assets/sass/bootstrap/scss/bootstrap-reboot.scss create mode 100644 resources/assets/sass/bootstrap/scss/bootstrap.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_alert.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_background-variant.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_border-radius.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_breakpoints.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_buttons.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_cards.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_center-block.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_clearfix.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_forms.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_gradients.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_grid-framework.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_grid.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_hover.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_image.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_label.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_list-group.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_lists.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_nav-divider.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_navbar-align.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_pagination.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_progress.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_pulls.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_reset-filter.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_reset-text.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_resize.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_screen-reader.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_size.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_tab-focus.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_table-row.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_text-emphasis.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_text-hide.scss create mode 100644 resources/assets/sass/bootstrap/scss/mixins/_text-truncate.scss diff --git a/.gitignore b/.gitignore index 1bfe88c9..693841c8 100644 --- a/.gitignore +++ b/.gitignore @@ -27,3 +27,4 @@ # meta information created by installer .install +/node_modules/ diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 00000000..2cddd9a3 --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,6 @@ +var elixir = require ('laravel-elixir'); + +elixir (function (mix) { + mix + .sass(['admin/main.scss']); +}); diff --git a/package.json b/package.json new file mode 100644 index 00000000..325a9b68 --- /dev/null +++ b/package.json @@ -0,0 +1,18 @@ +{ + "private": true, + "scripts": { + "prod": "gulp --production", + "dev": "gulp watch" + }, + "devDependencies": { + "bootstrap-sass": "^3.3.7", + "gulp": "^3.9.1", + "jquery": "^3.1.0", + "laravel-elixir": "^6.0.0-11", + "laravel-elixir-vue-2": "^0.2.0", + "laravel-elixir-webpack-official": "^1.0.2", + "lodash": "^4.16.2", + "vue": "^2.0.1", + "vue-resource": "^1.0.3" + } +} \ No newline at end of file diff --git a/public/css/app.css b/public/css/app.css new file mode 100644 index 00000000..964c9fe9 --- /dev/null +++ b/public/css/app.css @@ -0,0 +1,2466 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600); +/************************************************************* +* App Variables +**************************************************************/ +/************************************************************* +* Colors Definitions +**************************************************************/ +/************************************************************* +* Common Element Variables +**************************************************************/ +/* *************************************************** +* Page Specific Element Variables +****************************************************** */ +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +html, +body { + padding: 0; + margin: 0; + height: 100%; + min-height: 100%; + font-family: 'Open Sans', sans-serif; + color: #4f5f6f; + overflow-x: hidden; } + +.main-wrapper { + width: 100%; + position: absolute; + height: 100%; + overflow-y: auto; + overflow-x: hidden; } + +#ref .color-primary { + color: #85CE36; } + +#ref .chart .color-primary { + color: #85CE36; } + +#ref .chart .color-secondary { + color: #9ed85f; } + +/************************************************************* +* App Variables +**************************************************************/ +/************************************************************* +* Colors Definitions +**************************************************************/ +/************************************************************* +* Common Element Variables +**************************************************************/ +/* *************************************************** +* Page Specific Element Variables +****************************************************** */ +a:not(.btn) { + -webkit-transition: initial; + transition: initial; + text-decoration: underline; + color: #969696; } + a:not(.btn):hover { + text-decoration: underline; + color: #70b02b; } + a:not(.btn):hover:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + a:not(.btn):focus { + text-decoration: none; } + +span a { + vertical-align: text-bottom; } + +[class^='nav'] li > a, +[class*=' nav'] li > a { + display: block; } + [class^='nav'] li > a:before, + [class*=' nav'] li > a:before { + display: none; } + +.nav.nav-tabs-bordered { + border-color: #85CE36; } + .nav.nav-tabs-bordered + .tab-content { + border-style: solid; + border-width: 0 1px 1px 1px; + border-color: #85CE36; + padding: 10px 20px 0; } + .nav.nav-tabs-bordered .nav-item .nav-link { + text-decoration: none; } + .nav.nav-tabs-bordered .nav-item .nav-link:hover { + color: #ffffff; + background-color: #85CE36; + border: 1px solid #85CE36; } + .nav.nav-tabs-bordered .nav-item .nav-link.active { + border-color: #85CE36; + border-bottom-color: transparent; } + .nav.nav-tabs-bordered .nav-item .nav-link.active:hover { + background-color: #ffffff; + color: inherit; } + +.nav.nav-pills + .tab-content { + border: 0; + padding: 5px; } + +.nav.nav-pills .nav-item .nav-link { + text-decoration: none; } + .nav.nav-pills .nav-item .nav-link:hover { + color: #4f5f6f; + background-color: transparent; + border: 0; } + .nav.nav-pills .nav-item .nav-link.active { + border-color: #85CE36; + border-bottom-color: transparent; + background-color: #85CE36; } + .nav.nav-pills .nav-item .nav-link.active:hover { + background-color: #85CE36; + color: #ffffff; } + +.animated { + -webkit-animation-duration: .5s; + animation-duration: .5s; + -webkit-animation-delay: .1s; + animation-delay: .1s; } + +.btn { + background-image: none; + border-radius: 0; + margin-bottom: 5px; } + .btn.btn-primary { + color: #ffffff; + background-color: #85CE36; + border-color: #85CE36; } + .btn.btn-primary:hover { + color: #ffffff; + background-color: #6ba829; + border-color: #66a027; } + .btn.btn-primary:focus, .btn.btn-primary.focus { + color: #ffffff; + background-color: #6ba829; + border-color: #66a027; } + .btn.btn-primary:active, .btn.btn-primary.active, + .open > .btn.btn-primary.dropdown-toggle { + color: #ffffff; + background-color: #6ba829; + border-color: #66a027; + background-image: none; } + .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, + .open > .btn.btn-primary.dropdown-toggle:hover, + .open > .btn.btn-primary.dropdown-toggle:focus, + .open > .btn.btn-primary.dropdown-toggle.focus { + color: #ffffff; + background-color: #598b22; + border-color: #446b1a; } + .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus { + background-color: #85CE36; + border-color: #85CE36; } + .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover { + background-color: #85CE36; + border-color: #85CE36; } + .btn.btn-secondary { + color: #4f5f6f; + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary:hover { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:focus, .btn.btn-secondary.focus { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; } + .btn.btn-secondary:active, .btn.btn-secondary.active, + .open > .btn.btn-secondary.dropdown-toggle { + color: #4f5f6f; + background-color: #e6e6e6; + border-color: #b2becb; + background-image: none; } + .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, + .open > .btn.btn-secondary.dropdown-toggle:hover, + .open > .btn.btn-secondary.dropdown-toggle:focus, + .open > .btn.btn-secondary.dropdown-toggle.focus { + color: #4f5f6f; + background-color: #d4d4d4; + border-color: #8b9cb1; } + .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover { + background-color: #fff; + border-color: #d7dde4; } + .btn.btn-success { + color: #ffffff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success:hover { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:focus, .btn.btn-success.focus { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; } + .btn.btn-success:active, .btn.btn-success.active, + .open > .btn.btn-success.dropdown-toggle { + color: #ffffff; + background-color: #31b680; + border-color: #2eae7a; + background-image: none; } + .btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus, + .open > .btn.btn-success.dropdown-toggle:hover, + .open > .btn.btn-success.dropdown-toggle:focus, + .open > .btn.btn-success.dropdown-toggle.focus { + color: #ffffff; + background-color: #299a6c; + border-color: #217a55; } + .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover { + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-info { + color: #ffffff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info:hover { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:focus, .btn.btn-info.focus { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; } + .btn.btn-info:active, .btn.btn-info.active, + .open > .btn.btn-info.dropdown-toggle { + color: #ffffff; + background-color: #46c5f2; + border-color: #3dc2f1; + background-image: none; } + .btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus, + .open > .btn.btn-info.dropdown-toggle:hover, + .open > .btn.btn-info.dropdown-toggle:focus, + .open > .btn.btn-info.dropdown-toggle.focus { + color: #ffffff; + background-color: #25bbef; + border-color: #10a7db; } + .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover { + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-warning { + color: #ffffff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning:hover { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:focus, .btn.btn-warning.focus { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; } + .btn.btn-warning:active, .btn.btn-warning.active, + .open > .btn.btn-warning.dropdown-toggle { + color: #ffffff; + background-color: #fe7a18; + border-color: #fe740e; + background-image: none; } + .btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus, + .open > .btn.btn-warning.dropdown-toggle:hover, + .open > .btn.btn-warning.dropdown-toggle:focus, + .open > .btn.btn-warning.dropdown-toggle.focus { + color: #ffffff; + background-color: #f16701; + border-color: #c85601; } + .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover { + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-danger { + color: #ffffff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger:hover { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:focus, .btn.btn-danger.focus { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; } + .btn.btn-danger:active, .btn.btn-danger.active, + .open > .btn.btn-danger.dropdown-toggle { + color: #ffffff; + background-color: #ff1111; + border-color: #ff0707; + background-image: none; } + .btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus, + .open > .btn.btn-danger.dropdown-toggle:hover, + .open > .btn.btn-danger.dropdown-toggle:focus, + .open > .btn.btn-danger.dropdown-toggle.focus { + color: #ffffff; + background-color: #ec0000; + border-color: #c40000; } + .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover { + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-primary-outline { + color: #85CE36; + background-image: none; + background-color: transparent; + border-color: #85CE36; } + .btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus, .btn.btn-primary-outline:active, .btn.btn-primary-outline.active, + .open > .btn.btn-primary-outline.dropdown-toggle { + color: #fff; + background-color: #85CE36; + border-color: #85CE36; } + .btn.btn-primary-outline:hover { + color: #fff; + background-color: #85CE36; + border-color: #85CE36; } + .btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline:disabled:focus, .btn.btn-primary-outline:disabled.focus { + border-color: #b7e288; } + .btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline:disabled:hover { + border-color: #b7e288; } + .btn.btn-secondary-outline { + color: #d7dde4; + background-image: none; + background-color: transparent; + border-color: #d7dde4; } + .btn.btn-secondary-outline:focus, .btn.btn-secondary-outline.focus, .btn.btn-secondary-outline:active, .btn.btn-secondary-outline.active, + .open > .btn.btn-secondary-outline.dropdown-toggle { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline:hover { + color: #fff; + background-color: #d7dde4; + border-color: #d7dde4; } + .btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline:disabled:focus, .btn.btn-secondary-outline:disabled.focus { + border-color: white; } + .btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline:disabled:hover { + border-color: white; } + .btn.btn-info-outline { + color: #76D4F5; + background-image: none; + background-color: transparent; + border-color: #76D4F5; } + .btn.btn-info-outline:focus, .btn.btn-info-outline.focus, .btn.btn-info-outline:active, .btn.btn-info-outline.active, + .open > .btn.btn-info-outline.dropdown-toggle { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline:hover { + color: #fff; + background-color: #76D4F5; + border-color: #76D4F5; } + .btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline:disabled:focus, .btn.btn-info-outline:disabled.focus { + border-color: #d5f2fc; } + .btn.btn-info-outline.disabled:hover, .btn.btn-info-outline:disabled:hover { + border-color: #d5f2fc; } + .btn.btn-success-outline { + color: #4bcf99; + background-image: none; + background-color: transparent; + border-color: #4bcf99; } + .btn.btn-success-outline:focus, .btn.btn-success-outline.focus, .btn.btn-success-outline:active, .btn.btn-success-outline.active, + .open > .btn.btn-success-outline.dropdown-toggle { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline:hover { + color: #fff; + background-color: #4bcf99; + border-color: #4bcf99; } + .btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline:disabled:focus, .btn.btn-success-outline:disabled.focus { + border-color: #9ce4c7; } + .btn.btn-success-outline.disabled:hover, .btn.btn-success-outline:disabled:hover { + border-color: #9ce4c7; } + .btn.btn-warning-outline { + color: #fe974b; + background-image: none; + background-color: transparent; + border-color: #fe974b; } + .btn.btn-warning-outline:focus, .btn.btn-warning-outline.focus, .btn.btn-warning-outline:active, .btn.btn-warning-outline.active, + .open > .btn.btn-warning-outline.dropdown-toggle { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline:hover { + color: #fff; + background-color: #fe974b; + border-color: #fe974b; } + .btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline:disabled:focus, .btn.btn-warning-outline:disabled.focus { + border-color: #ffd2b0; } + .btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline:disabled:hover { + border-color: #ffd2b0; } + .btn.btn-danger-outline { + color: #FF4444; + background-image: none; + background-color: transparent; + border-color: #FF4444; } + .btn.btn-danger-outline:focus, .btn.btn-danger-outline.focus, .btn.btn-danger-outline:active, .btn.btn-danger-outline.active, + .open > .btn.btn-danger-outline.dropdown-toggle { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline:hover { + color: #fff; + background-color: #FF4444; + border-color: #FF4444; } + .btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline:disabled:focus, .btn.btn-danger-outline:disabled.focus { + border-color: #ffaaaa; } + .btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline:disabled:hover { + border-color: #ffaaaa; } + .btn.btn-pill-left:focus, .btn.btn-pill-right:focus, .btn.btn-oval:focus { + outline: none; + outline-offset: initial; } + .btn.btn-pill-left { + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; } + .btn.btn-pill-right { + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; } + .btn.btn-oval { + border-radius: 25px; } + .btn.btn-link { + text-decoration: none; } + .btn strong { + font-weight: 600; } + +.btn-group .dropdown-menu > li:last-child a:hover:before { + height: 0px; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.title { + font-size: 1.45rem; + font-weight: 600; + margin-bottom: 0; } + .title.l { + font-size: 1.6rem; } + .title.s { + font-size: 1.4rem; } + .card .title { + font-size: 1.1rem; + color: #4f5f6f; } + +.title-description { + margin: 0; + font-size: 0.9rem; + font-weight: normal; + color: #7e8e9f; } + .title-description.s { + font-size: 0.8rem; } + @media (max-width: 767px) { + .title-description { + display: none; } } + +.subtitle { + font-size: 1.2rem; + margin: 0; + color: #7e8e9f; } + +.text-primary { + color: #85CE36; } + +.text-muted { + color: #9ba8b5; } + +pre { + padding: 0; + border: none; + background: none; } + +/***************************************** +* Background-image: cover mixin +******************************************/ +/***************************************** +* Media Query Mixins +******************************************/ +.underline-animation { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: #85CE36; + content: ''; + -webkit-transition: all 0.2s; + transition: all 0.2s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + +.stat-chart { + border-radius: 50%; } + +.stat { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + margin-right: 10px; } + .stat .value { + font-size: 20px; + line-height: 24px; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; } + .stat .name { + overflow: hidden; + text-overflow: ellipsis; } + .stat.lg .value { + font-size: 26px; + line-height: 28px; } + .stat.lg .name { + font-size: 16px; } + +.list-icon [class^='col'] { + cursor: pointer; } + .list-icon [class^='col'] em { + font-size: 14px; + width: 40px; + vertical-align: middle; + margin: 0; + display: inline-block; + text-align: center; + -webkit-transition: all 1s; + transition: all 1s; + line-height: 30px; } + .list-icon [class^='col']:hover em { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); } + +.well { + background-image: none; + background-color: #fff; } + +.jumbotron { + background-image: none; + background-color: #fff; + padding: 15px 30px; } + .jumbotron.jumbotron-fluid { + padding-left: 0; + padding-right: 0; } + +.rounded { + border-radius: 0.25rem; } + +.rounded-l { + border-radius: 0.3rem; } + +.rounded-s { + border-radius: 0.2rem; } + +.jqstooltip { + height: 25px !important; + width: auto !important; + border-radius: 0.2rem; } + +.row .col { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + float: left; } + +.row-sm { + margin-left: -10px; + margin-right: -10px; } + .row-sm [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.title-block { + padding-bottom: 15px; + margin-bottom: 30px; + border-bottom: 1px solid #d7dde4; } + .title-block::after { + content: ""; + display: table; + clear: both; } + @media (max-width: 767px) { + .title-block { + margin-bottom: 20px; } } + +.subtitle-block { + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px dashed #e0e5ea; } + +.section { + display: block; + margin-bottom: 15px; } + @media (min-width: 1200px) { + .section { + margin-bottom: 25px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .section { + margin-bottom: 20px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .section { + margin-bottom: 15px; } } + @media (max-width: 767px) { + .section { + margin-bottom: 10px; } } + .section:last-of-type { + margin-bottom: 0; } + +.box-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #ddd; + background: #fafafa; + color: #444; + cursor: pointer; } + +.easy-pie-chart { + width: 50px; + height: 50px; + display: inline-block; + background-color: #d7dde4; + border-radius: 5px; } + +input, +textarea { + outline: none; } + +.form-group .row { + margin-left: -10px; + margin-right: -10px; } + .form-group .row [class^='col'] { + padding-left: 10px; + padding-right: 10px; } + +.form-group.has-error span.has-error { + color: #FF4444; + font-size: 13px; + display: block !important; } + +.form-group.has-error .form-control-feedback { + color: #FF4444; } + +.form-group.has-warning span.has-warning { + color: #fe974b; + font-size: 13px; + display: block !important; } + +.form-group.has-warning .form-control-feedback { + color: #fe974b; } + +.form-group.has-success span.has-success { + color: #4bcf99; + font-size: 13px; + display: block !important; } + +.form-group.has-success .form-control-feedback { + color: #4bcf99; } + +/* Input groups */ +.input-group { + margin-bottom: 10px; } + .input-group .form-control { + padding-left: 5px; } + .input-group span.input-group-addon { + font-style: italic; + border: none; + border-radius: 0; + border: none; + background-color: #d7dde4; + -webkit-transition: background-color ease-in-out 15s, color ease-in-out .15s; + transition: background-color ease-in-out 15s, color ease-in-out .15s; } + .input-group span.input-group-addon.focus { + background-color: #85CE36; + color: #ffffff; } + +label, +.control-label { + font-weight: 600; } + +.form-control.underlined { + padding-left: 0; + padding-right: 0; + border-radius: 0; + border: none; + border-radius: 0; + box-shadow: none; + border-bottom: 1px solid #d7dde4; } + .form-control.underlined.indented { + padding: .375rem .75rem; } + .has-error .form-control.underlined:focus, + .has-warning .form-control.underlined:focus, + .has-success .form-control.underlined:focus, .form-control.underlined:focus { + border: none; + box-shadow: none; + border-bottom: 1px solid #85CE36; } + .has-error .form-control.underlined { + box-shadow: none; + border-color: #FF4444; } + .has-warning .form-control.underlined { + box-shadow: none; + border-color: #fe974b; } + .has-success .form-control.underlined { + box-shadow: none; + border-color: #4bcf99; } + +.form-control.boxed { + border-radius: 0; + box-shadow: none; } + .form-control.boxed:focus { + border: 1px solid #85CE36; } + +.radio, +.checkbox { + display: none; } + .radio + span, + .checkbox + span { + padding: 0; + padding-right: 10px; } + .radio + span:before, + .checkbox + span:before { + font-family: FontAwesome; + font-size: 21px; + display: inline-block; + vertical-align: middle; + letter-spacing: 10px; + color: #c8d0da; } + .radio:checked + span:before, + .checkbox:checked + span:before { + color: #85CE36; } + .radio:disabled + span:before, + .checkbox:disabled + span:before { + opacity: 0.5; + cursor: not-allowed; } + .radio:checked:disabled + span:before, + .checkbox:checked:disabled + span:before { + color: #c8d0da; } + +.checkbox + span:before { + content: "\f0c8"; } + +.checkbox:checked + span:before { + content: "\f14a"; } + +.checkbox.rounded + span:before { + content: "\f111"; } + +.checkbox.rounded:checked + span:before { + content: "\f058"; } + +.radio + span:before { + content: "\f111"; } + +.radio:checked + span:before { + content: "\f192"; } + +.radio.squared + span:before { + content: "\f0c8"; } + +.radio.squared:checked + span:before { + content: "\f14a"; } + +.form-control::-webkit-input-placeholder { + font-style: italic; + color: #c8d0da; } + +.form-control:-moz-placeholder { + /* Firefox 18- */ + font-style: italic; + color: #d7dde4; } + +.form-control::-moz-placeholder { + /* Firefox 19+ */ + font-style: italic; + color: #d7dde4; } + +.form-control:-ms-input-placeholder { + font-style: italic; + color: #d7dde4; } + +.images-container::after { + content: ""; + display: table; + clear: both; } + +.images-container .image-container { + float: left; + padding: 3px; + margin-right: 10px; + margin-bottom: 35px; + position: relative; + border: 1px solid #e6eaee; + overflow: hidden; } + .images-container .image-container.active { + border-color: #85CE36; } + .images-container .image-container:hover .controls { + bottom: 0; + opacity: 1; } + +.images-container .controls { + position: absolute; + left: 0; + right: 0; + opacity: 0; + bottom: -35px; + text-align: center; + height: 35px; + font-size: 24px; + -webkit-transition: bottom 0.2s ease, opacity 0.2s ease; + transition: bottom 0.2s ease, opacity 0.2s ease; + background-color: #fff; } + .images-container .controls::after { + content: ""; + display: table; + clear: both; } + .images-container .controls .control-btn { + display: inline-block; + color: #4f5f6f; + cursor: pointer; + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + opacity: 0.5; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } + .images-container .controls .control-btn:hover { + opacity: 1; } + .images-container .controls .control-btn.move { + cursor: move; } + .images-container .controls .control-btn.star { + color: #FFB300; } + .images-container .controls .control-btn.star i:before { + content: "\f006"; } + .images-container .controls .control-btn.star.active i:before { + content: "\f005"; } + .images-container .controls .control-btn.remove { + color: #FF4444; } + +.images-container .image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 130px; + height: 135px; + line-height: 135px; + text-align: center; } + +.images-container .image-container.main { + border-color: #FFB300; } + +.images-container .image-container.new { + opacity: 0.6; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-style: dashed; + border: 1px #85CE36 solid; + color: #85CE36; } + .images-container .image-container.new .image { + font-size: 2.5rem; } + .images-container .image-container.new:hover { + opacity: 1; } + +.alert { + background-image: none; } + .alert.alert-primary { + background-color: #85CE36; + border-color: #85CE36; + color: #ffffff; } + .alert.alert-primary hr { + border-top-color: #78bd2e; } + .alert.alert-primary .alert-link { + color: #e6e6e6; } + .alert.alert-success { + background-color: #4bcf99; + border-color: #4bcf99; + color: #ffffff; } + .alert.alert-success hr { + border-top-color: #37ca8e; } + .alert.alert-success .alert-link { + color: #e6e6e6; } + .alert.alert-info { + background-color: #76D4F5; + border-color: #76D4F5; + color: #ffffff; } + .alert.alert-info hr { + border-top-color: #5ecdf3; } + .alert.alert-info .alert-link { + color: #e6e6e6; } + .alert.alert-warning { + background-color: #fe974b; + border-color: #fe974b; + color: #ffffff; } + .alert.alert-warning hr { + border-top-color: #fe8832; } + .alert.alert-warning .alert-link { + color: #e6e6e6; } + .alert.alert-danger { + background-color: #FF4444; + border-color: #FF4444; + color: #ffffff; } + .alert.alert-danger hr { + border-top-color: #ff2b2b; } + .alert.alert-danger .alert-link { + color: #e6e6e6; } + .alert.alert-inverse { + background-color: #131e26; + border-color: #131e26; + color: #ffffff; } + .alert.alert-inverse hr { + border-top-color: #0b1115; } + .alert.alert-inverse .alert-link { + color: #e6e6e6; } + +.dropdown-menu { + float: left; + box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1); + border: 1px solid rgba(126, 142, 159, 0.1); + border-top-left-radius: 0; + border-top-right-radius: 0; } + .dropdown-menu .dropdown-item { + display: block; + padding: 0px 15px; + clear: both; + font-weight: normal; + color: #4f5f6f; + white-space: nowrap; + -webkit-transition: none; + transition: none; } + .dropdown-menu .dropdown-item i { + margin-right: 2px; } + .dropdown-menu .dropdown-item:hover { + color: #85CE36 !important; + background: none; + background-color: whitesmoke; } + +.flex-row { + display: -webkit-box; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-direction: row; } + +.flex-col { + display: -webkit-box; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; } + +.centralize-y { + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; } + +#nprogress .bar { + background: #85CE36 !important; } + #nprogress .bar .peg { + box-shadow: 0 0 10px #85CE36, 0 0 5px #85CE36; } + +#nprogress .spinner { + top: 25px !important; + right: 23px !important; } + #nprogress .spinner .spinner-icon { + border-top-color: #85CE36 !important; + border-left-color: #85CE36 !important; } + +.pagination { + margin-top: 0; } + .pagination .page-item .page-link { + color: #85CE36; } + .pagination .page-item.active .page-link, + .pagination .page-item.active .page-link:focus, + .pagination .page-item.active .page-link:hover { + color: #fff; + border-color: #85CE36; + background-color: #85CE36; } + +/* ******************************************* +* Item List general styles +********************************************** */ +.item-list { + list-style: none; + padding: 0; + margin: 0; + margin-bottom: 0; + line-height: 1.4rem; + display: -webkit-box; + display: flex; + flex-flow: column nowrap; } + +@media (min-width: 992px) and (max-width: 1199px) { + .item-list { + font-size: 1rem; } } + +@media (min-width: 768px) and (max-width: 991px) { + .item-list { + font-size: 0.95rem; } } + @media (max-width: 767px) { + .item-list { + font-size: 1.05rem; } } + .item-list.striped > li { + border-bottom: 1px solid #e9edf0; } + .item-list.striped > li:nth-child(2n + 1) { + background-color: #fcfcfd; } + @media (max-width: 767px) { + .item-list.striped > li:nth-child(2n + 1) { + background-color: #f8f9fb; } } + .item-list.striped .item-list-footer { + border-bottom: none; } + +/* ******************************************* +* Item general styles +********************************************** */ +.item-list .item { + display: -webkit-box; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; } + +.item-list .item-row { + display: -webkit-box; + display: flex; + -webkit-box-align: stretch; + align-items: stretch; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-direction: row; + -webkit-box-pack: justify; + justify-content: space-between; + flex-wrap: wrap; + min-width: 100%; } + .item-list .item-row.nowrap { + flex-wrap: nowrap; } + +.item-list .item-col { + -webkit-box-align: center; + align-items: center; + display: -webkit-box; + display: flex; + padding: 10px 10px 10px 0; + flex-basis: 0; + -webkit-box-flex: 3; + flex-grow: 3; + flex-shrink: 3; + margin-left: auto; + margin-right: auto; + min-width: 0; } + .item-list .item-col.fixed { + -webkit-box-flex: 0; + flex-grow: 0; + flex-shrink: 0; + flex-basis: auto; } + .item-list .item-col.pull-left { + margin-right: auto; } + .item-list .item-col.pull-right { + margin-left: auto; } + .item-list .item-col > div { + width: 100%; } + .item-list .item-col:last-child { + padding-right: 0; } + +.item-list .no-overflow { + overflow: hidden; } + +.item-list .no-wrap { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +/* ******************************************* +* Item components +********************************************** */ +.item-list { + /******************************************** + * Header + *********************************************/ + /******************************************** + * Heading + *********************************************/ + /******************************************** + * Checkbox + *********************************************/ + /******************************************** + * Image + *********************************************/ + /******************************************** + * Title + *********************************************/ + /******************************************** + * Stats + *********************************************/ + /******************************************** + * Actions + *********************************************/ + /******************************************** + * Something else? + *********************************************/ } + .item-list .item-list-header .item-col.item-col-header span { + color: #999; + font-size: 0.8rem; + font-weight: 700 !important; } + .item-list .item-heading { + font-size: 0.9rem; + display: none; + color: #666; + font-weight: 700; + padding-right: 10px; } + @media (max-width: 767px) { + .item-list .item-heading { + display: block; } } + +@media (min-width: 544px) and (max-width: 767px) { + .item-list .item-heading { + width: 100%; } } + @media (max-width: 543px) { + .item-list .item-heading { + width: 40%; } } + .item-list .item-col.item-col-check { + flex-basis: 30px; } + @media (max-width: 767px) { + .item-list .item-col.item-col-check { + -webkit-box-ordinal-group: -7; + order: -8; } } + .item-list .item-check { + margin-bottom: 0; } + .item-list .item-check .checkbox + span { + padding-right: 0; } + .item-list .item-check .checkbox + span:before { + width: 20px; } + .item-list .item-col.item-col-img { + display: -webkit-box; + display: flex; + flex-basis: 70px; } + .item-list .item-col.item-col-img.xs { + flex-basis: 40px; } + .item-list .item-col.item-col-img.sm { + flex-basis: 50px; } + .item-list .item-col.item-col-img.lg { + flex-basis: 100px; } + .item-list .item-col.item-col-img.xl { + flex-basis: 120px; } + .item-list .item-col.item-col-img a { + width: 100%; } + .item-list .item-img { + -webkit-box-flex: 1; + flex-grow: 1; + -ms-grid-row-align: stretch; + align-self: stretch; + background-color: #efefef; + padding-bottom: 100%; + width: 100%; + height: 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + @media (max-width: 767px) { + .item-list .item-col.item-col-title { + -webkit-box-ordinal-group: -3; + order: -4; } } + .item-list .item-col.item-col-title a { + display: block; } + .item-list .item-title { + margin: 0; + font-size: inherit; + line-height: inherit; + font-weight: 600; } + .item-list .item-stats { + height: 1.4rem; } + .item-list .item-col.item-col-actions-dropdown { + flex-basis: 40px; + text-align: center; + padding-left: 0 !important; } + @media (max-width: 767px) { + .item-list .item-col.item-col-actions-dropdown { + -webkit-box-ordinal-group: -2; + order: -3; + flex-basis: 40px !important; + padding-right: 10px; } } + .item-list .item-actions-dropdown { + position: relative; + font-size: 1.1rem; } + .item-list .item-actions-dropdown.active .item-actions-block { + max-width: 120px; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn { + color: #85CE36; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .active { + display: block; } + .item-list .item-actions-dropdown.active .item-actions-toggle-btn .inactive { + display: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn { + color: #9ba8b5; + font-size: 1.2rem; + cursor: pointer; + width: 100%; + line-height: 30px; + text-align: center; + text-decoration: none; } + .item-list .item-actions-dropdown .item-actions-toggle-btn .active { + display: none; } + .item-list .item-actions-dropdown .item-actions-block { + height: 30px; + max-width: 0px; + line-height: 30px; + overflow: hidden; + position: absolute; + top: 0; + right: 100%; + background-color: #d7dde4; + border-radius: 3px; + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } + .item-list .item-actions-dropdown .item-actions-block.direction-right { + right: auto; + left: 100%; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list { + padding: 0; + list-style: none; + white-space: nowrap; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list li { + display: inline-block; + padding: 0; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a { + display: block; + padding: 0 5px; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.edit { + color: #38424C; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.check { + color: #40B726; } + .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.remove { + color: #DB0E1E; } + +/* ******************************************* +* Adjustments +********************************************** */ +.card > .item-list .item > .item-row { + padding: 0 15px; } + @media (min-width: 1200px) { + .card > .item-list .item > .item-row { + padding: 0 20px; } } + @media (max-width: 767px) { + .card > .item-list .item > .item-row { + padding: 0 10px; } } + +.table label { + margin-bottom: 0; } + +.table .checkbox + span { + margin-bottom: 0; } + .table .checkbox + span:before { + line-height: 20px; } + +.modal-body.modal-tab-container { + padding: 0; } + .modal-body.modal-tab-container .modal-tabs { + padding-left: 0; + margin-bottom: 0; + list-style: none; + background-color: #ffffff; + border-bottom: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } + .modal-body.modal-tab-container .modal-tabs .nav-link { + padding: 10px 20px; + border: none; } + .modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active { + color: #85CE36; + border-bottom: 2px solid #85CE36; } + .modal-body.modal-tab-container .modal-tabs .nav-link.active { + font-weight: 600; } + +.card { + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); + margin-bottom: 10px; + border-radius: 0; + border: none; } + .card .card { + box-shadow: none; } + .card .card-header { + background-image: none; + background-color: #ffffff; + -webkit-box-align: center; + align-items: center; + display: -webkit-box; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-direction: row; + padding: 0; + border-radius: 0; + min-height: 50px; + border: none; } + .card .card-header::after { + content: ""; + display: table; + clear: both; } + .card .card-header.bordered { + border-bottom: 1px solid #d7dde4; } + .card .card-header.card-header-sm { + min-height: 40px; } + .card .card-header > span { + vertical-align: middle; } + .card .card-header .pull-right { + margin-left: auto; } + .card .card-header .header-block { + padding: 0.5rem 15px; } + @media (min-width: 1200px) { + .card .card-header .header-block { + padding: 0.5rem 20px; } } + @media (max-width: 767px) { + .card .card-header .header-block { + padding: 0.5rem 10px; } } + .card .card-header .title { + color: #4f5f6f; + display: -webkit-inline-box; + display: inline-flex; } + .card .card-header .btn { + margin: 0; } + .card .card-header .nav-tabs { + border-color: transparent; + align-self: stretch; + display: -webkit-box; + display: flex; + position: relative; + top: 1px; } + .card .card-header .nav-tabs .nav-item { + margin-left: 0; + display: -webkit-box; + display: flex; + align-self: stretch; } + .card .card-header .nav-tabs .nav-item .nav-link { + display: -webkit-box; + display: flex; + align-self: stretch; + -webkit-box-align: center; + align-items: center; + color: #4f5f6f; + opacity: 0.7; + padding-left: 10px; + padding-right: 10px; + border-radius: 0; + font-size: 14px; + border-top-width: 2px; + border-bottom: 1px solid #d7dde4; + text-decoration: none; } + .card .card-header .nav-tabs .nav-item .nav-link.active { + border-top-color: #85CE36; + border-bottom-color: transparent; + opacity: 1; } + .card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus { + opacity: 1; + background-color: #ffffff; + border-color: #d7dde4 #d7dde4 transparent; + border-top-color: #85CE36; } + .card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus { + opacity: 1; + background-color: transparent; + border-color: transparent; } + .card.card-default > .card-header { + background-color: #fff; + color: inherit; } + .card.card-primary { + border-color: #85CE36; } + .card.card-primary > .card-header { + background-color: #85CE36; + border-color: #85CE36; } + .card.card-success > .card-header { + background-color: #4bcf99; } + .card.card-info > .card-header { + background-color: #76D4F5; } + .card.card-warning > .card-header { + background-color: #fe974b; } + .card.card-danger > .card-header { + background-color: #FF4444; } + .card.card-inverse > .card-header { + background-color: #131e26; } + .card .title-block, + .card .card-title-block { + padding-bottom: 0; + margin-bottom: 20px; + border: none; } + .card .title-block::after, + .card .card-title-block::after { + content: ""; + display: table; + clear: both; } + .card .section { + margin-bottom: 20px; } + .card .example, + .card .section.demo { + margin-bottom: 20px; } + +.card-block { + padding: 15px; } + .card-block .tab-content { + padding: 0; + border-color: transparent; } + @media (min-width: 1200px) { + .card-block { + padding: 20px; } } + @media (max-width: 767px) { + .card-block { + padding: 10px; } } + +.card-footer { + background-color: #fafafa; } + +.logo { + display: inline-block; + width: 45px; + height: 25px; + vertical-align: middle; + margin-right: 5px; + position: relative; } + .logo .l { + width: 11px; + height: 11px; + border-radius: 50%; + background-color: #85CE36; + position: absolute; } + .logo .l.l1 { + bottom: 0; + left: 0; } + .logo .l.l2 { + width: 7px; + height: 7px; + bottom: 13px; + left: 10px; } + .logo .l.l3 { + width: 7px; + height: 7px; + bottom: 4px; + left: 17px; } + .logo .l.l4 { + bottom: 13px; + left: 25px; } + .logo .l.l5 { + bottom: 0; + left: 34px; } + +/* Let's get this party started */ +::-webkit-scrollbar { + width: 7px; + height: 7px; } + +/* Track */ +::-webkit-scrollbar-track { + border-radius: 0; } + +/* Handle */ +::-webkit-scrollbar-thumb { + border-radius: 0; + background: #78bd2e; } + +::-webkit-scrollbar-thumb:window-inactive { + background: #85CE36; } + +.error-card { + width: 410px; + min-height: 330px; + margin: 60px auto; } + .error-card .error-title { + font-size: 150px; + line-height: 150px; + font-weight: 700; + color: #252932; + text-align: center; + text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; } + .error-card .error-sub-title { + font-weight: 100; + text-align: center; } + .error-card .error-container { + text-align: center; + visibility: hidden; } + .error-card .error-container.visible { + visibility: visible; } + .error-card.global { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); + margin: 0; } + .error-card.global .error-title { + color: #ffffff; } + .error-card.global .error-sub-title, + .error-card.global .error-container { + color: #ffffff; } + +@media (min-width: 768px) and (max-width: 991px) { + .error-card { + width: 50%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +@media (max-width: 767px) { + .error-card { + width: 90%; } + .error-card.global { + position: relative; + top: 25%; + left: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 40px auto; } } + +.table-flip-scroll table { + width: 100%; } + +@media only screen and (max-width: 800px) { + .table-flip-scroll .flip-content:after, + .table-flip-scroll .flip-header:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; } + .table-flip-scroll html .flip-content, + .table-flip-scroll html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll *:first-child + html .flip-content, + .table-flip-scroll *:first-child + html .flip-header { + -ms-zoom: 1; + zoom: 1; } + .table-flip-scroll table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative; } + .table-flip-scroll th, + .table-flip-scroll td { + margin: 0; + vertical-align: top; } + .table-flip-scroll th:last-child, + .table-flip-scroll td:last-child { + border-bottom: 1px solid #ddd; } + .table-flip-scroll th { + border: 0 !important; + border-right: 1px solid #ddd !important; + width: auto !important; + display: block; + text-align: right; } + .table-flip-scroll td { + display: block; + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; } + .table-flip-scroll thead { + display: block; + float: left; } + .table-flip-scroll thead tr { + display: block; } + .table-flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; } + .table-flip-scroll tbody tr { + display: inline-block; + vertical-align: top; + margin-left: -5px; + border-left: 1px solid #ddd; } } + +.sidebar-header .brand { + color: #fff; + text-align: left; + padding-left: 25px; + line-height: 70px; + font-size: 16px; } + @media (max-width: 767px) { + .sidebar-header .brand { + line-height: 50px; + font-size: 16px; } } + +.sidebar { + background-color: #3a4651; + width: 230px; + padding-bottom: 60px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 20; } + @media (max-width: 991px) { + .sidebar { + position: fixed; + left: -230px; } } + .sidebar-fixed .sidebar { + position: fixed; } + .sidebar-open .sidebar { + left: 0; } + .sidebar .sidebar-container { + position: absolute; + top: 0; + bottom: 51px; + width: 100%; + left: 0; + overflow-y: auto; + overflow-x: hidden; } + .sidebar .sidebar-container::-webkit-scrollbar-track { + background-color: #2c353e; } + .sidebar .nav { + font-size: 14px; } + .sidebar .nav li a:focus, + .open .sidebar .nav li a:focus { + background-color: inherit; } + .sidebar .nav ul { + padding: 0; + height: 0px; + overflow: hidden; } + .loaded .sidebar .nav ul { + height: auto; } + .sidebar .nav li.active ul { + height: auto; } + .sidebar .nav li a { + color: rgba(255, 255, 255, 0.5); + text-decoration: none; } + .sidebar .nav li a:hover, + .sidebar .nav li.open > a, + .sidebar .nav li.open a:hover { + color: #ffffff; + background-color: #2d363f; } + .sidebar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + padding-left: 20px; + padding-right: 10px; } + .sidebar .nav > li.active > a, + .sidebar .nav > li.active > a:hover { + background-color: #85CE36 !important; + color: #ffffff !important; } + .sidebar .nav > li.open > a { + background-color: #333e48; } + .sidebar .nav > li.open > a i.arrow { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + .sidebar .nav > li > a i { + margin-right: 5px; + font-size: 16px; } + .sidebar .nav > li > a i.arrow { + float: right; + font-size: 20px; + line-height: initial; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .sidebar .nav > li > a i.arrow:before { + content: "\f105" !important; } + .sidebar .nav > li > ul > li a { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 50px; + background-color: #333e48; } + .sidebar .nav > li > ul > li.active a { + color: #ffffff; } + +.sidebar-overlay { + position: absolute; + display: none; + left: 200vw; + right: 0; + top: 0; + bottom: 0; + z-index: 5; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + z-index: 15; } + @media (max-width: 991px) { + .sidebar-overlay { + display: block; } } + @media (max-width: 767px) { + .sidebar-overlay { + background-color: rgba(0, 0, 0, 0.7); } } + @media (max-width: 991px) { + .sidebar-open .sidebar-overlay { + left: 0; + opacity: 1; } } + +.customize { + width: 100%; + color: rgba(255, 255, 255, 0.5); + padding: 5px 15px; + text-align: center; } + .customize .customize-header { + margin-bottom: 10px; } + +#customize-menu { + position: fixed; + bottom: 0; + left: 0; + width: 230px; } + @media (max-width: 991px) { + .sidebar-open #customize-menu { + left: 0; } } + @media (max-width: 991px) { + #customize-menu { + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + left: -230px; } } + #customize-menu > li > a { + background-color: #3a4651; + border-top: 1px solid rgba(45, 54, 63, 0.5); } + #customize-menu > li > a:hover, + #customize-menu > li.open > a { + background-color: #2d363f; } + #customize-menu .customize { + width: 230px; + color: rgba(255, 255, 255, 0.5); + background-color: #2d363f; + text-align: center; + padding: 10px 15px; + border-top: 2px solid #85CE36; } + #customize-menu .customize .customize-item { + margin-bottom: 15px; } + #customize-menu .customize .customize-item .customize-header { + margin-bottom: 10px; } + #customize-menu .customize .customize-item label { + font-weight: 400; } + #customize-menu .customize .customize-item label.title { + font-size: 14px; } + #customize-menu .customize .customize-item .radio + span { + padding: 0; + padding-left: 5px; } + #customize-menu .customize .customize-item .radio + span:before { + font-size: 17px; + color: #546273; + cursor: pointer; } + #customize-menu .customize .customize-item .radio:checked + span:before { + color: #85CE36; } + #customize-menu .customize .customize-item .customize-colors { + list-style: none; } + #customize-menu .customize .customize-item .customize-colors li { + display: inline-block; + margin-left: 5px; + margin-right: 5px; } + #customize-menu .customize .customize-item .customize-colors li .color-item { + display: block; + height: 20px; + width: 20px; + border: 1px solid; + cursor: pointer; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-red { + background-color: #FB494D; + border-color: #FB494D; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-orange { + background-color: #FE7A0E; + border-color: #FE7A0E; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-green { + background-color: #8CDE33; + border-color: #8CDE33; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-seagreen { + background-color: #4bcf99; + border-color: #4bcf99; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-blue { + background-color: #52BCD3; + border-color: #52BCD3; } + #customize-menu .customize .customize-item .customize-colors li .color-item.color-purple { + background-color: #7867A7; + border-color: #7867A7; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active { + position: relative; + font-family: FontAwesome; + font-size: 17px; + line-height: 17px; } + #customize-menu .customize .customize-item .customize-colors li .color-item.active:before { + content: "\f00c"; + position: absolute; + top: 0; + left: 0; + color: #fff; } + +.wyswyg { + border: 1px solid #d7dde4; } + .wyswyg .ql-container { + border-top: 1px solid #d7dde4; } + .wyswyg .toolbar .btn { + margin: 0; } + .wyswyg .ql-container { + font-size: 1rem; } + .wyswyg .ql-container .ql-editor { + min-height: 200px; } + +.header .header-block-search { + margin-right: auto; + padding-left: 20px; } + @media (max-width: 767px) { + .header .header-block-search { + padding-left: 10px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .header .header-block-search { + padding-left: 20px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .header .header-block-search { + padding-left: 20px; } } + @media (min-width: 1200px) { + .header .header-block-search { + padding-left: 35px; } } + .header .header-block-search > form { + float: right; } + @media (max-width: 767px) { + .header .header-block-search > form { + padding-left: 0; } } + .header .header-block-search .input-container { + position: relative; + color: #7e8e9f; } + .header .header-block-search .input-container i { + position: absolute; + pointer-events: none; + display: block; + height: 40px; + line-height: 40px; + left: 0; } + .header .header-block-search .input-container input { + background-color: transparent; + border: none; + padding-left: 25px; + height: 40px; + max-width: 150px; } + @media (max-width: 767px) { + .header .header-block-search .input-container input { + max-width: 140px; } } + .header .header-block-search .input-container input:focus + .underline { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + +.header .header-block-collapse { + padding-right: 5px; } + @media (max-width: 767px) { + .header .header-block-collapse { + width: 155px; } } + .header .header-block-collapse .collapse-btn { + background: none; + border: none; + box-shadow: none; + color: #85CE36; + font-size: 24px; + line-height: 40px; + border-radius: 0; + outline: none; + padding: 0; + padding-left: 10px; + padding-right: 10px; + vertical-align: initial; } + +.header { + background-color: #d7dde4; + height: 70px; + position: absolute; + left: 230px; + right: 0; + -webkit-transition: left 0.3s ease; + transition: left 0.3s ease; + z-index: 10; + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: justify; + justify-content: space-between; } + @media (max-width: 991px) { + .header { + left: 0; } } + @media (max-width: 767px) { + .header { + left: 0; + height: 50px; } } + .header-fixed .header { + position: fixed; } + @media (max-width: 767px) { + .header .header-block { + padding: 5px; } } + +.header .header-block-nav .notifications { + font-size: 16px; } + .header .header-block-nav .notifications a { + padding-right: 10px; } + .header .header-block-nav .notifications .counter { + font-weight: bold; + font-size: 14px; + position: relative; + top: -3px; + left: -2px; } + .header .header-block-nav .notifications.new .counter { + color: #85CE36; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .notifications { + position: static; } } + +.header .header-block-nav .notifications-dropdown-menu { + white-space: normal; + left: auto; + right: 0; + min-width: 350px; } + .header .header-block-nav .notifications-dropdown-menu:before { + position: absolute; + right: 20px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .notifications-dropdown-menu:after { + position: absolute; + right: 20px; + bottom: 100%; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item { + border-bottom: 1px solid rgba(126, 142, 159, 0.1); + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item:hover { + background-color: #f5f5f5; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img-col { + display: table-cell; + padding: 5px; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .body-col { + padding: 5px; + display: table-cell; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container .img { + width: 40px; + height: 40px; + border-radius: 3px; + vertical-align: top; + display: inline-block; + background-size: cover; + background-position: center; + background-repeat: no-repeat; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p { + color: #4f5f6f; + display: inline-block; + line-height: 18px; + font-size: 13px; + margin: 0; + vertical-align: top; } + .header .header-block-nav .notifications-dropdown-menu .notifications-container p .accent { + font-weight: bold; } + .header .header-block-nav .notifications-dropdown-menu footer { + text-align: center; } + .header .header-block-nav .notifications-dropdown-menu footer a { + color: #373a3c; + -webkit-transition: none; + transition: none; } + .header .header-block-nav .notifications-dropdown-menu footer a:hover { + background-color: #f5f5f5; + color: #85CE36; } + @media (max-width: 767px) { + .header .header-block-nav .notifications-dropdown-menu { + min-width: 100px; + width: 100%; + margin-top: 5px; } + .header .header-block-nav .notifications-dropdown-menu:before, .header .header-block-nav .notifications-dropdown-menu:after { + right: 107px; } } + +.header .header-block-nav .profile .img { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 4px; + background-color: #8b9cb1; + color: #ffffff; + text-align: center; + margin-right: 10px; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + vertical-align: middle; } + +.header .header-block-nav .profile .name { + display: inline-block; + margin-right: 9px; + font-weight: bold; } + @media (max-width: 767px) { + .header .header-block-nav .profile .name { + display: none; } } + +.header .header-block-nav .profile .arrow { + color: #85CE36; } + +.header .header-block-nav .profile-dropdown-menu { + left: auto; + right: 0; + min-width: 180px; + white-space: normal; } + .header .header-block-nav .profile-dropdown-menu:before { + position: absolute; + right: 10px; + bottom: 100%; + margin-right: -1px; } + .header .header-block-nav .profile-dropdown-menu:after { + position: absolute; + right: 10px; + bottom: 100%; } + .header .header-block-nav .profile-dropdown-menu a { + padding: 10px 15px; } + .header .header-block-nav .profile-dropdown-menu a .icon { + color: #85CE36; + text-align: center; + width: 16px; } + .header .header-block-nav .profile-dropdown-menu a span { + display: inline-block; + padding-left: 5px; + text-align: left; + color: #7e8e9f; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-icon { + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-topic { + color: #7e8e9f; + padding: 0; } + .header .header-block-nav .profile-dropdown-menu .dropdown-divider { + margin: 0; } + .header .header-block-nav .profile-dropdown-menu .logout { + border-top: 1px solid rgba(126, 142, 159, 0.1); } + @media (max-width: 767px) { + .header .header-block-nav .profile-dropdown-menu { + margin-top: 8px; } } + +.header .header-block-nav { + margin-left: auto; + white-space: nowrap; + padding-right: 15px; } + @media (max-width: 767px) { + .header .header-block-nav { + padding-right: 25px; } } + .header .header-block-nav::after { + content: ""; + display: table; + clear: both; } + .header .header-block-nav a { + text-decoration: none; } + .header .header-block-nav ul { + margin: 0; + padding: 0; + list-style: none; } + .header .header-block-nav > ul { + display: table; } + .header .header-block-nav > ul > li { + display: table-cell; + position: relative; } + .header .header-block-nav > ul > li:before { + display: block; + content: " "; + width: 1px; + height: 24px; + top: 50%; + margin-top: -12px; + background-color: #8b9cb1; + position: absolute; + left: 0; } + .header .header-block-nav > ul > li:first-child:before { + display: none; } + .header .header-block-nav > ul > li > a { + padding: 0 15px; + color: #4f5f6f; } + .header .header-block-nav > ul > li > a:hover { + color: #85CE36; } + .header .header-block-nav .dropdown-menu { + margin-top: 15px; } + +.header .header-block-buttons { + text-align: center; + margin-left: auto; + margin-right: auto; + white-space: nowrap; } + .header .header-block-buttons .btn.header-btn { + background-color: transparent; + border: 1px solid #64798d; + color: #64798d; + margin: 0 5px; + border-radius: 0.2rem; } + .header .header-block-buttons .btn.header-btn:hover, .header .header-block-buttons .btn.header-btn:focus { + border: 1px solid #3a4651; + color: #3a4651; } + @media (max-width: 767px) { + .header .header-block-buttons .btn.header-btn span { + display: none; } } + +.footer { + background-color: #fff; + position: absolute; + left: 230px; + right: 0; + bottom: 0; + height: 50px; + display: -webkit-box; + display: flex; + -webkit-box-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + align-items: center; } + .footer-fixed .footer { + position: fixed; } + .footer .footer-block { + vertical-align: middle; + margin-left: 20px; + margin-right: 20px; } + .footer .footer-github-btn { + vertical-align: middle; } + @media (max-width: 991px) { + .footer { + left: 0; } } + .footer .author > ul { + list-style: none; + margin: 0; + padding: 0; } + .footer .author > ul li { + display: inline-block; } + .footer .author > ul li:after { + content: "|"; } + .footer .author > ul li:last-child:after { + content: ""; } + @media (max-width: 991px) { + .footer .author > ul li { + display: block; + text-align: right; } + .footer .author > ul li:after { + content: ""; } } + @media (max-width: 991px) { + .footer .author > ul { + display: block; } } + @media (max-width: 767px) { + .footer .author > ul { + display: none; } } + +.modal .modal-content { + border-radius: 0; } + +.modal .modal-header { + background-color: #85CE36; + color: #ffffff; } + +.modal .modal-footer .btn { + margin-bottom: 0; } + +#modal-media .modal-body { + min-height: 250px; } + +#modal-media .modal-tab-content { + min-height: 300px; } + +#modal-media .images-container { + padding: 15px; + text-align: center; } + #modal-media .images-container .image-container { + margin: 0 auto 10px auto; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + display: inline-block; + float: none; } + #modal-media .images-container .image-container:hover { + border-color: rgba(133, 206, 54, 0.5); } + #modal-media .images-container .image-container.active { + border-color: rgba(133, 206, 54, 0.5); } + +#modal-media .upload-container { + padding: 15px; } + #modal-media .upload-container .dropzone { + position: relative; + border: 2px dashed #85CE36; + height: 270px; } + #modal-media .upload-container .dropzone .dz-message-block { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + #modal-media .upload-container .dropzone .dz-message-block .dz-message { + margin: 0; + font-size: 24px; + color: #85CE36; + width: 230px; } + +.app { + position: relative; + width: 100%; + padding-left: 230px; + min-height: 100vh; + margin: 0 auto; + left: 0; + background-color: #f0f3f6; + box-shadow: 0 0 3px #ccc; + -webkit-transition: left 0.3s ease, padding-left 0.3s ease; + transition: left 0.3s ease, padding-left 0.3s ease; + overflow: hidden; } + .app .content { + padding: 95px 20px 75px 20px; + min-height: 100vh; } + @media (min-width: 1200px) { + .app .content { + padding: 105px 40px 85px 40px; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .app .content { + padding: 100px 35px 80px 35px; } } + +@media (min-width: 768px) and (max-width: 991px) { + .app .content { + padding: 95px 20px 75px 20px; } } + @media (max-width: 767px) { + .app .content { + padding: 70px 20px 70px 20px; } } + @media (max-width: 991px) { + .app { + padding-left: 0; } } + @media (max-width: 991px) { + .app.sidebar-open { + left: 0; } } + .app.blank { + background-color: #667380; } + +.items-list-page .title-search-block { + position: relative; } + +@media (max-width: 767px) { + .items-list-page .title-block { + padding-bottom: 10px; + margin-bottom: 13px; } } + +.items-list-page .title-block .action { + display: inline; } + .items-list-page .title-block .action a { + padding: 10px 15px; } + .items-list-page .title-block .action a .icon { + margin-right: 5px; + text-align: center; + width: 16px; } + @media (max-width: 767px) { + .items-list-page .title-block .action { + display: none; } } + +.items-list-page .items-search { + position: absolute; + margin-bottom: 15px; + right: 0; + top: 0; } + @media (max-width: 767px) { + .items-list-page .items-search { + position: static; } } + .items-list-page .items-search .search-button { + margin: 0; } + +.items-list-page .item-list .item-col.item-col-check { + text-align: left; } + +.items-list-page .item-list .item-col.item-col-img { + text-align: left; + width: auto; + text-align: center; + flex-basis: 70px; } + @media (min-width: 544px) { + .items-list-page .item-list .item-col.item-col-img:not(.item-col-header) { + height: 80px; } } + +.items-list-page .item-list .item-col.item-col-title { + text-align: left; + margin-left: 0 !important; + margin-right: auto; + flex-basis: 0; + -webkit-box-flex: 9; + flex-grow: 9; } + +.items-list-page .item-list .item-col.item-col-sales { + text-align: right; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + +.items-list-page .item-list .item-col.item-col-category { + text-align: left; + font-weight: 600; } + +.items-list-page .item-list .item-col.item-col-author { + text-align: left; + -webkit-box-flex: 4.5; + flex-grow: 4.5; } + +.items-list-page .item-list .item-col.item-col-date { + text-align: right; } + +@media (max-width: 767px) { + .items-list-page .card.items { + background: none; + box-shadow: none; } + .items-list-page .item-list .item { + border: none; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0 !important; } + .items-list-page .item-list .item-col.item-col-author { + -webkit-box-flex: 3; + flex-grow: 3; } } + +@media (min-width: 544px) and (max-width: 767px) { + .items-list-page .item-list .item { + background-color: #fff; + margin-bottom: 10px; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item-row { + padding: 0; } + .items-list-page .item-list .item-heading { + width: 100%; + display: block; + position: absolute; + top: 0; + width: 100%; + left: 0; + line-height: 40px; + padding-left: 0; } + .items-list-page .item-list .item-col.item-col-check, .items-list-page .item-list .item-col.item-col-title, .items-list-page .item-list .item-col.item-col-actions-dropdown { + border-bottom: 1px solid #d7dde4; } + .items-list-page .item-list .item-col.item-col-check .item-heading, .items-list-page .item-list .item-col.item-col-title .item-heading, .items-list-page .item-list .item-col.item-col-actions-dropdown .item-heading { + display: none; } + .items-list-page .item-list .item-col.item-col-sales, .items-list-page .item-list .item-col.item-col-stats, .items-list-page .item-list .item-col.item-col-category, .items-list-page .item-list .item-col.item-col-author, .items-list-page .item-list .item-col.item-col-date { + padding-top: 40px; + position: relative; } + .items-list-page .item-list .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item-col.item-col-title { + padding-left: 10px; + text-align: left; + margin-left: 0 !important; + margin-right: auto; + flex-basis: calc(100% - 40px); } + .items-list-page .item-list .item-col.item-col-img { + padding-left: 10px; + flex-basis: 79px; } + .items-list-page .item-list .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item-col.item-col-stats { + text-align: center; } + .items-list-page .item-list .item-col.item-col-category { + text-align: center; } + .items-list-page .item-list .item-col.item-col-author { + text-align: center; } + .items-list-page .item-list .item-col.item-col-date { + padding-right: 10px; + text-align: right; + white-space: nowrap; + flex-basis: 100px; + flex-basis: 0; + -webkit-box-flex: 3; + flex-grow: 3; } } + +@media (max-width: 543px) { + .items-list-page .item-list .item { + border: none; + font-size: 0.9rem; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); } + .items-list-page .item-list .item .item-col { + text-align: right; + border-bottom: 1px solid #d7dde4; + padding-left: 10px; } + .items-list-page .item-list .item .item-col[class^=item-col] { + flex-basis: 100%; } + .items-list-page .item-list .item .item-col.item-col-check { + display: none; } + .items-list-page .item-list .item .item-col.item-col-img .item-img { + padding-bottom: 65%; } + .items-list-page .item-list .item .item-col.item-col-title { + text-align: left; + padding-bottom: 0; + border: none; + -webkit-box-flex: 1; + flex-grow: 1; + flex-basis: 0; } + .items-list-page .item-list .item .item-col.item-col-title .item-heading { + display: none; } + .items-list-page .item-list .item .item-col.item-col-title .item-title { + font-size: 1rem; + line-height: 1.4rem; } + .items-list-page .item-list .item .item-col.item-col-actions-dropdown { + border: none; + padding-bottom: 0; } + .items-list-page .item-list .item .item-col.item-col-sales { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-stats { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-category { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-author { + text-align: left; } + .items-list-page .item-list .item .item-col.item-col-date { + text-align: left; } } + +.auth { + position: absolute; + width: 100%; + height: 100%; + left: 0; + background-color: #667380; + overflow-x: hidden; + overflow-y: auto; } + +.auth-container { + width: 450px; + min-height: 330px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); + transform: translateY(-50%) translateX(-50%); } + .auth-container .auth-header { + text-align: center; + border-bottom: 1px solid #85CE36; } + .auth-container .auth-title { + color: #97A4B1; + padding: 20px; + line-height: 30px; + font-size: 26px; + font-weight: 600; + margin: 0; } + .auth-container .auth-content { + padding: 30px 50px; + min-height: 260px; } + .auth-container .forgot-btn { + line-height: 28px; } + .auth-container .checkbox label { + padding: 0; } + .auth-container .checkbox a { + vertical-align: text-top; } + .auth-container .checkbox span { + color: #4f5f6f; } + +@media (max-width: 767px) { + .auth-container { + width: 100%; + position: relative; + left: 0; + top: 0; + -webkit-transform: inherit; + transform: inherit; + margin: 0; + margin-bottom: 10px; } + .auth-container .auth-content { + padding: 30px 25px; } } + +/*# sourceMappingURL=app.css.map */ diff --git a/public/css/app.css.map b/public/css/app.css.map new file mode 100644 index 00000000..7302fb13 --- /dev/null +++ b/public/css/app.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["modularAdmin/_main.scss","modularAdmin/_variables.scss","modularAdmin/_common/_styles/_mixins.scss","modularAdmin/_common/navigation/navigation.scss","main.css","modularAdmin/_common/animations/animations.scss","modularAdmin/_common/button/button.scss","../bootstrap/scss/mixins/_buttons.scss","../bootstrap/scss/mixins/_hover.scss","modularAdmin/_common/_styles/typography.scss","../bootstrap/scss/mixins/_breakpoints.scss","modularAdmin/_common/_styles/misc.scss","../bootstrap/scss/_variables.scss","modularAdmin/_common/_styles/layout.scss","../bootstrap/scss/mixins/_clearfix.scss","modularAdmin/_common/chart/chart.scss","modularAdmin/_common/form/form.scss","modularAdmin/_common/images-container/images-container.scss","modularAdmin/_common/alert/alert.scss","../bootstrap/scss/mixins/_alert.scss","modularAdmin/_common/dropdown/dropdown.scss","modularAdmin/_common/flex/flex.scss","modularAdmin/_common/nprogress/nprogress.scss","modularAdmin/_common/pagination/pagination.scss","modularAdmin/_common/items-list/items-list.scss","modularAdmin/_common/table/table.scss","modularAdmin/_common/modal/modal-tabs.scss","modularAdmin/_common/card/card.scss","modularAdmin/_common/logo/logo.scss","modularAdmin/_common/scrollbar/scrollbar.scss","modularAdmin/app/pages/error.scss","modularAdmin/app/tables/responsive-tables/responsive-tables.scss","modularAdmin/app/_common/sidebar/header/header.scss","modularAdmin/app/_common/sidebar/sidebar.scss","modularAdmin/app/_common/sidebar/customize/customize.scss","modularAdmin/app/_common/editor/editor.scss","modularAdmin/app/_common/header/search/search.scss","modularAdmin/app/_common/header/collapse/collapse.scss","modularAdmin/app/_common/header/header.scss","modularAdmin/app/_common/header/nav/notifications/notifications.scss","modularAdmin/app/_common/header/nav/profile/profile.scss","modularAdmin/app/_common/header/nav/nav.scss","modularAdmin/app/_common/header/buttons/buttons.scss","modularAdmin/app/_common/footer/footer.scss","modularAdmin/app/_common/modals/modals.scss","modularAdmin/app/_common/modals/modal-media/modal-media.scss","modularAdmin/app/app.scss","modularAdmin/app/items/list/items-list.scss","modularAdmin/auth/auth.scss"],"names":[],"mappings":"AAAA,oIAAY;ACAZ;;+DAE+D;AAG/D;;+DAE+D;AAwB/D;;+DAE+D;AAsE/D;;yDAEyD;AC/DzD;;2CAE2C;AAQ3C;;2CAE2C;AF/C3C;;EAEC,WAAW;EACX,UAAU;EACV,aAAa;EACb,iBAAiB;EACjB,qCAAqC;EACrC,eCImB;EDHnB,mBAAmB,EACnB;;AAED;EACC,YAAY;EACZ,mBAAmB;EACnB,aAAa;EACb,iBAAiB;EACjB,mBAAmB,EACnB;;AAED;EAEE,eCnBqB,EDoBrB;;AAHF;EAOG,eCxBoB,EDyBpB;;AARH;EAUG,eC+D4B,ED9D5B;;ACrCH;;+DAE+D;AAG/D;;+DAE+D;AAwB/D;;+DAE+D;AAsE/D;;yDAEyD;AEzGzD;EAMC,4BFsCwB;EEtCxB,oBFsCwB;EErCxB,2BFsC0B;EErC1B,eFmCmB,EEjBnB;EA1BD;IAeE,2BFiC+B;IEhC/B,eF+BuB,EE1BvB;IArBF;MAmBG,6BAAiB;MAAjB,qBAAiB,EACjB;EApBH;IAwBE,sBAAsB,EACtB;;AAGF;EACC,4BAA4B,EAC5B;;AC0CD;;EDnCE,eAAe,EAMf;ECgCA;;IDlCC,cAAc,EACd;;AAKH;EAEE,sBFxCqB,EEuErB;EAjCF;IAKG,oBAAoB;IACjB,4BAA4B;IAC5B,sBF7CiB;IE8CjB,qBAAqB,EACxB;EATH;IAcI,sBAAsB,EAiBtB;IA/BJ;MAiBK,eAAe;MACf,0BFxDkB;MEyDlB,0BFzDkB,EE0DlB;IApBL;MAuBK,sBF7DkB;ME8DlB,iCAAiC,EAMjC;MA9BL;QA2BM,0BAA0B;QAC1B,eAAe,EACf;;AA7BN;EAsCG,UAAU;EACV,aAAa,EACb;;AAxCH;EA6CI,sBAAsB,EAkBtB;EA/DJ;IAgDK,eF7Ee;IE8Ef,8BAA8B;IAC9B,UAAU,EACV;EAnDL;IAsDK,sBF5FkB;IE6FlB,iCAAiC;IACjC,0BF9FkB,EEoGlB;IA9DL;MA2DM,0BFjGiB;MEkGjB,eAAe,EACf;;AE5GN;EACE,gCAAwB;EAAxB,wBAAwB;EACxB,6BAAqB;EAArB,qBAAqB,EACtB;;ACHD;EACC,uBAAuB;EACvB,iBAAiB;EACjB,mBAAmB,EAkFnB;EArFD;ICSE,eNY0B;IMX1B,0BNDqB;IMErB,sBNFqB,EKFrB;IAPF;MCeI,eNMwB;MMLxB,0BAVwB;MAWpB,sBAVgB,ECEC;IFTzB;MCsBI,eNDwB;MMExB,0BAjBwB;MAkBpB,sBAjBgB,EAkBrB;IDzBH;;MC8BI,eNTwB;MMUxB,0BAzBwB;MA0BpB,sBAzBgB;MA2BpB,uBAAuB,EAUxB;MD5CH;;;;QCwCM,eNnBsB;QMoBtB,0BAAwB;QACpB,sBAAoB,EACzB;ID3CL;MCkDM,0BNzCiB;MM0Cb,sBN1Ca,EM2ClB;IDpDL;MCsDM,0BN7CiB;MM8Cb,sBN9Ca,EOAE;EFTzB;ICSE,eNSkB;IMRlB,uBDA0C;ICC1C,sBNIqB,EKJrB;IAXF;MCeI,eNGgB;MMFhB,0BAVwB;MAWpB,sBAVgB,ECEC;IFTzB;MCsBI,eNJgB;MMKhB,0BAjBwB;MAkBpB,sBAjBgB,EAkBrB;IDzBH;;MC8BI,eNZgB;MMahB,0BAzBwB;MA0BpB,sBAzBgB;MA2BpB,uBAAuB,EAUxB;MD5CH;;;;QCwCM,eNtBc;QMuBd,0BAAwB;QACpB,sBAAoB,EACzB;ID3CL;MCkDM,uBDxCsC;MCyClC,sBNpCa,EMqClB;IDpDL;MCsDM,uBD5CsC;MC6ClC,sBNxCa,EONE;EFTzB;ICSE,eNY0B;IMX1B,0BNcqB;IMbrB,sBNaqB,EKTrB;IAfF;MCeI,eNMwB;MMLxB,0BAVwB;MAWpB,sBAVgB,ECEC;IFTzB;MCsBI,eNDwB;MMExB,0BAjBwB;MAkBpB,sBAjBgB,EAkBrB;IDzBH;;MC8BI,eNTwB;MMUxB,0BAzBwB;MA0BpB,sBAzBgB;MA2BpB,uBAAuB,EAUxB;MD5CH;;;;QCwCM,eNnBsB;QMoBtB,0BAAwB;QACpB,sBAAoB,EACzB;ID3CL;MCkDM,0BN1BiB;MM2Bb,sBN3Ba,EM4BlB;IDpDL;MCsDM,0BN9BiB;MM+Bb,sBN/Ba,EOfE;EFTzB;ICSE,eNY0B;IMX1B,0BNekB;IMdlB,sBNckB,EKNlB;IAnBF;MCeI,eNMwB;MMLxB,0BAVwB;MAWpB,sBAVgB,ECEC;IFTzB;MCsBI,eNDwB;MMExB,0BAjBwB;MAkBpB,sBAjBgB,EAkBrB;IDzBH;;MC8BI,eNTwB;MMUxB,0BAzBwB;MA0BpB,sBAzBgB;MA2BpB,uBAAuB,EAUxB;MD5CH;;;;QCwCM,eNnBsB;QMoBtB,0BAAwB;QACpB,sBAAoB,EACzB;ID3CL;MCkDM,0BNzBc;MM0BV,sBN1BU,EM2Bf;IDpDL;MCsDM,0BN7Bc;MM8BV,sBN9BU,EOhBK;EFTzB;ICSE,eNY0B;IMX1B,0BNgBqB;IMfrB,sBNeqB,EKHrB;IAvBF;MCeI,eNMwB;MMLxB,0BAVwB;MAWpB,sBAVgB,ECEC;IFTzB;MCsBI,eNDwB;MMExB,0BAjBwB;MAkBpB,sBAjBgB,EAkBrB;IDzBH;;MC8BI,eNTwB;MMUxB,0BAzBwB;MA0BpB,sBAzBgB;MA2BpB,uBAAuB,EAUxB;MD5CH;;;;QCwCM,eNnBsB;QMoBtB,0BAAwB;QACpB,sBAAoB,EACzB;ID3CL;MCkDM,0BNxBiB;MMyBb,sBNzBa,EM0BlB;IDpDL;MCsDM,0BN5BiB;MM6Bb,sBN7Ba,EOjBE;EFTzB;ICSE,eNY0B;IMX1B,0BNiBoB;IMhBpB,sBNgBoB,EKApB;IA3BF;MCeI,eNMwB;MMLxB,0BAVwB;MAWpB,sBAVgB,ECEC;IFTzB;MCsBI,eNDwB;MMExB,0BAjBwB;MAkBpB,sBAjBgB,EAkBrB;IDzBH;;MC8BI,eNTwB;MMUxB,0BAzBwB;MA0BpB,sBAzBgB;MA2BpB,uBAAuB,EAUxB;MD5CH;;;;QCwCM,eNnBsB;QMoBtB,0BAAwB;QACpB,sBAAoB,EACzB;ID3CL;MCkDM,0BNvBgB;MMwBZ,sBNxBY,EMyBjB;IDpDL;MCsDM,0BN3BgB;MM4BZ,sBN5BY,EOlBG;EFTzB;IC6DE,eNpDqB;IMqDrB,uBAAuB;IACvB,8BAA8B;IAC9B,sBNvDqB,EKuBrB;IAhCF;;MCuEI,YAAY;MACZ,0BN/DmB;MMgEf,sBNhEe,EMiEpB;ID1EH;MC4EI,YAAY;MACZ,0BNpEmB;MMqEf,sBNrEe,EOAE;IFTzB;MCqFM,sBAAqB,EACtB;IDtFL;MCwFM,sBAAqB,EC/EF;EFTzB;IC6DE,eN9CqB;IM+CrB,uBAAuB;IACvB,8BAA8B;IAC9B,sBNjDqB,EKqBrB;IApCF;;MCuEI,YAAY;MACZ,0BNzDmB;MM0Df,sBN1De,EM2DpB;ID1EH;MC4EI,YAAY;MACZ,0BN9DmB;MM+Df,sBN/De,EONE;IFTzB;MCqFM,oBAAqB,EACtB;IDtFL;MCwFM,oBAAqB,EC/EF;EFTzB;IC6DE,eNpCkB;IMqClB,uBAAuB;IACvB,8BAA8B;IAC9B,sBNvCkB,EKelB;IAxCF;;MCuEI,YAAY;MACZ,0BN/CgB;MMgDZ,sBNhDY,EMiDjB;ID1EH;MC4EI,YAAY;MACZ,0BNpDgB;MMqDZ,sBNrDY,EOhBK;IFTzB;MCqFM,sBAAqB,EACtB;IDtFL;MCwFM,sBAAqB,EC/EF;EFTzB;IC6DE,eNrCqB;IMsCrB,uBAAuB;IACvB,8BAA8B;IAC9B,sBNxCqB,EKoBrB;IA5CF;;MCuEI,YAAY;MACZ,0BNhDmB;MMiDf,sBNjDe,EMkDpB;ID1EH;MC4EI,YAAY;MACZ,0BNrDmB;MMsDf,sBNtDe,EOfE;IFTzB;MCqFM,sBAAqB,EACtB;IDtFL;MCwFM,sBAAqB,EC/EF;EFTzB;IC6DE,eNnCqB;IMoCrB,uBAAuB;IACvB,8BAA8B;IAC9B,sBNtCqB,EKsBrB;IAhDF;;MCuEI,YAAY;MACZ,0BN9CmB;MM+Cf,sBN/Ce,EMgDpB;ID1EH;MC4EI,YAAY;MACZ,0BNnDmB;MMoDf,sBNpDe,EOjBE;IFTzB;MCqFM,sBAAqB,EACtB;IDtFL;MCwFM,sBAAqB,EC/EF;EFTzB;IC6DE,eNlCoB;IMmCpB,uBAAuB;IACvB,8BAA8B;IAC9B,sBNrCoB,EKyBpB;IApDF;;MCuEI,YAAY;MACZ,0BN7CkB;MM8Cd,sBN9Cc,EM+CnB;ID1EH;MC4EI,YAAY;MACZ,0BNlDkB;MMmDd,sBNnDc,EOlBG;IFTzB;MCqFM,sBAAqB,EACtB;IDtFL;MCwFM,sBAAqB,EC/EF;EFTzB;IA0DG,cAAc;IACX,wBAAwB,EAC3B;EA5DH;IAgEE,6BL5Be;IK6Bf,gCL7Be,EK8Bf;EAlEF;IAqEE,8BLjCe;IKkCf,iCLlCe,EKmCf;EAvEF;IA0EE,oBLtCe,EKuCf;EA3EF;IA8EE,sBAAsB,EACtB;EA/EF;IAkFE,iBAAiB,EACjB;;AAIF;EAII,YAAY;EACZ,6BAAiB;EAAjB,qBAAiB,EACjB;;AG7FJ;EAEC,mBAAmB;EACnB,iBAAiB;EACjB,iBAAiB,EAiBjB;EArBD;IASE,kBAAkB,EAClB;EAVF;IAcE,kBAAkB,EAClB;EAfF;IAkBE,kBAAkB;IAClB,eRDkB,EQElB;;AAGF;EACC,UAAU;EAEV,kBAAkB;EAClB,oBAAoB;EACpB,eRTyB,EQoBzB;EAhBD;IAUE,kBAAkB,EAClB;ECwBE;IDnCJ;MAcE,cAAc,EAEf,EAAA;;AAED;EACC,kBAAkB;EAClB,UAAU;EACV,eRzByB,EQ0BzB;;AAED;EACC,eRvCsB,EQwCtB;;AAED;EACC,eAAc,EACd;;AAED;EACC,WAAW;EACX,aAAa;EACb,iBAAiB,EACjB;;APjBD;;2CAE2C;AAQ3C;;2CAE2C;AStD3C;EACC,mBAAmB;EACnB,UAAU;EACV,YAAY;EACZ,QAAQ;EACR,YAAY;EACZ,YAAY;EACZ,0BVEsB;EUDtB,YAAY;EACZ,6BAAqB;EAArB,qBAAqB;EACrB,oCAA4B;EAA5B,4BAA4B;EAC5B,6BAAiB;EAAjB,qBAAiB,EACjB;;AAOD;EACC,mBAAmB,EACnB;;AAED;EACC,oBAAoB;EACpB,iBAAiB;EACjB,wBAAwB;EACxB,sBAAsB;EACtB,mBAAmB,EAyBnB;EA9BD;IAQE,gBAAgB;IAChB,kBAAkB;IAClB,iBAAiB;IACjB,wBAAwB;IACxB,iBAAiB,EACjB;EAbF;IAgBE,iBAAiB;IACjB,wBAAwB,EACxB;EAlBF;IAsBG,gBAAgB;IAChB,kBAAkB,EAClB;EAxBH;IA2BG,gBAAgB,EAChB;;AAIH;EAGE,gBAAgB,EAoBhB;EAvBF;IAMG,gBAAgB;IAChB,YAAY;IACZ,uBAAuB;IACvB,UAAU;IACV,sBAAsB;IACtB,mBAAmB;IACnB,2BAA2B;IAE3B,mBAAmB;IACnB,kBAAkB,EAClB;EAhBH;IAoBI,+BAAgB;IAAhB,uBAAgB,EAChB;;AAMJ;EACC,uBAAuB;EACvB,uBAAuB,EACvB;;AAED;EACC,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB,EAMnB;EATD;IAME,gBAAgB;IAChB,iBAAiB,EACjB;;AAGF;EACC,uBC+G8B,ED9G9B;;AAED;EACC,sBC4G6B,ED3G7B;;AAED;EACC,sBCyG6B,EDxG7B;;AAED;EACC,wBAAwB;EACxB,uBAAuB;EACvB,sBCmG6B,EDlG7B;;AElHD;EAEE,wBAAgC;EAChC,yBAAiC;EACjC,YAAY,EACZ;;AAIF;EACC,mBAAmB;EACnB,oBAAoB,EAMpB;EARD;IAKE,mBAAmB;IACnB,oBAAoB,EACpB;;AAIF;EACC,qBAAqB;EACrB,oBAAoB;EACpB,iCZRsB,EYetB;EAVD;IClBI,YAAY;IACZ,eAAe;IACf,YAAY,EACb;EJqDC;IGtCJ;MAQE,oBAAoB,EAErB,EAAA;;AAGD;EACC,qBAAqB;EACrB,oBAAoB;EACpB,kCAAiC,EACjC;;AAED;EACC,eAAe;EACf,oBAAoC,EAuBpC;EHnBG;IGNJ;MAME,oBAAoC,EAmBrC,EAAA;;AHNG;EGnBJ;IAUE,oBAAoC,EAerC,EAAA;;AHNG;EGnBJ;IAcE,oBAAoC,EAWrC,EAAA;EHNG;IGnBJ;MAkBE,oBAAoC,EAOrC,EAAA;EAzBD;IAuBE,iBAAiB,EACjB;;AAGF;EACI,oBAAoB;EACpB,cAAc;EACd,wBAAwB;EACxB,oBAAoB;EACpB,YAAY;EACZ,gBAAgB,EACnB;;AEzED;EACC,YAAY;EACZ,aAAa;EAEb,sBAAsB;EACtB,0BdUsB;EcTtB,mBAAmB,EAEnB;;ACRD;;EAEC,cAAc,EACd;;AAGD;EAEE,mBAAmB;EACnB,oBAAoB,EAMpB;EATF;IAMG,mBAAmB;IACnB,oBAAoB,EACpB;;AARH;EAaG,efQmB;EePnB,gBAAgB;EAChB,0BAA0B,EAC1B;;AAhBH;EAmBG,efEmB,EeDnB;;AApBH;EAyBG,efLoB;EeMpB,gBAAgB;EAChB,0BAA0B,EAC1B;;AA5BH;EA+BG,efXoB,EeYpB;;AAhCH;EAqCG,efnBoB;EeoBpB,gBAAgB;EAChB,0BAA0B,EAC1B;;AAxCH;EA2CG,efzBoB,Ee0BpB;;AAIH,kBAAkB;AAClB;EACC,oBAAoB,EAmBpB;EApBD;IAIE,kBAAkB,EAClB;EALF;IAQE,mBAAmB;IACnB,aAAa;IACb,iBAAiB;IACjB,aAAa;IACb,0BfpDqB;IeqDrB,6EAAqE;IAArE,qEAAqE,EAMrE;IAnBF;MAgBG,0Bf9DoB;Me+DpB,eAAe,EACf;;AAIH;;EAEC,iBAAiB,EACjB;;AAED;EACC,gBAAgB;EAChB,iBAAiB;EACjB,iBAAiB;EACjB,aAAa;EACZ,iBAAiB;EAClB,iBAAiB;EACjB,iCf1EsB,EeuGtB;EApCD;IAUE,wBAAwB,EACxB;EAXW;;;IAiBX,aAAa;IACb,iBAAiB;IACjB,iCf5FqB,Ee6FrB;EApBW;IAuBX,iBAAiB;IACjB,sBf/EoB,EegFpB;EAzBW;IA4BX,iBAAiB;IACjB,sBfrFqB,EesFrB;EA9BW;IAiCX,iBAAiB;IACjB,sBf5FqB,Ee6FrB;;AAGF;EACI,iBAAiB;EACjB,iBAAiB,EAKpB;EAPD;IAKK,0BfpHkB,EeqHlB;;AAGL;;EAEC,cAAc,EA4Bd;EA9BD;;IAKE,WAAW;IACX,oBAAoB,EACpB;EAPF;;IAUE,yBAAyB;IACzB,gBAAgB;IAChB,sBAAsB;IACtB,uBAAuB;IACvB,qBAAqB;IACrB,eAAa,EACb;EAhBF;;IAmBE,ef3IqB,Ee4IrB;EApBF;;IAuBE,aAAa;IACb,oBAAoB,EACpB;EAzBF;;IA4BE,eAAa,EACb;;AAGF;EAGE,iBAAiB,EACjB;;AAJF;EAOE,iBAAiB,EACjB;;AARF;EAYG,iBAAiB,EACjB;;AAbH;EAgBG,iBAAiB,EACjB;;AAIH;EAGE,iBAAiB,EACjB;;AAJF;EAOE,iBAAiB,EACjB;;AARF;EAYG,iBAAiB,EACjB;;AAbH;EAgBG,iBAAiB,EACjB;;AAOH;EAEE,mBAAmB;EACnB,eAAa,EACb;;AAJF;EAMsB,iBAAiB;EACrC,mBAAmB;EACnB,efvMqB,EewMrB;;AATF;EAWwB,iBAAiB;EACvC,mBAAmB;EACnB,ef5MqB,Ee6MrB;;AAdF;EAiBE,mBAAmB;EACnB,efjNqB,EekNrB;;ACjOF;EHEI,YAAY;EACZ,eAAe;EACf,YAAY,EACb;;AGLH;EAME,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,oBAAoB;EACpB,mBAAmB;EACnB,0BAAyB;EACzB,iBAAiB,EAoBjB;EAhCF;IAkBG,sBhBToB,EgBUpB;EAnBH;IA4BI,UAAU;IACV,WAAW,EACX;;AA9BJ;EAmCE,mBAAmB;EACnB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,cAAc;EACd,mBAAmB;EACnB,aAAa;EAEb,gBAAgB;EAChB,wDAAgD;EAAhD,gDAAgD;EAChD,uBAAuB,EA6CvB;EA1FF;IHEI,YAAY;IACZ,eAAe;IACf,YAAY,EACb;EGLH;IAkDG,sBAAsB;IACtB,ehBjCiB;IgBmCjB,gBAAgB;IAChB,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,mBAAmB;IAEnB,aAAa;IACb,sCAA8B;IAA9B,8BAA8B,EA6B9B;IAzFH;MA+DI,WAAW,EACX;IAhEJ;MAqEI,aAAa,EACb;IAtEJ;MAyEI,eAAe,EAWf;MApFJ;QA4EK,iBAAiB,EACjB;MA7EL;QAiFM,iBAAiB,EACjB;IAlFN;MAuFI,ehB5DkB,EgB6DlB;;AAxFJ;EA6FE,uBAAuB;EACvB,4BAA4B;EAC5B,6BAA6B;EAC7B,aAAa;EACb,cAAc;EAEd,mBAAmB;EACnB,mBAAmB,EAOnB;;AA3GF;EA8GE,sBAAsB,EACtB;;AA/GF;EAkHE,aAAa;EACb,sCAA8B;EAA9B,8BAA8B;EAC9B,qBAAqB;EACrB,0BAAgC;EAChC,ehB7GqB,EgBsHrB;EA/HF;IAyHG,kBAAkB,EAClB;EA1HH;IA6HG,WAAW,EACX;;AC9HH;EACC,uBAAuB,EAyBvB;EA1BD;ICGE,0BlBMqB;IkBLrB,sBlBKqB;IkBJrB,eDD8D,EAC9D;ICEA;MACE,0BAAwB,EACzB;IACD;MACE,eAAa,EACd;EDZH;ICGE,0BlBqBqB;IkBpBrB,sBlBoBqB;IkBnBrB,eDG8D,EAC9D;ICFA;MACE,0BAAwB,EACzB;IACD;MACE,eAAa,EACd;EDZH;ICGE,0BlBsBkB;IkBrBlB,sBlBqBkB;IkBpBlB,eDOwD,EACxD;ICNA;MACE,0BAAwB,EACzB;IACD;MACE,eAAa,EACd;EDZH;ICGE,0BlBuBqB;IkBtBrB,sBlBsBqB;IkBrBrB,eDW8D,EAC9D;ICVA;MACE,0BAAwB,EACzB;IACD;MACE,eAAa,EACd;EDZH;ICGE,0BlBwBoB;IkBvBpB,sBlBuBoB;IkBtBpB,eDe4D,EAC5D;ICdA;MACE,0BAAwB,EACzB;IACD;MACE,eAAa,EACd;EDZH;ICGE,0BlByBqB;IkBxBrB,sBlBwBqB;IkBvBrB,eDmB8D,EAC9D;IClBA;MACE,0BAAwB,EACzB;IACD;MACE,eAAa,EACd;;ACZH;EACC,YAAY;EACZ,iDnBiE+B;EmBhE/B,2CnBgE+B;EmB/D/B,0BAA0B;EAC1B,2BAA2B,EAsB3B;EA3BD;IASE,eAAe;IACf,kBAAkB;IAClB,YAAY;IACZ,oBAAoB;IACpB,enBKkB;ImBJlB,oBAAoB;IACpB,yBAAiB;IAAjB,iBAAiB,EAWjB;IA1BF;MAkBG,kBAAkB,EAClB;IAnBH;MAsBG,0BAAgC;MAChC,iBAAiB;MACjB,6BAAwB,EACxB;;ACzBH;EACC,qBAAc;EAAd,cAAc;EACd,+BAAoB;EAApB,8BAAoB;EAApB,oBAAoB,EACpB;;AAED;EACC,qBAAc;EAAd,cAAc;EACd,6BAAuB;EAAvB,8BAAuB;EAAvB,uBAAuB,EACvB;;AAED;EACC,qBAAc;EAAd,cAAc;EACd,0BAAoB;EAApB,oBAAoB,EACpB;;ACbD;EAEE,+BAAqC,EAKrC;EAPF;IAKG,8CrBIoB,EqBHpB;;AANH;EAUE,qBAAqB;EAClB,uBAAuB,EAM1B;EAjBF;IAcG,qCAA2C;IACxC,sCAA4C,EAC5C;;AChBN;EACC,cAAc,EAiBd;EAlBD;IAKG,etBIoB,EsBHpB;EANH;;;IAYI,YAAY;IACZ,sBtBJmB;IsBKnB,0BtBLmB,EsBMnB;;ACTJ;;iDAEiD;AAEjD;EACC,iBAAiB;EACjB,WAAW;EACX,UAAU;EACV,iBAAiB;EACjB,oBAb6B;EA2B7B,qBAAc;EAAd,cAAc;EACd,yBAAyB,EAmBzB;;AdSG;EchDJ;IAQE,gBAAgB,EA+BjB,EAAA;;AdSG;EchDJ;IAYE,mBAAmB,EA2BpB,EAAA;EdSG;IchDJ;MAgBE,mBAAmB,EAuBpB,EAAA;EAvCD;IAwBG,iCvB6D6B,EuB5D7B;EAzBH;IA4BG,0BAAyB,EAKzB;IdeC;MchDJ;QA+BI,0BAAyB,EAE1B,EAAA;EAjCH;IAoCG,oBAAoB,EACpB;;AAKH;;iDAEiD;AAGjD;EAEE,qBAAc;EAAd,cAAc;EACd,6BAAuB;EAAvB,8BAAuB;EAAvB,uBAAuB,EACvB;;AAJF;EAOE,qBAAc;EAAd,cAAc;EACd,2BAAqB;EAArB,qBAAqB;EACrB,+BAAoB;EAApB,8BAAoB;EAApB,oBAAoB;EACpB,0BAA+B;EAA/B,+BAA+B;EAC/B,gBAAgB;EAChB,gBAAgB,EAKhB;EAjBF;IAeG,kBAAkB,EAClB;;AAhBH;EAoBE,0BAAoB;EAApB,oBAAoB;EACpB,qBAAc;EAAd,cAAc;EACd,0BAAyE;EACzE,cAAc;EACd,oBA9EoB;EA8EpB,aA9EoB;EA+EpB,eA9EsB;EA+EtB,kBAAkB;EAClB,mBAAmB;EACnB,aAAa,EAuBb;EAnDF;IA+BG,oBAAa;IAAb,aAAa;IACb,eAAe;IACf,iBAAiB,EACjB;EAlCH;IAqCG,mBAAmB,EACnB;EAtCH;IAyCG,kBAAkB,EAClB;EA1CH;IA6CG,YAAY,EACZ;EA9CH;IAiDG,iBAAiB,EACjB;;AAlDH;EAsDE,iBAAiB,EACjB;;AAvDF;EA0DE,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB,EACpB;;AAIF;;iDAEiD;AAGjD;EAEC;;+CAE8C;EAY9C;;+CAE8C;EAsB9C;;+CAE8C;EAsB9C;;+CAE8C;EAuC9C;;+CAE8C;EAoB9C;;+CAE8C;EAM9C;;+CAE8C;EAqG9C;;+CAE8C,EAE9C;EAlPD;IASI,YAAY;IACZ,kBAAkB;IAClB,4BAA4B,EAC5B;EAZJ;IAqBE,kBAAkB;IAClB,cAAc;IACd,YAAY;IACZ,iBAAiB;IACjB,oBAxJwB,EAqKxB;Id3GE;McqEJ;QA4BG,eAAe,EAUhB,EAAA;;Ad3GE;EcqEJ;IAgCG,YAAY,EAMb,EAAA;Id3GE;McqEJ;QAoCG,WAAW,EAEZ,EAAA;EAtCF;IA6CE,iBAAgB,EAKhB;IdvHE;McqEJ;QAgDG,8BAAU;QAAV,UAAU,EAEX,EAAA;EAlDF;IAqDE,iBAAiB,EASjB;IA9DF;MAwDG,iBAAiB,EAKjB;MA7DH;QA2DI,YAAY,EACZ;EA5DJ;IAqEE,qBAAc;IAAd,cAAc;IACd,iBAAgB,EAsBhB;IA5FF;MAyEG,iBAAgB,EAChB;IA1EH;MA6EG,iBAAgB,EAChB;IA9EH;MAiFG,kBAAgB,EAChB;IAlFH;MAqFG,kBAAiB,EACjB;IAtFH;MAyFG,YAAY,EAEZ;EA3FH;IA+FE,oBAAa;IAAb,aAAa;IACb,4BAAoB;IAApB,oBAAoB;IACjB,0BAA0B;IAC1B,qBAAqB;IACxB,YAAY;IACZ,UAAU;ItBpLR,uBAAuB;IACvB,4BAA4B;IAC5B,6BAA6B,EsBqL/B;Ed5KE;IcqEJ;MAgHG,8BAAU;MAAV,UAAU,EAMX,EAAA;EAtHF;IAoHG,eAAe,EACf;EArHH;IAyHE,UAAU;IACV,mBAAmB;IACnB,qBAAqB;IACrB,iBAAiB,EACjB;EA7HF;IAoIE,eAjQ4B,EAkQ5B;EArIF;IA4IE,iBAAgB;IAChB,mBAAmB;IACnB,2BAA2B,EAQ3B;Id3NE;McqEJ;QAiJG,8BAAU;QAAV,UAAU;QAEV,4BAAkD;QAClD,oBAnRuB,EAqRxB,EAAA;EAtJF;IAyJE,mBAAmB;IACnB,kBAAkB,EAkFlB;IA5OF;MA8JI,iBAAiB,EACjB;IA/JJ;MAkKI,evBxRmB,EuBiSnB;MA3KJ;QAqKK,eAAe,EACf;MAtKL;QAyKK,cAAc,EACd;IA1KL;MA+KG,eAAc;MACd,kBAAkB;MAClB,gBAAgB;MAChB,YAAY;MACZ,kBAAkB;MAClB,mBAAmB;MACnB,sBAAsB,EAKtB;MA1LH;QAwLI,cAAc,EACd;IAzLJ;MA6LG,aAAa;MACb,eAAe;MACf,kBAAkB;MAClB,iBAAiB;MACjB,mBAAmB;MACnB,OAAO;MACP,YAAY;MACZ,0BvBpToB;MuBqTpB,mBAAmB;MACnB,0CAAkC;MAAlC,kCAAkC,EAoClC;MA1OH;QAyMI,YAAY;QACZ,WAAW,EACX;MA3MJ;QA+MI,WAAW;QACX,iBAAiB;QACjB,oBAAoB;QACpB,eAAe,EAuBf;QAzOJ;UAqNK,sBAAsB;UACtB,WAAW,EACX;QAvNL;UA0NK,eAAe;UACf,eAAe,EAaf;UAxOL;YA8NM,eAAe,EACf;UA/NN;YAkOM,eAAe,EACf;UAnON;YAsOM,eAAe,EACf;;AAcN;;iDAEiD;AAGjD;EACC,gBvBlSoB,EuB2SpB;EdtVG;Ic4UJ;MAIE,gBvBpSsB,EuB0SvB,EAAA;EdzUG;Ic+TJ;MAQE,gBvBvSsB,EuBySvB,EAAA;;ACnYD;EAEE,iBAAiB,EACjB;;AAHF;EAME,iBAAiB,EAIjB;EAVF;IAQG,kBAAkB,EAClB;;ACTH;EACI,WAAW,EAyBd;EA1BD;IAIQ,gBAAgB;IAChB,iBAAiB;IACjB,iBAAgB;IAChB,0BAA0B;IAC1B,8BAA8B;IAC9B,uCAAwB,EAgB3B;IAzBL;MAYY,mBAAmB;MACnB,aAAa,EAWhB;MAxBT;QAiBgB,ezBRO;QyBSP,iCzBTO,EyBUV;MAnBb;QAsBgB,iBAAiB,EACpB;;ACvBb;EACC,uBAAuB;EACvB,iDAAgC;EAMhC,oB1BoFwB;E0BnFxB,iBAAiB;EACjB,aAAa,EAuKb;EAjLD;IAKE,iBAAiB,EACjB;EANF;IAaE,uBAAuB;IACvB,0BAA0B;IAC1B,0BAAoB;IAApB,oBAAoB;IACpB,qBAAc;IAAd,cAAc;IACd,+BAAoB;IAApB,8BAAoB;IAApB,oBAAoB;IACpB,WAAW;IACX,iBAAiB;IACjB,iBAAiB;IACjB,aAAa,EA2Fb;IAhHF;MbEI,YAAY;MACZ,eAAe;MACf,YAAY,EACb;IaLH;MA0BG,iC1BXoB,E0BYpB;IA3BH;MA8BG,iBAAiB,EACjB;IA/BH;MAkCG,uBAAuB,EACvB;IAnCH;MAsCG,kBAAkB,EAClB;IAvCH;MA0CG,qB1B8CkB,E0BpClB;MjBPC;QiB7CJ;UA8CI,qB1B2CoB,E0BrCrB,EAAA;MjBMC;QiB1DJ;UAkDI,qB1BwCoB,E0BtCrB,EAAA;IApDH;MAuDG,e1BrCiB;M0BsCjB,4BAAqB;MAArB,qBAAqB,EACrB;IAzDH;MA4DG,UAAU,EACV;IA7DH;MAgEG,0BAA0B;MAC1B,oBAAoB;MACpB,qBAAc;MAAd,cAAc;MACd,mBAAmB;MACnB,SAAS,EA2CH;MA/GT;QAuEa,eAAe;QACf,qBAAc;QAAd,cAAc;QACd,oBAAoB,EAqCpB;QA9Gb;UA4EiB,qBAAc;UAAd,cAAc;UACd,oBAAoB;UACpB,0BAAoB;UAApB,oBAAoB;UACpB,e1B7DG;U0B8DH,aAAa;UACV,mBAAmB;UACnB,oBAAoB;UACpB,iBAAiB;UACjB,gBAAgB;UAChB,sBAAsB;UACtB,iC1BvEG;U0BwEH,sBAAsB,EAsBzB;UA7GjB;YA0FkB,0B1BjFK;Y0BkFL,iCAAiC;YACjC,WAAW,EASX;YArGlB;cAgGmB,WAAW;cACX,0B1B5ES;c0B6ET,0CAAuD;cACvD,0B1B1FI,E0B2FJ;UApGnB;YAyGkB,WAAW;YACX,8BAA8B;YAC9B,0BAA0B,EAC1B;EA5GlB;IAqHG,uBAAuB;IACvB,eAAe,EACf;EAvHH;IA2HE,sB1BlHqB,E0BuHrB;IAhIF;MA6HG,0B1BpHoB;M0BqHpB,sB1BrHoB,E0BsHpB;EA/HH;IAoIG,0B1B5GoB,E0B6GpB;EArIH;IA0IG,0B1BjHiB,E0BkHjB;EA3IH;IAgJG,0B1BtHoB,E0BuHpB;EAjJH;IAsJG,0B1B3HmB,E0B4HnB;EAvJH;IA4JG,0B1BhIoB,E0BiIpB;EA7JH;;IAkKE,kBAAkB;IAClB,oBAAoB;IACpB,aAAa,EAGb;IAvKF;;MbEI,YAAY;MACZ,eAAe;MACf,YAAY,EACb;EaLH;IA0KE,oBAAoB,EACpB;EA3KF;;IA+KE,oBAAoB,EACpB;;AAIF;EACC,c1B7FoB,E0B2GpB;EAfD;IAIE,WAAW;IACX,0BAA0B,EAC1B;EjB7IE;IiBuIJ;MASE,c1BpGsB,E0B0GvB,EAAA;EjBzIG;IiB0HJ;MAaE,c1BvGsB,E0ByGvB,EAAA;;AAED;EACC,0BAA0B,EAC1B;;ACvMD;EACC,sBAAsB;EACtB,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,kBAAkB;EAElB,mBAAmB,EAsCnB;EA7CD;IAUE,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,0B3BJqB;I2BKrB,mBAAmB,EA8BnB;IA5CF;MAiBG,UAAU;MACV,QAAQ,EACR;IAnBH;MAsBG,WAAW;MACX,YAAY;MACZ,aAAa;MACb,WAAW,EACX;IA1BH;MA6BG,WAAW;MACX,YAAY;MACZ,YAAY;MACZ,WAAW,EACX;IAjCH;MAoCG,aAAa;MACb,WAAW,EACX;IAtCH;MAyCG,UAAU;MACV,WAAW,EACX;;AC3CH,kCAAkC;AAClC;EACI,WAAW;EACX,YAAY,EACf;;AAED,WAAW;AACX;EAII,iBAAiB,EACpB;;AAED,YAAY;AACZ;EAEI,iBAAiB;EACjB,oBAAkB,EAErB;;AACD;EACC,oB5BbsB,E4BctB;;ACvBD;EACC,aAAa;EACV,kBAAkB;EAClB,kBAAkB,EAyCrB;EA5CD;IAME,iBAAiB;IACjB,mBAAmB;IACnB,iBAAiB;IACjB,eAAe;IACf,mBAAmB;IACnB,iHAA8G,EAC9G;EAZF;IAeE,iBAAiB;IACjB,mBAAmB,EACnB;EAjBF;IAoBE,mBAAmB;IACnB,mBAAmB,EAKnB;IA1BF;MAwBG,oBAAoB,EACpB;EAzBH;IA6BE,mBAAmB;IACnB,SAAS;IACT,UAAU;IACV,qDAAsC;IAAtC,6CAAsC;IACtC,UAAU,EAUP;IA3CL;MAoCG,eAAe,EACf;IArCH;;MAyCG,eAAe,EACf;;ApBgBC;EoBXH;IACC,WAAW,EASX;IAVD;MAIE,mBAAmB;MACnB,SAAS;MACT,QAAQ;MACR,2BAAmB;MAAnB,mBAAmB;MACnB,kBAAkB,EAClB,EAAA;;ApBEC;EoBGH;IACC,WAAW,EASX;IAVD;MAIE,mBAAmB;MACnB,SAAS;MACT,QAAQ;MACR,2BAAmB;MAAnB,mBAAmB;MACnB,kBAAkB,EAClB,EAAA;;ACtEH;EACI,YACH,EAAC;;AAEF;EAEI;;IAEI,mBAAmB;IACnB,eAAe;IACf,aAAa;IACb,aAAa;IACb,YAAY;IACZ,UACH,EAAC;EACF;;IAEI,YAAY;IACZ,QACH,EAAC;EACF;;IAEI,YAAY;IACZ,QACH,EAAC;EACF;IACI,YAAY;IACZ,0BAA0B;IAC1B,kBAAkB;IAClB,eAAe;IACf,mBACH,EAAC;EACF;;IAEI,UAAU;IACV,oBACH,EAAC;EACF;;IAEI,8BACH,EAAC;EACF;IACI,qBAAqB;IACrB,wCAAwC;IAGxC,uBAAuB;IACvB,eAAe;IACf,kBAAkB,EACrB;EACD;IACI,eAAe;IACf,iBAAiB;IACjB,qBAAqB;IACrB,yCAAyC,EAC5C;EACD;IACI,eAAe;IACf,YACH,EAAC;EACF;IACI,eAAe,EAClB;EACD;IACI,eAAe;IACf,YAAY;IACZ,mBAAmB;IACnB,iBAAiB;IACjB,oBACH,EAAC;EACF;IACI,sBAAsB;IACtB,oBAAoB;IACpB,kBAAkB;IAClB,4BACH,EAAC,EAAA;;AC3EN;EAEE,YAAY;EACZ,iBAAiB;EACjB,mBAAmB;EACnB,kB/B8CkB;E+B7ClB,gBAAgB,EAMhB;EtB8CE;IsB1DJ;MASG,kB/B2CoB;M+B1CpB,gBAAgB,EAEjB,EAAA;;ACZF;EACC,0BhC2D6B;EgC1D7B,ahCqDoB;EgCpDpB,qBAAqB;EACrB,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,mCAA2B;EAA3B,2BAA2B;EAC3B,YAAY,EAqJZ;EvBpGG;IuB1DJ;MAaE,gBAAgB;MAChB,ahCyCmB,EgCuGpB,EAAA;EA9JD;IAkBE,gBAAgB,EAChB;EAnBF;IAsBE,QAAQ,EAER;EAxBF;IA2BE,mBAAmB;IACnB,OAAO;IACP,aAAa;IACb,YAAY;IACZ,QAAQ;IACR,iBAAiB;IACjB,mBAAmB,EAKnB;IAtCF;MAoCG,0BAAwB,EACxB;EArCH;IA0CE,gBAAgB,EAkHhB;IA5JF;;MAgDI,0BAA0B,EAC1B;IAjDJ;MAsDG,WAAW;MACX,YAAY;MACZ,iBAAiB,EAKjB;MARD;QAME,aAAa,EACb;IA5DJ;MAgEG,aAAa,EACb;IAjEH;MAuEG,gChCR0B;MgCS1B,sBAAsB,EACtB;IAzEH;;;MAiFG,ehC5DyB;MgC6DzB,0BhCrB6B,EgCsB7B;IAnFH;MA2FI,kBAAkB;MAClB,qBAAqB;MACrB,mBAAmB;MACnB,oBAAoB,EACpB;IA/FJ;;MAoGI,qCAA2C;MAC3C,0BAAqC,EACrC;IAtGJ;MA0GI,0BAAwB,EACxB;IA3GJ;MAgHK,iCAAiB;MAAjB,yBAAiB,EACjB;IAjHL;MAuHK,kBAAkB;MAClB,gBAAgB,EAYhB;MApIL;QA2HM,aAAa;QACb,gBAAgB;QAChB,qBAAqB;QACrB,kCAA0B;QAA1B,0BAA0B,EAK1B;QAnIN;UAiIO,4BAA4B,EAC5B;IAlIP;MAgJI,kBAAkB;MAClB,qBAAqB;MACrB,mBAAmB;MACnB,0BAAwB,EACxB;IApJJ;MAyJI,ehCpIwB,EgCqIxB;;AAMJ;EACC,mBAAmB;EACnB,cAAc;EACd,YAAY;EACZ,SAAS;EACT,OAAO;EACP,UAAU;EACV,WAAW;EACX,WAAW;EACX,sCAA8B;EAA9B,8BAA8B;EAC9B,YAAY,EAiBZ;EvBjIG;IuBsGJ;MAaE,eAAe,EAchB,EAAA;EvBjIG;IuBsGJ;MAiBE,qCAA0B,EAU3B,EAAA;EvBjIG;IuBsGJ;MAuBG,QAAQ;MACR,WAAW,EAEZ,EAAA;;AC1LF;EAEC,YAAY;EACZ,gCAAW;EACX,kBAAkB;EAClB,mBAAmB,EAKnB;EAVD;IAQE,oBAAoB,EACpB;;AAGF;EACC,gBAAgB;EAChB,UAAU;EACV,QAAQ;EACR,ajCuCoB,EiCqGpB;ExBlGG;IwB9CJ;MAYG,QAAQ,EAET,EAAA;ExBgCE;IwB9CJ;MAkBE,mCAA2B;MAA3B,2BAA2B;MAC3B,ajCwBmB,EiCqGpB,EAAA;EAhJD;IAwBG,0BjCwB2B;IiCvB3B,4CAA8B,EAC9B;EA1BH;;IA8BG,0BjCmB6B,EiClB7B;EA/BH;IAmCE,ajCQmB;IiCPnB,gCAAe;IACf,0BjCY8B;IiCX9B,mBAAmB;IACnB,mBAAmB;IACnB,8BjC3CqB,EiC8IrB;IA3IF;MA2CG,oBAAoB,EA+FpB;MA1IH;QA8CI,oBAAoB,EACpB;MA/CJ;QAkDI,iBAAiB,EAMjB;QAxDJ;UAsDK,gBAAgB,EAChB;MAvDL;QA6DK,WAAW;QACX,kBACA,EAAC;MA/DN;QAkEK,gBAAgB;QAChB,eAAe;QACf,gBAAgB,EAChB;MArEL;QAwEK,ejC3EkB,EiC4ElB;MAzEL;QA6EI,iBAAiB,EA4DjB;QAzIJ;UAgFK,sBAAsB;UACtB,iBAAiB;UACjB,kBAAkB,EAsDlB;UAxIL;YAqFM,eAAe;YACf,aAAa;YACb,YAAY;YACZ,kBAAkB;YAClB,gBAAgB,EA8ChB;YAvIN;cA4FO,0BAA0B;cAC1B,sBAAsB,EACtB;YA9FP;cAiGO,0BAA0B;cAC1B,sBAAsB,EACtB;YAnGP;cAsGO,0BAA0B;cAC1B,sBAAsB,EACtB;YAxGP;cA2GO,0BAA0B;cAC1B,sBAAsB,EACtB;YA7GP;cAgHO,0BAA0B;cAC1B,sBAAsB,EACtB;YAlHP;cAqHO,0BAA0B;cAC1B,sBAAsB,EACtB;YAvHP;cA0HO,mBAAmB;cACnB,yBAAyB;cACzB,gBAAgB;cAChB,kBAAkB,EASlB;cAtIP;gBAgIQ,iBAAiB;gBACjB,mBAAmB;gBACnB,OAAO;gBACP,QAAQ;gBACR,YAAY,EACZ;;ACjJR;EACC,0BlCcsB,EkCYtB;EA3BD;IAUE,8BlCKqB,EkCJrB;EAXF;IAeG,UAAU,EACV;EAhBH;IAqBE,gBAAgB,EAKhB;IA1BF;MAwBG,kBAAkB,EAClB;;ACzBH;EAEC,mBAAmB;EAGnB,mBnCwE0B,EmCX1B;E1BRG;I0B1DJ;MAQE,mBnC2EyB,EmCjB1B,EAAA;;A1BRG;E0B1DJ;IAYE,mBnCoEyB,EmCd1B,EAAA;;A1BRG;E0B1DJ;IAgBE,mBnC6DyB,EmCX1B,EAAA;E1BrBG;I0B7CJ;MAoBE,mBnCsDyB,EmCR1B,EAAA;EAlED;IAwBE,aAAa,EAKb;I1B6BE;M0B1DJ;QA2BG,gBAAgB,EAEjB,EAAA;EA7BF;IAgCE,mBAAmB;IACnB,enCdwB,EmC8CxB;IAjEF;MAoCG,mBAAmB;MACnB,qBAAqB;MACrB,eAAe;MACf,aAtC0B;MAuC1B,kBAvC0B;MAwC1B,QAAQ,EACR;IA1CH;MA6CG,8BAA8B;MAC9B,aAAa;MACb,mBAAmB;MACnB,aAAa;MACb,iBAAiB,EAKjB;M1BIC;Q0B1DJ;UAoDI,iBAAiB,EAElB,EAAA;IAtDH;MA8DG,6BAAiB;MAAjB,qBAAiB,EACjB;;AC/DH;EAEC,mBAAmB,EAoBnB;E3BoCG;I2B1DJ;MAKE,aAAa,EAiBd,EAAA;EAtBD;IASE,iBAAiB;IACjB,aAAa;IACb,iBAAiB;IACjB,epCHqB;IoCIrB,gBAAgB;IAChB,kBAAkB;IAClB,iBAAiB;IACjB,cAAc;IACd,WAAW;IACX,mBAAmB;IACnB,oBAAoB;IACpB,wBAAwB,EACxB;;ACrBF;EACC,0BrCcsB;EqCbtB,arCiDmB;EqChDnB,mBAAmB;EACnB,YrCmDoB;EqClDpB,SAAS;EACT,mCAA2B;EAA3B,2BAA2B;EAC3B,YAAY;EAEZ,qBAAc;EAAd,cAAc;EACd,0BAAoB;EAApB,oBAAoB;EACpB,0BAA+B;EAA/B,+BAA+B,EAqB/B;E5B0BG;I4B1DJ;MAeE,QAAQ,EAiBT,EAAA;E5B0BG;I4B1DJ;MAmBE,QAAQ;MACR,arCgCqB,EqCpBtB,EAAA;EAhCD;IAwBE,gBAAgB,EAChB;E5BiCE;I4B1DJ;MA6BG,aAAa,EAEd,EAAA;;AC/BF;EAGE,gBAAgB,EAuBhB;EA1BF;IAOG,oBAAoB,EACpB;EARH;IAWG,kBAAkB;IAClB,gBAAgB;IAChB,mBAAmB;IACnB,UAAU;IACV,WAAW,EACX;EAhBH;IAmBG,etCVoB;IsCWpB,kBAAkB,EAClB;E7BqCC;I6B1DJ;MAwBG,iBAAiB,EAElB,EAAA;;AA1BF;EA8BE,oBAAoB;EACpB,WAAW;EACX,SAAS;EACT,iBAAiB,EA2FjB;EA5HF;IAoCG,mBAAmB;IACnB,YAAY;IACZ,aAAa;IACb,mBAAmB,EAEnB;EAzCH;IA4CG,mBAAmB;IACnB,YAAY;IACZ,aAAa,EAEb;EAhDH;IAqDI,kDtCc4B;IsCb5B,aAAa,EAKb;IA3DJ;MAyDK,0BtCWiC,EsCVjC;EA1DL;IA+DI,oBAAoB;IACpB,aAAa,EACb;EAjEJ;IAoEI,aAAa;IACb,oBAAoB,EACpB;EAtEJ;IAyEI,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,oBAAoB;IACpB,sBAAsB;IrC9BtB,uBAAuB;IACvB,4BAA4B;IAC5B,6BAA6B,EqC+B7B;EAhFJ;IAoFI,etClEgB;IsCmEhB,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAChB,UAAU;IACV,oBAAoB,EAKpB;IA9FJ;MA4FK,kBAAkB,EAClB;EA7FL;IAqGG,mBAAmB,EAWnB;IAhHH;MAwGI,e3B5E+B;M2B6E/B,yBAAiB;MAAjB,iBAAiB,EAMjB;MA/GJ;QA4GK,0BtCxCiC;QsCyCjC,etCpGkB,EsCqGlB;E7BpDD;I6B1DJ;MAmHG,iBAAiB;MACjB,YAAY;MACZ,gBAAgB,EAOjB;MA5HF;QAyHI,aAAa,EACb,EAAA;;AC1HJ;EAGG,sBAAsB;EACtB,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,0BAAwB;EACxB,evCYyB;EuCXzB,mBAAmB;EACnB,mBAAmB;EACnB,6BAA6B;EAC7B,4BAA4B;EAC5B,uBAAuB;EACvB,uBAAuB,EACvB;;AAhBH;EAmBG,sBAAsB;EACtB,kBAAkB;EAClB,kBAAkB,EAKlB;E9BgCC;I8B1DJ;MAwBI,cAAc,EAEf,EAAA;;AA1BH;EA6BG,evCpBoB,EuCqBpB;;AA9BH;EAkCE,WAAW;EACX,SAAS;EACT,iBAAiB;EACjB,oBAAoB,EAsDpB;EA3FF;IAwCG,mBAAmB;IACnB,YAAY;IACZ,aAAa;IACb,mBAAmB,EAEnB;EA7CH;IAgDG,mBAAmB;IACnB,YAAY;IACZ,aAAa,EAEb;EApDH;IAuDG,mBAAmB,EAanB;IApEH;MAyDI,evChDmB;MuCiDnB,mBAAmB;MACnB,YAAY,EACZ;IA5DJ;MA+DI,sBAAsB;MACtB,kBAAkB;MAClB,iBAAiB;MACjB,evC/CsB,EuCgDtB;EAnEJ;IAuEG,WAAW,EACX;EAxEH;IA2EG,eAAe;IACf,WAAW,EACX;EA7EH;IAgFG,UAAU,EACV;EAjFH;IAoFG,+CvCjB6B,EuCkB7B;E9B3BC;I8B1DJ;MAyFG,gBAAgB,EAEjB,EAAA;;AC3FF;EACC,kBAAkB;EAClB,oBAAoB;EACpB,oBAAoB,EA4DpB;E/BLG;I+B1DJ;MAME,oBAAoB,EAyDrB,EAAA;EA/DD;I3BEI,YAAY;IACZ,eAAe;IACf,YAAY,EACb;E2BLH;IAYE,sBAAsB,EACtB;EAbF;IAiBE,UAAU;IACV,WAAW;IACX,iBAAiB,EACjB;EApBF;IAuBE,eAAe,EACf;EAxBF;IA4BE,oBAAoB;IACpB,mBAAmB,EAiBnB;IA9CF;MAgCG,eAAe;MACf,aAAa;MACb,WAAW;MACX,aAAa;MACb,SAAS;MACT,kBAAkB;MAClB,0BAAwB;MACxB,mBAAmB;MACnB,QAAQ,EACR;IAzCH;MA4CG,cAAc,EACd;EA7CH;IAkDE,gBAAgB;IAChB,exCjCkB,EwCsClB;IAxDF;MAsDG,exC7CoB,EwC8CpB;EAvDH;IA4DE,iBAAiB,EACjB;;AC7DF;EACC,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB,EAyBpB;EA7BD;IAOE,8BAA8B;IAC9B,0BAAyB;IACzB,eAAc;IACd,cAAc;IACd,sBAAsB,EAetB;IA1BF;MAgBG,0BAAwB;MACxB,eAAa,EACb;IhCwCC;MgC1DJ;QAuBI,cAAc,EACd,EAAA;;ACxBJ;EACC,uBAAuB;EACvB,mBAAmB;EACnB,Y1CoDoB;E0CnDpB,SAAS;EACT,UAAU;EACV,a1CoDmB;E0CnDnB,qBAAc;EAAd,cAAc;EACd,0BAA+B;EAA/B,+BAA+B;EAC/B,0BAAoB;EAApB,oBAAoB,EA0DpB;EAnED;IAYE,gBAAgB,EAChB;EAbF;IAiBE,uBAAuB;IACvB,kBAAkB;IAClB,mBAAmB,EAEnB;EArBF;IAwBE,uBAAuB,EACvB;EjCiCE;IiC1DJ;MA4BE,QAAQ,EAuCT,EAAA;EAnED;IAgCE,iBAAiB;IACjB,UAAU;IACV,WAAW,EA+BX;IAjEF;MAqCG,sBAAsB,EAmBtB;MAxDH;QAwCI,aAAa,EACb;MAzCJ;QA4CI,YAAY,EACZ;MjCaA;QiC1DJ;UAiDI,eAAe;UACf,kBAAkB,EAMnB;UAxDH;YAqDK,YAAY,EACZ,EAAA;IjCID;MiC1DJ;QA2DG,eAAe,EAMhB,EAAA;IjCPE;MiC1DJ;QA+DG,cAAc,EAEf,EAAA;;ACjEF;EAGQ,iBAAiB,EACpB;;AAJL;EASQ,0B3CAe;E2CCf,eAAe,EAClB;;AAXL;EAeY,iBAAiB,EACpB;;AChBT;EAEE,kBAAkB,EAElB;;AAJF;EAOQ,kBAAkB,EACrB;;AARL;EAWE,cAAc;EACd,mBAAmB,EAiBnB;EA7BF;IAeG,yBAAyB;IACzB,gBAAgB;IAChB,kCAA0B;IAA1B,0BAA0B;IAC1B,sBAAsB;IACtB,YAAY,EASZ;IA5BH;MAsBI,sCAAsB,EACtB;IAvBJ;MA0BI,sCAAsB,EACtB;;AA3BJ;EAgCE,cAAc,EAqBd;EArDF;IAmCG,mBAAmB;IACnB,2B5C3BoB;I4C4BpB,cAAc,EAed;IApDH;MAwCI,mBAAmB;MACnB,SAAS;MACT,UAAU;MACV,qDAAsC;MAAtC,6CAAsC,EAQtC;MAnDJ;QA8CK,UAAU;QACV,gBAAgB;QAChB,e5CvCkB;Q4CwClB,aAAa,EACb;;AClDL;EACC,mBAAmB;EACnB,YAAY;EACZ,oB7CoDoB;E6CnDpB,kBAAkB;EAClB,eAAe;EACf,QAAQ;EACR,0B7CSiB;E6CRjB,yBAAyB;EACzB,2DAAmD;EAAnD,mDAAmD;EACnD,iBAAiB,EA6DjB;EAvED;IAiBE,6B7C4DyB;I6C3DzB,kBAAkB,EA6BlB;IpCFE;MoC7CJ;QAwBG,8B7C+CwB,E6CxBzB,EAAA;;ApCWE;EoC1DJ;IA+BG,8B7C2CwB,E6C3BzB,EAAA;;ApCWE;EoC1DJ;IAsCG,6B7CuCwB,E6C9BzB,EAAA;IpCWE;MoC1DJ;QA6CG,6B7CmCwB,E6CjCzB,EAAA;EpCWE;IoC1DJ;MAmDE,gBAAgB,EAoBjB,EAAA;EpCbG;IoC1DJ;MA4DG,QAAQ,EAKT,EAAA;EAjEF;IAoEE,0BAA0B,EAC1B;;ACrEF;EAGE,mBAAmB,EACnB;;ArCsDE;EqC1DJ;IAQG,qBAAqB;IACrB,oBAAoB,EAqBrB,EAAA;;AA9BF;EAaG,gBAAgB,EAgBhB;EA7BH;IAgBI,mBAAmB,EAOnB;IAvBJ;MAmBK,kBAAkB;MAClB,mBAAmB;MACnB,YAAY,EACZ;ErCoCD;IqC1DJ;MA0BI,cAAc,EAGf,EAAA;;AA7BH;EAkCE,mBAAmB;EACnB,oBAAoB;EACpB,SAAS;EACT,OAAO,EASP;ErCYE;IqC1DJ;MAwCG,iBAAiB,EAMlB,EAAA;EA9CF;IA4CG,UAAU,EACV;;AA7CH;EAyDI,iBAAiB,EAGjB;;AA5DJ;EA+DI,iBAAiB;EACjB,YAAY;EACZ,mBAAmB;EACnB,iBAAiB,EAOjB;ErC5BA;IqC7CJ;MAsEM,aAAa,EACb,EAAA;;AAvEN;EA4EI,iBAAiB;EACjB,0BAA0B;EAC1B,mBAAmB;EAEnB,cAAc;EACd,oBAAY;EAAZ,aAAY,EACZ;;AAlFJ;EAqFI,kBAAkB;EAClB,iBAAiB,EACjB;;AAvFJ;EA0FI,mBAAmB,EACnB;;AA3FJ;EA8FI,iBAAiB;EACjB,iBAAiB,EACjB;;AAhGJ;EAmGI,iBAAiB;EACjB,sBAAc;EAAd,eAAc,EACd;;AArGJ;EAwGI,kBAAkB,EAClB;;ArC/CA;EqC1DJ;IAiHG,iBAAiB;IACjB,iBAAiB,EACjB;EAnHH;IAuHI,aAAa;IACb,oBAAoB;IACpB,uBAAuB;IACvB,iDAAgC,EAChC;EA3HJ;IA8HI,sBAAsB,EACtB;EA/HJ;IAmIK,oBvBhIiB;IuBgIjB,avBhIiB,EuBiIjB,EAAA;;ArC1ED;EqC1DJ;IAkJI,uBAAuB;IACvB,oBAAoB;IACpB,iDAAgC,EAChC;EArJJ;IAwJI,WAAW,EACX;EAzJJ;IA4JI,YAAY;IACZ,eAAe;IACf,mBAAmB;IACnB,OAAO;IACP,YAAY;IACZ,QAAQ;IACR,kBAAkB;IAClB,gBAAgB,EAChB;EApKJ;IA0KK,iC9C3JkB,E8CgKlB;IA/KL;MA6KM,cAAc,EACd;EA9KN;IAsLK,kBAAkB;IAClB,mBAAmB,EACnB;EAxLL;IA4LK,cAAc,EACd;EA7LL;IAgMK,mBvBhMqB;IuBiMrB,iBAAiB;IACjB,0BAA0B;IAC1B,mBAAmB;IACnB,8BAAgB,EAChB;EArML;IA6MK,mBvB7MqB;IuB8MrB,iBAAgB,EAChB;EA/ML;IAmNK,iBAAiB,EACjB;EApNL;IAuNK,mBAAmB,EACnB;EAxNL;IA2NK,mBAAmB,EACnB;EA5NL;IA+NK,mBAAmB,EACnB;EAhOL;IAmOK,oBvBnOqB;IuBoOrB,kBAAkB;IAClB,oBAAoB;IACpB,kBAAkB;IAClB,cAAc;IACd,oBvBrOiB;IuBqOjB,avBrOiB,EuBsOjB,EAAA;;ArC/KD;EqC1DJ;IAoPG,aAAa;IACb,kBAAkB;IAClB,oBAAoB;IACpB,uBAAuB;IACvB,iDAAgC,EAqEhC;IA7TH;MA4PI,kBAAkB;MAClB,iC9C9OmB;M8C+OnB,mBvB9PsB,EuB0TtB;MA1TJ;QAiQK,iBAAiB,EACjB;MAlQL;QAsQK,cAAc,EACd;MAvQL;QA2QM,oBAAoB,EACpB;MA5QN;QAgRK,iBAAiB;QACjB,kBAAkB;QAClB,aAAa;QACb,oBAAa;QAAb,aAAa;QACb,cAAc,EAUd;QA9RL;UAuRM,cAAc,EACd;QAxRN;UA2RM,gBAAgB;UAChB,oBAAoB,EACpB;MA7RN;QAiSK,aAAa;QACb,kBAAkB,EAClB;MAnSL;QAsSK,iBAAiB,EACjB;MAvSL;QA0SK,iBAAiB,EACjB;MA3SL;QA8SK,iBAAiB,EACjB;MA/SL;QAkTK,iBAAiB,EACjB;MAnTL;QAsTK,iBAAiB,EACjB,EAAA;;ACvTL;EACC,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,QAAQ;EACR,0BAA0B;EAC1B,mBAAmB;EACnB,iBAAiB,EACjB;;AAED;EACC,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,SAAS;EACT,UAAU;EACV,qDAAsC;EAAtC,6CAAsC,EAuCtC;EA7CD;IAUE,mBAAmB;IACnB,iC/CZqB,E+CarB;EAZF;IAeE,eAAe;IACf,cAAc;IACd,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;IACjB,UAAU,EACV;EArBF;IAwBE,mBAAmB;IACnB,kBAAkB,EAClB;EA1BF;IA6BE,kBAAkB,EAClB;EA9BF;IAkCG,WAAW,EACX;EAnCH;IAsCG,yBAAyB,EACzB;EAvCH;IA0CG,eAAe,EACf;;AtCKC;EsCAH;IACC,YAAY;IACZ,mBAAmB;IACnB,QAAQ;IACR,OAAO;IACP,2BAAmB;IAAnB,mBAAmB;IACnB,UAAU;IACV,oBAAoB,EAKpB;IAZD;MAUE,mBAAmB,EACnB,EAAA","file":"app.css","sourcesContent":["@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600);\n\n@import '_variables';\n@import '../bootstrap/scss/_variables';\n@import '../bootstrap/scss/_mixins';\n@import '_common/_styles/mixins';\n\nhtml,\nbody {\n\tpadding: 0;\n\tmargin: 0;\n\theight: 100%;\n\tmin-height: 100%;\n\tfont-family: 'Open Sans', sans-serif;\n\tcolor: $color-text;\n\toverflow-x: hidden;\n}\n\n.main-wrapper {\n\twidth: 100%;\n\tposition: absolute;\n\theight: 100%;\n\toverflow-y: auto;\n\toverflow-x: hidden;\n}\n\n#ref {\n\t.color-primary {\n\t\tcolor: $color-primary;\n\t}\n\n\t.chart {\n\t\t.color-primary {\n\t\t\tcolor: $chart-color-primary;\n\t\t}\n\t\t.color-secondary {\n\t\t\tcolor: $chart-color-secondary;\n\t\t}\n\t}\n}","/*************************************************************\n*\t\t\t\t\t\tApp Variables\n**************************************************************/\n\n\n/*************************************************************\n*\t\t\t\t\t Colors Definitions\n**************************************************************/\n\n$color-primary: #85CE36 !default;\n$color-primary-light: lighten($color-primary, 10%) !default; \n$color-primary-lighter: lighten($color-primary-light, 6%) !default; \n$color-primary-dark: darken($color-primary, 10%) !default;\n$color-primary-darker: darken($color-primary-dark, 6%) !default;\n\n$color-divider: #d7dde4 !default;\n$color-bg: #f0f3f6 !default;\n\n$color-text: #4f5f6f !default;\n$color-text-light: #7e8e9f !default;\n$color-text-muted: #C2CCD6;\n$color-text-inverse: #ffffff !default;\n$color-text-passive: #c5c5c5 !default;\n\n$color-success: #4bcf99 !default;\n$color-info: #76D4F5 !default;\n$color-warning: #fe974b !default;\n$color-danger: #FF4444 !default;\n$color-inverse: #131e26 !default;\n\n\n/*************************************************************\n*\t\t\t\t\tCommon Element Variables\n**************************************************************/\n\n// Buttons\n$btn-radius: 25px !default;\n\n$btn-primary-color: $color-primary !default;\n$btn-primary-color-text: $color-text-inverse !default;\n\n\n// Links\n$link-color: #969696 !default;\n$link-transition: initial;\n$link-decoration: underline;\n\n$link-hover-color: darken($color-primary, 8%) !default;\n$link-hover-decoration: underline !default;\n\n// Header\n$header-height: 70px !default;\n$header-height-xs: 50px !default;\n\n// Sidebar\n$sidebar-width: 230px !default;\n\n// Footer\n$footer-height: 50px !default;\n\n$sidebar-color-primary: darken(#4f5f6f, 10%) !default;\n$sidebar-color-secondary: darken($sidebar-color-primary, 6%) !default;\n\n$sidebar-color-text: fade-out($color-text-inverse, 0.5) !default;\n$sidebar-color-text-active: $color-text-inverse;\n\n// Dropdowns\n$dropbown-color-border: fade-out($color-text-light, 0.9) !default;\n$dropdown-link-hover-color-bg: #f5f5f5 !default;\n\n// Content\n$content-padding-x-xl: 40px !default;\n$content-padding-y-xl: 35px !default;\n\n$content-padding-x-lg: 35px !default;\n$content-padding-y-lg: 30px !default;\n\n$content-padding-x-md: 20px !default;\n$content-padding-y-md: 25px !default;\n\n$content-padding-x-sm: 20px !default;\n$content-padding-y-sm: 20px !default;\n\n$content-padding-x-xs: 10px !default;\n$content-padding-y-xs: 15px !default;\n\n\n// Card\n$card-padding-x: 15px !default;\n$card-padding-x-xl: 20px !default;\n$card-padding-x-sm: 10px !default;\n\n$card-margin-bottom: 10px;\n\n// Item list\n$item-list-color-border: lighten($color-divider, 6%) !default;\n\n// Charts\n$chart-color-primary: $color-primary !default;\n$chart-color-secondary: lighten($chart-color-primary, 10%) !default;\n\n\n\n/* ***************************************************\n*\t\t\tPage Specific Element Variables\n****************************************************** */\n\n// Dashboard\n$dashboard-stat-icon-color: #BDBDBD !default;","@import '../../../../bootstrap/scss/mixins';\n\n// /*****************************************\n// *\t\tTriangle Creation Mixin\n// ******************************************/\n\n// @mixin triangle-base() {\n// content: '';\n// display: block;\n// width: 0;\n// height: 0;\n// -moz-transform: scale(.9999);\n// }\n// @mixin triangle($direction, $size, $color) {\n// @include triangle($direction, $size * 2, $size, $color);\n// }\n// @mixin triangle($direction, $width, $height, $color) when ($direction = up) {\n// @include triangle-base();\n// border-left: ($width / 2) solid transparent;\n// border-right: ($width / 2) solid transparent;\n// border-bottom: $height solid $color;\n// }\n// @mixin triangle($direction, $width, $height, $color) when ($direction = down) {\n// @include triangle-base();\n// border-left: ($width / 2) solid transparent;\n// border-right: ($width / 2) solid transparent;\n// border-top: $height solid $color;\n// }\n// @mixin triangle($direction, $width, $height, $color) when ($direction = left) {\n// @include triangle-base();\n// border-top: ($width / 2) solid transparent;\n// border-bottom: ($width / 2) solid transparent;\n// border-right: $height solid $color;\n// }\n// @mixin triangle($direction, $width, $height, $color) when ($direction = right) {\n// @include triangle-base();\n// border-top: ($width / 2) solid transparent;\n// border-bottom: ($width / 2) solid transparent;\n// border-left: $height solid $color;\n// }\n\n\n/*****************************************\n* Background-image: cover mixin\n******************************************/\n\n@mixin bg-cover() {\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n}\n\n/*****************************************\n* Media Query Mixins\n******************************************/\n\n// Specified breakpoint\n@mixin media($name) {\n\t@include media-breakpoint-only($name) {\n\t\t@content;\n\t};\n}\n\n// Larger than specified breakpoint\n@mixin media-up($name) {\n\t@include media-breakpoint-up($name) {\n\t\t@content;\n\t};\n}\n\n// smaller than specified breakpoint\n@mixin media-down($name) {\n\t@include media-breakpoint-down($name) {\n\t\t@content;\n\t};\n}\n\n// /******************************************\n// * Placeholder\n// *******************************************/\n@mixin placeholder() {\n\t&::-webkit-input-placeholder { /* WebKit, Blink, Edge */\n\t\t@content;\n\t}\n\t&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */\n\t\t@content;\n\t}\n\t&::-moz-placeholder { /* Mozilla Firefox 19+ */\n\t\t@content;\n\t}\n\t&:-ms-input-placeholder { /* Internet Explorer 10-11 */\n\t\t@content;\n\t}\n}\n\n\n// /******************************************\n// * Hardware Acceleration\n// *******************************************/\n\n@mixin accelerate() {\n transform: translate3d(0, 0, 0);\n}","a:not(.btn) {\n\t// display: inline-block;\n\t// position: relative;\n\t// overflow: hidden;\n\t// vertical-align: top;\n\t// z-index: 0;\n\ttransition: $link-transition;\n\ttext-decoration: $link-decoration;\n\tcolor: $link-color;\n\n\t// &:before {\n\t// \t&:extend(.underline-animation);\n\t// }\n\n\t&:hover{\n\t\ttext-decoration: $link-hover-decoration;\n\t\tcolor: $link-hover-color;\n\n\t\t&:before {\n\t\t\ttransform: scaleX(1);\n\t\t}\n\t}\n\n\t&:focus {\n\t\ttext-decoration: none;\n\t}\n}\n\nspan a {\n\tvertical-align: text-bottom; \t\t\n} \n\n\n[class^='nav'],\n[class*=' nav'] {\n\tli > a {\n\t\t// Display these anchors as block\n\t\tdisplay: block;\n\n\t\t// Hide underline in anchors which are inside LI tag\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n\n.nav {\n\t&.nav-tabs-bordered {\n\t\tborder-color: $color-primary;\n\n\t\t& + .tab-content {\n\t\t\tborder-style: solid;\n\t\t border-width: 0 1px 1px 1px;\n\t\t border-color: $color-primary;\n\t\t padding: 10px 20px 0;\n\t\t}\n\n\t\t.nav-item {\n\n\t\t\t.nav-link {\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: #ffffff;\t\n\t\t\t\t\tbackground-color: $color-primary;\n\t\t\t\t\tborder: 1px solid $color-primary;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tborder-color: $color-primary;\n\t\t\t\t\tborder-bottom-color: transparent;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: #ffffff;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.nav-pills {\n\n\t\t& + .tab-content {\n\t\t\tborder: 0;\n\t\t\tpadding: 5px;\n\t\t}\n\n\t\t.nav-item {\n\n\t\t\t.nav-link {\n\t\t\t\ttext-decoration: none;\n\t\t\t\t\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $color-text;\t\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\tborder: 0;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tborder-color: $color-primary;\n\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\tbackground-color: $color-primary;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: $color-primary;\n\t\t\t\t\t\tcolor: #ffffff;\t\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600);\n/*************************************************************\n*\t\t\t\t\t\tApp Variables\n**************************************************************/\n/*************************************************************\n*\t\t\t\t\t Colors Definitions\n**************************************************************/\n/*************************************************************\n*\t\t\t\t\tCommon Element Variables\n**************************************************************/\n/* ***************************************************\n*\t\t\tPage Specific Element Variables\n****************************************************** */\n/*****************************************\n* Background-image: cover mixin\n******************************************/\n/*****************************************\n* Media Query Mixins\n******************************************/\nhtml,\nbody {\n padding: 0;\n margin: 0;\n height: 100%;\n min-height: 100%;\n font-family: 'Open Sans', sans-serif;\n color: #4f5f6f;\n overflow-x: hidden; }\n\n.main-wrapper {\n width: 100%;\n position: absolute;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden; }\n\n#ref .color-primary {\n color: #85CE36; }\n\n#ref .chart .color-primary {\n color: #85CE36; }\n\n#ref .chart .color-secondary {\n color: #9ed85f; }\n\n/*************************************************************\n*\t\t\t\t\t\tApp Variables\n**************************************************************/\n/*************************************************************\n*\t\t\t\t\t Colors Definitions\n**************************************************************/\n/*************************************************************\n*\t\t\t\t\tCommon Element Variables\n**************************************************************/\n/* ***************************************************\n*\t\t\tPage Specific Element Variables\n****************************************************** */\na:not(.btn) {\n transition: initial;\n text-decoration: underline;\n color: #969696; }\n a:not(.btn):hover {\n text-decoration: underline;\n color: #70b02b; }\n a:not(.btn):hover:before {\n transform: scaleX(1); }\n a:not(.btn):focus {\n text-decoration: none; }\n\nspan a {\n vertical-align: text-bottom; }\n\n[class^='nav'] li > a,\n[class*=' nav'] li > a {\n display: block; }\n [class^='nav'] li > a:before,\n [class*=' nav'] li > a:before {\n display: none; }\n\n.nav.nav-tabs-bordered {\n border-color: #85CE36; }\n .nav.nav-tabs-bordered + .tab-content {\n border-style: solid;\n border-width: 0 1px 1px 1px;\n border-color: #85CE36;\n padding: 10px 20px 0; }\n .nav.nav-tabs-bordered .nav-item .nav-link {\n text-decoration: none; }\n .nav.nav-tabs-bordered .nav-item .nav-link:hover {\n color: #ffffff;\n background-color: #85CE36;\n border: 1px solid #85CE36; }\n .nav.nav-tabs-bordered .nav-item .nav-link.active {\n border-color: #85CE36;\n border-bottom-color: transparent; }\n .nav.nav-tabs-bordered .nav-item .nav-link.active:hover {\n background-color: #ffffff;\n color: inherit; }\n\n.nav.nav-pills + .tab-content {\n border: 0;\n padding: 5px; }\n\n.nav.nav-pills .nav-item .nav-link {\n text-decoration: none; }\n .nav.nav-pills .nav-item .nav-link:hover {\n color: #4f5f6f;\n background-color: transparent;\n border: 0; }\n .nav.nav-pills .nav-item .nav-link.active {\n border-color: #85CE36;\n border-bottom-color: transparent;\n background-color: #85CE36; }\n .nav.nav-pills .nav-item .nav-link.active:hover {\n background-color: #85CE36;\n color: #ffffff; }\n\n.animated {\n animation-duration: .5s;\n animation-delay: .1s; }\n\n.btn {\n background-image: none;\n border-radius: 0;\n margin-bottom: 5px; }\n .btn.btn-primary {\n color: #ffffff;\n background-color: #85CE36;\n border-color: #85CE36; }\n .btn.btn-primary:hover {\n color: #ffffff;\n background-color: #6ba829;\n border-color: #66a027; }\n .btn.btn-primary:focus, .btn.btn-primary.focus {\n color: #ffffff;\n background-color: #6ba829;\n border-color: #66a027; }\n .btn.btn-primary:active, .btn.btn-primary.active,\n .open > .btn.btn-primary.dropdown-toggle {\n color: #ffffff;\n background-color: #6ba829;\n border-color: #66a027;\n background-image: none; }\n .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus,\n .open > .btn.btn-primary.dropdown-toggle:hover,\n .open > .btn.btn-primary.dropdown-toggle:focus,\n .open > .btn.btn-primary.dropdown-toggle.focus {\n color: #ffffff;\n background-color: #598b22;\n border-color: #446b1a; }\n .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus {\n background-color: #85CE36;\n border-color: #85CE36; }\n .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover {\n background-color: #85CE36;\n border-color: #85CE36; }\n .btn.btn-secondary {\n color: #4f5f6f;\n background-color: #fff;\n border-color: #d7dde4; }\n .btn.btn-secondary:hover {\n color: #4f5f6f;\n background-color: #e6e6e6;\n border-color: #b2becb; }\n .btn.btn-secondary:focus, .btn.btn-secondary.focus {\n color: #4f5f6f;\n background-color: #e6e6e6;\n border-color: #b2becb; }\n .btn.btn-secondary:active, .btn.btn-secondary.active,\n .open > .btn.btn-secondary.dropdown-toggle {\n color: #4f5f6f;\n background-color: #e6e6e6;\n border-color: #b2becb;\n background-image: none; }\n .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus,\n .open > .btn.btn-secondary.dropdown-toggle:hover,\n .open > .btn.btn-secondary.dropdown-toggle:focus,\n .open > .btn.btn-secondary.dropdown-toggle.focus {\n color: #4f5f6f;\n background-color: #d4d4d4;\n border-color: #8b9cb1; }\n .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus {\n background-color: #fff;\n border-color: #d7dde4; }\n .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover {\n background-color: #fff;\n border-color: #d7dde4; }\n .btn.btn-success {\n color: #ffffff;\n background-color: #4bcf99;\n border-color: #4bcf99; }\n .btn.btn-success:hover {\n color: #ffffff;\n background-color: #31b680;\n border-color: #2eae7a; }\n .btn.btn-success:focus, .btn.btn-success.focus {\n color: #ffffff;\n background-color: #31b680;\n border-color: #2eae7a; }\n .btn.btn-success:active, .btn.btn-success.active,\n .open > .btn.btn-success.dropdown-toggle {\n color: #ffffff;\n background-color: #31b680;\n border-color: #2eae7a;\n background-image: none; }\n .btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus,\n .open > .btn.btn-success.dropdown-toggle:hover,\n .open > .btn.btn-success.dropdown-toggle:focus,\n .open > .btn.btn-success.dropdown-toggle.focus {\n color: #ffffff;\n background-color: #299a6c;\n border-color: #217a55; }\n .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus {\n background-color: #4bcf99;\n border-color: #4bcf99; }\n .btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover {\n background-color: #4bcf99;\n border-color: #4bcf99; }\n .btn.btn-info {\n color: #ffffff;\n background-color: #76D4F5;\n border-color: #76D4F5; }\n .btn.btn-info:hover {\n color: #ffffff;\n background-color: #46c5f2;\n border-color: #3dc2f1; }\n .btn.btn-info:focus, .btn.btn-info.focus {\n color: #ffffff;\n background-color: #46c5f2;\n border-color: #3dc2f1; }\n .btn.btn-info:active, .btn.btn-info.active,\n .open > .btn.btn-info.dropdown-toggle {\n color: #ffffff;\n background-color: #46c5f2;\n border-color: #3dc2f1;\n background-image: none; }\n .btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus,\n .open > .btn.btn-info.dropdown-toggle:hover,\n .open > .btn.btn-info.dropdown-toggle:focus,\n .open > .btn.btn-info.dropdown-toggle.focus {\n color: #ffffff;\n background-color: #25bbef;\n border-color: #10a7db; }\n .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus {\n background-color: #76D4F5;\n border-color: #76D4F5; }\n .btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover {\n background-color: #76D4F5;\n border-color: #76D4F5; }\n .btn.btn-warning {\n color: #ffffff;\n background-color: #fe974b;\n border-color: #fe974b; }\n .btn.btn-warning:hover {\n color: #ffffff;\n background-color: #fe7a18;\n border-color: #fe740e; }\n .btn.btn-warning:focus, .btn.btn-warning.focus {\n color: #ffffff;\n background-color: #fe7a18;\n border-color: #fe740e; }\n .btn.btn-warning:active, .btn.btn-warning.active,\n .open > .btn.btn-warning.dropdown-toggle {\n color: #ffffff;\n background-color: #fe7a18;\n border-color: #fe740e;\n background-image: none; }\n .btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus,\n .open > .btn.btn-warning.dropdown-toggle:hover,\n .open > .btn.btn-warning.dropdown-toggle:focus,\n .open > .btn.btn-warning.dropdown-toggle.focus {\n color: #ffffff;\n background-color: #f16701;\n border-color: #c85601; }\n .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus {\n background-color: #fe974b;\n border-color: #fe974b; }\n .btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover {\n background-color: #fe974b;\n border-color: #fe974b; }\n .btn.btn-danger {\n color: #ffffff;\n background-color: #FF4444;\n border-color: #FF4444; }\n .btn.btn-danger:hover {\n color: #ffffff;\n background-color: #ff1111;\n border-color: #ff0707; }\n .btn.btn-danger:focus, .btn.btn-danger.focus {\n color: #ffffff;\n background-color: #ff1111;\n border-color: #ff0707; }\n .btn.btn-danger:active, .btn.btn-danger.active,\n .open > .btn.btn-danger.dropdown-toggle {\n color: #ffffff;\n background-color: #ff1111;\n border-color: #ff0707;\n background-image: none; }\n .btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus,\n .open > .btn.btn-danger.dropdown-toggle:hover,\n .open > .btn.btn-danger.dropdown-toggle:focus,\n .open > .btn.btn-danger.dropdown-toggle.focus {\n color: #ffffff;\n background-color: #ec0000;\n border-color: #c40000; }\n .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus {\n background-color: #FF4444;\n border-color: #FF4444; }\n .btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover {\n background-color: #FF4444;\n border-color: #FF4444; }\n .btn.btn-primary-outline {\n color: #85CE36;\n background-image: none;\n background-color: transparent;\n border-color: #85CE36; }\n .btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus, .btn.btn-primary-outline:active, .btn.btn-primary-outline.active,\n .open > .btn.btn-primary-outline.dropdown-toggle {\n color: #fff;\n background-color: #85CE36;\n border-color: #85CE36; }\n .btn.btn-primary-outline:hover {\n color: #fff;\n background-color: #85CE36;\n border-color: #85CE36; }\n .btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline:disabled:focus, .btn.btn-primary-outline:disabled.focus {\n border-color: #b7e288; }\n .btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline:disabled:hover {\n border-color: #b7e288; }\n .btn.btn-secondary-outline {\n color: #d7dde4;\n background-image: none;\n background-color: transparent;\n border-color: #d7dde4; }\n .btn.btn-secondary-outline:focus, .btn.btn-secondary-outline.focus, .btn.btn-secondary-outline:active, .btn.btn-secondary-outline.active,\n .open > .btn.btn-secondary-outline.dropdown-toggle {\n color: #fff;\n background-color: #d7dde4;\n border-color: #d7dde4; }\n .btn.btn-secondary-outline:hover {\n color: #fff;\n background-color: #d7dde4;\n border-color: #d7dde4; }\n .btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline:disabled:focus, .btn.btn-secondary-outline:disabled.focus {\n border-color: white; }\n .btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline:disabled:hover {\n border-color: white; }\n .btn.btn-info-outline {\n color: #76D4F5;\n background-image: none;\n background-color: transparent;\n border-color: #76D4F5; }\n .btn.btn-info-outline:focus, .btn.btn-info-outline.focus, .btn.btn-info-outline:active, .btn.btn-info-outline.active,\n .open > .btn.btn-info-outline.dropdown-toggle {\n color: #fff;\n background-color: #76D4F5;\n border-color: #76D4F5; }\n .btn.btn-info-outline:hover {\n color: #fff;\n background-color: #76D4F5;\n border-color: #76D4F5; }\n .btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline:disabled:focus, .btn.btn-info-outline:disabled.focus {\n border-color: #d5f2fc; }\n .btn.btn-info-outline.disabled:hover, .btn.btn-info-outline:disabled:hover {\n border-color: #d5f2fc; }\n .btn.btn-success-outline {\n color: #4bcf99;\n background-image: none;\n background-color: transparent;\n border-color: #4bcf99; }\n .btn.btn-success-outline:focus, .btn.btn-success-outline.focus, .btn.btn-success-outline:active, .btn.btn-success-outline.active,\n .open > .btn.btn-success-outline.dropdown-toggle {\n color: #fff;\n background-color: #4bcf99;\n border-color: #4bcf99; }\n .btn.btn-success-outline:hover {\n color: #fff;\n background-color: #4bcf99;\n border-color: #4bcf99; }\n .btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline:disabled:focus, .btn.btn-success-outline:disabled.focus {\n border-color: #9ce4c7; }\n .btn.btn-success-outline.disabled:hover, .btn.btn-success-outline:disabled:hover {\n border-color: #9ce4c7; }\n .btn.btn-warning-outline {\n color: #fe974b;\n background-image: none;\n background-color: transparent;\n border-color: #fe974b; }\n .btn.btn-warning-outline:focus, .btn.btn-warning-outline.focus, .btn.btn-warning-outline:active, .btn.btn-warning-outline.active,\n .open > .btn.btn-warning-outline.dropdown-toggle {\n color: #fff;\n background-color: #fe974b;\n border-color: #fe974b; }\n .btn.btn-warning-outline:hover {\n color: #fff;\n background-color: #fe974b;\n border-color: #fe974b; }\n .btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline:disabled:focus, .btn.btn-warning-outline:disabled.focus {\n border-color: #ffd2b0; }\n .btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline:disabled:hover {\n border-color: #ffd2b0; }\n .btn.btn-danger-outline {\n color: #FF4444;\n background-image: none;\n background-color: transparent;\n border-color: #FF4444; }\n .btn.btn-danger-outline:focus, .btn.btn-danger-outline.focus, .btn.btn-danger-outline:active, .btn.btn-danger-outline.active,\n .open > .btn.btn-danger-outline.dropdown-toggle {\n color: #fff;\n background-color: #FF4444;\n border-color: #FF4444; }\n .btn.btn-danger-outline:hover {\n color: #fff;\n background-color: #FF4444;\n border-color: #FF4444; }\n .btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline:disabled:focus, .btn.btn-danger-outline:disabled.focus {\n border-color: #ffaaaa; }\n .btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline:disabled:hover {\n border-color: #ffaaaa; }\n .btn.btn-pill-left:focus, .btn.btn-pill-right:focus, .btn.btn-oval:focus {\n outline: none;\n outline-offset: initial; }\n .btn.btn-pill-left {\n border-top-left-radius: 25px;\n border-bottom-left-radius: 25px; }\n .btn.btn-pill-right {\n border-top-right-radius: 25px;\n border-bottom-right-radius: 25px; }\n .btn.btn-oval {\n border-radius: 25px; }\n .btn.btn-link {\n text-decoration: none; }\n .btn strong {\n font-weight: 600; }\n\n.btn-group .dropdown-menu > li:last-child a:hover:before {\n height: 0px;\n transform: scaleX(0); }\n\n.title {\n font-size: 1.45rem;\n font-weight: 600;\n margin-bottom: 0; }\n .title.l {\n font-size: 1.6rem; }\n .title.s {\n font-size: 1.4rem; }\n .card .title {\n font-size: 1.1rem;\n color: #4f5f6f; }\n\n.title-description {\n margin: 0;\n font-size: 0.9rem;\n font-weight: normal;\n color: #7e8e9f; }\n .title-description.s {\n font-size: 0.8rem; }\n @media (max-width: 767px) {\n .title-description {\n display: none; } }\n\n.subtitle {\n font-size: 1.2rem;\n margin: 0;\n color: #7e8e9f; }\n\n.text-primary {\n color: #85CE36; }\n\n.text-muted {\n color: #9ba8b5; }\n\npre {\n padding: 0;\n border: none;\n background: none; }\n\n/*****************************************\n* Background-image: cover mixin\n******************************************/\n/*****************************************\n* Media Query Mixins\n******************************************/\n.underline-animation {\n position: absolute;\n top: auto;\n bottom: 1px;\n left: 0;\n width: 100%;\n height: 1px;\n background-color: #85CE36;\n content: '';\n transition: all 0.2s;\n backface-visibility: hidden;\n transform: scaleX(0); }\n\n.stat-chart {\n border-radius: 50%; }\n\n.stat {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n margin-right: 10px; }\n .stat .value {\n font-size: 20px;\n line-height: 24px;\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: 500; }\n .stat .name {\n overflow: hidden;\n text-overflow: ellipsis; }\n .stat.lg .value {\n font-size: 26px;\n line-height: 28px; }\n .stat.lg .name {\n font-size: 16px; }\n\n.list-icon [class^='col'] {\n cursor: pointer; }\n .list-icon [class^='col'] em {\n font-size: 14px;\n width: 40px;\n vertical-align: middle;\n margin: 0;\n display: inline-block;\n text-align: center;\n -webkit-transition: all 1s;\n -o-transition: all 1s;\n transition: all 1s;\n line-height: 30px; }\n .list-icon [class^='col']:hover em {\n transform: scale(2, 2); }\n\n.well {\n background-image: none;\n background-color: #fff; }\n\n.jumbotron {\n background-image: none;\n background-color: #fff;\n padding: 15px 30px; }\n .jumbotron.jumbotron-fluid {\n padding-left: 0;\n padding-right: 0; }\n\n.rounded {\n border-radius: 0.25rem; }\n\n.rounded-l {\n border-radius: 0.3rem; }\n\n.rounded-s {\n border-radius: 0.2rem; }\n\n.jqstooltip {\n height: 25px !important;\n width: auto !important;\n border-radius: 0.2rem; }\n\n.row .col {\n padding-left: 0.9375rem;\n padding-right: 0.9375rem;\n float: left; }\n\n.row-sm {\n margin-left: -10px;\n margin-right: -10px; }\n .row-sm [class^='col'] {\n padding-left: 10px;\n padding-right: 10px; }\n\n.title-block {\n padding-bottom: 15px;\n margin-bottom: 30px;\n border-bottom: 1px solid #d7dde4; }\n .title-block::after {\n content: \"\";\n display: table;\n clear: both; }\n @media (max-width: 767px) {\n .title-block {\n margin-bottom: 20px; } }\n\n.subtitle-block {\n padding-bottom: 10px;\n margin-bottom: 20px;\n border-bottom: 1px dashed #e0e5ea; }\n\n.section {\n display: block;\n margin-bottom: 15px; }\n @media (min-width: 1200px) {\n .section {\n margin-bottom: 25px; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .section {\n margin-bottom: 20px; } }\n\n@media (min-width: 768px) and (max-width: 991px) {\n .section {\n margin-bottom: 15px; } }\n @media (max-width: 767px) {\n .section {\n margin-bottom: 10px; } }\n .section:last-of-type {\n margin-bottom: 0; }\n\n.box-placeholder {\n margin-bottom: 15px;\n padding: 20px;\n border: 1px dashed #ddd;\n background: #fafafa;\n color: #444;\n cursor: pointer; }\n\n.easy-pie-chart {\n width: 50px;\n height: 50px;\n display: inline-block;\n background-color: #d7dde4;\n border-radius: 5px; }\n\ninput,\ntextarea {\n outline: none; }\n\n.form-group .row {\n margin-left: -10px;\n margin-right: -10px; }\n .form-group .row [class^='col'] {\n padding-left: 10px;\n padding-right: 10px; }\n\n.form-group.has-error span.has-error {\n color: #FF4444;\n font-size: 13px;\n display: block !important; }\n\n.form-group.has-error .form-control-feedback {\n color: #FF4444; }\n\n.form-group.has-warning span.has-warning {\n color: #fe974b;\n font-size: 13px;\n display: block !important; }\n\n.form-group.has-warning .form-control-feedback {\n color: #fe974b; }\n\n.form-group.has-success span.has-success {\n color: #4bcf99;\n font-size: 13px;\n display: block !important; }\n\n.form-group.has-success .form-control-feedback {\n color: #4bcf99; }\n\n/* Input groups */\n.input-group {\n margin-bottom: 10px; }\n .input-group .form-control {\n padding-left: 5px; }\n .input-group span.input-group-addon {\n font-style: italic;\n border: none;\n border-radius: 0;\n border: none;\n background-color: #d7dde4;\n transition: background-color ease-in-out 15s, color ease-in-out .15s; }\n .input-group span.input-group-addon.focus {\n background-color: #85CE36;\n color: #ffffff; }\n\nlabel,\n.control-label {\n font-weight: 600; }\n\n.form-control.underlined {\n padding-left: 0;\n padding-right: 0;\n border-radius: 0;\n border: none;\n border-radius: 0;\n box-shadow: none;\n border-bottom: 1px solid #d7dde4; }\n .form-control.underlined.indented {\n padding: .375rem .75rem; }\n .has-error .form-control.underlined:focus,\n .has-warning .form-control.underlined:focus,\n .has-success .form-control.underlined:focus, .form-control.underlined:focus {\n border: none;\n box-shadow: none;\n border-bottom: 1px solid #85CE36; }\n .has-error .form-control.underlined {\n box-shadow: none;\n border-color: #FF4444; }\n .has-warning .form-control.underlined {\n box-shadow: none;\n border-color: #fe974b; }\n .has-success .form-control.underlined {\n box-shadow: none;\n border-color: #4bcf99; }\n\n.form-control.boxed {\n border-radius: 0;\n box-shadow: none; }\n .form-control.boxed:focus {\n border: 1px solid #85CE36; }\n\n.radio,\n.checkbox {\n display: none; }\n .radio + span,\n .checkbox + span {\n padding: 0;\n padding-right: 10px; }\n .radio + span:before,\n .checkbox + span:before {\n font-family: FontAwesome;\n font-size: 21px;\n display: inline-block;\n vertical-align: middle;\n letter-spacing: 10px;\n color: #c8d0da; }\n .radio:checked + span:before,\n .checkbox:checked + span:before {\n color: #85CE36; }\n .radio:disabled + span:before,\n .checkbox:disabled + span:before {\n opacity: 0.5;\n cursor: not-allowed; }\n .radio:checked:disabled + span:before,\n .checkbox:checked:disabled + span:before {\n color: #c8d0da; }\n\n.checkbox + span:before {\n content: \"\\f0c8\"; }\n\n.checkbox:checked + span:before {\n content: \"\\f14a\"; }\n\n.checkbox.rounded + span:before {\n content: \"\\f111\"; }\n\n.checkbox.rounded:checked + span:before {\n content: \"\\f058\"; }\n\n.radio + span:before {\n content: \"\\f111\"; }\n\n.radio:checked + span:before {\n content: \"\\f192\"; }\n\n.radio.squared + span:before {\n content: \"\\f0c8\"; }\n\n.radio.squared:checked + span:before {\n content: \"\\f14a\"; }\n\n.form-control::-webkit-input-placeholder {\n font-style: italic;\n color: #c8d0da; }\n\n.form-control:-moz-placeholder {\n /* Firefox 18- */\n font-style: italic;\n color: #d7dde4; }\n\n.form-control::-moz-placeholder {\n /* Firefox 19+ */\n font-style: italic;\n color: #d7dde4; }\n\n.form-control:-ms-input-placeholder {\n font-style: italic;\n color: #d7dde4; }\n\n.images-container::after {\n content: \"\";\n display: table;\n clear: both; }\n\n.images-container .image-container {\n float: left;\n padding: 3px;\n margin-right: 10px;\n margin-bottom: 35px;\n position: relative;\n border: 1px solid #e6eaee;\n overflow: hidden; }\n .images-container .image-container.active {\n border-color: #85CE36; }\n .images-container .image-container:hover .controls {\n bottom: 0;\n opacity: 1; }\n\n.images-container .controls {\n position: absolute;\n left: 0;\n right: 0;\n opacity: 0;\n bottom: -35px;\n text-align: center;\n height: 35px;\n font-size: 24px;\n transition: bottom 0.2s ease, opacity 0.2s ease;\n background-color: #fff; }\n .images-container .controls::after {\n content: \"\";\n display: table;\n clear: both; }\n .images-container .controls .control-btn {\n display: inline-block;\n color: #4f5f6f;\n cursor: pointer;\n width: 35px;\n height: 35px;\n line-height: 35px;\n text-align: center;\n opacity: 0.5;\n transition: opacity 0.3s ease; }\n .images-container .controls .control-btn:hover {\n opacity: 1; }\n .images-container .controls .control-btn.move {\n cursor: move; }\n .images-container .controls .control-btn.star {\n color: #FFB300; }\n .images-container .controls .control-btn.star i:before {\n content: \"\\f006\"; }\n .images-container .controls .control-btn.star.active i:before {\n content: \"\\f005\"; }\n .images-container .controls .control-btn.remove {\n color: #FF4444; }\n\n.images-container .image {\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n width: 130px;\n height: 135px;\n line-height: 135px;\n text-align: center; }\n\n.images-container .image-container.main {\n border-color: #FFB300; }\n\n.images-container .image-container.new {\n opacity: 0.6;\n transition: opacity 0.3s ease;\n border-style: dashed;\n border: 1px #85CE36 solid;\n color: #85CE36; }\n .images-container .image-container.new .image {\n font-size: 2.5rem; }\n .images-container .image-container.new:hover {\n opacity: 1; }\n\n.alert {\n background-image: none; }\n .alert.alert-primary {\n background-color: #85CE36;\n border-color: #85CE36;\n color: #ffffff; }\n .alert.alert-primary hr {\n border-top-color: #78bd2e; }\n .alert.alert-primary .alert-link {\n color: #e6e6e6; }\n .alert.alert-success {\n background-color: #4bcf99;\n border-color: #4bcf99;\n color: #ffffff; }\n .alert.alert-success hr {\n border-top-color: #37ca8e; }\n .alert.alert-success .alert-link {\n color: #e6e6e6; }\n .alert.alert-info {\n background-color: #76D4F5;\n border-color: #76D4F5;\n color: #ffffff; }\n .alert.alert-info hr {\n border-top-color: #5ecdf3; }\n .alert.alert-info .alert-link {\n color: #e6e6e6; }\n .alert.alert-warning {\n background-color: #fe974b;\n border-color: #fe974b;\n color: #ffffff; }\n .alert.alert-warning hr {\n border-top-color: #fe8832; }\n .alert.alert-warning .alert-link {\n color: #e6e6e6; }\n .alert.alert-danger {\n background-color: #FF4444;\n border-color: #FF4444;\n color: #ffffff; }\n .alert.alert-danger hr {\n border-top-color: #ff2b2b; }\n .alert.alert-danger .alert-link {\n color: #e6e6e6; }\n .alert.alert-inverse {\n background-color: #131e26;\n border-color: #131e26;\n color: #ffffff; }\n .alert.alert-inverse hr {\n border-top-color: #0b1115; }\n .alert.alert-inverse .alert-link {\n color: #e6e6e6; }\n\n.dropdown-menu {\n float: left;\n box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1);\n border: 1px solid rgba(126, 142, 159, 0.1);\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n .dropdown-menu .dropdown-item {\n display: block;\n padding: 0px 15px;\n clear: both;\n font-weight: normal;\n color: #4f5f6f;\n white-space: nowrap;\n transition: none; }\n .dropdown-menu .dropdown-item i {\n margin-right: 2px; }\n .dropdown-menu .dropdown-item:hover {\n color: #85CE36 !important;\n background: none;\n background-color: whitesmoke; }\n\n.flex-row {\n display: flex;\n flex-direction: row; }\n\n.flex-col {\n display: flex;\n flex-direction: column; }\n\n.centralize-y {\n display: flex;\n align-items: center; }\n\n#nprogress .bar {\n background: #85CE36 !important; }\n #nprogress .bar .peg {\n box-shadow: 0 0 10px #85CE36, 0 0 5px #85CE36; }\n\n#nprogress .spinner {\n top: 25px !important;\n right: 23px !important; }\n #nprogress .spinner .spinner-icon {\n border-top-color: #85CE36 !important;\n border-left-color: #85CE36 !important; }\n\n.pagination {\n margin-top: 0; }\n .pagination .page-item .page-link {\n color: #85CE36; }\n .pagination .page-item.active .page-link,\n .pagination .page-item.active .page-link:focus,\n .pagination .page-item.active .page-link:hover {\n color: #fff;\n border-color: #85CE36;\n background-color: #85CE36; }\n\n/* *******************************************\n*\t\t Item List general styles\n********************************************** */\n.item-list {\n list-style: none;\n padding: 0;\n margin: 0;\n margin-bottom: 0;\n line-height: 1.4rem;\n display: flex;\n flex-flow: column nowrap; }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .item-list {\n font-size: 1rem; } }\n\n@media (min-width: 768px) and (max-width: 991px) {\n .item-list {\n font-size: 0.95rem; } }\n @media (max-width: 767px) {\n .item-list {\n font-size: 1.05rem; } }\n .item-list.striped > li {\n border-bottom: 1px solid #e9edf0; }\n .item-list.striped > li:nth-child(2n + 1) {\n background-color: #fcfcfd; }\n @media (max-width: 767px) {\n .item-list.striped > li:nth-child(2n + 1) {\n background-color: #f8f9fb; } }\n .item-list.striped .item-list-footer {\n border-bottom: none; }\n\n/* *******************************************\n*\t\t\tItem general styles\n********************************************** */\n.item-list .item {\n display: flex;\n flex-direction: column; }\n\n.item-list .item-row {\n display: flex;\n align-items: stretch;\n flex-direction: row;\n justify-content: space-between;\n flex-wrap: wrap;\n min-width: 100%; }\n .item-list .item-row.nowrap {\n flex-wrap: nowrap; }\n\n.item-list .item-col {\n align-items: center;\n display: flex;\n padding: 10px 10px 10px 0;\n flex-basis: 0;\n flex-grow: 3;\n flex-shrink: 3;\n margin-left: auto;\n margin-right: auto;\n min-width: 0; }\n .item-list .item-col.fixed {\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto; }\n .item-list .item-col.pull-left {\n margin-right: auto; }\n .item-list .item-col.pull-right {\n margin-left: auto; }\n .item-list .item-col > div {\n width: 100%; }\n .item-list .item-col:last-child {\n padding-right: 0; }\n\n.item-list .no-overflow {\n overflow: hidden; }\n\n.item-list .no-wrap {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n\n/* *******************************************\n*\t\t\t\tItem components\n********************************************** */\n.item-list {\n /********************************************\n\t*\t\t\t\t\tHeader\n\t*********************************************/\n /********************************************\n\t*\t\t\t\t\tHeading\n\t*********************************************/\n /********************************************\n\t*\t\t\t\t\tCheckbox\n\t*********************************************/\n /********************************************\n\t*\t\t\t\t\tImage\n\t*********************************************/\n /********************************************\n\t*\t\t\t\t\tTitle\n\t*********************************************/\n /********************************************\n\t*\t\t\t\t\tStats\n\t*********************************************/\n /********************************************\n\t*\t\t\t\t Actions\n\t*********************************************/\n /********************************************\n\t*\t\t\t Something else?\n\t*********************************************/ }\n .item-list .item-list-header .item-col.item-col-header span {\n color: #999;\n font-size: 0.8rem;\n font-weight: 700 !important; }\n .item-list .item-heading {\n font-size: 0.9rem;\n display: none;\n color: #666;\n font-weight: 700;\n padding-right: 10px; }\n @media (max-width: 767px) {\n .item-list .item-heading {\n display: block; } }\n\n@media (min-width: 544px) and (max-width: 767px) {\n .item-list .item-heading {\n width: 100%; } }\n @media (max-width: 543px) {\n .item-list .item-heading {\n width: 40%; } }\n .item-list .item-col.item-col-check {\n flex-basis: 30px; }\n @media (max-width: 767px) {\n .item-list .item-col.item-col-check {\n order: -8; } }\n .item-list .item-check {\n margin-bottom: 0; }\n .item-list .item-check .checkbox + span {\n padding-right: 0; }\n .item-list .item-check .checkbox + span:before {\n width: 20px; }\n .item-list .item-col.item-col-img {\n display: flex;\n flex-basis: 70px; }\n .item-list .item-col.item-col-img.xs {\n flex-basis: 40px; }\n .item-list .item-col.item-col-img.sm {\n flex-basis: 50px; }\n .item-list .item-col.item-col-img.lg {\n flex-basis: 100px; }\n .item-list .item-col.item-col-img.xl {\n flex-basis: 120px; }\n .item-list .item-col.item-col-img a {\n width: 100%; }\n .item-list .item-img {\n flex-grow: 1;\n align-self: stretch;\n background-color: #efefef;\n padding-bottom: 100%;\n width: 100%;\n height: 0;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat; }\n @media (max-width: 767px) {\n .item-list .item-col.item-col-title {\n order: -4; } }\n .item-list .item-col.item-col-title a {\n display: block; }\n .item-list .item-title {\n margin: 0;\n font-size: inherit;\n line-height: inherit;\n font-weight: 600; }\n .item-list .item-stats {\n height: 1.4rem; }\n .item-list .item-col.item-col-actions-dropdown {\n flex-basis: 40px;\n text-align: center;\n padding-left: 0 !important; }\n @media (max-width: 767px) {\n .item-list .item-col.item-col-actions-dropdown {\n order: -3;\n flex-basis: 40px !important;\n padding-right: 10px; } }\n .item-list .item-actions-dropdown {\n position: relative;\n font-size: 1.1rem; }\n .item-list .item-actions-dropdown.active .item-actions-block {\n max-width: 120px; }\n .item-list .item-actions-dropdown.active .item-actions-toggle-btn {\n color: #85CE36; }\n .item-list .item-actions-dropdown.active .item-actions-toggle-btn .active {\n display: block; }\n .item-list .item-actions-dropdown.active .item-actions-toggle-btn .inactive {\n display: none; }\n .item-list .item-actions-dropdown .item-actions-toggle-btn {\n color: #9ba8b5;\n font-size: 1.2rem;\n cursor: pointer;\n width: 100%;\n line-height: 30px;\n text-align: center;\n text-decoration: none; }\n .item-list .item-actions-dropdown .item-actions-toggle-btn .active {\n display: none; }\n .item-list .item-actions-dropdown .item-actions-block {\n height: 30px;\n max-width: 0px;\n line-height: 30px;\n overflow: hidden;\n position: absolute;\n top: 0;\n right: 100%;\n background-color: #d7dde4;\n border-radius: 3px;\n transition: all 0.15s ease-in-out; }\n .item-list .item-actions-dropdown .item-actions-block.direction-right {\n right: auto;\n left: 100%; }\n .item-list .item-actions-dropdown .item-actions-block .item-actions-list {\n padding: 0;\n list-style: none;\n white-space: nowrap;\n padding: 0 5px; }\n .item-list .item-actions-dropdown .item-actions-block .item-actions-list li {\n display: inline-block;\n padding: 0; }\n .item-list .item-actions-dropdown .item-actions-block .item-actions-list a {\n display: block;\n padding: 0 5px; }\n .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.edit {\n color: #38424C; }\n .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.check {\n color: #40B726; }\n .item-list .item-actions-dropdown .item-actions-block .item-actions-list a.remove {\n color: #DB0E1E; }\n\n/* *******************************************\n*\t\t\t\tAdjustments\n********************************************** */\n.card > .item-list .item > .item-row {\n padding: 0 15px; }\n @media (min-width: 1200px) {\n .card > .item-list .item > .item-row {\n padding: 0 20px; } }\n @media (max-width: 767px) {\n .card > .item-list .item > .item-row {\n padding: 0 10px; } }\n\n.table label {\n margin-bottom: 0; }\n\n.table .checkbox + span {\n margin-bottom: 0; }\n .table .checkbox + span:before {\n line-height: 20px; }\n\n.modal-body.modal-tab-container {\n padding: 0; }\n .modal-body.modal-tab-container .modal-tabs {\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n background-color: #ffffff;\n border-bottom: 1px solid #ddd;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }\n .modal-body.modal-tab-container .modal-tabs .nav-link {\n padding: 10px 20px;\n border: none; }\n .modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active {\n color: #85CE36;\n border-bottom: 2px solid #85CE36; }\n .modal-body.modal-tab-container .modal-tabs .nav-link.active {\n font-weight: 600; }\n\n.card {\n background-color: #fff;\n box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);\n margin-bottom: 10px;\n border-radius: 0;\n border: none; }\n .card .card {\n box-shadow: none; }\n .card .card-header {\n background-image: none;\n background-color: #ffffff;\n align-items: center;\n display: flex;\n flex-direction: row;\n padding: 0;\n border-radius: 0;\n min-height: 50px;\n border: none; }\n .card .card-header::after {\n content: \"\";\n display: table;\n clear: both; }\n .card .card-header.bordered {\n border-bottom: 1px solid #d7dde4; }\n .card .card-header.card-header-sm {\n min-height: 40px; }\n .card .card-header > span {\n vertical-align: middle; }\n .card .card-header .pull-right {\n margin-left: auto; }\n .card .card-header .header-block {\n padding: 0.5rem 15px; }\n @media (min-width: 1200px) {\n .card .card-header .header-block {\n padding: 0.5rem 20px; } }\n @media (max-width: 767px) {\n .card .card-header .header-block {\n padding: 0.5rem 10px; } }\n .card .card-header .title {\n color: #4f5f6f;\n display: inline-flex; }\n .card .card-header .btn {\n margin: 0; }\n .card .card-header .nav-tabs {\n border-color: transparent;\n align-self: stretch;\n display: flex;\n position: relative;\n top: 1px; }\n .card .card-header .nav-tabs .nav-item {\n margin-left: 0;\n display: flex;\n align-self: stretch; }\n .card .card-header .nav-tabs .nav-item .nav-link {\n display: flex;\n align-self: stretch;\n align-items: center;\n color: #4f5f6f;\n opacity: 0.7;\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 0;\n font-size: 14px;\n border-top-width: 2px;\n border-bottom: 1px solid #d7dde4;\n text-decoration: none; }\n .card .card-header .nav-tabs .nav-item .nav-link.active {\n border-top-color: #85CE36;\n border-bottom-color: transparent;\n opacity: 1; }\n .card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus {\n opacity: 1;\n background-color: #ffffff;\n border-color: #d7dde4 #d7dde4 transparent;\n border-top-color: #85CE36; }\n .card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus {\n opacity: 1;\n background-color: transparent;\n border-color: transparent; }\n .card.card-default > .card-header {\n background-color: #fff;\n color: inherit; }\n .card.card-primary {\n border-color: #85CE36; }\n .card.card-primary > .card-header {\n background-color: #85CE36;\n border-color: #85CE36; }\n .card.card-success > .card-header {\n background-color: #4bcf99; }\n .card.card-info > .card-header {\n background-color: #76D4F5; }\n .card.card-warning > .card-header {\n background-color: #fe974b; }\n .card.card-danger > .card-header {\n background-color: #FF4444; }\n .card.card-inverse > .card-header {\n background-color: #131e26; }\n .card .title-block,\n .card .card-title-block {\n padding-bottom: 0;\n margin-bottom: 20px;\n border: none; }\n .card .title-block::after,\n .card .card-title-block::after {\n content: \"\";\n display: table;\n clear: both; }\n .card .section {\n margin-bottom: 20px; }\n .card .example,\n .card .section.demo {\n margin-bottom: 20px; }\n\n.card-block {\n padding: 15px; }\n .card-block .tab-content {\n padding: 0;\n border-color: transparent; }\n @media (min-width: 1200px) {\n .card-block {\n padding: 20px; } }\n @media (max-width: 767px) {\n .card-block {\n padding: 10px; } }\n\n.card-footer {\n background-color: #fafafa; }\n\n.logo {\n display: inline-block;\n width: 45px;\n height: 25px;\n vertical-align: middle;\n margin-right: 5px;\n position: relative; }\n .logo .l {\n width: 11px;\n height: 11px;\n border-radius: 50%;\n background-color: #85CE36;\n position: absolute; }\n .logo .l.l1 {\n bottom: 0;\n left: 0; }\n .logo .l.l2 {\n width: 7px;\n height: 7px;\n bottom: 13px;\n left: 10px; }\n .logo .l.l3 {\n width: 7px;\n height: 7px;\n bottom: 4px;\n left: 17px; }\n .logo .l.l4 {\n bottom: 13px;\n left: 25px; }\n .logo .l.l5 {\n bottom: 0;\n left: 34px; }\n\n/* Let's get this party started */\n::-webkit-scrollbar {\n width: 7px;\n height: 7px; }\n\n/* Track */\n::-webkit-scrollbar-track {\n -webkit-border-radius: 0;\n border-radius: 0; }\n\n/* Handle */\n::-webkit-scrollbar-thumb {\n -webkit-border-radius: 0;\n border-radius: 0;\n background: #78bd2e; }\n\n::-webkit-scrollbar-thumb:window-inactive {\n background: #85CE36; }\n\n.error-card {\n width: 410px;\n min-height: 330px;\n margin: 60px auto; }\n .error-card .error-title {\n font-size: 150px;\n line-height: 150px;\n font-weight: 700;\n color: #252932;\n text-align: center;\n text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; }\n .error-card .error-sub-title {\n font-weight: 100;\n text-align: center; }\n .error-card .error-container {\n text-align: center;\n visibility: hidden; }\n .error-card .error-container.visible {\n visibility: visible; }\n .error-card.global {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateY(-50%) translateX(-50%);\n margin: 0; }\n .error-card.global .error-title {\n color: #ffffff; }\n .error-card.global .error-sub-title,\n .error-card.global .error-container {\n color: #ffffff; }\n\n@media (min-width: 768px) and (max-width: 991px) {\n .error-card {\n width: 50%; }\n .error-card.global {\n position: relative;\n top: 25%;\n left: 0;\n transform: inherit;\n margin: 40px auto; } }\n\n@media (max-width: 767px) {\n .error-card {\n width: 90%; }\n .error-card.global {\n position: relative;\n top: 25%;\n left: 0;\n transform: inherit;\n margin: 40px auto; } }\n\n.table-flip-scroll table {\n width: 100%; }\n\n@media only screen and (max-width: 800px) {\n .table-flip-scroll .flip-content:after,\n .table-flip-scroll .flip-header:after {\n visibility: hidden;\n display: block;\n font-size: 0;\n content: \" \";\n clear: both;\n height: 0; }\n .table-flip-scroll html .flip-content,\n .table-flip-scroll html .flip-header {\n -ms-zoom: 1;\n zoom: 1; }\n .table-flip-scroll *:first-child + html .flip-content,\n .table-flip-scroll *:first-child + html .flip-header {\n -ms-zoom: 1;\n zoom: 1; }\n .table-flip-scroll table {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n display: block;\n position: relative; }\n .table-flip-scroll th,\n .table-flip-scroll td {\n margin: 0;\n vertical-align: top; }\n .table-flip-scroll th:last-child,\n .table-flip-scroll td:last-child {\n border-bottom: 1px solid #ddd; }\n .table-flip-scroll th {\n border: 0 !important;\n border-right: 1px solid #ddd !important;\n width: auto !important;\n display: block;\n text-align: right; }\n .table-flip-scroll td {\n display: block;\n text-align: left;\n border: 0 !important;\n border-bottom: 1px solid #ddd !important; }\n .table-flip-scroll thead {\n display: block;\n float: left; }\n .table-flip-scroll thead tr {\n display: block; }\n .table-flip-scroll tbody {\n display: block;\n width: auto;\n position: relative;\n overflow-x: auto;\n white-space: nowrap; }\n .table-flip-scroll tbody tr {\n display: inline-block;\n vertical-align: top;\n margin-left: -5px;\n border-left: 1px solid #ddd; } }\n\n.sidebar-header .brand {\n color: #fff;\n text-align: left;\n padding-left: 25px;\n line-height: 70px;\n font-size: 16px; }\n @media (max-width: 767px) {\n .sidebar-header .brand {\n line-height: 50px;\n font-size: 16px; } }\n\n.sidebar {\n background-color: #3a4651;\n width: 230px;\n padding-bottom: 60px;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n transition: left 0.3s ease;\n z-index: 20; }\n @media (max-width: 991px) {\n .sidebar {\n position: fixed;\n left: -230px; } }\n .sidebar-fixed .sidebar {\n position: fixed; }\n .sidebar-open .sidebar {\n left: 0; }\n .sidebar .sidebar-container {\n position: absolute;\n top: 0;\n bottom: 51px;\n width: 100%;\n left: 0;\n overflow-y: auto;\n overflow-x: hidden; }\n .sidebar .sidebar-container::-webkit-scrollbar-track {\n background-color: #2c353e; }\n .sidebar .nav {\n font-size: 14px; }\n .sidebar .nav li a:focus,\n .open .sidebar .nav li a:focus {\n background-color: inherit; }\n .sidebar .nav ul {\n padding: 0;\n height: 0px;\n overflow: hidden; }\n .loaded .sidebar .nav ul {\n height: auto; }\n .sidebar .nav li.active ul {\n height: auto; }\n .sidebar .nav li a {\n color: rgba(255, 255, 255, 0.5);\n text-decoration: none; }\n .sidebar .nav li a:hover,\n .sidebar .nav li.open > a,\n .sidebar .nav li.open a:hover {\n color: #ffffff;\n background-color: #2d363f; }\n .sidebar .nav > li > a {\n padding-top: 15px;\n padding-bottom: 15px;\n padding-left: 20px;\n padding-right: 10px; }\n .sidebar .nav > li.active > a,\n .sidebar .nav > li.active > a:hover {\n background-color: #85CE36 !important;\n color: #ffffff !important; }\n .sidebar .nav > li.open > a {\n background-color: #333e48; }\n .sidebar .nav > li.open > a i.arrow {\n transform: rotate(90deg); }\n .sidebar .nav > li > a i {\n margin-right: 5px;\n font-size: 16px; }\n .sidebar .nav > li > a i.arrow {\n float: right;\n font-size: 20px;\n line-height: initial;\n transition: all 0.3s ease; }\n .sidebar .nav > li > a i.arrow:before {\n content: \"\\f105\" !important; }\n .sidebar .nav > li > ul > li a {\n padding-top: 10px;\n padding-bottom: 10px;\n padding-left: 50px;\n background-color: #333e48; }\n .sidebar .nav > li > ul > li.active a {\n color: #ffffff; }\n\n.sidebar-overlay {\n position: absolute;\n display: none;\n left: 200vw;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 5;\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: 15; }\n @media (max-width: 991px) {\n .sidebar-overlay {\n display: block; } }\n @media (max-width: 767px) {\n .sidebar-overlay {\n background-color: rgba(0, 0, 0, 0.7); } }\n @media (max-width: 991px) {\n .sidebar-open .sidebar-overlay {\n left: 0;\n opacity: 1; } }\n\n.customize {\n width: 100%;\n color: rgba(255, 255, 255, 0.5);\n padding: 5px 15px;\n text-align: center; }\n .customize .customize-header {\n margin-bottom: 10px; }\n\n#customize-menu {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 230px; }\n @media (max-width: 991px) {\n .sidebar-open #customize-menu {\n left: 0; } }\n @media (max-width: 991px) {\n #customize-menu {\n transition: left 0.3s ease;\n left: -230px; } }\n #customize-menu > li > a {\n background-color: #3a4651;\n border-top: 1px solid rgba(45, 54, 63, 0.5); }\n #customize-menu > li > a:hover,\n #customize-menu > li.open > a {\n background-color: #2d363f; }\n #customize-menu .customize {\n width: 230px;\n color: rgba(255, 255, 255, 0.5);\n background-color: #2d363f;\n text-align: center;\n padding: 10px 15px;\n border-top: 2px solid #85CE36; }\n #customize-menu .customize .customize-item {\n margin-bottom: 15px; }\n #customize-menu .customize .customize-item .customize-header {\n margin-bottom: 10px; }\n #customize-menu .customize .customize-item label {\n font-weight: 400; }\n #customize-menu .customize .customize-item label.title {\n font-size: 14px; }\n #customize-menu .customize .customize-item .radio + span {\n padding: 0;\n padding-left: 5px; }\n #customize-menu .customize .customize-item .radio + span:before {\n font-size: 17px;\n color: #546273;\n cursor: pointer; }\n #customize-menu .customize .customize-item .radio:checked + span:before {\n color: #85CE36; }\n #customize-menu .customize .customize-item .customize-colors {\n list-style: none; }\n #customize-menu .customize .customize-item .customize-colors li {\n display: inline-block;\n margin-left: 5px;\n margin-right: 5px; }\n #customize-menu .customize .customize-item .customize-colors li .color-item {\n display: block;\n height: 20px;\n width: 20px;\n border: 1px solid;\n cursor: pointer; }\n #customize-menu .customize .customize-item .customize-colors li .color-item.color-red {\n background-color: #FB494D;\n border-color: #FB494D; }\n #customize-menu .customize .customize-item .customize-colors li .color-item.color-orange {\n background-color: #FE7A0E;\n border-color: #FE7A0E; }\n #customize-menu .customize .customize-item .customize-colors li .color-item.color-green {\n background-color: #8CDE33;\n border-color: #8CDE33; }\n #customize-menu .customize .customize-item .customize-colors li .color-item.color-seagreen {\n background-color: #4bcf99;\n border-color: #4bcf99; }\n #customize-menu .customize .customize-item .customize-colors li .color-item.color-blue {\n background-color: #52BCD3;\n border-color: #52BCD3; }\n #customize-menu .customize .customize-item .customize-colors li .color-item.color-purple {\n background-color: #7867A7;\n border-color: #7867A7; }\n #customize-menu .customize .customize-item .customize-colors li .color-item.active {\n position: relative;\n font-family: FontAwesome;\n font-size: 17px;\n line-height: 17px; }\n #customize-menu .customize .customize-item .customize-colors li .color-item.active:before {\n content: \"\\f00c\";\n position: absolute;\n top: 0;\n left: 0;\n color: #fff; }\n\n.wyswyg {\n border: 1px solid #d7dde4; }\n .wyswyg .ql-container {\n border-top: 1px solid #d7dde4; }\n .wyswyg .toolbar .btn {\n margin: 0; }\n .wyswyg .ql-container {\n font-size: 1rem; }\n .wyswyg .ql-container .ql-editor {\n min-height: 200px; }\n\n.header .header-block-search {\n margin-right: auto;\n padding-left: 20px; }\n @media (max-width: 767px) {\n .header .header-block-search {\n padding-left: 10px; } }\n\n@media (min-width: 768px) and (max-width: 991px) {\n .header .header-block-search {\n padding-left: 20px; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .header .header-block-search {\n padding-left: 20px; } }\n @media (min-width: 1200px) {\n .header .header-block-search {\n padding-left: 35px; } }\n .header .header-block-search > form {\n float: right; }\n @media (max-width: 767px) {\n .header .header-block-search > form {\n padding-left: 0; } }\n .header .header-block-search .input-container {\n position: relative;\n color: #7e8e9f; }\n .header .header-block-search .input-container i {\n position: absolute;\n pointer-events: none;\n display: block;\n height: 40px;\n line-height: 40px;\n left: 0; }\n .header .header-block-search .input-container input {\n background-color: transparent;\n border: none;\n padding-left: 25px;\n height: 40px;\n max-width: 150px; }\n @media (max-width: 767px) {\n .header .header-block-search .input-container input {\n max-width: 140px; } }\n .header .header-block-search .input-container input:focus + .underline {\n transform: scaleX(1); }\n\n.header .header-block-collapse {\n padding-right: 5px; }\n @media (max-width: 767px) {\n .header .header-block-collapse {\n width: 155px; } }\n .header .header-block-collapse .collapse-btn {\n background: none;\n border: none;\n box-shadow: none;\n color: #85CE36;\n font-size: 24px;\n line-height: 40px;\n border-radius: 0;\n outline: none;\n padding: 0;\n padding-left: 10px;\n padding-right: 10px;\n vertical-align: initial; }\n\n.header {\n background-color: #d7dde4;\n height: 70px;\n position: absolute;\n left: 230px;\n right: 0;\n transition: left 0.3s ease;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: space-between; }\n @media (max-width: 991px) {\n .header {\n left: 0; } }\n @media (max-width: 767px) {\n .header {\n left: 0;\n height: 50px; } }\n .header-fixed .header {\n position: fixed; }\n @media (max-width: 767px) {\n .header .header-block {\n padding: 5px; } }\n\n.header .header-block-nav .notifications {\n font-size: 16px; }\n .header .header-block-nav .notifications a {\n padding-right: 10px; }\n .header .header-block-nav .notifications .counter {\n font-weight: bold;\n font-size: 14px;\n position: relative;\n top: -3px;\n left: -2px; }\n .header .header-block-nav .notifications.new .counter {\n color: #85CE36;\n font-weight: bold; }\n @media (max-width: 767px) {\n .header .header-block-nav .notifications {\n position: static; } }\n\n.header .header-block-nav .notifications-dropdown-menu {\n white-space: normal;\n left: auto;\n right: 0;\n min-width: 350px; }\n .header .header-block-nav .notifications-dropdown-menu:before {\n position: absolute;\n right: 20px;\n bottom: 100%;\n margin-right: -1px; }\n .header .header-block-nav .notifications-dropdown-menu:after {\n position: absolute;\n right: 20px;\n bottom: 100%; }\n .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item {\n border-bottom: 1px solid rgba(126, 142, 159, 0.1);\n padding: 5px; }\n .header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item:hover {\n background-color: #f5f5f5; }\n .header .header-block-nav .notifications-dropdown-menu .notifications-container .img-col {\n display: table-cell;\n padding: 5px; }\n .header .header-block-nav .notifications-dropdown-menu .notifications-container .body-col {\n padding: 5px;\n display: table-cell; }\n .header .header-block-nav .notifications-dropdown-menu .notifications-container .img {\n width: 40px;\n height: 40px;\n border-radius: 3px;\n vertical-align: top;\n display: inline-block;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat; }\n .header .header-block-nav .notifications-dropdown-menu .notifications-container p {\n color: #4f5f6f;\n display: inline-block;\n line-height: 18px;\n font-size: 13px;\n margin: 0;\n vertical-align: top; }\n .header .header-block-nav .notifications-dropdown-menu .notifications-container p .accent {\n font-weight: bold; }\n .header .header-block-nav .notifications-dropdown-menu footer {\n text-align: center; }\n .header .header-block-nav .notifications-dropdown-menu footer a {\n color: #373a3c;\n transition: none; }\n .header .header-block-nav .notifications-dropdown-menu footer a:hover {\n background-color: #f5f5f5;\n color: #85CE36; }\n @media (max-width: 767px) {\n .header .header-block-nav .notifications-dropdown-menu {\n min-width: 100px;\n width: 100%;\n margin-top: 5px; }\n .header .header-block-nav .notifications-dropdown-menu:before, .header .header-block-nav .notifications-dropdown-menu:after {\n right: 107px; } }\n\n.header .header-block-nav .profile .img {\n display: inline-block;\n width: 30px;\n height: 30px;\n line-height: 30px;\n border-radius: 4px;\n background-color: #8b9cb1;\n color: #ffffff;\n text-align: center;\n margin-right: 10px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n vertical-align: middle; }\n\n.header .header-block-nav .profile .name {\n display: inline-block;\n margin-right: 9px;\n font-weight: bold; }\n @media (max-width: 767px) {\n .header .header-block-nav .profile .name {\n display: none; } }\n\n.header .header-block-nav .profile .arrow {\n color: #85CE36; }\n\n.header .header-block-nav .profile-dropdown-menu {\n left: auto;\n right: 0;\n min-width: 180px;\n white-space: normal; }\n .header .header-block-nav .profile-dropdown-menu:before {\n position: absolute;\n right: 10px;\n bottom: 100%;\n margin-right: -1px; }\n .header .header-block-nav .profile-dropdown-menu:after {\n position: absolute;\n right: 10px;\n bottom: 100%; }\n .header .header-block-nav .profile-dropdown-menu a {\n padding: 10px 15px; }\n .header .header-block-nav .profile-dropdown-menu a .icon {\n color: #85CE36;\n text-align: center;\n width: 16px; }\n .header .header-block-nav .profile-dropdown-menu a span {\n display: inline-block;\n padding-left: 5px;\n text-align: left;\n color: #7e8e9f; }\n .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-icon {\n padding: 0; }\n .header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-topic {\n color: #7e8e9f;\n padding: 0; }\n .header .header-block-nav .profile-dropdown-menu .dropdown-divider {\n margin: 0; }\n .header .header-block-nav .profile-dropdown-menu .logout {\n border-top: 1px solid rgba(126, 142, 159, 0.1); }\n @media (max-width: 767px) {\n .header .header-block-nav .profile-dropdown-menu {\n margin-top: 8px; } }\n\n.header .header-block-nav {\n margin-left: auto;\n white-space: nowrap;\n padding-right: 15px; }\n @media (max-width: 767px) {\n .header .header-block-nav {\n padding-right: 25px; } }\n .header .header-block-nav::after {\n content: \"\";\n display: table;\n clear: both; }\n .header .header-block-nav a {\n text-decoration: none; }\n .header .header-block-nav ul {\n margin: 0;\n padding: 0;\n list-style: none; }\n .header .header-block-nav > ul {\n display: table; }\n .header .header-block-nav > ul > li {\n display: table-cell;\n position: relative; }\n .header .header-block-nav > ul > li:before {\n display: block;\n content: \" \";\n width: 1px;\n height: 24px;\n top: 50%;\n margin-top: -12px;\n background-color: #8b9cb1;\n position: absolute;\n left: 0; }\n .header .header-block-nav > ul > li:first-child:before {\n display: none; }\n .header .header-block-nav > ul > li > a {\n padding: 0 15px;\n color: #4f5f6f; }\n .header .header-block-nav > ul > li > a:hover {\n color: #85CE36; }\n .header .header-block-nav .dropdown-menu {\n margin-top: 15px; }\n\n.header .header-block-buttons {\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n white-space: nowrap; }\n .header .header-block-buttons .btn.header-btn {\n background-color: transparent;\n border: 1px solid #64798d;\n color: #64798d;\n margin: 0 5px;\n border-radius: 0.2rem; }\n .header .header-block-buttons .btn.header-btn:hover, .header .header-block-buttons .btn.header-btn:focus {\n border: 1px solid #3a4651;\n color: #3a4651; }\n @media (max-width: 767px) {\n .header .header-block-buttons .btn.header-btn span {\n display: none; } }\n\n.footer {\n background-color: #fff;\n position: absolute;\n left: 230px;\n right: 0;\n bottom: 0;\n height: 50px;\n display: flex;\n justify-content: space-between;\n align-items: center; }\n .footer-fixed .footer {\n position: fixed; }\n .footer .footer-block {\n vertical-align: middle;\n margin-left: 20px;\n margin-right: 20px; }\n .footer .footer-github-btn {\n vertical-align: middle; }\n @media (max-width: 991px) {\n .footer {\n left: 0; } }\n .footer .author > ul {\n list-style: none;\n margin: 0;\n padding: 0; }\n .footer .author > ul li {\n display: inline-block; }\n .footer .author > ul li:after {\n content: \"|\"; }\n .footer .author > ul li:last-child:after {\n content: \"\"; }\n @media (max-width: 991px) {\n .footer .author > ul li {\n display: block;\n text-align: right; }\n .footer .author > ul li:after {\n content: \"\"; } }\n @media (max-width: 991px) {\n .footer .author > ul {\n display: block; } }\n @media (max-width: 767px) {\n .footer .author > ul {\n display: none; } }\n\n.modal .modal-content {\n border-radius: 0; }\n\n.modal .modal-header {\n background-color: #85CE36;\n color: #ffffff; }\n\n.modal .modal-footer .btn {\n margin-bottom: 0; }\n\n#modal-media .modal-body {\n min-height: 250px; }\n\n#modal-media .modal-tab-content {\n min-height: 300px; }\n\n#modal-media .images-container {\n padding: 15px;\n text-align: center; }\n #modal-media .images-container .image-container {\n margin: 0 auto 10px auto;\n cursor: pointer;\n transition: all 0.3s ease;\n display: inline-block;\n float: none; }\n #modal-media .images-container .image-container:hover {\n border-color: rgba(133, 206, 54, 0.5); }\n #modal-media .images-container .image-container.active {\n border-color: rgba(133, 206, 54, 0.5); }\n\n#modal-media .upload-container {\n padding: 15px; }\n #modal-media .upload-container .dropzone {\n position: relative;\n border: 2px dashed #85CE36;\n height: 270px; }\n #modal-media .upload-container .dropzone .dz-message-block {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateY(-50%) translateX(-50%); }\n #modal-media .upload-container .dropzone .dz-message-block .dz-message {\n margin: 0;\n font-size: 24px;\n color: #85CE36;\n width: 230px; }\n\n.app {\n position: relative;\n width: 100%;\n padding-left: 230px;\n min-height: 100vh;\n margin: 0 auto;\n left: 0;\n background-color: #f0f3f6;\n box-shadow: 0 0 3px #ccc;\n transition: left 0.3s ease, padding-left 0.3s ease;\n overflow: hidden; }\n .app .content {\n padding: 95px 20px 75px 20px;\n min-height: 100vh; }\n @media (min-width: 1200px) {\n .app .content {\n padding: 105px 40px 85px 40px; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .app .content {\n padding: 100px 35px 80px 35px; } }\n\n@media (min-width: 768px) and (max-width: 991px) {\n .app .content {\n padding: 95px 20px 75px 20px; } }\n @media (max-width: 767px) {\n .app .content {\n padding: 70px 20px 70px 20px; } }\n @media (max-width: 991px) {\n .app {\n padding-left: 0; } }\n @media (max-width: 991px) {\n .app.sidebar-open {\n left: 0; } }\n .app.blank {\n background-color: #667380; }\n\n.items-list-page .title-search-block {\n position: relative; }\n\n@media (max-width: 767px) {\n .items-list-page .title-block {\n padding-bottom: 10px;\n margin-bottom: 13px; } }\n\n.items-list-page .title-block .action {\n display: inline; }\n .items-list-page .title-block .action a {\n padding: 10px 15px; }\n .items-list-page .title-block .action a .icon {\n margin-right: 5px;\n text-align: center;\n width: 16px; }\n @media (max-width: 767px) {\n .items-list-page .title-block .action {\n display: none; } }\n\n.items-list-page .items-search {\n position: absolute;\n margin-bottom: 15px;\n right: 0;\n top: 0; }\n @media (max-width: 767px) {\n .items-list-page .items-search {\n position: static; } }\n .items-list-page .items-search .search-button {\n margin: 0; }\n\n.items-list-page .item-list .item-col.item-col-check {\n text-align: left; }\n\n.items-list-page .item-list .item-col.item-col-img {\n text-align: left;\n width: auto;\n text-align: center;\n flex-basis: 70px; }\n @media (min-width: 544px) {\n .items-list-page .item-list .item-col.item-col-img:not(.item-col-header) {\n height: 80px; } }\n\n.items-list-page .item-list .item-col.item-col-title {\n text-align: left;\n margin-left: 0 !important;\n margin-right: auto;\n flex-basis: 0;\n flex-grow: 9; }\n\n.items-list-page .item-list .item-col.item-col-sales {\n text-align: right;\n font-weight: 600; }\n\n.items-list-page .item-list .item-col.item-col-stats {\n text-align: center; }\n\n.items-list-page .item-list .item-col.item-col-category {\n text-align: left;\n font-weight: 600; }\n\n.items-list-page .item-list .item-col.item-col-author {\n text-align: left;\n flex-grow: 4.5; }\n\n.items-list-page .item-list .item-col.item-col-date {\n text-align: right; }\n\n@media (max-width: 767px) {\n .items-list-page .card.items {\n background: none;\n box-shadow: none; }\n .items-list-page .item-list .item {\n border: none;\n margin-bottom: 10px;\n background-color: #fff;\n box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); }\n .items-list-page .item-list .item-row {\n padding: 0 !important; }\n .items-list-page .item-list .item-col.item-col-author {\n flex-grow: 3; } }\n\n@media (min-width: 544px) and (max-width: 767px) {\n .items-list-page .item-list .item {\n background-color: #fff;\n margin-bottom: 10px;\n box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); }\n .items-list-page .item-list .item-row {\n padding: 0; }\n .items-list-page .item-list .item-heading {\n width: 100%;\n display: block;\n position: absolute;\n top: 0;\n width: 100%;\n left: 0;\n line-height: 40px;\n padding-left: 0; }\n .items-list-page .item-list .item-col.item-col-check, .items-list-page .item-list .item-col.item-col-title, .items-list-page .item-list .item-col.item-col-actions-dropdown {\n border-bottom: 1px solid #d7dde4; }\n .items-list-page .item-list .item-col.item-col-check .item-heading, .items-list-page .item-list .item-col.item-col-title .item-heading, .items-list-page .item-list .item-col.item-col-actions-dropdown .item-heading {\n display: none; }\n .items-list-page .item-list .item-col.item-col-sales, .items-list-page .item-list .item-col.item-col-stats, .items-list-page .item-list .item-col.item-col-category, .items-list-page .item-list .item-col.item-col-author, .items-list-page .item-list .item-col.item-col-date {\n padding-top: 40px;\n position: relative; }\n .items-list-page .item-list .item-col.item-col-check {\n display: none; }\n .items-list-page .item-list .item-col.item-col-title {\n padding-left: 10px;\n text-align: left;\n margin-left: 0 !important;\n margin-right: auto;\n flex-basis: calc(100% - 40px); }\n .items-list-page .item-list .item-col.item-col-img {\n padding-left: 10px;\n flex-basis: 79px; }\n .items-list-page .item-list .item-col.item-col-sales {\n text-align: left; }\n .items-list-page .item-list .item-col.item-col-stats {\n text-align: center; }\n .items-list-page .item-list .item-col.item-col-category {\n text-align: center; }\n .items-list-page .item-list .item-col.item-col-author {\n text-align: center; }\n .items-list-page .item-list .item-col.item-col-date {\n padding-right: 10px;\n text-align: right;\n white-space: nowrap;\n flex-basis: 100px;\n flex-basis: 0;\n flex-grow: 3; } }\n\n@media (max-width: 543px) {\n .items-list-page .item-list .item {\n border: none;\n font-size: 0.9rem;\n margin-bottom: 10px;\n background-color: #fff;\n box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); }\n .items-list-page .item-list .item .item-col {\n text-align: right;\n border-bottom: 1px solid #d7dde4;\n padding-left: 10px; }\n .items-list-page .item-list .item .item-col[class^=item-col] {\n flex-basis: 100%; }\n .items-list-page .item-list .item .item-col.item-col-check {\n display: none; }\n .items-list-page .item-list .item .item-col.item-col-img .item-img {\n padding-bottom: 65%; }\n .items-list-page .item-list .item .item-col.item-col-title {\n text-align: left;\n padding-bottom: 0;\n border: none;\n flex-grow: 1;\n flex-basis: 0; }\n .items-list-page .item-list .item .item-col.item-col-title .item-heading {\n display: none; }\n .items-list-page .item-list .item .item-col.item-col-title .item-title {\n font-size: 1rem;\n line-height: 1.4rem; }\n .items-list-page .item-list .item .item-col.item-col-actions-dropdown {\n border: none;\n padding-bottom: 0; }\n .items-list-page .item-list .item .item-col.item-col-sales {\n text-align: left; }\n .items-list-page .item-list .item .item-col.item-col-stats {\n text-align: left; }\n .items-list-page .item-list .item .item-col.item-col-category {\n text-align: left; }\n .items-list-page .item-list .item .item-col.item-col-author {\n text-align: left; }\n .items-list-page .item-list .item .item-col.item-col-date {\n text-align: left; } }\n\n.auth {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n background-color: #667380;\n overflow-x: hidden;\n overflow-y: auto; }\n\n.auth-container {\n width: 450px;\n min-height: 330px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateY(-50%) translateX(-50%); }\n .auth-container .auth-header {\n text-align: center;\n border-bottom: 1px solid #85CE36; }\n .auth-container .auth-title {\n color: #97A4B1;\n padding: 20px;\n line-height: 30px;\n font-size: 26px;\n font-weight: 600;\n margin: 0; }\n .auth-container .auth-content {\n padding: 30px 50px;\n min-height: 260px; }\n .auth-container .forgot-btn {\n line-height: 28px; }\n .auth-container .checkbox label {\n padding: 0; }\n .auth-container .checkbox a {\n vertical-align: text-top; }\n .auth-container .checkbox span {\n color: #4f5f6f; }\n\n@media (max-width: 767px) {\n .auth-container {\n width: 100%;\n position: relative;\n left: 0;\n top: 0;\n transform: inherit;\n margin: 0;\n margin-bottom: 10px; }\n .auth-container .auth-content {\n padding: 30px 25px; } }\n",".animated {\n animation-duration: .5s;\n animation-delay: .1s;\n}",".btn {\n\tbackground-image: none;\n\tborder-radius: 0;\n\tmargin-bottom: 5px;\n\n\t&.btn-primary {\n\t\t@include button-variant( $btn-primary-color-text, $color-primary, $color-primary);\n\t}\n\n\t&.btn-secondary {\n\t\t@include button-variant( $color-text, #fff, $color-divider );\t\n\t}\n\n\t&.btn-success {\n\t\t@include button-variant( $color-text-inverse, $color-success, $color-success);\n\t}\n\n\t&.btn-info {\n\t\t@include button-variant( $color-text-inverse, $color-info, $color-info);\n\t}\n\n\t&.btn-warning {\n\t\t@include button-variant( $color-text-inverse, $color-warning, $color-warning);\n\t}\n\n\t&.btn-danger {\n\t\t@include button-variant( $color-text-inverse, $color-danger, $color-danger);\n\t}\n\n\t// Remove all backgrounds\n\t&.btn-primary-outline {\n\t\t@include button-outline-variant($color-primary);\n\t}\n\n\t&.btn-secondary-outline {\n\t\t@include button-outline-variant($color-divider);\n\t}\n\n\t&.btn-info-outline {\n\t\t@include button-outline-variant($color-info);\n\t}\n\n\t&.btn-success-outline {\n\t\t@include button-outline-variant($color-success);\n\t}\n\n\t&.btn-warning-outline {\n\t\t@include button-outline-variant($color-warning);\n\t}\n\n\t&.btn-danger-outline {\n\t\t@include button-outline-variant($color-danger);\n\t}\n\n\t&.btn-pill-left,\n\t&.btn-pill-right,\n\t&.btn-oval {\n\t\t&:focus {\n\t\t\toutline: none;\n \t\toutline-offset: initial;\n\t\t}\t\n\t}\n\n\t&.btn-pill-left {\n\t\tborder-top-left-radius: $btn-radius;\t\n\t\tborder-bottom-left-radius: $btn-radius;\n\t}\n\n\t&.btn-pill-right {\n\t\tborder-top-right-radius: $btn-radius;\t\n\t\tborder-bottom-right-radius: $btn-radius;\n\t}\n\n\t&.btn-oval {\n\t\tborder-radius: $btn-radius;\n\t}\n\n\t&.btn-link {\n\t\ttext-decoration: none;\n\t}\n\n\tstrong {\n\t\tfont-weight: 600;\n\t}\n\n}\n\n.btn-group {\n\t.dropdown-menu {\n\t\t& > li:last-child {\n\t\t\ta:hover:before {\n\t\t\t\theight: 0px;\n\t\t\t\ttransform: scaleX(0)\n\t\t\t}\n\t\t}\n\t}\n}","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($color, $background, $border) {\n $active-background: darken($background, 10%);\n $active-border: darken($border, 12%);\n\n color: $color;\n background-color: $background;\n border-color: $border;\n @include box-shadow(inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075));\n\n @include hover {\n color: $color;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n color: $color;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:active,\n &.active,\n .open > &.dropdown-toggle {\n color: $color;\n background-color: $active-background;\n border-color: $active-border;\n // Remove the gradient for the pressed/active state\n background-image: none;\n @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));\n\n &:hover,\n &:focus,\n &.focus {\n color: $color;\n background-color: darken($background, 17%);\n border-color: darken($border, 25%);\n }\n }\n\n &.disabled,\n &:disabled {\n &:focus,\n &.focus {\n background-color: $background;\n border-color: $border;\n }\n @include hover {\n background-color: $background;\n border-color: $border;\n }\n }\n}\n\n@mixin button-outline-variant($color) {\n color: $color;\n background-image: none;\n background-color: transparent;\n border-color: $color;\n\n &:focus,\n &.focus,\n &:active,\n &.active,\n .open > &.dropdown-toggle {\n color: #fff;\n background-color: $color;\n border-color: $color;\n }\n @include hover {\n color: #fff;\n background-color: $color;\n border-color: $color;\n }\n\n &.disabled,\n &:disabled {\n &:focus,\n &.focus {\n border-color: lighten($color, 20%);\n }\n @include hover {\n border-color: lighten($color, 20%);\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n @include border-radius($border-radius);\n}\n","@mixin hover {\n @if $enable-hover-media-query {\n // See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover\n // Currently shimmed by https://github.com/twbs/mq4-hover-shim\n @media (hover: hover) {\n &:hover { @content }\n }\n }\n @else {\n &:hover { @content }\n }\n}\n\n@mixin hover-focus {\n @if $enable-hover-media-query {\n &:focus { @content }\n @include hover { @content }\n }\n @else {\n &:focus,\n &:hover {\n @content\n }\n }\n}\n\n@mixin plain-hover-focus {\n @if $enable-hover-media-query {\n &,\n &:focus {\n @content\n }\n @include hover { @content }\n }\n @else {\n &,\n &:focus,\n &:hover {\n @content\n }\n }\n}\n\n@mixin hover-focus-active {\n @if $enable-hover-media-query {\n &:focus,\n &:active {\n @content\n }\n @include hover { @content }\n }\n @else {\n &:focus,\n &:active,\n &:hover {\n @content\n }\n }\n}\n",".title {\n\t// font-size: 21px;\n\tfont-size: 1.45rem;\n\tfont-weight: 600;\n\tmargin-bottom: 0;\n\n\t// Title large\n\t&.l {\n\t\t// font-size: 23px;\n\t\tfont-size: 1.6rem;\n\t}\n\n\t&.s {\n\t\t// font-size: 18px;\n\t\tfont-size: 1.4rem;\n\t}\n\n\t.card & {\n\t\tfont-size: 1.1rem;\n\t\tcolor: $color-text;\n\t}\n}\n\n.title-description {\n\tmargin: 0;\n\t// font-size: 14px;\n\tfont-size: 0.9rem;\n\tfont-weight: normal;\n\tcolor: $color-text-light;\n\n\t// Small \n\t&.s {\n\t\t// font-size: 13px;\n\t\tfont-size: 0.8rem;\n\t}\n\n\t@include media-down(sm) {\n\t\tdisplay: none;\n\t}\n}\n\n.subtitle {\n\tfont-size: 1.2rem;\n\tmargin: 0;\n\tcolor: $color-text-light;\n}\n\n.text-primary {\n\tcolor: $color-primary;\n}\n\n.text-muted {\n\tcolor: lighten($color-text-light, 10%)\n}\n\npre {\n\tpadding: 0;\n\tborder: none;\n\tbackground: none;\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: 544px, md: 768px)\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: 544px, md: 768px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md))\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 < 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: 544px, md: 768px))\n// 544px\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.1.\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 544px, md: 768px))\n// 767px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - 1px, null);\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 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 @include media-breakpoint-up($name, $breakpoints) {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\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 @include media-breakpoint-up($lower, $breakpoints) {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n",".underline-animation {\n\tposition: absolute;\n\ttop: auto;\n\tbottom: 1px;\n\tleft: 0;\n\twidth: 100%;\n\theight: 1px;\n\tbackground-color: $color-primary;\n\tcontent: '';\n\ttransition: all 0.2s;\n\tbackface-visibility: hidden;\n\ttransform: scaleX(0);\n}\n\n.bar {\n\t// background-color: $color-primary !important;\n}\n\n\n.stat-chart {\n\tborder-radius: 50%;\n}\n\n.stat {\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tdisplay: inline-block;\n\tmargin-right: 10px;\n\n\t.value {\n\t\tfont-size: 20px;\n\t\tline-height: 24px;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tfont-weight: 500;\n\t}\n\n\t.name {\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t&.lg {\n\t\t.value {\n\t\t\tfont-size: 26px;\n\t\t\tline-height: 28px;\n\t\t}\n\n\t\t.name {\n\t\t\tfont-size: 16px;\n\t\t}\n\t}\n}\n\n.list-icon {\n\n\t[class^='col'] {\n\t\tcursor: pointer;\n\t\t\n\t\tem {\n\t\t\tfont-size: 14px;\n\t\t\twidth: 40px;\n\t\t\tvertical-align: middle;\n\t\t\tmargin: 0;\n\t\t\tdisplay: inline-block;\n\t\t\ttext-align: center;\n\t\t\t-webkit-transition: all 1s;\n\t\t\t-o-transition: all 1s;\n\t\t\ttransition: all 1s;\n\t\t\tline-height: 30px;\n\t\t}\n\n\t\t&:hover {\n\t\t\tem {\n\t\t\t\ttransform: scale(2,2);\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n.well {\n\tbackground-image: none;\n\tbackground-color: #fff;\n}\n\n.jumbotron {\n\tbackground-image: none;\n\tbackground-color: #fff;\n\tpadding: 15px 30px;\n\n\t&.jumbotron-fluid {\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t}\n}\n\n.rounded {\n\tborder-radius: $border-radius;\n}\n\n.rounded-l {\n\tborder-radius: $border-radius-lg;\n}\n\n.rounded-s {\n\tborder-radius: $border-radius-sm;\n}\n\n.jqstooltip {\n\theight: 25px !important;\n\twidth: auto !important;\n\tborder-radius: $border-radius-sm;\n}","// Variables\n//\n// Copy settings from this file into the provided `_custom.scss` to override\n// the Bootstrap defaults without modifying key, versioned files.\n\n\n// Table of Contents\n//\n// Colors\n// Options\n// Spacing\n// Body\n// Links\n// Grid breakpoints\n// Grid containers\n// Grid columns\n// Fonts\n// Components\n\n// General variable structure\n//\n// Variable format should follow the `$component-modifier-state-property` order.\n\n\n// Colors\n//\n// Grayscale and brand colors for use across Bootstrap.\n\n$gray-dark: #373a3c !default;\n$gray: #55595c !default;\n$gray-light: #818a91 !default;\n$gray-lighter: #eceeef !default;\n$gray-lightest: #f7f7f9 !default;\n\n$brand-primary: #0275d8 !default;\n$brand-success: #5cb85c !default;\n$brand-info: #5bc0de !default;\n$brand-warning: #f0ad4e !default;\n$brand-danger: #d9534f !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-flex: false !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: false !default;\n$enable-hover-media-query: false !default;\n$enable-grid-classes: 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\n$spacer: 1rem !default;\n$spacer-x: $spacer !default;\n$spacer-y: $spacer !default;\n$spacers: (\n 0: (\n x: 0,\n y: 0\n ),\n 1: (\n x: $spacer-x,\n y: $spacer-y\n ),\n 2: (\n x: ($spacer-x * 1.5),\n y: ($spacer-y * 1.5)\n ),\n 3: (\n x: ($spacer-x * 3),\n y: ($spacer-y * 3)\n )\n) !default;\n$border-width: 1px !default;\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: #fff !default;\n$body-color: $gray-dark !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $brand-primary !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum and maximum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n // Extra small screen / phone\n xs: 0,\n // Small screen / phone\n sm: 544px,\n // Medium screen / tablet\n md: 768px,\n // Large screen / desktop\n lg: 992px,\n // Extra large screen / wide desktop\n xl: 1200px\n) !default;\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 576px,\n md: 720px,\n lg: 940px,\n xl: 1140px\n) !default;\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: 1.875rem !default; // 30px\n\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n$font-family-sans-serif: \"Helvetica Neue\", Helvetica, Arial, sans-serif !default;\n$font-family-serif: Georgia, \"Times New Roman\", Times, serif !default;\n$font-family-monospace: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n\n// Pixel value used to responsively scale all typography. Applied to the `` element.\n$font-size-root: 16px !default;\n\n$font-size-base: 1rem !default;\n$font-size-lg: 1.25rem !default;\n$font-size-sm: .875rem !default;\n$font-size-xs: .75rem !default;\n\n$font-size-h1: 2.5rem !default;\n$font-size-h2: 2rem !default;\n$font-size-h3: 1.75rem !default;\n$font-size-h4: 1.5rem !default;\n$font-size-h5: 1.25rem !default;\n$font-size-h6: 1rem !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\n$line-height: 1.5 !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.1 !default;\n$headings-color: inherit !default;\n\n$lead-font-size: 1.25rem !default;\n$lead-font-weight: 300 !default;\n\n$text-muted: $gray-light !default;\n\n$abbr-border-color: $gray-light !default;\n\n$blockquote-small-color: $gray-light !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n$blockquote-border-color: $gray-lighter !default;\n\n$hr-border-color: rgba(0,0,0,.1) !default;\n$hr-border-width: $border-width !default;\n\n$dt-font-weight: bold !default;\n\n$nested-kbd-font-weight: bold !default;\n\n$list-inline-padding: 5px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: (4 / 3) !default;\n$line-height-sm: 1.5 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: #fff !default;\n$component-active-bg: $brand-primary !default;\n\n$caret-width: .3em !default;\n$caret-width-lg: $caret-width !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-sm-cell-padding: .3rem !default;\n\n$table-bg: transparent !default;\n$table-bg-accent: #f9f9f9 !default;\n$table-bg-hover: #f5f5f5 !default;\n$table-bg-active: $table-bg-hover !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-lighter !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background and border color.\n\n$btn-padding-x: 1rem !default;\n$btn-padding-y: .375rem !default;\n$btn-font-weight: normal !default;\n\n$btn-primary-color: #fff !default;\n$btn-primary-bg: $brand-primary !default;\n$btn-primary-border: $btn-primary-bg !default;\n\n$btn-secondary-color: $gray-dark !default;\n$btn-secondary-bg: #fff !default;\n$btn-secondary-border: #ccc !default;\n\n$btn-info-color: #fff !default;\n$btn-info-bg: $brand-info !default;\n$btn-info-border: $btn-info-bg !default;\n\n$btn-success-color: #fff !default;\n$btn-success-bg: $brand-success !default;\n$btn-success-border: $btn-success-bg !default;\n\n$btn-warning-color: #fff !default;\n$btn-warning-bg: $brand-warning !default;\n$btn-warning-border: $btn-warning-bg !default;\n\n$btn-danger-color: #fff !default;\n$btn-danger-bg: $brand-danger !default;\n$btn-danger-border: $btn-danger-bg !default;\n\n$btn-link-disabled-color: $gray-light !default;\n\n$btn-padding-x-sm: .75rem !default;\n$btn-padding-y-sm: .25rem !default;\n\n$btn-padding-x-lg: 1.25rem !default;\n$btn-padding-y-lg: .75rem !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\n// Forms\n\n$input-padding-x: .75rem !default;\n$input-padding-y: .375rem !default;\n\n$input-bg: #fff !default;\n$input-bg-disabled: $gray-lighter !default;\n\n$input-color: $gray !default;\n$input-border-color: #ccc !default;\n$input-btn-border-width: $border-width !default; // For form controls and buttons\n$input-box-shadow: inset 0 1px 1px rgba(0,0,0,.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-border-focus: #66afe9 !default;\n$input-box-shadow-focus: rgba(102,175,233,.6) !default;\n\n$input-color-placeholder: #999 !default;\n\n$input-padding-x-sm: .75rem !default;\n$input-padding-y-sm: .275rem !default;\n\n$input-padding-x-lg: 1.25rem !default;\n$input-padding-y-lg: .75rem !default;\n\n$input-height: (($font-size-base * $line-height) + ($input-padding-y * 2)) !default;\n$input-height-lg: (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;\n$input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;\n\n$form-group-margin-bottom: $spacer-y !default;\n\n$input-group-addon-bg: $gray-lighter !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$cursor-disabled: not-allowed !default;\n\n// Form validation icons\n$form-icon-success: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==\" !default;\n$form-icon-warning: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+\" !default;\n$form-icon-danger: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=\" !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-bg: #fff !default;\n$dropdown-border-color: rgba(0,0,0,.15) !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: #e5e5e5 !default;\n\n$dropdown-link-color: $gray-dark !default;\n$dropdown-link-hover-color: darken($gray-dark, 5%) !default;\n$dropdown-link-hover-bg: #f5f5f5 !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-light !default;\n\n$dropdown-header-color: $gray-light !default;\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-navbar: 1000 !default;\n$zindex-dropdown: 1000 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n$zindex-navbar-fixed: 1030 !default;\n$zindex-navbar-sticky: 1030 !default;\n$zindex-modal-bg: 1040 !default;\n$zindex-modal: 1050 !default;\n\n\n// Navbar\n\n$navbar-border-radius: $border-radius !default;\n$navbar-padding-horizontal: $spacer !default;\n$navbar-padding-vertical: ($spacer / 2) !default;\n\n$navbar-dark-color: rgba(255,255,255,.5) !default;\n$navbar-dark-hover-color: rgba(255,255,255,.75) !default;\n$navbar-dark-active-color: rgba(255,255,255,1) !default;\n$navbar-dark-disabled-color: rgba(255,255,255,.25) !default;\n\n$navbar-light-color: rgba(0,0,0,.3) !default;\n$navbar-light-hover-color: rgba(0,0,0,.6) !default;\n$navbar-light-active-color: rgba(0,0,0,.8) !default;\n$navbar-light-disabled-color: rgba(0,0,0,.15) !default;\n\n\n// Navs\n\n$nav-link-padding: .5em 1em !default;\n$nav-link-hover-bg: $gray-lighter !default;\n\n$nav-disabled-link-color: $gray-light !default;\n$nav-disabled-link-hover-color: $gray-light !default;\n\n$nav-tabs-border-color: #ddd !default;\n\n$nav-tabs-link-border-width: $border-width !default;\n$nav-tabs-link-hover-border-color: $gray-lighter !default;\n\n$nav-tabs-active-link-hover-bg: $body-bg !default;\n$nav-tabs-active-link-hover-color: $gray !default;\n$nav-tabs-active-link-hover-border-color: #ddd !default;\n\n$nav-tabs-justified-link-border-color: #ddd !default;\n$nav-tabs-justified-active-link-border-color: $body-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-active-link-hover-bg: $component-active-bg !default;\n$nav-pills-active-link-hover-color: $component-active-color !default;\n\n\n// Pagination\n\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x-sm: .75rem !default;\n$pagination-padding-y-sm: .275rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n\n\n$pagination-color: $link-color !default;\n$pagination-bg: #fff !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: #ddd !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-lighter !default;\n$pagination-hover-border: #ddd !default;\n\n$pagination-active-color: #fff !default;\n$pagination-active-bg: $brand-primary !default;\n$pagination-active-border: $brand-primary !default;\n\n$pagination-disabled-color: $gray-light !default;\n$pagination-disabled-bg: #fff !default;\n$pagination-disabled-border: #ddd !default;\n\n\n// Pager\n\n$pager-bg: $pagination-bg !default;\n$pager-border-width: $border-width !default;\n$pager-border-color: $pagination-border-color !default;\n$pager-border-radius: 15px !default;\n\n$pager-hover-bg: $pagination-hover-bg !default;\n\n$pager-active-bg: $pagination-active-bg !default;\n$pager-active-color: $pagination-active-color !default;\n\n$pager-disabled-color: $pagination-disabled-color !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-lighter !default;\n\n\n// Form states and alerts\n//\n// Define colors for form feedback states and, by default, alerts.\n\n$state-success-text: #3c763d !default;\n$state-success-bg: #dff0d8 !default;\n$state-success-border: darken($state-success-bg, 5%) !default;\n\n$state-info-text: #31708f !default;\n$state-info-bg: #d9edf7 !default;\n$state-info-border: darken($state-info-bg, 7%) !default;\n\n$state-warning-text: #8a6d3b !default;\n$state-warning-bg: #fcf8e3 !default;\n$state-warning-border: darken($state-warning-bg, 5%) !default;\n\n$state-danger-text: #a94442 !default;\n$state-danger-bg: #f2dede !default;\n$state-danger-border: darken($state-danger-bg, 5%) !default;\n\n\n// Cards\n$card-spacer-x: 1.25rem !default;\n$card-spacer-y: .75rem !default;\n$card-border-width: 1px !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: #e5e5e5 !default;\n$card-border-radius-inner: $card-border-radius !default;\n$card-cap-bg: #f5f5f5 !default;\n$card-bg: #fff !default;\n\n$card-link-hover-color: #fff !default;\n\n\n// Tooltips\n\n$tooltip-max-width: 200px !default;\n$tooltip-color: #fff !default;\n$tooltip-bg: #000 !default;\n$tooltip-opacity: .9 !default;\n\n$tooltip-arrow-width: 5px !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-bg: #fff !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba(0,0,0,.2) !default;\n\n$popover-title-bg: darken($popover-bg, 3%) !default;\n\n$popover-arrow-width: 10px !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;\n$popover-arrow-outer-color: fade-in($popover-border-color, 0.05) !default;\n\n\n// Labels\n\n$label-default-bg: $gray-light !default;\n$label-primary-bg: $brand-primary !default;\n$label-success-bg: $brand-success !default;\n$label-info-bg: $brand-info !default;\n$label-warning-bg: $brand-warning !default;\n$label-danger-bg: $brand-danger !default;\n\n$label-color: #fff !default;\n$label-link-hover-color: #fff !default;\n$label-font-weight: bold !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 15px !default;\n\n$modal-title-padding: 15px !default;\n$modal-title-line-height: $line-height !default;\n\n$modal-content-bg: #fff !default;\n$modal-content-border-color: rgba(0,0,0,.2) !default;\n\n$modal-backdrop-bg: #000 !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: #e5e5e5 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n\n$modal-lg: 900px !default;\n$modal-md: 600px !default;\n$modal-sm: 300px !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding: 15px !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-success-bg: $state-success-bg !default;\n$alert-success-text: $state-success-text !default;\n$alert-success-border: $state-success-border !default;\n\n$alert-info-bg: $state-info-bg !default;\n$alert-info-text: $state-info-text !default;\n$alert-info-border: $state-info-border !default;\n\n$alert-warning-bg: $state-warning-bg !default;\n$alert-warning-text: $state-warning-text !default;\n$alert-warning-border: $state-warning-border !default;\n\n$alert-danger-bg: $state-danger-bg !default;\n$alert-danger-text: $state-danger-text !default;\n$alert-danger-border: $state-danger-border !default;\n\n\n// Progress bars\n\n$progress-bg: #f5f5f5 !default;\n$progress-bar-color: #fff !default;\n$progress-border-radius: $border-radius !default;\n\n$progress-bar-bg: $brand-primary !default;\n$progress-bar-success-bg: $brand-success !default;\n$progress-bar-warning-bg: $brand-warning !default;\n$progress-bar-danger-bg: $brand-danger !default;\n$progress-bar-info-bg: $brand-info !default;\n\n\n// List group\n\n$list-group-bg: #fff !default;\n$list-group-border-color: #ddd !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-hover-bg: #f5f5f5 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border: $list-group-active-bg !default;\n$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;\n\n$list-group-disabled-color: $gray-light !default;\n$list-group-disabled-bg: $gray-lighter !default;\n$list-group-disabled-text-color: $list-group-disabled-color !default;\n\n$list-group-link-color: #555 !default;\n$list-group-link-hover-color: $list-group-link-color !default;\n$list-group-link-heading-color: #333 !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: #ddd !default;\n$thumbnail-border-radius: $border-radius !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-vertical: .75rem !default;\n$breadcrumb-padding-horizontal: 1rem !default;\n\n$breadcrumb-bg: $gray-lighter !default;\n$breadcrumb-divider-color: $gray-light !default;\n$breadcrumb-active-color: $gray-light !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;\n\n$carousel-control-color: #fff !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-font-size: 20px !default;\n\n$carousel-indicator-active-bg: #fff !default;\n$carousel-indicator-border-color: #fff !default;\n\n$carousel-caption-color: #fff !default;\n\n\n// Close\n\n$close-font-weight: bold !default;\n$close-color: #000 !default;\n$close-text-shadow: 0 1px 0 #fff !default;\n\n\n// Code\n\n$code-color: #bd4147 !default;\n$code-bg: #f7f7f9 !default;\n\n$kbd-color: #fff !default;\n$kbd-bg: #333 !default;\n\n$pre-bg: #f7f7f9 !default;\n$pre-color: $gray-dark !default;\n$pre-border-color: #ccc !default;\n$pre-scrollable-max-height: 340px !default;\n",".row {\n\t.col {\n\t\tpadding-left: $grid-gutter-width/2;\n\t\tpadding-right: $grid-gutter-width/2;\n\t\tfloat: left;\n\t}\n}\n\n\n.row-sm {\n\tmargin-left: -10px;\n\tmargin-right: -10px;\n\n\t[class^='col'] {\n\t\tpadding-left: 10px;\n\t\tpadding-right: 10px;\n\t}\n}\n\n\n.title-block {\n\tpadding-bottom: 15px;\n\tmargin-bottom: 30px;\n\tborder-bottom: 1px solid $color-divider;\n\n\t@include clearfix();\n\n\t@include media-down(sm) {\n\t\tmargin-bottom: 20px;\n\t}\n}\n\n\n.subtitle-block {\n\tpadding-bottom: 10px;\n\tmargin-bottom: 20px;\n\tborder-bottom: 1px dashed lighten($color-divider, 3%);\n}\n\n.section {\n\tdisplay: block;\n\tmargin-bottom: $content-padding-y-md - $card-margin-bottom;\n\n\n\t@include media(xl) {\n\t\tmargin-bottom: $content-padding-y-xl - $card-margin-bottom;\n\t}\n\n\t@include media(lg) {\n\t\tmargin-bottom: $content-padding-y-lg - $card-margin-bottom;\n\t}\n\n\t@include media(md) {\n\t\tmargin-bottom: $content-padding-y-md - $card-margin-bottom;\n\t}\n\n\t@include media-down(sm) {\n\t\tmargin-bottom: $content-padding-y-sm - $card-margin-bottom;\n\t}\n\n\n\t&:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n}\n\n.box-placeholder {\n margin-bottom: 15px;\n padding: 20px;\n border: 1px dashed #ddd;\n background: #fafafa;\n color: #444;\n cursor: pointer;\n}\n","@mixin clearfix() {\n &::after {\n content: \"\";\n display: table;\n clear: both;\n }\n}\n",".easy-pie-chart {\n\twidth: 50px;\n\theight: 50px;\n\t// margin-right: 10px;\n\tdisplay: inline-block;\n\tbackground-color: $color-divider;\n\tborder-radius: 5px;\n\t// vertical-align: top;\n}","input, \ntextarea {\n\toutline: none;\n}\n\n\n.form-group {\n\t.row {\n\t\tmargin-left: -10px;\n\t\tmargin-right: -10px;\n\n\t\t[class^='col'] {\n\t\t\tpadding-left: 10px;\n\t\t\tpadding-right: 10px;\n\t\t}\n\t}\n\n\t&.has-error {\n\t\tspan.has-error {\n\t\t\tcolor: $color-danger;\n\t\t\tfont-size: 13px;\n\t\t\tdisplay: block !important;\n\t\t}\n\n\t\t.form-control-feedback {\n\t\t\tcolor: $color-danger;\n\t\t}\n\t}\n\n\t&.has-warning {\n\t\tspan.has-warning {\n\t\t\tcolor: $color-warning;\n\t\t\tfont-size: 13px;\n\t\t\tdisplay: block !important;\n\t\t}\n\n\t\t.form-control-feedback {\n\t\t\tcolor: $color-warning;\n\t\t}\n\t}\n\n\t&.has-success {\n\t\tspan.has-success {\n\t\t\tcolor: $color-success;\n\t\t\tfont-size: 13px;\n\t\t\tdisplay: block !important;\n\t\t}\n\n\t\t.form-control-feedback {\n\t\t\tcolor: $color-success;\n\t\t}\n\t}\n}\n\n/* Input groups */\n.input-group {\n\tmargin-bottom: 10px;\n\n\t.form-control {\n\t\tpadding-left: 5px;\n\t}\n\n\tspan.input-group-addon { \n\t\tfont-style: italic;\n\t\tborder: none;\n\t\tborder-radius: 0;\n\t\tborder: none;\n\t\tbackground-color: $color-divider;\n\t\ttransition: background-color ease-in-out 15s, color ease-in-out .15s;\n\n\t\t&.focus {\n\t\t\tbackground-color: $color-primary;\n\t\t\tcolor: #ffffff;\n\t\t}\n\t}\n}\n\nlabel, \n.control-label {\n\tfont-weight: 600;\n}\t\n\n.form-control.underlined {\n\tpadding-left: 0;\n\tpadding-right: 0;\n\tborder-radius: 0;\n\tborder: none;\n \tborder-radius: 0;\n\tbox-shadow: none;\n\tborder-bottom: 1px solid $color-divider;\n\n\t&.indented {\n\t\tpadding: .375rem .75rem;\n\t}\n\n\t.has-error &:focus,\n\t.has-warning &:focus,\n\t.has-success &:focus,\n\t&:focus {\n\t\tborder: none;\n\t\tbox-shadow: none;\n\t\tborder-bottom: 1px solid $color-primary;\n\t}\n\n\t.has-error & {\n\t\tbox-shadow: none;\n\t\tborder-color: $color-danger;\n\t}\n\n\t.has-warning & {\n\t\tbox-shadow: none;\n\t\tborder-color: $color-warning;\n\t}\n\n\t.has-success & {\n\t\tbox-shadow: none;\n\t\tborder-color: $color-success;\n\t}\n}\n\n.form-control.boxed {\n border-radius: 0;\n box-shadow: none;\n \n &:focus {\n \tborder: 1px solid $color-primary;\n }\n}\n\n.radio,\n.checkbox {\n\tdisplay: none;\n\n\t& + span {\n\t\tpadding: 0;\n\t\tpadding-right: 10px;\n\t}\n\n\t& + span:before {\n\t\tfont-family: FontAwesome;\n\t\tfont-size: 21px;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\tletter-spacing: 10px; \n\t\tcolor: darken($color-divider, 5%);\n\t}\n\n\t&:checked + span:before {\n\t\tcolor: $color-primary;\n\t}\n\n\t&:disabled + span:before {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t&:checked:disabled + span:before {\n\t\tcolor: darken($color-divider, 5%);\n\t}\n}\n\n.checkbox {\n\n\t& + span:before {\n\t\tcontent: \"\\f0c8\";\n\t}\n\n\t&:checked + span:before {\n\t\tcontent: \"\\f14a\";\n\t}\n\n\t&.rounded {\n\t\t& + span:before {\n\t\t\tcontent: \"\\f111\";\n\t\t}\n\n\t\t&:checked + span:before {\n\t\t\tcontent: \"\\f058\";\n\t\t}\n\t}\n}\n\n.radio {\n\n\t& + span:before {\n\t\tcontent: \"\\f111\";\n\t}\n\n\t&:checked + span:before {\n\t\tcontent: \"\\f192\";\n\t}\n\n\t&.squared {\n\t\t& + span:before {\n\t\t\tcontent: \"\\f0c8\";\n\t\t}\n\n\t\t&:checked + span:before {\n\t\t\tcontent: \"\\f14a\";\n\t\t}\n\t}\n\n}\n\n\n// Placeholders\n.form-control {\n\t&::-webkit-input-placeholder {\n\t\tfont-style: italic;\n\t\tcolor: darken($color-divider, 5%);\n\t}\n\n\t&:-moz-placeholder { /* Firefox 18- */\n\t\tfont-style: italic;\n\t\tcolor: $color-divider;\n\t}\n\n\t&::-moz-placeholder { /* Firefox 19+ */\n\t\tfont-style: italic;\n\t\tcolor: $color-divider;\n\t}\n\n\t&:-ms-input-placeholder { \n\t\tfont-style: italic;\n\t\tcolor: $color-divider;\n\t}\n}\n\n\n",".images-container {\n\t@include clearfix();\n\n\t// padding-top: 30px;\n\n\t.image-container {\n\t\tfloat: left;\n\t\tpadding: 3px;\n\t\tmargin-right: 10px;\n\t\tmargin-bottom: 35px;\n\t\tposition: relative;\n\t\tborder: 1px solid lighten($color-divider, 5%);\n\t\toverflow: hidden;\n\t\t// box-shadow: 0 0 3px #BFBFBF;\n\t\t// border-radius: 3px;\n\t\t\n\n\t\t&.active {\n\t\t\tborder-color: $color-primary;\n\t\t}\n\n\t\t// .controls {\n\t\t\t// transition: opacity .2s ease;\n\t\t\t// opacity: 0;\n\t\t// }\n\n\t\t&:hover {\n\t\t\t.controls {\n\t\t\t\tbottom: 0;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.controls {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tright: 0;\n\t\topacity: 0;\n\t\tbottom: -35px;\n\t\ttext-align: center;\n\t\theight: 35px;\n\t\t// background-color: lighten($color-divider, 8%);\n\t\tfont-size: 24px;\n\t\ttransition: bottom 0.2s ease, opacity 0.2s ease;\n\t\tbackground-color: #fff;\n\n\t\t@include clearfix();\n\n\t\t.control-btn {\n\t\t\tdisplay: inline-block;\n\t\t\tcolor: $color-text;\n\t\t\t// border-radius: 3px;\n\t\t\tcursor: pointer;\n\t\t\twidth: 35px;\n\t\t\theight: 35px;\n\t\t\tline-height: 35px;\n\t\t\ttext-align: center;\n\t\t\t// color: $color-text-inverse;\n\t\t\topacity: 0.5;\n\t\t\ttransition: opacity 0.3s ease;\n\n\t\t\t&:hover {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\n\n\t\t\t&.move {\n\t\t\t\tcursor: move;\n\t\t\t}\n\n\t\t\t&.star {\n\t\t\t\tcolor: #FFB300;\n\n\t\t\t\ti:before{\n\t\t\t\t\tcontent: \"\\f006\";\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\ti:before{\n\t\t\t\t\t\tcontent: \"\\f005\";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.remove {\n\t\t\t\tcolor: $color-danger;\n\t\t\t}\n\t\t}\n\t}\n\n\t.image {\n\t\tbackground-size: cover;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t\twidth: 130px;\n\t\theight: 135px;\n\t\t// cursor: pointer;\n\t\tline-height: 135px;\n\t\ttext-align: center;\n\t\t\n\t\t\n\n\t\t&:active {\n\n\t\t}\n\t}\n\n\t.image-container.main {\n\t\tborder-color: #FFB300; \n\t}\n\n\t.image-container.new {\n\t\topacity: 0.6;\n\t\ttransition: opacity 0.3s ease;\n\t\tborder-style: dashed;\n\t\tborder: 1px $color-primary solid;\n\t\tcolor: $color-primary;\n\n\t\t.image {\n\t\t\tfont-size: 2.5rem;\n\t\t}\n\n\t\t&:hover {\n\t\t\topacity: 1;\n\t\t}\n\t}\n}",".alert {\n\tbackground-image: none;\n\t\n\t&.alert-primary {\n\t\t@include alert-variant($color-primary, $color-primary, #ffffff);\n\t}\n\n\t&.alert-success {\n\t\t@include alert-variant($color-success, $color-success, #ffffff);\n\t}\n\n\t&.alert-info {\n\t\t@include alert-variant($color-info, $color-info, #ffffff);\n\t}\n\n\t&.alert-warning {\n\t\t@include alert-variant($color-warning, $color-warning, #ffffff);\n\t}\n\n\t&.alert-danger {\n\t\t@include alert-variant($color-danger, $color-danger, #ffffff);\n\t}\n\n\t&.alert-inverse {\n\t\t@include alert-variant($color-inverse, $color-inverse, #ffffff);\n\t}\n}","// Alerts\n\n@mixin alert-variant($background, $border, $body-color) {\n background-color: $background;\n border-color: $border;\n color: $body-color;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n .alert-link {\n color: darken($body-color, 10%);\n }\n}\n",".dropdown-menu {\n\tfloat: left;\n\tbox-shadow: 2px 3px 6px $dropbown-color-border;\n\tborder: 1px solid $dropbown-color-border;\n\tborder-top-left-radius: 0;\n\tborder-top-right-radius: 0;\n\n\n\t.dropdown-item {\n\t\tdisplay: block;\n\t\tpadding: 0px 15px;\n\t\tclear: both;\n\t\tfont-weight: normal;\n\t\tcolor: $color-text;\n\t\twhite-space: nowrap;\n\t\ttransition: none;\n\n\t\ti {\n\t\t\tmargin-right: 2px;\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: $color-primary !important;\n\t\t\tbackground: none;\n\t\t\tbackground-color: darken(#fff, 4%);\n\t\t}\n\t}\n}",".flex-row {\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.flex-col {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.centralize-y {\n\tdisplay: flex;\n\talign-items: center;\n}","#nprogress {\n\t.bar {\n\t\tbackground: $color-primary !important;\n\t\t\n\t\t.peg {\n\t\t\tbox-shadow: 0 0 10px $color-primary, 0 0 5px $color-primary;\n\t\t}\n\t}\n\n\t.spinner {\n\t\ttop: 25px !important;\n\t right: 23px !important;\n\n\t\t.spinner-icon {\n\t\t\tborder-top-color: $color-primary !important;\n\t\t border-left-color: $color-primary !important;\n\t }\n\t}\n}\n\n\n\n",".pagination {\n\tmargin-top: 0;\n\n\t.page-item {\n\t\t.page-link {\n\t\t\tcolor: $color-primary;\n\t\t}\n\n\t\t&.active {\n\t\t\t.page-link,\n\t\t\t.page-link:focus,\n\t\t\t.page-link:hover {\n\t\t\t\tcolor: #fff;\n\t\t\t\tborder-color: $color-primary;\n\t\t\t\tbackground-color: $color-primary;\n\t\t\t}\n\t\t}\n\t}\n}","$item-list-padding-x: 10px !default;\n$item-list-padding-y: 10px !default;\n$item-list-line-height: 1.4rem !default;\n$item-list-col-grow: 3 !default;\n$item-list-col-shrink: 3 !default;\n\n/* *******************************************\n*\t\t Item List general styles\n********************************************** */\n\n.item-list {\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmargin-bottom: 0;\n\tline-height: $item-list-line-height;\n\t\n\t@include media(lg) {\n\t\tfont-size: 1rem;\n\t}\n\n\t@include media(md) {\n\t\tfont-size: 0.95rem;\n\t}\n\n\t@include media-down(sm) {\n\t\tfont-size: 1.05rem;\n\t}\n\n\tdisplay: flex;\n\tflex-flow: column nowrap;\n\n\t&.striped {\n\t\t& > li {\n\t\t\tborder-bottom: 1px solid $item-list-color-border;\n\t\t}\n\n\t\t& > li:nth-child(2n + 1) {\n\t\t\tbackground-color: lighten($color-divider, 12%);\n\n\t\t\t@include media-down(sm) {\n\t\t\t\tbackground-color: lighten($color-divider, 11%);\n\t\t\t}\n\t\t}\n\n\t\t.item-list-footer {\n\t\t\tborder-bottom: none;\n\t\t}\n\t}\n}\n\n\n/* *******************************************\n*\t\t\tItem general styles\n********************************************** */\n\n\n.item-list {\n\t.item {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.item-row {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\tflex-wrap: wrap;\n\t\tmin-width: 100%;\n\n\t\t&.nowrap {\n\t\t\tflex-wrap: nowrap;\n\t\t}\n\t}\n\n\t.item-col {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tpadding: $item-list-padding-y $item-list-padding-x $item-list-padding-y 0;\n\t\tflex-basis: 0;\n\t\tflex-grow: $item-list-col-grow;\n\t\tflex-shrink: $item-list-col-shrink;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t\tmin-width: 0;\n\n\t\t&.fixed {\n\t\t\tflex-grow: 0;\n\t\t\tflex-shrink: 0;\n\t\t\tflex-basis: auto;\n\t\t}\n\n\t\t&.pull-left {\n\t\t\tmargin-right: auto;\n\t\t}\n\n\t\t&.pull-right {\n\t\t\tmargin-left: auto;\n\t\t}\n\n\t\t& > div {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tpadding-right: 0;\n\t\t}\n\t}\n\n\t.no-overflow {\n\t\toverflow: hidden;\n\t}\n\n\t.no-wrap {\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n}\n\n\n/* *******************************************\n*\t\t\t\tItem components\n********************************************** */\n\n\n.item-list {\n\n\t/********************************************\n\t*\t\t\t\t\tHeader\n\t*********************************************/\n\n\t.item-list-header {\n\t\t.item-col.item-col-header {\n\t\t\tspan {\n\t\t\t\tcolor: #999;\n\t\t\t\tfont-size: 0.8rem;\n\t\t\t\tfont-weight: 700 !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t/********************************************\n\t*\t\t\t\t\tHeading\n\t*********************************************/\n\n\t.item-heading {\n\t\tfont-size: 0.9rem;\n\t\tdisplay: none;\n\t\tcolor: #666;\n\t\tfont-weight: 700;\t\n\t\tpadding-right: $item-list-padding-x;\n\n\t\t@include media-down(sm) {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t@include media(sm) {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t@include media(xs) {\n\t\t\twidth: 40%;\n\t\t}\n\t}\n\n\t/********************************************\n\t*\t\t\t\t\tCheckbox\n\t*********************************************/\n\n\t.item-col.item-col-check {\n\t\tflex-basis: 20px + $item-list-padding-x;\n\n\t\t@include media-down(sm) {\n\t\t\torder: -8;\n\t\t}\n\t}\n\n\t.item-check {\n\t\tmargin-bottom: 0;\n\n\t\t.checkbox + span {\n\t\t\tpadding-right: 0;\n\n\t\t\t&:before {\n\t\t\t\twidth: 20px;\n\t\t\t}\n\t\t}\n\t}\n\n\t/********************************************\n\t*\t\t\t\t\tImage\n\t*********************************************/\n\n\t.item-col.item-col-img {\n\t\tdisplay: flex;\n\t\tflex-basis: 60px + $item-list-padding-x;\n\n\t\t&.xs{\n\t\t\tflex-basis: 30px + $item-list-padding-x;\n\t\t}\n\n\t\t&.sm {\n\t\t\tflex-basis: 40px + $item-list-padding-x;\n\t\t}\n\n\t\t&.lg {\n\t\t\tflex-basis: 90px + $item-list-padding-x;\n\t\t}\n\n\t\t&.xl {\n\t\t\tflex-basis: 110px + $item-list-padding-x;\n\t\t}\n\n\t\ta {\n\t\t\twidth: 100%;\n\t\t\t// display: flex;\n\t\t}\n\t}\n\n\t.item-img {\n\t\tflex-grow: 1;\n\t\talign-self: stretch;\n\t background-color: #efefef;\n\t padding-bottom: 100%;\n\t\twidth: 100%;\n\t\theight: 0;\n\n\t \t@include bg-cover();\n\t}\n\n\t/********************************************\n\t*\t\t\t\t\tTitle\n\t*********************************************/\n\n\t.item-col.item-col-title {\n\n\t\t@include media-down(sm) {\n\t\t\torder: -4;\n\t\t}\n\n\t\ta {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\n\t.item-title {\n\t\tmargin: 0;\n\t\tfont-size: inherit;\n\t\tline-height: inherit;\n\t\tfont-weight: 600;\n\t}\n\n\t/********************************************\n\t*\t\t\t\t\tStats\n\t*********************************************/\n\n\t.item-stats {\n\t\theight: $item-list-line-height;\n\t}\n\n\t/********************************************\n\t*\t\t\t\t Actions\n\t*********************************************/\n\n\t.item-col.item-col-actions-dropdown {\n\t\tflex-basis: 30px + $item-list-padding-x;\n\t\ttext-align: center;\n\t\tpadding-left: 0 !important;\n\n\t\t@include media-down(sm) {\n\t\t\torder: -3;\n\n\t\t\tflex-basis: 30px + $item-list-padding-x !important;\n\t\t\tpadding-right: $item-list-padding-x;\n\t\t}\n\t}\n\n\t.item-actions-dropdown {\n\t\tposition: relative;\n\t\tfont-size: 1.1rem;\n\n\t\t&.active {\n\t\t\t.item-actions-block {\n\t\t\t\tmax-width: 120px;\n\t\t\t}\n\n\t\t\t.item-actions-toggle-btn {\n\t\t\t\tcolor: $color-primary;\n\n\t\t\t\t.active {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t.inactive {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.item-actions-toggle-btn {\n\t\t\tcolor: lighten($color-text-light, 10);\n\t\t\tfont-size: 1.2rem;\n\t\t\tcursor: pointer;\n\t\t\twidth: 100%;\n\t\t\tline-height: 30px;\n\t\t\ttext-align: center;\n\t\t\ttext-decoration: none;\n\n\t\t\t.active {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t.item-actions-block {\n\t\t\theight: 30px;\n\t\t\tmax-width: 0px;\n\t\t\tline-height: 30px;\n\t\t\toverflow: hidden;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 100%;\n\t\t\tbackground-color: $color-divider;\n\t\t\tborder-radius: 3px;\n\t\t\ttransition: all 0.15s ease-in-out;\n\n\t\t\t&.direction-right {\n\t\t\t\tright: auto;\n\t\t\t\tleft: 100%;\n\t\t\t}\n\n\n\t\t\t.item-actions-list {\n\t\t\t\tpadding: 0;\n\t\t\t\tlist-style: none;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\tpadding: 0 5px;\n\n\t\t\t\tli{\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\n\t\t\t\ta {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tpadding: 0 5px;\n\n\t\t\t\t\t&.edit {\n\t\t\t\t\t\tcolor: #38424C;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.check {\n\t\t\t\t\t\tcolor: #40B726;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.remove {\n\t\t\t\t\t\tcolor: #DB0E1E;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n\n\t/********************************************\n\t*\t\t\t Something else?\n\t*********************************************/\n\n}\n\n\n/* *******************************************\n*\t\t\t\tAdjustments\n********************************************** */\n\n// Item which is located inside card inside item-list\n.card > .item-list .item > .item-row {\n\tpadding: 0 $card-padding-x;\n\n\t@include media(xl) {\n\t\tpadding: 0 $card-padding-x-xl;\n\t}\n\n\t@include media-down(sm) {\n\t\tpadding: 0 $card-padding-x-sm;\n\t}\n}",".table {\n\tlabel {\n\t\tmargin-bottom: 0;\n\t}\n\t\n\t.checkbox + span {\n\t\tmargin-bottom: 0;\n\t\t&:before {\n\t\t\tline-height: 20px;\n\t\t}\n\t}\n}",".modal-body.modal-tab-container {\n padding: 0;\n\n .modal-tabs {\n padding-left: 0;\n margin-bottom: 0;\n list-style:none;\n background-color: #ffffff;\n border-bottom: 1px solid #ddd;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);\n\n .nav-link {\n padding: 10px 20px;\n border: none;\n\n &:hover,\n &.active {\n color: $color-primary;\n border-bottom: 2px solid $color-primary;\n }\n\n &.active {\n font-weight: 600;\n }\n }\n }\n}",".card {\n\tbackground-color: #fff;\n\tbox-shadow: 1px 1px 5px fade-out($color-text-light, 0.9);\n\n\t.card {\n\t\tbox-shadow: none;\n\t}\n\t\n\tmargin-bottom: $card-margin-bottom;\n\tborder-radius: 0;\n\tborder: none;\n\n\t.card-header {\n\t\tbackground-image: none;\n\t\tbackground-color: #ffffff;\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tpadding: 0;\n\t\tborder-radius: 0;\n\t\tmin-height: 50px;\n\t\tborder: none;\n\n\t\t@include clearfix();\n\n\t\t&.bordered {\n\t\t\tborder-bottom: 1px solid $color-divider;\n\t\t}\n\n\t\t&.card-header-sm {\n\t\t\tmin-height: 40px;\n\t\t}\n\n\t\t&>span {\n\t\t\tvertical-align: middle;\n\t\t}\n\n\t\t.pull-right {\n\t\t\tmargin-left: auto;\n\t\t}\n\n\t\t.header-block {\n\t\t\tpadding: 0.5rem $card-padding-x;;\n\n\n\t\t\t@include media(xl) {\n\t\t\t\tpadding: 0.5rem $card-padding-x-xl;\n\t\t\t}\n\n\t\t\t@include media-down(sm) {\n\t\t\t\tpadding: 0.5rem $card-padding-x-sm;\n\t\t\t}\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: $color-text;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.btn {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.nav-tabs {\n\t\t\tborder-color: transparent;\n\t\t\talign-self: stretch;\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\ttop: 1px;\n\n .nav-item {\n \tmargin-left: 0;\n \tdisplay: flex;\n \talign-self: stretch;\n\n .nav-link {\n \tdisplay: flex;\n \talign-self: stretch;\n \talign-items: center;\n \tcolor: $color-text;\n \topacity: 0.7;\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 0;\n font-size: 14px;\n border-top-width: 2px;\n border-bottom: 1px solid $color-divider;\n text-decoration: none;\n\n &.active {\n\t \tborder-top-color: $color-primary;\n\t \tborder-bottom-color: transparent;\n\t \topacity: 1;\n\n\t \t&:hover,\n\t \t&:focus {\n\t \t\topacity: 1;\n\t \t\tbackground-color: $color-text-inverse;\n\t \t\tborder-color: $color-divider $color-divider transparent;\n\t \t\tborder-top-color: $color-primary;;\n\t \t}\n\t }\n\n\t &:hover,\n\t &:focus {\n\t \topacity: 1;\n\t \tbackground-color: transparent;\n\t \tborder-color: transparent;\n\t }\n }\n }\n }\n\t}\n\n\t&.card-default {\n\n\t\t& > .card-header {\n\t\t\tbackground-color: #fff;\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t&.card-primary {\n\t\tborder-color: $color-primary;\n\t\t& > .card-header {\n\t\t\tbackground-color: $color-primary;\n\t\t\tborder-color: $color-primary;\n\t\t}\n\t}\n\n\t&.card-success {\n\t\t& > .card-header {\n\t\t\tbackground-color: $color-success;\n\t\t}\n\t}\n\n\t&.card-info {\n\t\t& > .card-header {\n\t\t\tbackground-color: $color-info;\n\t\t}\n\t}\n\n\t&.card-warning {\n\t\t& > .card-header {\n\t\t\tbackground-color: $color-warning;\n\t\t}\n\t}\n\n\t&.card-danger {\n\t\t& > .card-header {\n\t\t\tbackground-color: $color-danger;\n\t\t}\n\t}\n\n\t&.card-inverse {\n\t\t& > .card-header {\n\t\t\tbackground-color: $color-inverse;\n\t\t}\n\t}\n\n\t.title-block,\n\t.card-title-block {\n\t\tpadding-bottom: 0;\n\t\tmargin-bottom: 20px;\n\t\tborder: none;\n\n\t\t@include clearfix();\n\t}\n\n\t.section {\n\t\tmargin-bottom: 20px;\n\t}\n\n\t.example,\n\t.section.demo {\n\t\tmargin-bottom: 20px;\n\t}\n}\n\n\n.card-block {\n\tpadding: $card-padding-x;\n\n\t.tab-content {\n\t\tpadding: 0;\n\t\tborder-color: transparent;\n\t}\n\n\t@include media(xl) {\n\t\tpadding: $card-padding-x-xl;\n\t}\n\n\t@include media-down(sm) {\n\t\tpadding: $card-padding-x-sm;\n\t}\n}\n\n.card-footer {\n\tbackground-color: #fafafa;\n}\n",".logo {\n\tdisplay: inline-block;\n\twidth: 45px;\n\theight: 25px;\n\tvertical-align: middle;\n\tmargin-right: 5px;\n\t// background-color: fade(#fff, 10%);\n\tposition: relative;\n\n\t.l {\n\t\twidth: 11px;\n\t\theight: 11px;\n\t\tborder-radius: 50%;\n\t\tbackground-color: $color-primary;\n\t\tposition: absolute;\n\n\t\t&.l1 {\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t&.l2 {\n\t\t\twidth: 7px;\n\t\t\theight: 7px;\n\t\t\tbottom: 13px;\n\t\t\tleft: 10px;\n\t\t}\n\n\t\t&.l3 {\n\t\t\twidth: 7px;\n\t\t\theight: 7px;\n\t\t\tbottom: 4px;\n\t\t\tleft: 17px;\n\t\t}\n\n\t\t&.l4 {\n\t\t\tbottom: 13px;\n\t\t\tleft: 25px;\n\t\t}\n\n\t\t&.l5 {\n\t\t\tbottom: 0;\n\t\t\tleft: 34px;\n\t\t}\n\t}\n}\n","/* Let's get this party started */\n::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n}\n \n/* Track */\n::-webkit-scrollbar-track {\n // -webkit-box-shadow: inset 0 0 6px #626d77; \n // background: #626d77;\n -webkit-border-radius: 0;\n border-radius: 0;\n}\n \n/* Handle */\n::-webkit-scrollbar-thumb {\n -webkit-border-radius: 0;\n border-radius: 0;\n background: darken($color-primary, 5%); \n // -webkit-box-shadow: inset 0 0 6px $color-primary; \n}\n::-webkit-scrollbar-thumb:window-inactive {\n\tbackground: $color-primary; \n}",".error-card {\n\twidth: 410px;\n min-height: 330px;\n margin: 60px auto;\n\n .error-title {\n\t\tfont-size: 150px;\n\t\tline-height: 150px;\n\t\tfont-weight: 700;\n\t\tcolor: #252932;\n\t\ttext-align: center;\n\t\ttext-shadow: rgba(61, 61, 61, 0.3) .5px .5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px;\n\t}\n\n\t.error-sub-title {\n\t\tfont-weight: 100;\n\t\ttext-align: center;\n\t}\n\n\t.error-container {\n\t\ttext-align: center;\n\t\tvisibility: hidden;\n\n\t\t&.visible {\n\t\t\tvisibility: visible;\n\t\t}\n\t}\n\n\t&.global {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translateY(-50%) translateX(-50%);\n\t\tmargin: 0;\n\n\t\t.error-title {\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t.error-sub-title,\n\t\t.error-container {\n\t\t\tcolor: #ffffff;\n\t\t}\n }\n}\n\n@include media(md) {\n\t.error-card {\n\t\twidth: 50%;\n\t\t\n\t\t&.global {\n\t\t\tposition: relative;\n\t\t\ttop: 25%;\n\t\t\tleft: 0;\n\t\t\ttransform: inherit;\n\t\t\tmargin: 40px auto;\n\t\t}\n\t}\n}\n\n@include media-down(sm) {\n\t.error-card {\n\t\twidth: 90%;\n\n\t\t&.global {\n\t\t\tposition: relative;\n\t\t\ttop: 25%;\n\t\t\tleft: 0;\n\t\t\ttransform: inherit;\n\t\t\tmargin: 40px auto;\n\t\t}\n\t}\n}",".table-flip-scroll table {\n width: 100%\n}\n\n@media only screen and (max-width: 800px) {\n\n .table-flip-scroll .flip-content:after,\n .table-flip-scroll .flip-header:after {\n visibility: hidden;\n display: block;\n font-size: 0;\n content: \" \";\n clear: both;\n height: 0\n }\n .table-flip-scroll html .flip-content,\n .table-flip-scroll html .flip-header {\n -ms-zoom: 1;\n zoom: 1\n }\n .table-flip-scroll *:first-child+html .flip-content, \n .table-flip-scroll *:first-child+html .flip-header {\n -ms-zoom: 1;\n zoom: 1\n }\n .table-flip-scroll table {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n display: block;\n position: relative\n }\n .table-flip-scroll th,\n .table-flip-scroll td {\n margin: 0;\n vertical-align: top\n }\n .table-flip-scroll th:last-child,\n .table-flip-scroll td:last-child {\n border-bottom: 1px solid #ddd\n }\n .table-flip-scroll th {\n border: 0 !important;\n border-right: 1px solid #ddd !important;\n //font-size: 13px !important;\n //padding: 5px;\n width: auto !important;\n display: block;\n text-align: right;\n }\n .table-flip-scroll td {\n display: block;\n text-align: left;\n border: 0 !important;\n border-bottom: 1px solid #ddd !important;\n }\n .table-flip-scroll thead {\n display: block;\n float: left\n }\n .table-flip-scroll thead tr {\n display: block;\n }\n .table-flip-scroll tbody {\n display: block;\n width: auto;\n position: relative;\n overflow-x: auto;\n white-space: nowrap\n }\n .table-flip-scroll tbody tr {\n display: inline-block;\n vertical-align: top;\n margin-left: -5px;\n border-left: 1px solid #ddd\n }\n}",".sidebar-header {\n\t.brand {\n\t\tcolor: #fff;\n\t\ttext-align: left;\n\t\tpadding-left: 25px;\n\t\tline-height: $header-height;\n\t\tfont-size: 16px;\n\t\t\n\t\t@include media-down(sm) {\n\t\t\tline-height: $header-height-xs;\n\t\t\tfont-size: 16px;\n\t\t}\n\t}\n}",".sidebar {\n\tbackground-color: $sidebar-color-primary;\n\twidth: $sidebar-width;\n\tpadding-bottom: 60px;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\ttransition: left 0.3s ease;\n\tz-index: 20;\n\n\n\t@include media-down(md) {\n\t\tposition: fixed;\n\t\tleft: -$sidebar-width;\n\t}\n\n\t.sidebar-fixed & {\n\t\tposition: fixed;\n\t}\n\n\t.sidebar-open & {\n\t\tleft: 0;\n\n\t}\n\n\t.sidebar-container {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tbottom: 51px;\n\t\twidth: 100%;\n\t\tleft: 0;\n\t\toverflow-y: auto;\n\t\toverflow-x: hidden;\n\n\t\t&::-webkit-scrollbar-track {\n\t\t\tbackground-color: darken($sidebar-color-primary, 6.5%);\n\t\t}\n\t}\n\n\t.nav {\n\n\t\tfont-size: 14px;\n\n\t\t// Common styles\n\t\tli {\n\t\t\ta:focus,\n\t\t\t.open & a:focus {\n\t\t\t\tbackground-color: inherit;\n\t\t\t}\n\t\t}\n\n\t\t// Second + menu items\n\t\tul {\n\t\t\tpadding: 0;\n\t\t\theight: 0px;\n\t\t\toverflow: hidden;\n\n\t\t\t.loaded & {\n\t\t\t\theight: auto;\n\t\t\t}\n\t\t}\n\n\t\tli.active ul {\n\t\t\theight: auto;\n\t\t}\n\n\n\t\t// All links which are not active\n\t\t// have subdued color\n\t\tli a {\n\t\t\tcolor: $sidebar-color-text;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t// All links which are not active\n\t\t// On hover bg become darker\n\t\t// Their color become lighter\n\t\tli a:hover,\n\t\tli.open > a,\n\t\tli.open a:hover {\n\t\t\tcolor: $sidebar-color-text-active;\n\t\t\tbackground-color: $sidebar-color-secondary;\n\t\t}\n\n\n\t\t// First level items\n\t\t&> li {\n\n\t\t\t// First level items links\n\t\t\t& > a {\n\t\t\t\tpadding-top: 15px;\n\t\t\t\tpadding-bottom: 15px;\n\t\t\t\tpadding-left: 20px;\n\t\t\t\tpadding-right: 10px;\n\t\t\t}\n\n\t\t\t// First level active links have primary background\n\t\t\t&.active > a,\n\t\t\t&.active > a:hover {\n\t\t\t\tbackground-color: $color-primary !important;\n\t\t\t\tcolor: $color-text-inverse !important;\n\t\t\t}\n\n\t\t\t// First level active links have bit darker background\n\t\t\t&.open > a {\n\t\t\t\tbackground-color: darken($sidebar-color-primary, 3%);\n\t\t\t}\n\n\t\t\t// Open items links\n\t\t\t&.open > a {\n\t\t\t\ti.arrow {\n\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// First level item links arrow \n\t\t\t& > a {\n\t\t\t\ti {\n\t\t\t\t\tmargin-right: 5px;\n\t\t\t\t\tfont-size: 16px;\n\n\t\t\t\t\t&.arrow {\n\t\t\t\t\t\tfloat: right;\n\t\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t\tline-height: initial;\n\t\t\t\t\t\ttransition: all 0.3s ease;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcontent: \"\\f105\" !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t\t// Second level items\n\t\t& > li > ul > li {\n\n\t\t\t// Second level and deeper items links\n\t\t\t// Have bit darker background and more padding \n\t\t\t// from left side\n\t\t\ta {\n\t\t\t\tpadding-top: 10px;\n\t\t\t\tpadding-bottom: 10px;\n\t\t\t\tpadding-left: 50px;\n\t\t\t\tbackground-color: darken($sidebar-color-primary, 3%);\n\t\t\t}\n\n\t\t\t// Second level active items links\n\t\t\t// Have brighter color\n\t\t\t&.active a {\n\t\t\t\tcolor: $sidebar-color-text-active;\n\t\t\t}\n\t\t}\n\t}\n\n}\n\n.sidebar-overlay {\n\tposition: absolute;\n\tdisplay: none;\n\tleft: 200vw;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\tz-index: 5;\n\topacity: 0;\n\ttransition: opacity 0.3s ease;\n\tz-index: 15;\n\n\t@include media-down(md) {\n\t\tdisplay: block;\n\t}\n\n\t@include media-down(sm) {\n\t\tbackground-color: fade-out(#000, 0.3);\n\t}\n\n\n\t.sidebar-open & {\n\t\t@include media-down(md) {\n\t\t\tleft: 0;\n\t\t\topacity: 1;\n\t\t}\n\t}\n}",".customize {\n\t// height: 200px;\n\twidth: 100%;\n\tcolor: rgba(255, 255, 255, 0.5);\n\tpadding: 5px 15px;\n\ttext-align: center;\n\n\t.customize-header{\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n#customize-menu {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\twidth: $sidebar-width;\n\n\t@include media-down(sm) {\n\t\t\n\t}\n\n\t.sidebar-open & {\n\t\t@include media-down(md) {\n\t\t\tleft: 0;\n\t\t}\n\t}\n\n\t@include media-down(md) {\n\t\t// position: absolute;\n\t\ttransition: left 0.3s ease;\n\t\tleft: -$sidebar-width;\n\t}\n\n\t& > li {\n\t\t& > a {\n\t\t\tbackground-color: $sidebar-color-primary;\n\t\t\tborder-top: 1px solid fade-out($sidebar-color-secondary, 0.5);\n\t\t}\n\n\t\t& > a:hover,\n\t\t&.open > a {\n\t\t\tbackground-color: $sidebar-color-secondary;\n\t\t}\n\t}\n\n\t.customize {\t\n\t\twidth: $sidebar-width;\n\t\tcolor: fade-out($color-text-inverse, 0.5);\n\t\tbackground-color: $sidebar-color-secondary;\n\t\ttext-align: center;\n\t\tpadding: 10px 15px;\n\t\tborder-top: 2px solid $color-primary;\n\n\t\t.customize-item {\n\t\t\tmargin-bottom: 15px;\n\n\t\t\t.customize-header {\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t}\n\n\t\t\tlabel {\n\t\t\t\tfont-weight: 400;\n\t\t\t\t\n\n\t\t\t\t&.title {\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.radio {\n\n\t\t\t\t& + span {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tpadding-left: 5px\n\t\t\t\t}\n\n\t\t\t\t& + span:before {\n\t\t\t\t\tfont-size: 17px;\n\t\t\t\t\tcolor: #546273;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\n\t\t\t\t&:checked + span:before{\n\t\t\t\t\tcolor: $color-primary;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.customize-colors {\n\t\t\t\tlist-style: none;\n\n\t\t\t\tli {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\tmargin-right: 5px;\n\n\t\t\t\t\t.color-item {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\tborder: 1px solid;\n\t\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t\t&.color-red {\n\t\t\t\t\t\t\tbackground-color: #FB494D;\n\t\t\t\t\t\t\tborder-color: #FB494D;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.color-orange {\n\t\t\t\t\t\t\tbackground-color: #FE7A0E;\n\t\t\t\t\t\t\tborder-color: #FE7A0E;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.color-green {\n\t\t\t\t\t\t\tbackground-color: #8CDE33;\n\t\t\t\t\t\t\tborder-color: #8CDE33;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.color-seagreen {\n\t\t\t\t\t\t\tbackground-color: #4bcf99;\n\t\t\t\t\t\t\tborder-color: #4bcf99;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.color-blue {\n\t\t\t\t\t\t\tbackground-color: #52BCD3;\n\t\t\t\t\t\t\tborder-color: #52BCD3;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.color-purple {\n\t\t\t\t\t\t\tbackground-color: #7867A7;\n\t\t\t\t\t\t\tborder-color: #7867A7;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\tfont-family: FontAwesome;\n\t\t\t\t\t\t\tfont-size: 17px;\n\t\t\t\t\t\t\tline-height: 17px;\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcontent: \"\\f00c\";\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\n\n\t\n}\n",".wyswyg {\n\tborder: 1px solid $color-divider;\n\n\t.toolbar,\n\t.ql-picker-label,\n\t.ql-picker-options {\n\t\t// background-color: lighten($color-divider, 10%) !important;\n\t}\n\n\t.ql-container {\n\t\tborder-top: 1px solid $color-divider;\n\t}\n\n\t.toolbar {\n\t\t.btn {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\n\t.ql-container {\n\t\tfont-size: 1rem;\n\n\t\t.ql-editor {\n\t\t\tmin-height: 200px;\n\t\t}\n\t}\n}",".header .header-block-search {\n\t$line-height: $header-height - 30px;\n\tmargin-right: auto;\n\n\t// float: left;\n\tpadding-left: $content-padding-x-md;\n\n\t@include media-down(sm) {\n\t\tpadding-left: $content-padding-x-xs;\n\t}\n\n\t@include media(md) {\n\t\tpadding-left: $content-padding-x-sm;\n\t}\n\n\t@include media(lg) {\n\t\tpadding-left: $content-padding-x-md;\n\t}\n\n\t@include media(xl) {\n\t\tpadding-left: $content-padding-x-lg;\n\t}\n\n\t& > form {\n\t\tfloat: right;\n\n\t\t@include media-down(sm) {\n\t\t\tpadding-left: 0;\n\t\t}\n\t} \n\n\t.input-container {\n\t\tposition: relative;\n\t\tcolor: $color-text-light;\n\n\t\ti {\n\t\t\tposition: absolute;\n\t\t\tpointer-events: none;\n\t\t\tdisplay: block;\n\t\t\theight: $line-height;\n\t\t\tline-height: $line-height;\n\t\t\tleft: 0;\n\t\t}\n\n\t\tinput {\n\t\t\tbackground-color: transparent;\n\t\t\tborder: none;\n\t\t\tpadding-left: 25px;\n\t\t\theight: 40px;\n\t\t\tmax-width: 150px;\n\n\t\t\t@include media-down(sm) {\n\t\t\t\tmax-width: 140px;\n\t\t\t}\n\t\t}\n\n\t\t// .underline {\n\t\t// \t&:extend(.underline-animation);\n\t\t// }\n\n\n\t\tinput:focus + .underline {\n\t\t\ttransform: scaleX(1);\n\t\t}\n\n\t}\n}",".header .header-block-collapse {\n\n\tpadding-right: 5px;\n\n\t@include media-down(sm) {\n\t\twidth: 155px;\n\t}\n\n\t.collapse-btn {\n\t\tbackground: none;\n\t\tborder: none;\n\t\tbox-shadow: none;\n\t\tcolor: $color-primary;\n\t\tfont-size: 24px;\n\t\tline-height: 40px;\n\t\tborder-radius: 0;\n\t\toutline: none;\n\t\tpadding: 0;\n\t\tpadding-left: 10px;\n\t\tpadding-right: 10px;\n\t\tvertical-align: initial;\n\t}\n}",".header {\n\tbackground-color: $color-divider;\n\theight: $header-height;\n\tposition: absolute;\n\tleft: $sidebar-width;\n\tright: 0;\n\ttransition: left 0.3s ease;\n\tz-index: 10;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\n\t@include media-down(md) {\n\t\tleft: 0;\n\t}\n\n\t@include media-down(sm) {\n\t\tleft: 0;\n\t\theight: $header-height-xs;\n\t}\n\n\t.header-fixed & {\n\t\tposition: fixed;\n\t}\n\n\t.header-block {\n\t\t@include media-down(sm) {\n\t\t\tpadding: 5px;\n\t\t}\n\t}\n}",".header .header-block-nav {\n\n\t.notifications {\n\t\tfont-size: 16px;\n\n\n\t\ta {\n\t\t\tpadding-right: 10px;\n\t\t}\n\n\t\t.counter {\n\t\t\tfont-weight: bold;\n\t\t\tfont-size: 14px;\n\t\t\tposition: relative;\n\t\t\ttop: -3px;\n\t\t\tleft: -2px;\n\t\t}\n\n\t\t&.new .counter {\n\t\t\tcolor: $color-primary;\n\t\t\tfont-weight: bold;\n\t\t}\n\n\t\t@include media-down(sm) {\n\t\t\tposition: static;\n\t\t}\n\t}\n\n\n\t.notifications-dropdown-menu {\n\t\twhite-space: normal;\n\t\tleft: auto;\n\t\tright: 0;\n\t\tmin-width: 350px;\n\n\t\t&:before {\n\t\t\tposition: absolute;\n\t\t\tright: 20px;\n\t\t\tbottom: 100%;\n\t\t\tmargin-right: -1px;\n\t\t\t// @include triangle(up, 10px, $dropdown-border);\n\t\t}\n\n\t\t&:after {\n\t\t\tposition: absolute;\n\t\t\tright: 20px;\n\t\t\tbottom: 100%;\n\t\t\t// @include triangle(up, 9px, $dropdown-bg);\n\t\t}\n\n\n\t\t.notifications-container {\n\t\t\t.notification-item {\n\t\t\t\tborder-bottom: 1px solid $dropbown-color-border;\n\t\t\t\tpadding: 5px;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $dropdown-link-hover-color-bg;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t\t.img-col {\n\t\t\t\tdisplay: table-cell;\n\t\t\t\tpadding: 5px;\n\t\t\t}\n\n\t\t\t.body-col {\n\t\t\t\tpadding: 5px;\n\t\t\t\tdisplay: table-cell;\n\t\t\t}\n\n\t\t\t.img {\n\t\t\t\twidth: 40px;\n\t\t\t\theight: 40px;\n\t\t\t\tborder-radius: 3px;\n\t\t\t\tvertical-align: top;\n\t\t\t\tdisplay: inline-block;\n\n\t\t\t\t@include bg-cover();\n\t\t\t}\n\n\n\t\t\tp {\n\t\t\t\tcolor: $color-text;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tline-height: 18px;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tmargin: 0;\n\t\t\t\tvertical-align: top;\n\n\t\t\t\t.accent {\n\t\t\t\t\tfont-weight: bold;\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\n\n\t\tfooter {\n\t\t\ttext-align: center;\n\n\t\t\ta {\n\t\t\t\tcolor: $dropdown-link-color;\n\t\t\t\ttransition: none;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $dropdown-link-hover-color-bg;\n\t\t\t\t\tcolor: $color-primary;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media-down(sm) {\n\t\t\tmin-width: 100px;\n\t\t\twidth: 100%;\n\t\t\tmargin-top: 5px;\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\tright: 107px;\n\t\t\t}\n\t\t}\n\t}\n}",".header .header-block-nav {\n\t.profile {\n\t\t.img {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tline-height: 30px;\n\t\t\tborder-radius: 4px;\n\t\t\tbackground-color: darken($color-divider, 25%);\n\t\t\tcolor: $color-text-inverse;\n\t\t\ttext-align: center;\n\t\t\tmargin-right: 10px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: center;\n\t\t\tbackground-size: cover;\n\t\t\tvertical-align: middle;\n\t\t}\n\n\t\t.name {\n\t\t\tdisplay: inline-block;\t\n\t\t\tmargin-right: 9px;\n\t\t\tfont-weight: bold;\n\n\t\t\t@include media-down(sm) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t.arrow {\n\t\t\tcolor: $color-primary;\n\t\t}\n\t}\n\n\t.profile-dropdown-menu {\n\t\tleft: auto;\n\t\tright: 0;\n\t\tmin-width: 180px;\n\t\twhite-space: normal;\n\n\t\t&:before {\n\t\t\tposition: absolute;\n\t\t\tright: 10px;\n\t\t\tbottom: 100%;\n\t\t\tmargin-right: -1px;\n\t\t\t// @include triangle(up, 10px, $dropdown-border);\n\t\t}\n\n\t\t&:after {\n\t\t\tposition: absolute;\n\t\t\tright: 10px;\n\t\t\tbottom: 100%;\n\t\t\t// @include triangle(up, 9px, $dropdown-bg);\n\t\t}\n\n\t\ta {\n\t\t\tpadding: 10px 15px;\n\t\t\t.icon {\n\t\t\t\tcolor: $color-primary;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 16px;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tpadding-left: 5px;\n\t\t\t\ttext-align: left;\n\t\t\t\tcolor: $color-text-light;\n\t\t\t}\n\t\t}\n\n\t\t.profile-dropdown-menu-icon {\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t.profile-dropdown-menu-topic {\n\t\t\tcolor: #7e8e9f;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t.dropdown-divider {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.logout {\n\t\t\tborder-top: 1px solid $dropbown-color-border;\n\t\t}\n\n\n\t\t@include media-down(sm) {\n\t\t\tmargin-top: 8px;\n\t\t}\n\t}\n}",".header .header-block-nav {\n\tmargin-left: auto;\n\twhite-space: nowrap;\n\tpadding-right: 15px;\n\n\t@include media-down(sm) {\n\t\tpadding-right: 25px;\n\t}\n\n\t@include clearfix();\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n\n\t// All lists\n\tul {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t}\n\n\t& > ul {\n\t\tdisplay: table;\n\t}\n\n\t// First level items\n\t& > ul > li {\n\t\tdisplay: table-cell;\n\t\tposition: relative;\n\n\t\t&:before {\n\t\t\tdisplay: block;\n\t\t\tcontent: \" \";\n\t\t\twidth: 1px;\n\t\t\theight: 24px;\n\t\t\ttop: 50%;\n\t\t\tmargin-top: -12px;\n\t\t\tbackground-color: darken($color-divider, 25%);\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t&:first-child:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// First leve items links\n\t& > ul > li > a {\n\t\tpadding: 0 15px;\n\t\tcolor: $color-text;\n\n\t\t&:hover {\n\t\t\tcolor: $color-primary;\n\t\t}\n\t}\n\n\t// Dropdown menus\n\t.dropdown-menu {\n\t\tmargin-top: 15px;\n\t}\n\n}",".header .header-block-buttons {\n\ttext-align: center;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twhite-space: nowrap;\n\n\t.btn.header-btn {\n\t\tbackground-color: transparent;\n\t\tborder: 1px solid lighten($color-text, 10%);\n\t\tcolor: lighten($color-text, 10%);\n\t\tmargin: 0 5px;\n\t\tborder-radius: 0.2rem;\n\t\t// border-radius: 25px;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tborder: 1px solid darken($color-text, 10%);\n\t\t\tcolor: darken($color-text, 10%);\n\t\t}\n\n\n\t\t@include media-down(sm) {\n\t\t\tspan {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t\n}",".footer {\n\tbackground-color: #fff;\n\tposition: absolute;\n\tleft: $sidebar-width;\n\tright: 0;\n\tbottom: 0;\n\theight: $footer-height;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\n\t.footer-fixed & {\n\t\tposition: fixed;\n\t}\n\n\n\t.footer-block {\n\t\tvertical-align: middle;\n\t\tmargin-left: 20px;\n\t\tmargin-right: 20px;\n\t\t// line-height: 30px;\n\t}\n\n\t.footer-github-btn {\n\t\tvertical-align: middle;\n\t}\n\n\t@include media-down(md) {\n\t\tleft: 0;\n\t}\n\n\t.author > ul {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\tli {\n\t\t\tdisplay: inline-block;\n\n\t\t\t&:after {\n\t\t\t\tcontent: \"|\";\n\t\t\t}\n\n\t\t\t&:last-child:after {\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\n\n\t\t\t@include media-down(md) {\n\t\t\t\tdisplay: block;\n\t\t\t\ttext-align: right;\n\n\t\t\t\t&:after {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media-down(md) {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t@include media-down(sm) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n}",".modal {\n\n .modal-content {\n border-radius: 0;\n }\n\n // MOdal tabs are defined in _common/modal/modal.scss\n\n .modal-header {\n background-color: $color-primary;\n color: #ffffff;\n }\n\n .modal-footer {\n .btn {\n margin-bottom: 0;\n }\n }\n}","#modal-media {\n\t.modal-body {\n\t\tmin-height: 250px;\n\n\t}\n\t\n\t.modal-tab-content {\n min-height: 300px; \n }\n\n\t.images-container {\n\t\tpadding: 15px;\n\t\ttext-align: center;\n\n\t\t.image-container {\n\t\t\tmargin: 0 auto 10px auto;\n\t\t\tcursor: pointer;\n\t\t\ttransition: all 0.3s ease;\n\t\t\tdisplay: inline-block;\n\t\t\tfloat: none;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: fade-out($color-primary, 0.5);\n\t\t\t}\n\n\t\t\t&.active {\n\t\t\t\tborder-color: fade-out($color-primary, 0.5);\t\n\t\t\t}\n\t\t}\n\t}\n\n\t.upload-container {\n\t\tpadding: 15px;\t\n\n\t\t.dropzone {\n\t\t\tposition: relative;\n\t\t\tborder: 2px dashed $color-primary;\n\t\t\theight: 270px;\n\n\t\t\t.dz-message-block {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateY(-50%) translateX(-50%);\n\n\t\t\t\t.dz-message {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tfont-size: 24px;\n\t\t\t\t\tcolor: $color-primary;\n\t\t\t\t\twidth: 230px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n}",".app {\n\tposition: relative;\n\twidth: 100%;\n\tpadding-left: $sidebar-width;\n\tmin-height: 100vh;\n\tmargin: 0 auto;\n\tleft: 0;\n\tbackground-color: $color-bg;\n\tbox-shadow: 0 0 3px #ccc;\n\ttransition: left 0.3s ease, padding-left 0.3s ease; \n\toverflow: hidden;\n\n\t.content {\n\n\t\t$padding-x: $content-padding-x-md;\n\t\t$padding-y: $content-padding-y-md;\n\n\t\tpadding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;\n\t\tmin-height: 100vh;\t\n\n\t\t@include media(xl) {\n\t\t\t$padding-x: $content-padding-x-xl;\n\t\t\t$padding-y: $content-padding-y-xl;\n\n\t\t\tpadding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;\n\t\t}\n\n\t\t@include media(lg) {\n\t\t\t$padding-x: $content-padding-x-lg;\n\t\t\t$padding-y: $content-padding-y-lg;\n\n\t\t\tpadding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;\n\t\t}\n\n\t\t@include media(md) {\n\t\t\t$padding-x: $content-padding-x-md;\n\t\t\t$padding-y: $content-padding-y-md;\n\n\t\t\tpadding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;\n\t\t}\n\n\t\t@include media-down(sm) {\n\t\t\t$padding-x: $content-padding-x-sm;\n\t\t\t$padding-y: $content-padding-y-sm;\n\n\t\t\tpadding: $header-height-xs + $padding-y $padding-x $footer-height + $padding-y $padding-x;\n\t\t}\n\t}\n\n\n\t@include media-down(md) {\n\t\tpadding-left: 0;\n\t\t// background-color: #ccc;\n\t\t// left: -$sidebar-width;\n\t\t// width: calc(100% + #{$sidebar-width});\n\t}\n\t\n\t&.sidebar-open {\n\t\t// Disable content scrolling when sidebar is open\n\t\t@include media-down(md) {\n\t\t\tleft: 0;\n\t\t\t// position: absolute;\n\t\t\t// height: 100%;\n\t\t\t// overflow: hidden;\n\t\t}\n\t}\n\n\t&.blank {\n\t\tbackground-color: #667380;\n\t}\n\n}",".items-list-page {\n\n\t.title-search-block {\n\t\tposition: relative;\n\t}\n\n\t.title-block {\n\t\t@include media-down(sm) {\n\t\t\tpadding-bottom: 10px;\n\t\t\tmargin-bottom: 13px;\n\t\t}\n\n\t\t.action {\n\t\t\tdisplay: inline;\n\n\t\t\ta {\n\t\t\t\tpadding: 10px 15px;\n\n\t\t\t\t.icon {\n\t\t\t\t\tmargin-right: 5px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\twidth: 16px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media-down(sm){\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t}\n\t}\n\n\t\n\t.items-search {\n\t\tposition: absolute;\n\t\tmargin-bottom: 15px;\n\t\tright: 0;\n\t\ttop: 0;\n\n\t\t@include media-down(sm) {\n\t\t\tposition: static;\n\t\t}\n\t\t\n\t\t.search-button {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\n\t// For common item-list class see /src/_common/styles/items.less\n\n\t// Desktop view\n\n\t.item-list {\n\n\t\t.item-col {\n\t\t\t&.item-col-check {\n\t\t\t\ttext-align: left;\n\t\t\t\t// width: auto;\n\t\t\t\t// flex-basis: 30px;\n\t\t\t}\n\n\t\t\t&.item-col-img {\n\t\t\t\ttext-align: left;\n\t\t\t\twidth: auto;\n\t\t\t\ttext-align: center;\n\t\t\t\tflex-basis: 70px;\n\n\t\t\t\t@include media-up(sm) {\n\t\t\t\t\t&:not(.item-col-header) {\n\t\t\t\t\t\theight: 80px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.item-col-title {\n\t\t\t\ttext-align: left;\n\t\t\t\tmargin-left: 0 !important;\n\t\t\t\tmargin-right: auto;\n\t\t\t\t// flex-basis: calc(40% - 100px);\n\t\t\t\tflex-basis: 0;\n\t\t\t\tflex-grow: 3 * $item-list-col-grow;\n\t\t\t}\n\n\t\t\t&.item-col-sales {\n\t\t\t\ttext-align: right;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\n\t\t\t&.item-col-stats {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t&.item-col-category {\n\t\t\t\ttext-align: left;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\n\t\t\t&.item-col-author {\n\t\t\t\ttext-align: left;\n\t\t\t\tflex-grow: 1.5 * $item-list-col-grow;\n\t\t\t}\n\n\t\t\t&.item-col-date {\n\t\t\t\ttext-align: right;\n\t\t\t}\t\t\t\n\t\t}\n\t}\n\n\n\t// All mobile views\n\t@include media-down(sm) {\n\t\t.card.items {\n\t\t\tbackground: none;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t.item-list {\n\t\t\t.item {\n\t\t\t\tborder: none;\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tbox-shadow: 1px 1px 5px fade-out($color-text-light, 0.9);\n\t\t\t}\n\n\t\t\t.item-row {\n\t\t\t\tpadding: 0 !important;\n\t\t\t}\n\n\t\t\t.item-col {\n\t\t\t\t&.item-col-author {\n\t\t\t\t\tflex-grow: $item-list-col-grow;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\t}\n\n\n\t// Large Mobile view\n\n\t@include media(sm) {\n\t\t.item-list {\n\n\t\t\t.item {\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t\tbox-shadow: 1px 1px 5px fade-out($color-text-light, 0.9);\n\t\t\t}\n\n\t\t\t.item-row {\n\t\t\t\tpadding: 0;\n\t\t\t}\n\n\t\t\t.item-heading {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\tleft: 0;\n\t\t\t\tline-height: 40px;\n\t\t\t\tpadding-left: 0;\n\t\t\t}\n\n\t\t\t.item-col {\n\t\t\t\t&.item-col-check,\n\t\t\t\t&.item-col-title,\n\t\t\t\t&.item-col-actions-dropdown {\n\t\t\t\t\tborder-bottom: 1px solid $color-divider;\n\n\t\t\t\t\t.item-heading {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.item-col-sales,\n\t\t\t\t&.item-col-stats,\n\t\t\t\t&.item-col-category,\n\t\t\t\t&.item-col-author,\n\t\t\t\t&.item-col-date {\n\t\t\t\t\tpadding-top: 40px;\n\t\t\t\t\tposition: relative;\n\t\t\t\t}\n\n\n\t\t\t\t&.item-col-check {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t&.item-col-title {\n\t\t\t\t\tpadding-left: $item-list-padding-x;\n\t\t\t\t\ttext-align: left;\n\t\t\t\t\tmargin-left: 0 !important;\n\t\t\t\t\tmargin-right: auto;\n\t\t\t\t\tflex-basis: calc(100% - 40px);\n\t\t\t\t}\n\n\n\t\t\t\t&.item-col-actions {\n\t\t\t\t\t\n\t\t\t\t}\n\n\t\t\t\t&.item-col-img {\n\t\t\t\t\tpadding-left: $item-list-padding-x;\n\t\t\t\t\tflex-basis: 69px + $item-list-padding-x;\n\t\t\t\t}\n\n\n\t\t\t\t&.item-col-sales {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\n\t\t\t\t&.item-col-stats {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t&.item-col-category {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t&.item-col-author {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t&.item-col-date {\n\t\t\t\t\tpadding-right: $item-list-padding-x;\n\t\t\t\t\ttext-align: right;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\tflex-basis: 100px;\n\t\t\t\t\tflex-basis: 0;\n\t\t\t\t\tflex-grow: $item-list-col-grow;\n\t\t\t\t}\t\t\n\t\t\t}\n\n\t\t}\n\t}\n\n\t// Small Mobile view\n\n\t@include media(xs) {\n\n\t\t.item-list .item {\n\t\t\tborder: none;\n\t\t\tfont-size: 0.9rem;\n\t\t\tmargin-bottom: 10px;\n\t\t\tbackground-color: #fff;\n\t\t\tbox-shadow: 1px 1px 5px fade-out($color-text-light, 0.9);\n\n\n\t\t\t.item-col {\n\t\t\t\ttext-align: right;\n\t\t\t\tborder-bottom: 1px solid $color-divider;\n\t\t\t\tpadding-left: $item-list-padding-x;\n\n\t\t\t\t&[class^=item-col] {\n\t\t\t\t\tflex-basis: 100%;\t\n\t\t\t\t}\n\n\n\t\t\t\t&.item-col-check {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t&.item-col-img {\n\t\t\t\t\t.item-img {\n\t\t\t\t\t\tpadding-bottom: 65%;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.item-col-title {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t\tborder: none;\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\tflex-basis: 0;\n\n\t\t\t\t\t.item-heading {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t.item-title {\n\t\t\t\t\t\tfont-size: 1rem;\n\t\t\t\t\t\tline-height: 1.4rem;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.item-col-actions-dropdown {\n\t\t\t\t\tborder: none;\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t}\n\n\t\t\t\t&.item-col-sales {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\n\t\t\t\t&.item-col-stats {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\n\t\t\t\t&.item-col-category {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\n\t\t\t\t&.item-col-author {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\n\t\t\t\t&.item-col-date {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\n\t\t\t\t\n\t\t\t}\n\n\n\t\t}\n\t}\n\n\n}",".auth {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\tleft: 0;\n\tbackground-color: #667380;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n}\n\n.auth-container {\n\twidth: 450px;\n\tmin-height: 330px;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translateY(-50%) translateX(-50%);\n\t\n\t.auth-header {\n\t\t//background-color: $color-primary;\n\t\ttext-align: center;\n\t\tborder-bottom: 1px solid $color-primary;\n\t}\n\n\t.auth-title {\n\t\tcolor: #97A4B1;\n\t\tpadding: 20px;\n\t\tline-height: 30px;\n\t\tfont-size: 26px;\n\t\tfont-weight: 600;\n\t\tmargin: 0;\n\t}\n\n\t.auth-content {\n\t\tpadding: 30px 50px;\n\t\tmin-height: 260px;\n\t}\n\n\t.forgot-btn {\n\t\tline-height: 28px;\n\t}\n\n\t.checkbox {\n\t\tlabel {\n\t\t\tpadding: 0;\n\t\t}\n\n\t\ta {\n\t\t\tvertical-align: text-top;\n\t\t}\n\n\t\tspan {\n\t\t\tcolor: #4f5f6f;\n\t\t}\n\t}\n}\n\n@include media-down(sm) {\n\t.auth-container {\n\t\twidth: 100%;\n\t\tposition: relative;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\ttransform: inherit;\n\t\tmargin: 0;\n\t\tmargin-bottom: 10px;\n\n\t\t.auth-content {\n\t\t\tpadding: 30px 25px;\n\t\t}\n\t}\n}"]} \ No newline at end of file diff --git a/resources/assets/sass/admin/main.scss b/resources/assets/sass/admin/main.scss new file mode 100644 index 00000000..75a183c8 --- /dev/null +++ b/resources/assets/sass/admin/main.scss @@ -0,0 +1,45 @@ +@import './modularAdmin/_main'; +@import './modularAdmin/_variables'; +@import './modularAdmin/_common/navigation/navigation'; +@import './modularAdmin/_common/animations/animations'; +@import './modularAdmin/_common/button/button'; +@import './modularAdmin/_common/_styles/typography'; +@import './modularAdmin/_common/_styles/_mixins'; +@import './modularAdmin/_common/_styles/misc'; +@import './modularAdmin/_common/_styles/layout'; +@import './modularAdmin/_common/chart/chart'; +@import './modularAdmin/_common/form/form'; +@import './modularAdmin/_common/images-container/images-container'; +@import './modularAdmin/_common/alert/alert'; +@import './modularAdmin/_common/dropdown/dropdown'; +@import './modularAdmin/_common/flex/flex'; +@import './modularAdmin/_common/nprogress/nprogress'; +@import './modularAdmin/_common/pagination/pagination'; +@import './modularAdmin/_common/items-list/items-list'; +@import './modularAdmin/_common/table/table'; +@import './modularAdmin/_common/modal/modal-tabs'; +@import './modularAdmin/_common/card/card'; +@import './modularAdmin/_common/logo/logo'; +@import './modularAdmin/_common/scrollbar/scrollbar'; + +@import './modularAdmin/app/pages/error'; +@import './modularAdmin/app/tables/responsive-tables/responsive-tables'; +@import './modularAdmin/app/_common/sidebar/header/header'; +@import './modularAdmin/app/_common/sidebar/sidebar'; +@import './modularAdmin/app/_common/sidebar/customize/customize'; +@import './modularAdmin/app/_common/editor/editor'; +@import './modularAdmin/app/_common/header/search/search'; +@import './modularAdmin/app/_common/header/collapse/collapse'; +@import './modularAdmin/app/_common/header/header'; +@import './modularAdmin/app/_common/header/nav/notifications/notifications'; +@import './modularAdmin/app/_common/header/nav/profile/profile'; +@import './modularAdmin/app/_common/header/nav/nav'; +@import './modularAdmin/app/_common/header/buttons/buttons'; +@import './modularAdmin/app/_common/footer/footer'; +@import './modularAdmin/app/_common/modals/modals'; +@import './modularAdmin/app/_common/modals/modal-media/modal-media'; +@import './modularAdmin/app/app'; +@import './modularAdmin/app/items/list/items-list'; +@import './modularAdmin/auth/auth'; + + diff --git a/resources/assets/sass/admin/modularAdmin/_common/_styles/_mixins.scss b/resources/assets/sass/admin/modularAdmin/_common/_styles/_mixins.scss new file mode 100644 index 00000000..0d802602 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/_styles/_mixins.scss @@ -0,0 +1,103 @@ +@import '../../../../bootstrap/scss/mixins'; + +// /***************************************** +// * Triangle Creation Mixin +// ******************************************/ + +// @mixin triangle-base() { +// content: ''; +// display: block; +// width: 0; +// height: 0; +// -moz-transform: scale(.9999); +// } +// @mixin triangle($direction, $size, $color) { +// @include triangle($direction, $size * 2, $size, $color); +// } +// @mixin triangle($direction, $width, $height, $color) when ($direction = up) { +// @include triangle-base(); +// border-left: ($width / 2) solid transparent; +// border-right: ($width / 2) solid transparent; +// border-bottom: $height solid $color; +// } +// @mixin triangle($direction, $width, $height, $color) when ($direction = down) { +// @include triangle-base(); +// border-left: ($width / 2) solid transparent; +// border-right: ($width / 2) solid transparent; +// border-top: $height solid $color; +// } +// @mixin triangle($direction, $width, $height, $color) when ($direction = left) { +// @include triangle-base(); +// border-top: ($width / 2) solid transparent; +// border-bottom: ($width / 2) solid transparent; +// border-right: $height solid $color; +// } +// @mixin triangle($direction, $width, $height, $color) when ($direction = right) { +// @include triangle-base(); +// border-top: ($width / 2) solid transparent; +// border-bottom: ($width / 2) solid transparent; +// border-left: $height solid $color; +// } + + +/***************************************** +* Background-image: cover mixin +******************************************/ + +@mixin bg-cover() { + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} + +/***************************************** +* Media Query Mixins +******************************************/ + +// Specified breakpoint +@mixin media($name) { + @include media-breakpoint-only($name) { + @content; + }; +} + +// Larger than specified breakpoint +@mixin media-up($name) { + @include media-breakpoint-up($name) { + @content; + }; +} + +// smaller than specified breakpoint +@mixin media-down($name) { + @include media-breakpoint-down($name) { + @content; + }; +} + +// /****************************************** +// * Placeholder +// *******************************************/ +@mixin placeholder() { + &::-webkit-input-placeholder { /* WebKit, Blink, Edge */ + @content; + } + &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ + @content; + } + &::-moz-placeholder { /* Mozilla Firefox 19+ */ + @content; + } + &:-ms-input-placeholder { /* Internet Explorer 10-11 */ + @content; + } +} + + +// /****************************************** +// * Hardware Acceleration +// *******************************************/ + +@mixin accelerate() { + transform: translate3d(0, 0, 0); +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/_styles/layout.scss b/resources/assets/sass/admin/modularAdmin/_common/_styles/layout.scss new file mode 100644 index 00000000..9f242747 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/_styles/layout.scss @@ -0,0 +1,74 @@ +.row { + .col { + padding-left: $grid-gutter-width/2; + padding-right: $grid-gutter-width/2; + float: left; + } +} + + +.row-sm { + margin-left: -10px; + margin-right: -10px; + + [class^='col'] { + padding-left: 10px; + padding-right: 10px; + } +} + + +.title-block { + padding-bottom: 15px; + margin-bottom: 30px; + border-bottom: 1px solid $color-divider; + + @include clearfix(); + + @include media-down(sm) { + margin-bottom: 20px; + } +} + + +.subtitle-block { + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px dashed lighten($color-divider, 3%); +} + +.section { + display: block; + margin-bottom: $content-padding-y-md - $card-margin-bottom; + + + @include media(xl) { + margin-bottom: $content-padding-y-xl - $card-margin-bottom; + } + + @include media(lg) { + margin-bottom: $content-padding-y-lg - $card-margin-bottom; + } + + @include media(md) { + margin-bottom: $content-padding-y-md - $card-margin-bottom; + } + + @include media-down(sm) { + margin-bottom: $content-padding-y-sm - $card-margin-bottom; + } + + + &:last-of-type { + margin-bottom: 0; + } +} + +.box-placeholder { + margin-bottom: 15px; + padding: 20px; + border: 1px dashed #ddd; + background: #fafafa; + color: #444; + cursor: pointer; +} diff --git a/resources/assets/sass/admin/modularAdmin/_common/_styles/misc.scss b/resources/assets/sass/admin/modularAdmin/_common/_styles/misc.scss new file mode 100644 index 00000000..2525908a --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/_styles/misc.scss @@ -0,0 +1,115 @@ +.underline-animation { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: $color-primary; + content: ''; + transition: all 0.2s; + backface-visibility: hidden; + transform: scaleX(0); +} + +.bar { + // background-color: $color-primary !important; +} + + +.stat-chart { + border-radius: 50%; +} + +.stat { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + margin-right: 10px; + + .value { + font-size: 20px; + line-height: 24px; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; + } + + .name { + overflow: hidden; + text-overflow: ellipsis; + } + + &.lg { + .value { + font-size: 26px; + line-height: 28px; + } + + .name { + font-size: 16px; + } + } +} + +.list-icon { + + [class^='col'] { + cursor: pointer; + + em { + font-size: 14px; + width: 40px; + vertical-align: middle; + margin: 0; + display: inline-block; + text-align: center; + -webkit-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; + line-height: 30px; + } + + &:hover { + em { + transform: scale(2,2); + } + } + } +} + + +.well { + background-image: none; + background-color: #fff; +} + +.jumbotron { + background-image: none; + background-color: #fff; + padding: 15px 30px; + + &.jumbotron-fluid { + padding-left: 0; + padding-right: 0; + } +} + +.rounded { + border-radius: $border-radius; +} + +.rounded-l { + border-radius: $border-radius-lg; +} + +.rounded-s { + border-radius: $border-radius-sm; +} + +.jqstooltip { + height: 25px !important; + width: auto !important; + border-radius: $border-radius-sm; +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/_styles/typography.scss b/resources/assets/sass/admin/modularAdmin/_common/_styles/typography.scss new file mode 100644 index 00000000..6c2c64e0 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/_styles/typography.scss @@ -0,0 +1,60 @@ +.title { + // font-size: 21px; + font-size: 1.45rem; + font-weight: 600; + margin-bottom: 0; + + // Title large + &.l { + // font-size: 23px; + font-size: 1.6rem; + } + + &.s { + // font-size: 18px; + font-size: 1.4rem; + } + + .card & { + font-size: 1.1rem; + color: $color-text; + } +} + +.title-description { + margin: 0; + // font-size: 14px; + font-size: 0.9rem; + font-weight: normal; + color: $color-text-light; + + // Small + &.s { + // font-size: 13px; + font-size: 0.8rem; + } + + @include media-down(sm) { + display: none; + } +} + +.subtitle { + font-size: 1.2rem; + margin: 0; + color: $color-text-light; +} + +.text-primary { + color: $color-primary; +} + +.text-muted { + color: lighten($color-text-light, 10%) +} + +pre { + padding: 0; + border: none; + background: none; +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/alert/alert.scss b/resources/assets/sass/admin/modularAdmin/_common/alert/alert.scss new file mode 100644 index 00000000..d7d470f0 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/alert/alert.scss @@ -0,0 +1,27 @@ +.alert { + background-image: none; + + &.alert-primary { + @include alert-variant($color-primary, $color-primary, #ffffff); + } + + &.alert-success { + @include alert-variant($color-success, $color-success, #ffffff); + } + + &.alert-info { + @include alert-variant($color-info, $color-info, #ffffff); + } + + &.alert-warning { + @include alert-variant($color-warning, $color-warning, #ffffff); + } + + &.alert-danger { + @include alert-variant($color-danger, $color-danger, #ffffff); + } + + &.alert-inverse { + @include alert-variant($color-inverse, $color-inverse, #ffffff); + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/animations/animations.scss b/resources/assets/sass/admin/modularAdmin/_common/animations/animations.scss new file mode 100644 index 00000000..d638128e --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/animations/animations.scss @@ -0,0 +1,4 @@ +.animated { + animation-duration: .5s; + animation-delay: .1s; +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/button/button.scss b/resources/assets/sass/admin/modularAdmin/_common/button/button.scss new file mode 100644 index 00000000..bb26f660 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/button/button.scss @@ -0,0 +1,97 @@ +.btn { + background-image: none; + border-radius: 0; + margin-bottom: 5px; + + &.btn-primary { + @include button-variant( $btn-primary-color-text, $color-primary, $color-primary); + } + + &.btn-secondary { + @include button-variant( $color-text, #fff, $color-divider ); + } + + &.btn-success { + @include button-variant( $color-text-inverse, $color-success, $color-success); + } + + &.btn-info { + @include button-variant( $color-text-inverse, $color-info, $color-info); + } + + &.btn-warning { + @include button-variant( $color-text-inverse, $color-warning, $color-warning); + } + + &.btn-danger { + @include button-variant( $color-text-inverse, $color-danger, $color-danger); + } + + // Remove all backgrounds + &.btn-primary-outline { + @include button-outline-variant($color-primary); + } + + &.btn-secondary-outline { + @include button-outline-variant($color-divider); + } + + &.btn-info-outline { + @include button-outline-variant($color-info); + } + + &.btn-success-outline { + @include button-outline-variant($color-success); + } + + &.btn-warning-outline { + @include button-outline-variant($color-warning); + } + + &.btn-danger-outline { + @include button-outline-variant($color-danger); + } + + &.btn-pill-left, + &.btn-pill-right, + &.btn-oval { + &:focus { + outline: none; + outline-offset: initial; + } + } + + &.btn-pill-left { + border-top-left-radius: $btn-radius; + border-bottom-left-radius: $btn-radius; + } + + &.btn-pill-right { + border-top-right-radius: $btn-radius; + border-bottom-right-radius: $btn-radius; + } + + &.btn-oval { + border-radius: $btn-radius; + } + + &.btn-link { + text-decoration: none; + } + + strong { + font-weight: 600; + } + +} + +.btn-group { + .dropdown-menu { + & > li:last-child { + a:hover:before { + height: 0px; + transform: scaleX(0) + } + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/card/card.scss b/resources/assets/sass/admin/modularAdmin/_common/card/card.scss new file mode 100644 index 00000000..5194434d --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/card/card.scss @@ -0,0 +1,200 @@ +.card { + background-color: #fff; + box-shadow: 1px 1px 5px fade-out($color-text-light, 0.9); + + .card { + box-shadow: none; + } + + margin-bottom: $card-margin-bottom; + border-radius: 0; + border: none; + + .card-header { + background-image: none; + background-color: #ffffff; + align-items: center; + display: flex; + flex-direction: row; + padding: 0; + border-radius: 0; + min-height: 50px; + border: none; + + @include clearfix(); + + &.bordered { + border-bottom: 1px solid $color-divider; + } + + &.card-header-sm { + min-height: 40px; + } + + &>span { + vertical-align: middle; + } + + .pull-right { + margin-left: auto; + } + + .header-block { + padding: 0.5rem $card-padding-x;; + + + @include media(xl) { + padding: 0.5rem $card-padding-x-xl; + } + + @include media-down(sm) { + padding: 0.5rem $card-padding-x-sm; + } + } + + .title { + color: $color-text; + display: inline-flex; + } + + .btn { + margin: 0; + } + + .nav-tabs { + border-color: transparent; + align-self: stretch; + display: flex; + position: relative; + top: 1px; + + .nav-item { + margin-left: 0; + display: flex; + align-self: stretch; + + .nav-link { + display: flex; + align-self: stretch; + align-items: center; + color: $color-text; + opacity: 0.7; + padding-left: 10px; + padding-right: 10px; + border-radius: 0; + font-size: 14px; + border-top-width: 2px; + border-bottom: 1px solid $color-divider; + text-decoration: none; + + &.active { + border-top-color: $color-primary; + border-bottom-color: transparent; + opacity: 1; + + &:hover, + &:focus { + opacity: 1; + background-color: $color-text-inverse; + border-color: $color-divider $color-divider transparent; + border-top-color: $color-primary;; + } + } + + &:hover, + &:focus { + opacity: 1; + background-color: transparent; + border-color: transparent; + } + } + } + } + } + + &.card-default { + + & > .card-header { + background-color: #fff; + color: inherit; + } + } + + &.card-primary { + border-color: $color-primary; + & > .card-header { + background-color: $color-primary; + border-color: $color-primary; + } + } + + &.card-success { + & > .card-header { + background-color: $color-success; + } + } + + &.card-info { + & > .card-header { + background-color: $color-info; + } + } + + &.card-warning { + & > .card-header { + background-color: $color-warning; + } + } + + &.card-danger { + & > .card-header { + background-color: $color-danger; + } + } + + &.card-inverse { + & > .card-header { + background-color: $color-inverse; + } + } + + .title-block, + .card-title-block { + padding-bottom: 0; + margin-bottom: 20px; + border: none; + + @include clearfix(); + } + + .section { + margin-bottom: 20px; + } + + .example, + .section.demo { + margin-bottom: 20px; + } +} + + +.card-block { + padding: $card-padding-x; + + .tab-content { + padding: 0; + border-color: transparent; + } + + @include media(xl) { + padding: $card-padding-x-xl; + } + + @include media-down(sm) { + padding: $card-padding-x-sm; + } +} + +.card-footer { + background-color: #fafafa; +} diff --git a/resources/assets/sass/admin/modularAdmin/_common/chart/chart.scss b/resources/assets/sass/admin/modularAdmin/_common/chart/chart.scss new file mode 100644 index 00000000..d0466509 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/chart/chart.scss @@ -0,0 +1,9 @@ +.easy-pie-chart { + width: 50px; + height: 50px; + // margin-right: 10px; + display: inline-block; + background-color: $color-divider; + border-radius: 5px; + // vertical-align: top; +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/dropdown/dropdown.scss b/resources/assets/sass/admin/modularAdmin/_common/dropdown/dropdown.scss new file mode 100644 index 00000000..c5e15e4a --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/dropdown/dropdown.scss @@ -0,0 +1,28 @@ +.dropdown-menu { + float: left; + box-shadow: 2px 3px 6px $dropbown-color-border; + border: 1px solid $dropbown-color-border; + border-top-left-radius: 0; + border-top-right-radius: 0; + + + .dropdown-item { + display: block; + padding: 0px 15px; + clear: both; + font-weight: normal; + color: $color-text; + white-space: nowrap; + transition: none; + + i { + margin-right: 2px; + } + + &:hover { + color: $color-primary !important; + background: none; + background-color: darken(#fff, 4%); + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/flex/flex.scss b/resources/assets/sass/admin/modularAdmin/_common/flex/flex.scss new file mode 100644 index 00000000..1c5b4420 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/flex/flex.scss @@ -0,0 +1,14 @@ +.flex-row { + display: flex; + flex-direction: row; +} + +.flex-col { + display: flex; + flex-direction: column; +} + +.centralize-y { + display: flex; + align-items: center; +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/form/form.scss b/resources/assets/sass/admin/modularAdmin/_common/form/form.scss new file mode 100644 index 00000000..7ad3e284 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/form/form.scss @@ -0,0 +1,229 @@ +input, +textarea { + outline: none; +} + + +.form-group { + .row { + margin-left: -10px; + margin-right: -10px; + + [class^='col'] { + padding-left: 10px; + padding-right: 10px; + } + } + + &.has-error { + span.has-error { + color: $color-danger; + font-size: 13px; + display: block !important; + } + + .form-control-feedback { + color: $color-danger; + } + } + + &.has-warning { + span.has-warning { + color: $color-warning; + font-size: 13px; + display: block !important; + } + + .form-control-feedback { + color: $color-warning; + } + } + + &.has-success { + span.has-success { + color: $color-success; + font-size: 13px; + display: block !important; + } + + .form-control-feedback { + color: $color-success; + } + } +} + +/* Input groups */ +.input-group { + margin-bottom: 10px; + + .form-control { + padding-left: 5px; + } + + span.input-group-addon { + font-style: italic; + border: none; + border-radius: 0; + border: none; + background-color: $color-divider; + transition: background-color ease-in-out 15s, color ease-in-out .15s; + + &.focus { + background-color: $color-primary; + color: #ffffff; + } + } +} + +label, +.control-label { + font-weight: 600; +} + +.form-control.underlined { + padding-left: 0; + padding-right: 0; + border-radius: 0; + border: none; + border-radius: 0; + box-shadow: none; + border-bottom: 1px solid $color-divider; + + &.indented { + padding: .375rem .75rem; + } + + .has-error &:focus, + .has-warning &:focus, + .has-success &:focus, + &:focus { + border: none; + box-shadow: none; + border-bottom: 1px solid $color-primary; + } + + .has-error & { + box-shadow: none; + border-color: $color-danger; + } + + .has-warning & { + box-shadow: none; + border-color: $color-warning; + } + + .has-success & { + box-shadow: none; + border-color: $color-success; + } +} + +.form-control.boxed { + border-radius: 0; + box-shadow: none; + + &:focus { + border: 1px solid $color-primary; + } +} + +.radio, +.checkbox { + display: none; + + & + span { + padding: 0; + padding-right: 10px; + } + + & + span:before { + font-family: FontAwesome; + font-size: 21px; + display: inline-block; + vertical-align: middle; + letter-spacing: 10px; + color: darken($color-divider, 5%); + } + + &:checked + span:before { + color: $color-primary; + } + + &:disabled + span:before { + opacity: 0.5; + cursor: not-allowed; + } + + &:checked:disabled + span:before { + color: darken($color-divider, 5%); + } +} + +.checkbox { + + & + span:before { + content: "\f0c8"; + } + + &:checked + span:before { + content: "\f14a"; + } + + &.rounded { + & + span:before { + content: "\f111"; + } + + &:checked + span:before { + content: "\f058"; + } + } +} + +.radio { + + & + span:before { + content: "\f111"; + } + + &:checked + span:before { + content: "\f192"; + } + + &.squared { + & + span:before { + content: "\f0c8"; + } + + &:checked + span:before { + content: "\f14a"; + } + } + +} + + +// Placeholders +.form-control { + &::-webkit-input-placeholder { + font-style: italic; + color: darken($color-divider, 5%); + } + + &:-moz-placeholder { /* Firefox 18- */ + font-style: italic; + color: $color-divider; + } + + &::-moz-placeholder { /* Firefox 19+ */ + font-style: italic; + color: $color-divider; + } + + &:-ms-input-placeholder { + font-style: italic; + color: $color-divider; + } +} + + diff --git a/resources/assets/sass/admin/modularAdmin/_common/images-container/images-container.scss b/resources/assets/sass/admin/modularAdmin/_common/images-container/images-container.scss new file mode 100644 index 00000000..6b89381b --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/images-container/images-container.scss @@ -0,0 +1,129 @@ +.images-container { + @include clearfix(); + + // padding-top: 30px; + + .image-container { + float: left; + padding: 3px; + margin-right: 10px; + margin-bottom: 35px; + position: relative; + border: 1px solid lighten($color-divider, 5%); + overflow: hidden; + // box-shadow: 0 0 3px #BFBFBF; + // border-radius: 3px; + + + &.active { + border-color: $color-primary; + } + + // .controls { + // transition: opacity .2s ease; + // opacity: 0; + // } + + &:hover { + .controls { + bottom: 0; + opacity: 1; + } + } + } + + .controls { + position: absolute; + left: 0; + right: 0; + opacity: 0; + bottom: -35px; + text-align: center; + height: 35px; + // background-color: lighten($color-divider, 8%); + font-size: 24px; + transition: bottom 0.2s ease, opacity 0.2s ease; + background-color: #fff; + + @include clearfix(); + + .control-btn { + display: inline-block; + color: $color-text; + // border-radius: 3px; + cursor: pointer; + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + // color: $color-text-inverse; + opacity: 0.5; + transition: opacity 0.3s ease; + + &:hover { + opacity: 1; + } + + + + &.move { + cursor: move; + } + + &.star { + color: #FFB300; + + i:before{ + content: "\f006"; + } + + &.active { + i:before{ + content: "\f005"; + } + } + } + + &.remove { + color: $color-danger; + } + } + } + + .image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 130px; + height: 135px; + // cursor: pointer; + line-height: 135px; + text-align: center; + + + + &:active { + + } + } + + .image-container.main { + border-color: #FFB300; + } + + .image-container.new { + opacity: 0.6; + transition: opacity 0.3s ease; + border-style: dashed; + border: 1px $color-primary solid; + color: $color-primary; + + .image { + font-size: 2.5rem; + } + + &:hover { + opacity: 1; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/items-list/items-list.scss b/resources/assets/sass/admin/modularAdmin/_common/items-list/items-list.scss new file mode 100644 index 00000000..cf30f026 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/items-list/items-list.scss @@ -0,0 +1,388 @@ +$item-list-padding-x: 10px !default; +$item-list-padding-y: 10px !default; +$item-list-line-height: 1.4rem !default; +$item-list-col-grow: 3 !default; +$item-list-col-shrink: 3 !default; + +/* ******************************************* +* Item List general styles +********************************************** */ + +.item-list { + list-style: none; + padding: 0; + margin: 0; + margin-bottom: 0; + line-height: $item-list-line-height; + + @include media(lg) { + font-size: 1rem; + } + + @include media(md) { + font-size: 0.95rem; + } + + @include media-down(sm) { + font-size: 1.05rem; + } + + display: flex; + flex-flow: column nowrap; + + &.striped { + & > li { + border-bottom: 1px solid $item-list-color-border; + } + + & > li:nth-child(2n + 1) { + background-color: lighten($color-divider, 12%); + + @include media-down(sm) { + background-color: lighten($color-divider, 11%); + } + } + + .item-list-footer { + border-bottom: none; + } + } +} + + +/* ******************************************* +* Item general styles +********************************************** */ + + +.item-list { + .item { + display: flex; + flex-direction: column; + } + + .item-row { + display: flex; + align-items: stretch; + flex-direction: row; + justify-content: space-between; + flex-wrap: wrap; + min-width: 100%; + + &.nowrap { + flex-wrap: nowrap; + } + } + + .item-col { + align-items: center; + display: flex; + padding: $item-list-padding-y $item-list-padding-x $item-list-padding-y 0; + flex-basis: 0; + flex-grow: $item-list-col-grow; + flex-shrink: $item-list-col-shrink; + margin-left: auto; + margin-right: auto; + min-width: 0; + + &.fixed { + flex-grow: 0; + flex-shrink: 0; + flex-basis: auto; + } + + &.pull-left { + margin-right: auto; + } + + &.pull-right { + margin-left: auto; + } + + & > div { + width: 100%; + } + + &:last-child { + padding-right: 0; + } + } + + .no-overflow { + overflow: hidden; + } + + .no-wrap { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +} + + +/* ******************************************* +* Item components +********************************************** */ + + +.item-list { + + /******************************************** + * Header + *********************************************/ + + .item-list-header { + .item-col.item-col-header { + span { + color: #999; + font-size: 0.8rem; + font-weight: 700 !important; + } + } + } + + /******************************************** + * Heading + *********************************************/ + + .item-heading { + font-size: 0.9rem; + display: none; + color: #666; + font-weight: 700; + padding-right: $item-list-padding-x; + + @include media-down(sm) { + display: block; + } + + @include media(sm) { + width: 100%; + } + + @include media(xs) { + width: 40%; + } + } + + /******************************************** + * Checkbox + *********************************************/ + + .item-col.item-col-check { + flex-basis: 20px + $item-list-padding-x; + + @include media-down(sm) { + order: -8; + } + } + + .item-check { + margin-bottom: 0; + + .checkbox + span { + padding-right: 0; + + &:before { + width: 20px; + } + } + } + + /******************************************** + * Image + *********************************************/ + + .item-col.item-col-img { + display: flex; + flex-basis: 60px + $item-list-padding-x; + + &.xs{ + flex-basis: 30px + $item-list-padding-x; + } + + &.sm { + flex-basis: 40px + $item-list-padding-x; + } + + &.lg { + flex-basis: 90px + $item-list-padding-x; + } + + &.xl { + flex-basis: 110px + $item-list-padding-x; + } + + a { + width: 100%; + // display: flex; + } + } + + .item-img { + flex-grow: 1; + align-self: stretch; + background-color: #efefef; + padding-bottom: 100%; + width: 100%; + height: 0; + + @include bg-cover(); + } + + /******************************************** + * Title + *********************************************/ + + .item-col.item-col-title { + + @include media-down(sm) { + order: -4; + } + + a { + display: block; + } + } + + .item-title { + margin: 0; + font-size: inherit; + line-height: inherit; + font-weight: 600; + } + + /******************************************** + * Stats + *********************************************/ + + .item-stats { + height: $item-list-line-height; + } + + /******************************************** + * Actions + *********************************************/ + + .item-col.item-col-actions-dropdown { + flex-basis: 30px + $item-list-padding-x; + text-align: center; + padding-left: 0 !important; + + @include media-down(sm) { + order: -3; + + flex-basis: 30px + $item-list-padding-x !important; + padding-right: $item-list-padding-x; + } + } + + .item-actions-dropdown { + position: relative; + font-size: 1.1rem; + + &.active { + .item-actions-block { + max-width: 120px; + } + + .item-actions-toggle-btn { + color: $color-primary; + + .active { + display: block; + } + + .inactive { + display: none; + } + } + } + + .item-actions-toggle-btn { + color: lighten($color-text-light, 10); + font-size: 1.2rem; + cursor: pointer; + width: 100%; + line-height: 30px; + text-align: center; + text-decoration: none; + + .active { + display: none; + } + } + + .item-actions-block { + height: 30px; + max-width: 0px; + line-height: 30px; + overflow: hidden; + position: absolute; + top: 0; + right: 100%; + background-color: $color-divider; + border-radius: 3px; + transition: all 0.15s ease-in-out; + + &.direction-right { + right: auto; + left: 100%; + } + + + .item-actions-list { + padding: 0; + list-style: none; + white-space: nowrap; + padding: 0 5px; + + li{ + display: inline-block; + padding: 0; + } + + a { + display: block; + padding: 0 5px; + + &.edit { + color: #38424C; + } + + &.check { + color: #40B726; + } + + &.remove { + color: #DB0E1E; + } + } + } + } + + } + + /******************************************** + * Something else? + *********************************************/ + +} + + +/* ******************************************* +* Adjustments +********************************************** */ + +// Item which is located inside card inside item-list +.card > .item-list .item > .item-row { + padding: 0 $card-padding-x; + + @include media(xl) { + padding: 0 $card-padding-x-xl; + } + + @include media-down(sm) { + padding: 0 $card-padding-x-sm; + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/logo/logo.scss b/resources/assets/sass/admin/modularAdmin/_common/logo/logo.scss new file mode 100644 index 00000000..f897d157 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/logo/logo.scss @@ -0,0 +1,46 @@ +.logo { + display: inline-block; + width: 45px; + height: 25px; + vertical-align: middle; + margin-right: 5px; + // background-color: fade(#fff, 10%); + position: relative; + + .l { + width: 11px; + height: 11px; + border-radius: 50%; + background-color: $color-primary; + position: absolute; + + &.l1 { + bottom: 0; + left: 0; + } + + &.l2 { + width: 7px; + height: 7px; + bottom: 13px; + left: 10px; + } + + &.l3 { + width: 7px; + height: 7px; + bottom: 4px; + left: 17px; + } + + &.l4 { + bottom: 13px; + left: 25px; + } + + &.l5 { + bottom: 0; + left: 34px; + } + } +} diff --git a/resources/assets/sass/admin/modularAdmin/_common/modal/modal-tabs.scss b/resources/assets/sass/admin/modularAdmin/_common/modal/modal-tabs.scss new file mode 100644 index 00000000..9e7dcedb --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/modal/modal-tabs.scss @@ -0,0 +1,27 @@ +.modal-body.modal-tab-container { + padding: 0; + + .modal-tabs { + padding-left: 0; + margin-bottom: 0; + list-style:none; + background-color: #ffffff; + border-bottom: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); + + .nav-link { + padding: 10px 20px; + border: none; + + &:hover, + &.active { + color: $color-primary; + border-bottom: 2px solid $color-primary; + } + + &.active { + font-weight: 600; + } + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/navigation/navigation.scss b/resources/assets/sass/admin/modularAdmin/_common/navigation/navigation.scss new file mode 100644 index 00000000..171ac992 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/navigation/navigation.scss @@ -0,0 +1,114 @@ +a:not(.btn) { + // display: inline-block; + // position: relative; + // overflow: hidden; + // vertical-align: top; + // z-index: 0; + transition: $link-transition; + text-decoration: $link-decoration; + color: $link-color; + + // &:before { + // &:extend(.underline-animation); + // } + + &:hover{ + text-decoration: $link-hover-decoration; + color: $link-hover-color; + + &:before { + transform: scaleX(1); + } + } + + &:focus { + text-decoration: none; + } +} + +span a { + vertical-align: text-bottom; +} + + +[class^='nav'], +[class*=' nav'] { + li > a { + // Display these anchors as block + display: block; + + // Hide underline in anchors which are inside LI tag + &:before { + display: none; + } + } +} + + +.nav { + &.nav-tabs-bordered { + border-color: $color-primary; + + & + .tab-content { + border-style: solid; + border-width: 0 1px 1px 1px; + border-color: $color-primary; + padding: 10px 20px 0; + } + + .nav-item { + + .nav-link { + text-decoration: none; + + &:hover { + color: #ffffff; + background-color: $color-primary; + border: 1px solid $color-primary; + } + + &.active { + border-color: $color-primary; + border-bottom-color: transparent; + + &:hover { + background-color: #ffffff; + color: inherit; + } + } + } + } + } + + &.nav-pills { + + & + .tab-content { + border: 0; + padding: 5px; + } + + .nav-item { + + .nav-link { + text-decoration: none; + + &:hover { + color: $color-text; + background-color: transparent; + border: 0; + } + + &.active { + border-color: $color-primary; + border-bottom-color: transparent; + background-color: $color-primary; + + &:hover { + background-color: $color-primary; + color: #ffffff; + } + } + } + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/nprogress/nprogress.scss b/resources/assets/sass/admin/modularAdmin/_common/nprogress/nprogress.scss new file mode 100644 index 00000000..41d511f8 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/nprogress/nprogress.scss @@ -0,0 +1,22 @@ +#nprogress { + .bar { + background: $color-primary !important; + + .peg { + box-shadow: 0 0 10px $color-primary, 0 0 5px $color-primary; + } + } + + .spinner { + top: 25px !important; + right: 23px !important; + + .spinner-icon { + border-top-color: $color-primary !important; + border-left-color: $color-primary !important; + } + } +} + + + diff --git a/resources/assets/sass/admin/modularAdmin/_common/pagination/pagination.scss b/resources/assets/sass/admin/modularAdmin/_common/pagination/pagination.scss new file mode 100644 index 00000000..19491768 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/pagination/pagination.scss @@ -0,0 +1,19 @@ +.pagination { + margin-top: 0; + + .page-item { + .page-link { + color: $color-primary; + } + + &.active { + .page-link, + .page-link:focus, + .page-link:hover { + color: #fff; + border-color: $color-primary; + background-color: $color-primary; + } + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/scrollbar/scrollbar.scss b/resources/assets/sass/admin/modularAdmin/_common/scrollbar/scrollbar.scss new file mode 100644 index 00000000..b5fe5ba1 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/scrollbar/scrollbar.scss @@ -0,0 +1,24 @@ +/* Let's get this party started */ +::-webkit-scrollbar { + width: 7px; + height: 7px; +} + +/* Track */ +::-webkit-scrollbar-track { + // -webkit-box-shadow: inset 0 0 6px #626d77; + // background: #626d77; + -webkit-border-radius: 0; + border-radius: 0; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + -webkit-border-radius: 0; + border-radius: 0; + background: darken($color-primary, 5%); + // -webkit-box-shadow: inset 0 0 6px $color-primary; +} +::-webkit-scrollbar-thumb:window-inactive { + background: $color-primary; +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_common/table/table.scss b/resources/assets/sass/admin/modularAdmin/_common/table/table.scss new file mode 100644 index 00000000..02f3291d --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_common/table/table.scss @@ -0,0 +1,12 @@ +.table { + label { + margin-bottom: 0; + } + + .checkbox + span { + margin-bottom: 0; + &:before { + line-height: 20px; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_main.scss b/resources/assets/sass/admin/modularAdmin/_main.scss new file mode 100644 index 00000000..c5d9feea --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_main.scss @@ -0,0 +1,40 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600); + +@import '_variables'; +@import '../bootstrap/scss/_variables'; +@import '../bootstrap/scss/_mixins'; +@import '_common/_styles/mixins'; + +html, +body { + padding: 0; + margin: 0; + height: 100%; + min-height: 100%; + font-family: 'Open Sans', sans-serif; + color: $color-text; + overflow-x: hidden; +} + +.main-wrapper { + width: 100%; + position: absolute; + height: 100%; + overflow-y: auto; + overflow-x: hidden; +} + +#ref { + .color-primary { + color: $color-primary; + } + + .chart { + .color-primary { + color: $chart-color-primary; + } + .color-secondary { + color: $chart-color-secondary; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_themes/blue-theme.scss b/resources/assets/sass/admin/modularAdmin/_themes/blue-theme.scss new file mode 100644 index 00000000..760bc52c --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_themes/blue-theme.scss @@ -0,0 +1 @@ +$color-primary: #52BCD3; \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_themes/custom-theme.scss b/resources/assets/sass/admin/modularAdmin/_themes/custom-theme.scss new file mode 100644 index 00000000..e69de29b diff --git a/resources/assets/sass/admin/modularAdmin/_themes/green-theme.scss b/resources/assets/sass/admin/modularAdmin/_themes/green-theme.scss new file mode 100644 index 00000000..a043497d --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_themes/green-theme.scss @@ -0,0 +1,10 @@ +$color-primary: #85CE36; +$dashboard-stat-icon-color: #BDBDBD; + +// $link-color: darken($color-primary, 5%); +$link-color: #969696; +$link-transition: initial; +$link-decoration: underline; + +$link-hover-color: darken($color-primary, 8%); +$link-hover-decoration: underline; \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_themes/orange-theme.scss b/resources/assets/sass/admin/modularAdmin/_themes/orange-theme.scss new file mode 100644 index 00000000..b1ebf192 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_themes/orange-theme.scss @@ -0,0 +1,12 @@ +$color-primary: lighten(#FE7A0E, 3%); +$dashboard-stat-icon-color: #BDBDBD; + +$link-color: #969696; +$link-transition: initial; +$link-decoration: underline; + +$link-hover-color: desaturate(darken($color-primary, 4%), 4%); +$link-hover-decoration: underline; + +$chart-color-primary: lighten($color-primary, 10%); +$chart-color-secondary: lighten($chart-color-primary, 20%); \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_themes/purple-theme.scss b/resources/assets/sass/admin/modularAdmin/_themes/purple-theme.scss new file mode 100644 index 00000000..f68155c8 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_themes/purple-theme.scss @@ -0,0 +1,6 @@ +$color-primary: #7867A7; +$dashboard-stat-icon-color: #BDBDBD; + + +$chart-color-primary: lighten($color-primary, 8%); +$chart-color-secondary: lighten($chart-color-primary, 10%); \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_themes/red-theme.scss b/resources/assets/sass/admin/modularAdmin/_themes/red-theme.scss new file mode 100644 index 00000000..d8b2ec10 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_themes/red-theme.scss @@ -0,0 +1,11 @@ +$color-primary: #FF6161; + +$link-color: #969696; +$link-transition: initial; +$link-decoration: underline; + +$link-hover-color: #E45252; +$link-hover-decoration: underline; + +$chart-color-primary: #FF8585; +$chart-color-secondary: #ccc; \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_themes/seagreen-theme.scss b/resources/assets/sass/admin/modularAdmin/_themes/seagreen-theme.scss new file mode 100644 index 00000000..b6c974da --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_themes/seagreen-theme.scss @@ -0,0 +1,9 @@ +$color-primary: #4bcf99; + +// $link-color: darken($color-primary, 5%); +$link-color: #969696; +$link-transition: initial; +$link-decoration: underline; + +$link-hover-color: darken($color-primary, 8%); +$link-hover-decoration: underline; \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/_variables.scss b/resources/assets/sass/admin/modularAdmin/_variables.scss new file mode 100644 index 00000000..10d2fb9b --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/_variables.scss @@ -0,0 +1,109 @@ +/************************************************************* +* App Variables +**************************************************************/ + + +/************************************************************* +* Colors Definitions +**************************************************************/ + +$color-primary: #85CE36 !default; +$color-primary-light: lighten($color-primary, 10%) !default; +$color-primary-lighter: lighten($color-primary-light, 6%) !default; +$color-primary-dark: darken($color-primary, 10%) !default; +$color-primary-darker: darken($color-primary-dark, 6%) !default; + +$color-divider: #d7dde4 !default; +$color-bg: #f0f3f6 !default; + +$color-text: #4f5f6f !default; +$color-text-light: #7e8e9f !default; +$color-text-muted: #C2CCD6; +$color-text-inverse: #ffffff !default; +$color-text-passive: #c5c5c5 !default; + +$color-success: #4bcf99 !default; +$color-info: #76D4F5 !default; +$color-warning: #fe974b !default; +$color-danger: #FF4444 !default; +$color-inverse: #131e26 !default; + + +/************************************************************* +* Common Element Variables +**************************************************************/ + +// Buttons +$btn-radius: 25px !default; + +$btn-primary-color: $color-primary !default; +$btn-primary-color-text: $color-text-inverse !default; + + +// Links +$link-color: #969696 !default; +$link-transition: initial; +$link-decoration: underline; + +$link-hover-color: darken($color-primary, 8%) !default; +$link-hover-decoration: underline !default; + +// Header +$header-height: 70px !default; +$header-height-xs: 50px !default; + +// Sidebar +$sidebar-width: 230px !default; + +// Footer +$footer-height: 50px !default; + +$sidebar-color-primary: darken(#4f5f6f, 10%) !default; +$sidebar-color-secondary: darken($sidebar-color-primary, 6%) !default; + +$sidebar-color-text: fade-out($color-text-inverse, 0.5) !default; +$sidebar-color-text-active: $color-text-inverse; + +// Dropdowns +$dropbown-color-border: fade-out($color-text-light, 0.9) !default; +$dropdown-link-hover-color-bg: #f5f5f5 !default; + +// Content +$content-padding-x-xl: 40px !default; +$content-padding-y-xl: 35px !default; + +$content-padding-x-lg: 35px !default; +$content-padding-y-lg: 30px !default; + +$content-padding-x-md: 20px !default; +$content-padding-y-md: 25px !default; + +$content-padding-x-sm: 20px !default; +$content-padding-y-sm: 20px !default; + +$content-padding-x-xs: 10px !default; +$content-padding-y-xs: 15px !default; + + +// Card +$card-padding-x: 15px !default; +$card-padding-x-xl: 20px !default; +$card-padding-x-sm: 10px !default; + +$card-margin-bottom: 10px; + +// Item list +$item-list-color-border: lighten($color-divider, 6%) !default; + +// Charts +$chart-color-primary: $color-primary !default; +$chart-color-secondary: lighten($chart-color-primary, 10%) !default; + + + +/* *************************************************** +* Page Specific Element Variables +****************************************************** */ + +// Dashboard +$dashboard-stat-icon-color: #BDBDBD !default; \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/editor/editor.scss b/resources/assets/sass/admin/modularAdmin/app/_common/editor/editor.scss new file mode 100644 index 00000000..e8458d61 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/editor/editor.scss @@ -0,0 +1,28 @@ +.wyswyg { + border: 1px solid $color-divider; + + .toolbar, + .ql-picker-label, + .ql-picker-options { + // background-color: lighten($color-divider, 10%) !important; + } + + .ql-container { + border-top: 1px solid $color-divider; + } + + .toolbar { + .btn { + margin: 0; + } + } + + + .ql-container { + font-size: 1rem; + + .ql-editor { + min-height: 200px; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/footer/footer.scss b/resources/assets/sass/admin/modularAdmin/app/_common/footer/footer.scss new file mode 100644 index 00000000..9605637a --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/footer/footer.scss @@ -0,0 +1,68 @@ +.footer { + background-color: #fff; + position: absolute; + left: $sidebar-width; + right: 0; + bottom: 0; + height: $footer-height; + display: flex; + justify-content: space-between; + align-items: center; + + .footer-fixed & { + position: fixed; + } + + + .footer-block { + vertical-align: middle; + margin-left: 20px; + margin-right: 20px; + // line-height: 30px; + } + + .footer-github-btn { + vertical-align: middle; + } + + @include media-down(md) { + left: 0; + } + + .author > ul { + list-style: none; + margin: 0; + padding: 0; + + li { + display: inline-block; + + &:after { + content: "|"; + } + + &:last-child:after { + content: ""; + } + + + @include media-down(md) { + display: block; + text-align: right; + + &:after { + content: ""; + } + } + } + + @include media-down(md) { + display: block; + } + + @include media-down(sm) { + display: none; + } + } + +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/header/buttons/buttons.scss b/resources/assets/sass/admin/modularAdmin/app/_common/header/buttons/buttons.scss new file mode 100644 index 00000000..02df9c6b --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/header/buttons/buttons.scss @@ -0,0 +1,30 @@ +.header .header-block-buttons { + text-align: center; + margin-left: auto; + margin-right: auto; + white-space: nowrap; + + .btn.header-btn { + background-color: transparent; + border: 1px solid lighten($color-text, 10%); + color: lighten($color-text, 10%); + margin: 0 5px; + border-radius: 0.2rem; + // border-radius: 25px; + + &:hover, + &:focus { + border: 1px solid darken($color-text, 10%); + color: darken($color-text, 10%); + } + + + @include media-down(sm) { + span { + display: none; + } + } + } + + +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/header/collapse/collapse.scss b/resources/assets/sass/admin/modularAdmin/app/_common/header/collapse/collapse.scss new file mode 100644 index 00000000..20946f42 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/header/collapse/collapse.scss @@ -0,0 +1,23 @@ +.header .header-block-collapse { + + padding-right: 5px; + + @include media-down(sm) { + width: 155px; + } + + .collapse-btn { + background: none; + border: none; + box-shadow: none; + color: $color-primary; + font-size: 24px; + line-height: 40px; + border-radius: 0; + outline: none; + padding: 0; + padding-left: 10px; + padding-right: 10px; + vertical-align: initial; + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/header/header.scss b/resources/assets/sass/admin/modularAdmin/app/_common/header/header.scss new file mode 100644 index 00000000..b2749b0c --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/header/header.scss @@ -0,0 +1,33 @@ +.header { + background-color: $color-divider; + height: $header-height; + position: absolute; + left: $sidebar-width; + right: 0; + transition: left 0.3s ease; + z-index: 10; + + display: flex; + align-items: center; + justify-content: space-between; + + + @include media-down(md) { + left: 0; + } + + @include media-down(sm) { + left: 0; + height: $header-height-xs; + } + + .header-fixed & { + position: fixed; + } + + .header-block { + @include media-down(sm) { + padding: 5px; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/header/nav/nav.scss b/resources/assets/sass/admin/modularAdmin/app/_common/header/nav/nav.scss new file mode 100644 index 00000000..8ef1a69f --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/header/nav/nav.scss @@ -0,0 +1,64 @@ +.header .header-block-nav { + margin-left: auto; + white-space: nowrap; + padding-right: 15px; + + @include media-down(sm) { + padding-right: 25px; + } + + @include clearfix(); + + a { + text-decoration: none; + } + + // All lists + ul { + margin: 0; + padding: 0; + list-style: none; + } + + & > ul { + display: table; + } + + // First level items + & > ul > li { + display: table-cell; + position: relative; + + &:before { + display: block; + content: " "; + width: 1px; + height: 24px; + top: 50%; + margin-top: -12px; + background-color: darken($color-divider, 25%); + position: absolute; + left: 0; + } + + &:first-child:before { + display: none; + } + } + + // First leve items links + & > ul > li > a { + padding: 0 15px; + color: $color-text; + + &:hover { + color: $color-primary; + } + } + + // Dropdown menus + .dropdown-menu { + margin-top: 15px; + } + +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/header/nav/notifications/notifications.scss b/resources/assets/sass/admin/modularAdmin/app/_common/header/nav/notifications/notifications.scss new file mode 100644 index 00000000..96b36420 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/header/nav/notifications/notifications.scss @@ -0,0 +1,126 @@ +.header .header-block-nav { + + .notifications { + font-size: 16px; + + + a { + padding-right: 10px; + } + + .counter { + font-weight: bold; + font-size: 14px; + position: relative; + top: -3px; + left: -2px; + } + + &.new .counter { + color: $color-primary; + font-weight: bold; + } + + @include media-down(sm) { + position: static; + } + } + + + .notifications-dropdown-menu { + white-space: normal; + left: auto; + right: 0; + min-width: 350px; + + &:before { + position: absolute; + right: 20px; + bottom: 100%; + margin-right: -1px; + // @include triangle(up, 10px, $dropdown-border); + } + + &:after { + position: absolute; + right: 20px; + bottom: 100%; + // @include triangle(up, 9px, $dropdown-bg); + } + + + .notifications-container { + .notification-item { + border-bottom: 1px solid $dropbown-color-border; + padding: 5px; + + &:hover { + background-color: $dropdown-link-hover-color-bg; + } + } + + + .img-col { + display: table-cell; + padding: 5px; + } + + .body-col { + padding: 5px; + display: table-cell; + } + + .img { + width: 40px; + height: 40px; + border-radius: 3px; + vertical-align: top; + display: inline-block; + + @include bg-cover(); + } + + + p { + color: $color-text; + display: inline-block; + line-height: 18px; + font-size: 13px; + margin: 0; + vertical-align: top; + + .accent { + font-weight: bold; + } + } + + } + + + + footer { + text-align: center; + + a { + color: $dropdown-link-color; + transition: none; + + &:hover { + background-color: $dropdown-link-hover-color-bg; + color: $color-primary; + } + } + } + + @include media-down(sm) { + min-width: 100px; + width: 100%; + margin-top: 5px; + + &:before, + &:after { + right: 107px; + } + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/header/nav/profile/profile.scss b/resources/assets/sass/admin/modularAdmin/app/_common/header/nav/profile/profile.scss new file mode 100644 index 00000000..1e17dca6 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/header/nav/profile/profile.scss @@ -0,0 +1,93 @@ +.header .header-block-nav { + .profile { + .img { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 4px; + background-color: darken($color-divider, 25%); + color: $color-text-inverse; + text-align: center; + margin-right: 10px; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + vertical-align: middle; + } + + .name { + display: inline-block; + margin-right: 9px; + font-weight: bold; + + @include media-down(sm) { + display: none; + } + } + + .arrow { + color: $color-primary; + } + } + + .profile-dropdown-menu { + left: auto; + right: 0; + min-width: 180px; + white-space: normal; + + &:before { + position: absolute; + right: 10px; + bottom: 100%; + margin-right: -1px; + // @include triangle(up, 10px, $dropdown-border); + } + + &:after { + position: absolute; + right: 10px; + bottom: 100%; + // @include triangle(up, 9px, $dropdown-bg); + } + + a { + padding: 10px 15px; + .icon { + color: $color-primary; + text-align: center; + width: 16px; + } + + span { + display: inline-block; + padding-left: 5px; + text-align: left; + color: $color-text-light; + } + } + + .profile-dropdown-menu-icon { + padding: 0; + } + + .profile-dropdown-menu-topic { + color: #7e8e9f; + padding: 0; + } + + .dropdown-divider { + margin: 0; + } + + .logout { + border-top: 1px solid $dropbown-color-border; + } + + + @include media-down(sm) { + margin-top: 8px; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/header/search/search.scss b/resources/assets/sass/admin/modularAdmin/app/_common/header/search/search.scss new file mode 100644 index 00000000..c9788fcc --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/header/search/search.scss @@ -0,0 +1,67 @@ +.header .header-block-search { + $line-height: $header-height - 30px; + margin-right: auto; + + // float: left; + padding-left: $content-padding-x-md; + + @include media-down(sm) { + padding-left: $content-padding-x-xs; + } + + @include media(md) { + padding-left: $content-padding-x-sm; + } + + @include media(lg) { + padding-left: $content-padding-x-md; + } + + @include media(xl) { + padding-left: $content-padding-x-lg; + } + + & > form { + float: right; + + @include media-down(sm) { + padding-left: 0; + } + } + + .input-container { + position: relative; + color: $color-text-light; + + i { + position: absolute; + pointer-events: none; + display: block; + height: $line-height; + line-height: $line-height; + left: 0; + } + + input { + background-color: transparent; + border: none; + padding-left: 25px; + height: 40px; + max-width: 150px; + + @include media-down(sm) { + max-width: 140px; + } + } + + // .underline { + // &:extend(.underline-animation); + // } + + + input:focus + .underline { + transform: scaleX(1); + } + + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/modals/modal-media/modal-media.scss b/resources/assets/sass/admin/modularAdmin/app/_common/modals/modal-media/modal-media.scss new file mode 100644 index 00000000..da6055f8 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/modals/modal-media/modal-media.scss @@ -0,0 +1,56 @@ +#modal-media { + .modal-body { + min-height: 250px; + + } + + .modal-tab-content { + min-height: 300px; + } + + .images-container { + padding: 15px; + text-align: center; + + .image-container { + margin: 0 auto 10px auto; + cursor: pointer; + transition: all 0.3s ease; + display: inline-block; + float: none; + + &:hover { + border-color: fade-out($color-primary, 0.5); + } + + &.active { + border-color: fade-out($color-primary, 0.5); + } + } + } + + .upload-container { + padding: 15px; + + .dropzone { + position: relative; + border: 2px dashed $color-primary; + height: 270px; + + .dz-message-block { + position: absolute; + top: 50%; + left: 50%; + transform: translateY(-50%) translateX(-50%); + + .dz-message { + margin: 0; + font-size: 24px; + color: $color-primary; + width: 230px; + } + } + } + } + +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/modals/modals.scss b/resources/assets/sass/admin/modularAdmin/app/_common/modals/modals.scss new file mode 100644 index 00000000..b6b2968e --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/modals/modals.scss @@ -0,0 +1,19 @@ +.modal { + + .modal-content { + border-radius: 0; + } + + // MOdal tabs are defined in _common/modal/modal.scss + + .modal-header { + background-color: $color-primary; + color: #ffffff; + } + + .modal-footer { + .btn { + margin-bottom: 0; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/sidebar/customize/customize.scss b/resources/assets/sass/admin/modularAdmin/app/_common/sidebar/customize/customize.scss new file mode 100644 index 00000000..d428f560 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/sidebar/customize/customize.scss @@ -0,0 +1,157 @@ +.customize { + // height: 200px; + width: 100%; + color: rgba(255, 255, 255, 0.5); + padding: 5px 15px; + text-align: center; + + .customize-header{ + margin-bottom: 10px; + } +} + +#customize-menu { + position: fixed; + bottom: 0; + left: 0; + width: $sidebar-width; + + @include media-down(sm) { + + } + + .sidebar-open & { + @include media-down(md) { + left: 0; + } + } + + @include media-down(md) { + // position: absolute; + transition: left 0.3s ease; + left: -$sidebar-width; + } + + & > li { + & > a { + background-color: $sidebar-color-primary; + border-top: 1px solid fade-out($sidebar-color-secondary, 0.5); + } + + & > a:hover, + &.open > a { + background-color: $sidebar-color-secondary; + } + } + + .customize { + width: $sidebar-width; + color: fade-out($color-text-inverse, 0.5); + background-color: $sidebar-color-secondary; + text-align: center; + padding: 10px 15px; + border-top: 2px solid $color-primary; + + .customize-item { + margin-bottom: 15px; + + .customize-header { + margin-bottom: 10px; + } + + label { + font-weight: 400; + + + &.title { + font-size: 14px; + } + } + + .radio { + + & + span { + padding: 0; + padding-left: 5px + } + + & + span:before { + font-size: 17px; + color: #546273; + cursor: pointer; + } + + &:checked + span:before{ + color: $color-primary; + } + } + + .customize-colors { + list-style: none; + + li { + display: inline-block; + margin-left: 5px; + margin-right: 5px; + + .color-item { + display: block; + height: 20px; + width: 20px; + border: 1px solid; + cursor: pointer; + + &.color-red { + background-color: #FB494D; + border-color: #FB494D; + } + + &.color-orange { + background-color: #FE7A0E; + border-color: #FE7A0E; + } + + &.color-green { + background-color: #8CDE33; + border-color: #8CDE33; + } + + &.color-seagreen { + background-color: #4bcf99; + border-color: #4bcf99; + } + + &.color-blue { + background-color: #52BCD3; + border-color: #52BCD3; + } + + &.color-purple { + background-color: #7867A7; + border-color: #7867A7; + } + + &.active { + position: relative; + font-family: FontAwesome; + font-size: 17px; + line-height: 17px; + + &:before { + content: "\f00c"; + position: absolute; + top: 0; + left: 0; + color: #fff; + } + } + } + } + } + } + } + + + + +} diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/sidebar/header/header.scss b/resources/assets/sass/admin/modularAdmin/app/_common/sidebar/header/header.scss new file mode 100644 index 00000000..4ef928f0 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/sidebar/header/header.scss @@ -0,0 +1,14 @@ +.sidebar-header { + .brand { + color: #fff; + text-align: left; + padding-left: 25px; + line-height: $header-height; + font-size: 16px; + + @include media-down(sm) { + line-height: $header-height-xs; + font-size: 16px; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/_common/sidebar/sidebar.scss b/resources/assets/sass/admin/modularAdmin/app/_common/sidebar/sidebar.scss new file mode 100644 index 00000000..f198f074 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/_common/sidebar/sidebar.scss @@ -0,0 +1,188 @@ +.sidebar { + background-color: $sidebar-color-primary; + width: $sidebar-width; + padding-bottom: 60px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + transition: left 0.3s ease; + z-index: 20; + + + @include media-down(md) { + position: fixed; + left: -$sidebar-width; + } + + .sidebar-fixed & { + position: fixed; + } + + .sidebar-open & { + left: 0; + + } + + .sidebar-container { + position: absolute; + top: 0; + bottom: 51px; + width: 100%; + left: 0; + overflow-y: auto; + overflow-x: hidden; + + &::-webkit-scrollbar-track { + background-color: darken($sidebar-color-primary, 6.5%); + } + } + + .nav { + + font-size: 14px; + + // Common styles + li { + a:focus, + .open & a:focus { + background-color: inherit; + } + } + + // Second + menu items + ul { + padding: 0; + height: 0px; + overflow: hidden; + + .loaded & { + height: auto; + } + } + + li.active ul { + height: auto; + } + + + // All links which are not active + // have subdued color + li a { + color: $sidebar-color-text; + text-decoration: none; + } + + // All links which are not active + // On hover bg become darker + // Their color become lighter + li a:hover, + li.open > a, + li.open a:hover { + color: $sidebar-color-text-active; + background-color: $sidebar-color-secondary; + } + + + // First level items + &> li { + + // First level items links + & > a { + padding-top: 15px; + padding-bottom: 15px; + padding-left: 20px; + padding-right: 10px; + } + + // First level active links have primary background + &.active > a, + &.active > a:hover { + background-color: $color-primary !important; + color: $color-text-inverse !important; + } + + // First level active links have bit darker background + &.open > a { + background-color: darken($sidebar-color-primary, 3%); + } + + // Open items links + &.open > a { + i.arrow { + transform: rotate(90deg); + } + } + + // First level item links arrow + & > a { + i { + margin-right: 5px; + font-size: 16px; + + &.arrow { + float: right; + font-size: 20px; + line-height: initial; + transition: all 0.3s ease; + + &:before { + content: "\f105" !important; + } + } + } + } + + } + + // Second level items + & > li > ul > li { + + // Second level and deeper items links + // Have bit darker background and more padding + // from left side + a { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 50px; + background-color: darken($sidebar-color-primary, 3%); + } + + // Second level active items links + // Have brighter color + &.active a { + color: $sidebar-color-text-active; + } + } + } + +} + +.sidebar-overlay { + position: absolute; + display: none; + left: 200vw; + right: 0; + top: 0; + bottom: 0; + z-index: 5; + opacity: 0; + transition: opacity 0.3s ease; + z-index: 15; + + @include media-down(md) { + display: block; + } + + @include media-down(sm) { + background-color: fade-out(#000, 0.3); + } + + + .sidebar-open & { + @include media-down(md) { + left: 0; + opacity: 1; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/app.scss b/resources/assets/sass/admin/modularAdmin/app/app.scss new file mode 100644 index 00000000..58ec9375 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/app.scss @@ -0,0 +1,72 @@ +.app { + position: relative; + width: 100%; + padding-left: $sidebar-width; + min-height: 100vh; + margin: 0 auto; + left: 0; + background-color: $color-bg; + box-shadow: 0 0 3px #ccc; + transition: left 0.3s ease, padding-left 0.3s ease; + overflow: hidden; + + .content { + + $padding-x: $content-padding-x-md; + $padding-y: $content-padding-y-md; + + padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x; + min-height: 100vh; + + @include media(xl) { + $padding-x: $content-padding-x-xl; + $padding-y: $content-padding-y-xl; + + padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x; + } + + @include media(lg) { + $padding-x: $content-padding-x-lg; + $padding-y: $content-padding-y-lg; + + padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x; + } + + @include media(md) { + $padding-x: $content-padding-x-md; + $padding-y: $content-padding-y-md; + + padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x; + } + + @include media-down(sm) { + $padding-x: $content-padding-x-sm; + $padding-y: $content-padding-y-sm; + + padding: $header-height-xs + $padding-y $padding-x $footer-height + $padding-y $padding-x; + } + } + + + @include media-down(md) { + padding-left: 0; + // background-color: #ccc; + // left: -$sidebar-width; + // width: calc(100% + #{$sidebar-width}); + } + + &.sidebar-open { + // Disable content scrolling when sidebar is open + @include media-down(md) { + left: 0; + // position: absolute; + // height: 100%; + // overflow: hidden; + } + } + + &.blank { + background-color: #667380; + } + +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/items/list/items-list.scss b/resources/assets/sass/admin/modularAdmin/app/items/list/items-list.scss new file mode 100644 index 00000000..de5e8eff --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/items/list/items-list.scss @@ -0,0 +1,322 @@ +.items-list-page { + + .title-search-block { + position: relative; + } + + .title-block { + @include media-down(sm) { + padding-bottom: 10px; + margin-bottom: 13px; + } + + .action { + display: inline; + + a { + padding: 10px 15px; + + .icon { + margin-right: 5px; + text-align: center; + width: 16px; + } + } + + @include media-down(sm){ + display: none; + } + + } + } + + + .items-search { + position: absolute; + margin-bottom: 15px; + right: 0; + top: 0; + + @include media-down(sm) { + position: static; + } + + .search-button { + margin: 0; + } + } + + + // For common item-list class see /src/_common/styles/items.less + + // Desktop view + + .item-list { + + .item-col { + &.item-col-check { + text-align: left; + // width: auto; + // flex-basis: 30px; + } + + &.item-col-img { + text-align: left; + width: auto; + text-align: center; + flex-basis: 70px; + + @include media-up(sm) { + &:not(.item-col-header) { + height: 80px; + } + } + } + + &.item-col-title { + text-align: left; + margin-left: 0 !important; + margin-right: auto; + // flex-basis: calc(40% - 100px); + flex-basis: 0; + flex-grow: 3 * $item-list-col-grow; + } + + &.item-col-sales { + text-align: right; + font-weight: 600; + } + + &.item-col-stats { + text-align: center; + } + + &.item-col-category { + text-align: left; + font-weight: 600; + } + + &.item-col-author { + text-align: left; + flex-grow: 1.5 * $item-list-col-grow; + } + + &.item-col-date { + text-align: right; + } + } + } + + + // All mobile views + @include media-down(sm) { + .card.items { + background: none; + box-shadow: none; + } + + .item-list { + .item { + border: none; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px fade-out($color-text-light, 0.9); + } + + .item-row { + padding: 0 !important; + } + + .item-col { + &.item-col-author { + flex-grow: $item-list-col-grow; + } + } + + + } + } + + + // Large Mobile view + + @include media(sm) { + .item-list { + + .item { + background-color: #fff; + margin-bottom: 10px; + box-shadow: 1px 1px 5px fade-out($color-text-light, 0.9); + } + + .item-row { + padding: 0; + } + + .item-heading { + width: 100%; + display: block; + position: absolute; + top: 0; + width: 100%; + left: 0; + line-height: 40px; + padding-left: 0; + } + + .item-col { + &.item-col-check, + &.item-col-title, + &.item-col-actions-dropdown { + border-bottom: 1px solid $color-divider; + + .item-heading { + display: none; + } + } + + &.item-col-sales, + &.item-col-stats, + &.item-col-category, + &.item-col-author, + &.item-col-date { + padding-top: 40px; + position: relative; + } + + + &.item-col-check { + display: none; + } + + &.item-col-title { + padding-left: $item-list-padding-x; + text-align: left; + margin-left: 0 !important; + margin-right: auto; + flex-basis: calc(100% - 40px); + } + + + &.item-col-actions { + + } + + &.item-col-img { + padding-left: $item-list-padding-x; + flex-basis: 69px + $item-list-padding-x; + } + + + &.item-col-sales { + text-align: left; + } + + &.item-col-stats { + text-align: center; + } + + &.item-col-category { + text-align: center; + } + + &.item-col-author { + text-align: center; + } + + &.item-col-date { + padding-right: $item-list-padding-x; + text-align: right; + white-space: nowrap; + flex-basis: 100px; + flex-basis: 0; + flex-grow: $item-list-col-grow; + } + } + + } + } + + // Small Mobile view + + @include media(xs) { + + .item-list .item { + border: none; + font-size: 0.9rem; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 1px 1px 5px fade-out($color-text-light, 0.9); + + + .item-col { + text-align: right; + border-bottom: 1px solid $color-divider; + padding-left: $item-list-padding-x; + + &[class^=item-col] { + flex-basis: 100%; + } + + + &.item-col-check { + display: none; + } + + &.item-col-img { + .item-img { + padding-bottom: 65%; + } + } + + &.item-col-title { + text-align: left; + padding-bottom: 0; + border: none; + flex-grow: 1; + flex-basis: 0; + + .item-heading { + display: none; + } + + .item-title { + font-size: 1rem; + line-height: 1.4rem; + } + } + + &.item-col-actions-dropdown { + border: none; + padding-bottom: 0; + } + + &.item-col-sales { + text-align: left; + } + + &.item-col-stats { + text-align: left; + } + + &.item-col-category { + text-align: left; + } + + &.item-col-author { + text-align: left; + } + + &.item-col-date { + text-align: left; + } + + + } + + + } + } + + +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/pages/error.scss b/resources/assets/sass/admin/modularAdmin/app/pages/error.scss new file mode 100644 index 00000000..7c25ba57 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/pages/error.scss @@ -0,0 +1,73 @@ +.error-card { + width: 410px; + min-height: 330px; + margin: 60px auto; + + .error-title { + font-size: 150px; + line-height: 150px; + font-weight: 700; + color: #252932; + text-align: center; + text-shadow: rgba(61, 61, 61, 0.3) .5px .5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; + } + + .error-sub-title { + font-weight: 100; + text-align: center; + } + + .error-container { + text-align: center; + visibility: hidden; + + &.visible { + visibility: visible; + } + } + + &.global { + position: absolute; + top: 50%; + left: 50%; + transform: translateY(-50%) translateX(-50%); + margin: 0; + + .error-title { + color: #ffffff; + } + + .error-sub-title, + .error-container { + color: #ffffff; + } + } +} + +@include media(md) { + .error-card { + width: 50%; + + &.global { + position: relative; + top: 25%; + left: 0; + transform: inherit; + margin: 40px auto; + } + } +} + +@include media-down(sm) { + .error-card { + width: 90%; + + &.global { + position: relative; + top: 25%; + left: 0; + transform: inherit; + margin: 40px auto; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/app/tables/responsive-tables/responsive-tables.scss b/resources/assets/sass/admin/modularAdmin/app/tables/responsive-tables/responsive-tables.scss new file mode 100644 index 00000000..14a109c1 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/app/tables/responsive-tables/responsive-tables.scss @@ -0,0 +1,77 @@ +.table-flip-scroll table { + width: 100% +} + +@media only screen and (max-width: 800px) { + + .table-flip-scroll .flip-content:after, + .table-flip-scroll .flip-header:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0 + } + .table-flip-scroll html .flip-content, + .table-flip-scroll html .flip-header { + -ms-zoom: 1; + zoom: 1 + } + .table-flip-scroll *:first-child+html .flip-content, + .table-flip-scroll *:first-child+html .flip-header { + -ms-zoom: 1; + zoom: 1 + } + .table-flip-scroll table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative + } + .table-flip-scroll th, + .table-flip-scroll td { + margin: 0; + vertical-align: top + } + .table-flip-scroll th:last-child, + .table-flip-scroll td:last-child { + border-bottom: 1px solid #ddd + } + .table-flip-scroll th { + border: 0 !important; + border-right: 1px solid #ddd !important; + //font-size: 13px !important; + //padding: 5px; + width: auto !important; + display: block; + text-align: right; + } + .table-flip-scroll td { + display: block; + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; + } + .table-flip-scroll thead { + display: block; + float: left + } + .table-flip-scroll thead tr { + display: block; + } + .table-flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap + } + .table-flip-scroll tbody tr { + display: inline-block; + vertical-align: top; + margin-left: -5px; + border-left: 1px solid #ddd + } +} \ No newline at end of file diff --git a/resources/assets/sass/admin/modularAdmin/auth/auth.scss b/resources/assets/sass/admin/modularAdmin/auth/auth.scss new file mode 100644 index 00000000..05447a72 --- /dev/null +++ b/resources/assets/sass/admin/modularAdmin/auth/auth.scss @@ -0,0 +1,72 @@ +.auth { + position: absolute; + width: 100%; + height: 100%; + left: 0; + background-color: #667380; + overflow-x: hidden; + overflow-y: auto; +} + +.auth-container { + width: 450px; + min-height: 330px; + position: absolute; + top: 50%; + left: 50%; + transform: translateY(-50%) translateX(-50%); + + .auth-header { + //background-color: $color-primary; + text-align: center; + border-bottom: 1px solid $color-primary; + } + + .auth-title { + color: #97A4B1; + padding: 20px; + line-height: 30px; + font-size: 26px; + font-weight: 600; + margin: 0; + } + + .auth-content { + padding: 30px 50px; + min-height: 260px; + } + + .forgot-btn { + line-height: 28px; + } + + .checkbox { + label { + padding: 0; + } + + a { + vertical-align: text-top; + } + + span { + color: #4f5f6f; + } + } +} + +@include media-down(sm) { + .auth-container { + width: 100%; + position: relative; + left: 0; + top: 0; + transform: inherit; + margin: 0; + margin-bottom: 10px; + + .auth-content { + padding: 30px 25px; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss deleted file mode 100644 index bb76e29c..00000000 --- a/resources/assets/sass/app.scss +++ /dev/null @@ -1,2 +0,0 @@ -// @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap"; - diff --git a/resources/assets/sass/bootstrap/scss/_alert.scss b/resources/assets/sass/bootstrap/scss/_alert.scss new file mode 100644 index 00000000..b9f6c60d --- /dev/null +++ b/resources/assets/sass/bootstrap/scss/_alert.scss @@ -0,0 +1,65 @@ +// +// Base styles +// + +.alert { + padding: $alert-padding; + margin-bottom: $spacer-y; + border: $alert-border-width solid transparent; + @include border-radius($alert-border-radius); + + // Improve alignment and spacing of inner content + > p, + > ul { + margin-bottom: 0; + } + > p + p { + margin-top: 5px; + } +} + +// Headings for larger alerts +.alert-heading { + // Specified to prevent conflicts of changing $headings-color + color: inherit; +} + +// Provide class for links that match alerts +.alert-link { + font-weight: $alert-link-font-weight; +} + + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissible { + padding-right: ($alert-padding + 20); + + // Adjust close link position + .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } +} + + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +.alert-success { + @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); +} +.alert-info { + @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); +} +.alert-warning { + @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); +} +.alert-danger { + @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); +} diff --git a/resources/assets/sass/bootstrap/scss/_animation.scss b/resources/assets/sass/bootstrap/scss/_animation.scss new file mode 100644 index 00000000..edd7147e --- /dev/null +++ b/resources/assets/sass/bootstrap/scss/_animation.scss @@ -0,0 +1,27 @@ +.fade { + opacity: 0; + transition: opacity .15s linear; + + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + + &.in { + display: block; + } + // tr&.in { display: table-row; } + // tbody&.in { display: table-row-group; } +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition-timing-function: ease; + transition-duration: .35s; + transition-property: height; +} diff --git a/resources/assets/sass/bootstrap/scss/_breadcrumb.scss b/resources/assets/sass/bootstrap/scss/_breadcrumb.scss new file mode 100644 index 00000000..30af411a --- /dev/null +++ b/resources/assets/sass/bootstrap/scss/_breadcrumb.scss @@ -0,0 +1,23 @@ +.breadcrumb { + padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal; + margin-bottom: $spacer-y; + list-style: none; + background-color: $breadcrumb-bg; + @include border-radius($border-radius); + @include clearfix; + + > li { + float: left; + + + li::before { + padding-right: .5rem; + padding-left: .5rem; + color: $breadcrumb-divider-color; + content: "#{$breadcrumb-divider}"; + } + } + + > .active { + color: $breadcrumb-active-color; + } +} diff --git a/resources/assets/sass/bootstrap/scss/_button-group.scss b/resources/assets/sass/bootstrap/scss/_button-group.scss new file mode 100644 index 00000000..7efe144f --- /dev/null +++ b/resources/assets/sass/bootstrap/scss/_button-group.scss @@ -0,0 +1,224 @@ +// Make the div behave like a button +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; // match .btn alignment given font-size hack above + + > .btn { + position: relative; + float: left; + + // Bring the "active" button to the front + &:focus, + &:active, + &.active { + z-index: 2; + } + @include hover { + z-index: 2; + } + } +} + +// Prevent double borders when buttons are next to each other +.btn-group { + .btn + .btn, + .btn + .btn-group, + .btn-group + .btn, + .btn-group + .btn-group { + margin-left: -$input-btn-border-width; + } +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + margin-left: -5px; // Offset the first child's margin + @include clearfix(); + + .btn-group, + .input-group { + float: left; + } + + > .btn, + > .btn-group, + > .input-group { + margin-left: 5px; + } +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match +.btn-group > .btn:first-child { + margin-left: 0; + + &:not(:last-child):not(.dropdown-toggle) { + @include border-right-radius(0); + } +} +// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + @include border-left-radius(0); +} + +// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + @include border-right-radius(0); + } +} +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + @include border-left-radius(0); +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + +// Sizing +// +// Remix the default button sizing classes into new ones for easier manipulation. + +.btn-group-sm > .btn { @extend .btn-sm; } +.btn-group-lg > .btn { @extend .btn-lg; } + + +// +// Split button dropdowns +// + +// Give the line between buttons some depth +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; +} + +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + + // Show no shadow for `.btn-link` since it has no other button styles. + &.btn-link { + @include box-shadow(none); + } +} + + +// Reposition the caret +.btn .caret { + margin-left: 0; +} +// Carets in other button sizes +.btn-lg .caret { + border-width: $caret-width-lg $caret-width-lg 0; + border-bottom-width: 0; +} +// Upside down carets for .dropup +.dropup .btn-lg .caret { + border-width: 0 $caret-width-lg $caret-width-lg; +} + + + +// +// Vertical button groups +// + +.btn-group-vertical { + > .btn, + > .btn-group, + > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + + // Clear floats so dropdown menus can be properly placed + > .btn-group { + @include clearfix(); + + > .btn { + float: none; + } + } + + > .btn + .btn, + > .btn + .btn-group, + > .btn-group + .btn, + > .btn-group + .btn-group { + margin-top: -$input-btn-border-width; + margin-left: 0; + } +} + +.btn-group-vertical > .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: $btn-border-radius; + @include border-bottom-radius(0); + } + &:last-child:not(:first-child) { + border-bottom-left-radius: $btn-border-radius; + @include border-top-radius(0); + } +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + @include border-bottom-radius(0); + } +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + @include border-top-radius(0); +} + + +// Checkbox and radio options +// +// In order to support the browser's form validation feedback, powered by the +// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use +// `display: none;` or `visibility: hidden;` as that also hides the popover. +// Simply visually hiding the inputs via `opacity` would leave them clickable in +// certain cases which is prevented by using `clip` and `pointer-events`. +// This way, we ensure a DOM element is visible to position the popover from. +// +// See https://github.com/twbs/bootstrap/pull/12794 and +// https://github.com/twbs/bootstrap/pull/14559 for more information. + +[data-toggle="buttons"] { + > .btn, + > .btn-group > .btn { + input[type="radio"], + input[type="checkbox"] { + position: absolute; + clip: rect(0,0,0,0); + pointer-events: none; + } + } +} diff --git a/resources/assets/sass/bootstrap/scss/_buttons.scss b/resources/assets/sass/bootstrap/scss/_buttons.scss new file mode 100644 index 00000000..73755280 --- /dev/null +++ b/resources/assets/sass/bootstrap/scss/_buttons.scss @@ -0,0 +1,173 @@ +// +// Base styles +// + +.btn { + display: inline-block; + font-weight: $btn-font-weight; + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + user-select: none; + border: $input-btn-border-width solid transparent; + @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $line-height, $btn-border-radius); + @include transition(all .2s ease-in-out); + + &, + &:active, + &.active { + &:focus, + &.focus { + @include tab-focus(); + } + } + + @include hover-focus { + text-decoration: none; + } + &.focus { + text-decoration: none; + } + + &:active, + &.active { + background-image: none; + outline: 0; + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &:disabled { + cursor: $cursor-disabled; + opacity: .65; + @include box-shadow(none); + } +} + +// Future-proof disabling of clicks on `` elements +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; +} + + +// +// Alternate buttons +// + +.btn-primary { + @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); +} +.btn-secondary { + @include button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border); +} +.btn-info { + @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); +} +.btn-success { + @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); +} +.btn-warning { + @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); +} +.btn-danger { + @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); +} + +// Remove all backgrounds +.btn-primary-outline { + @include button-outline-variant($btn-primary-bg); +} +.btn-secondary-outline { + @include button-outline-variant($btn-secondary-border); +} +.btn-info-outline { + @include button-outline-variant($btn-info-bg); +} +.btn-success-outline { + @include button-outline-variant($btn-success-bg); +} +.btn-warning-outline { + @include button-outline-variant($btn-warning-bg); +} +.btn-danger-outline { + @include button-outline-variant($btn-danger-bg); +} + + +// +// Link buttons +// + +// Make a button look and behave like a link +.btn-link { + font-weight: normal; + color: $link-color; + border-radius: 0; + + &, + &:active, + &.active, + &:disabled { + background-color: transparent; + @include box-shadow(none); + } + &, + &:focus, + &:active { + border-color: transparent; + } + @include hover { + border-color: transparent; + } + @include hover-focus { + color: $link-hover-color; + text-decoration: $link-hover-decoration; + background-color: transparent; + } + &:disabled { + @include hover-focus { + color: $btn-link-disabled-color; + text-decoration: none; + } + } +} + + +// +// Button Sizes +// + +.btn-lg { + // line-height: ensure even-numbered height of button next to large input + @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $line-height-lg, $btn-border-radius-lg); +} +.btn-sm { + // line-height: ensure proper height of button next to small input + @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $line-height-sm, $btn-border-radius-sm); +} + + +// +// Block button +// + +.btn-block { + display: block; + width: 100%; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/resources/assets/sass/bootstrap/scss/_card.scss b/resources/assets/sass/bootstrap/scss/_card.scss new file mode 100644 index 00000000..ecd797e1 --- /dev/null +++ b/resources/assets/sass/bootstrap/scss/_card.scss @@ -0,0 +1,292 @@ +// +// Base styles +// + +.card { + position: relative; + display: block; + margin-bottom: $card-spacer-y; + background-color: $card-bg; + border: $card-border-width solid $card-border-color; + @include border-radius($card-border-radius); +} + +.card-block { + padding: $card-spacer-x; +} + +.card-title { + margin-bottom: $card-spacer-y; +} + +.card-subtitle { + margin-top: -($card-spacer-y / 2); + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +// .card-actions { +// padding: $card-spacer-y $card-spacer-x; + +// .card-link + .card-link { +// margin-left: $card-spacer-x; +// } +// } + +.card-link { + @include hover { + text-decoration: none; + } + + + .card-link { + margin-left: $card-spacer-x; + } +} + +@if $enable-rounded { + .card { + > .list-group:first-child { + .list-group-item:first-child { + border-radius: $card-border-radius $card-border-radius 0 0; + } + } + + > .list-group:last-child { + .list-group-item:last-child { + border-radius: 0 0 $card-border-radius $card-border-radius; + } + } + } +} + + +// +// Optional textual caps +// + +.card-header { + padding: $card-spacer-y $card-spacer-x; + background-color: $card-cap-bg; + border-bottom: $card-border-width solid $card-border-color; + + &:first-child { + @include border-radius($card-border-radius-inner $card-border-radius-inner 0 0); + } +} + +.card-footer { + padding: $card-spacer-y $card-spacer-x; + background-color: $card-cap-bg; + border-top: $card-border-width solid $card-border-color; + + &:last-child { + @include border-radius(0 0 $card-border-radius-inner $card-border-radius-inner); + } +} + + +// +// Background variations +// + +.card-primary { + @include card-variant($brand-primary, $brand-primary); +} +.card-success { + @include card-variant($brand-success, $brand-success); +} +.card-info { + @include card-variant($brand-info, $brand-info); +} +.card-warning { + @include card-variant($brand-warning, $brand-warning); +} +.card-danger { + @include card-variant($brand-danger, $brand-danger); +} + +// Remove all backgrounds +.card-primary-outline { + @include card-outline-variant($btn-primary-bg); +} +.card-secondary-outline { + @include card-outline-variant($btn-secondary-border); +} +.card-info-outline { + @include card-outline-variant($btn-info-bg); +} +.card-success-outline { + @include card-outline-variant($btn-success-bg); +} +.card-warning-outline { + @include card-outline-variant($btn-warning-bg); +} +.card-danger-outline { + @include card-outline-variant($btn-danger-bg); +} + +// +// Inverse text within a card for use with dark backgrounds +// + +.card-inverse { + @include card-inverse; +} + +// +// Blockquote +// + +.card-blockquote { + padding: 0; + margin-bottom: 0; + border-left: 0; +} + +// Card image +.card-img { + // margin: -1.325rem; + @include border-radius(.25rem); +} +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + + + +// Card image caps +.card-img-top { + @include border-radius($card-border-radius-inner $card-border-radius-inner 0 0); +} +.card-img-bottom { + @include border-radius(0 0 $card-border-radius-inner $card-border-radius-inner); +} + + +// +// Card set +// + +@if $enable-flex { + @include media-breakpoint-up(sm) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -.625rem; + margin-left: -.625rem; + + .card { + flex: 1 0 0; + margin-right: .625rem; + margin-left: .625rem; + } + } + } +} @else { + @include media-breakpoint-up(sm) { + .card-deck { + display: table; + table-layout: fixed; + border-spacing: 1.25rem 0; + + .card { + display: table-cell; + width: 1%; + vertical-align: top; + } + } + .card-deck-wrapper { + margin-right: -1.25rem; + margin-left: -1.25rem; + } + } +} + +// +// Card groups +// + +@include media-breakpoint-up(sm) { + .card-group { + @if $enable-flex { + display: flex; + flex-flow: row wrap; + } @else { + display: table; + width: 100%; + table-layout: fixed; + } + + .card { + @if $enable-flex { + flex: 1 0 0; + } @else { + display: table-cell; + vertical-align: top; + } + + + .card { + margin-left: 0; + border-left: 0; + } + + // Handle rounded corners + @if $enable-rounded { + &:first-child { + @include border-right-radius(0); + + .card-img-top { + border-top-right-radius: 0; + } + .card-img-bottom { + border-bottom-right-radius: 0; + } + } + &:last-child { + @include border-left-radius(0); + + .card-img-top { + border-top-left-radius: 0; + } + .card-img-bottom { + border-bottom-left-radius: 0; + } + } + + &:not(:first-child):not(:last-child) { + border-radius: 0; + + .card-img-top, + .card-img-bottom { + border-radius: 0; + } + } + } + } + } +} + + +// +// Card +// + +@include media-breakpoint-up(sm) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + + .card { + display: inline-block; + width: 100%; // Don't let them exceed the column width + } + } +} diff --git a/resources/assets/sass/bootstrap/scss/_carousel.scss b/resources/assets/sass/bootstrap/scss/_carousel.scss new file mode 100644 index 00000000..bf0ea61d --- /dev/null +++ b/resources/assets/sass/bootstrap/scss/_carousel.scss @@ -0,0 +1,252 @@ +// Wrapper for the slide container and indicators +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; + + > .carousel-item { + position: relative; + display: none; + transition: .6s ease-in-out left; + + // Account for jankitude on images + > img, + > a > img { + @extend .img-fluid; + line-height: 1; + } + + // WebKit CSS3 transforms for supported devices + @media all and (transform-3d), (-webkit-transform-3d) { + transition: transform .6s ease-in-out; + backface-visibility: hidden; + perspective: 1000px; + + &.next, + &.active.right { + left: 0; + transform: translate3d(100%, 0, 0); + } + &.prev, + &.active.left { + left: 0; + transform: translate3d(-100%, 0, 0); + } + &.next.left, + &.prev.right, + &.active { + left: 0; + transform: translate3d(0, 0, 0); + } + } + } + + > .active, + > .next, + > .prev { + display: block; + } + + > .active { + left: 0; + } + + > .next, + > .prev { + position: absolute; + top: 0; + width: 100%; + } + + > .next { + left: 100%; + } + > .prev { + left: -100%; + } + > .next.left, + > .prev.right { + left: 0; + } + + > .active.left { + left: -100%; + } + > .active.right { + left: 100%; + } +} + + +// +// Left/right controls for nav +// + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: $carousel-control-width; + font-size: $carousel-control-font-size; + color: $carousel-control-color; + text-align: center; + text-shadow: $carousel-text-shadow; + opacity: $carousel-control-opacity; + // We can't have this transition here because WebKit cancels the carousel + // animation if you trip this while in the middle of another animation. + + // Set gradients for backgrounds + &.left { + @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001)); + } + &.right { + right: 0; + left: auto; + @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5)); + } + + // Hover/focus state + @include hover-focus { + color: $carousel-control-color; + text-decoration: none; + outline: 0; + opacity: .9; + } + + // Toggles + .icon-prev, + .icon-next { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; + line-height: 1; + } + .icon-prev { + left: 50%; + margin-left: -10px; + } + .icon-next { + right: 50%; + margin-right: -10px; + } + + .icon-prev { + &::before { + content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) + } + } + .icon-next { + &::before { + content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) + } + } +} + + +// Optional indicator pips +// +// Add an unordered list with the following class and add a list item for each +// slide your carousel holds. + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; + + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + // IE9 hack for event handling + // + // Internet Explorer 9 does not properly handle clicks on elements with a `background-color` of `transparent`, + // so we use `rgba(0,0,0,0)` instead since it's a non-buggy equivalent. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer + background-color: rgba(0,0,0,0); // IE9 + border: 1px solid $carousel-indicator-border-color; + border-radius: 10px; + } + .active { + width: 12px; + height: 12px; + margin: 0; + background-color: $carousel-indicator-active-bg; + } +} + + +// Optional captions +// +// Hidden by default for smaller viewports. + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: $carousel-caption-color; + text-align: center; + text-shadow: $carousel-text-shadow; + + .btn { + text-shadow: none; // No shadow for button elements in carousel-caption + } +} + + +// +// Responsive variations +// + +@include media-breakpoint-up(sm) { + // Scale up the controls a smidge + .carousel-control { + .icon-prev, + .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .icon-prev { + margin-left: -15px; + } + .icon-next { + margin-right: -15px; + } + } + + // Show and left align the captions + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; + } + + // Move up the indicators + .carousel-indicators { + bottom: 20px; + } +} diff --git a/resources/assets/sass/bootstrap/scss/_close.scss b/resources/assets/sass/bootstrap/scss/_close.scss new file mode 100644 index 00000000..89e68a38 --- /dev/null +++ b/resources/assets/sass/bootstrap/scss/_close.scss @@ -0,0 +1,28 @@ +.close { + float: right; + font-size: ($font-size-base * 1.5); + font-weight: $close-font-weight; + line-height: 1; + color: $close-color; + text-shadow: $close-text-shadow; + opacity: .2; + + @include hover-focus { + color: $close-color; + text-decoration: none; + cursor: pointer; + opacity: .5; + } +} + +// Additional properties for button version +// iOS requires the button element instead of an anchor tag. +// If you want the anchor version, it requires `href="#"`. +// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} diff --git a/resources/assets/sass/bootstrap/scss/_code.scss b/resources/assets/sass/bootstrap/scss/_code.scss new file mode 100644 index 00000000..60bbcae8 --- /dev/null +++ b/resources/assets/sass/bootstrap/scss/_code.scss @@ -0,0 +1,58 @@ +// Inline and block code styles +code, +kbd, +pre, +samp { + font-family: $font-family-monospace; +} + +// Inline code +code { + padding: .2rem .4rem; + font-size: 90%; + color: $code-color; + background-color: $code-bg; + @include border-radius($border-radius); +} + +// User input typically entered via keyboard +kbd { + padding: .2rem .4rem; + font-size: 90%; + color: $kbd-color; + background-color: $kbd-bg; + @include border-radius($border-radius-sm); + @include box-shadow(inset 0 -.1rem 0 rgba(0,0,0,.25)); + + kbd { + padding: 0; + font-size: 100%; + font-weight: $nested-kbd-font-weight; + @include box-shadow(none); + } +} + +// Blocks of code +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + font-size: 90%; + line-height: $line-height; + color: $pre-color; + + // Account for some code outputs that place code tags in pre tags + code { + padding: 0; + font-size: inherit; + color: inherit; + background-color: transparent; + border-radius: 0; + } +} + +// Enable scrollable blocks of code +.pre-scrollable { + max-height: $pre-scrollable-max-height; + overflow-y: scroll; +} diff --git a/resources/assets/sass/bootstrap/scss/_custom-forms.scss b/resources/assets/sass/bootstrap/scss/_custom-forms.scss new file mode 100644 index 00000000..b418b84d --- /dev/null +++ b/resources/assets/sass/bootstrap/scss/_custom-forms.scss @@ -0,0 +1,226 @@ +// Embedded icons from Open Iconic. +// Released under MIT and copyright 2014 Waybury. +// http://useiconic.com/open + + +// Checkboxes and radios +// +// Base class takes care of all the key behavioral aspects. + +.c-input { + position: relative; + display: inline; + padding-left: 1.5rem; + color: #555; + cursor: pointer; + + > input { + position: absolute; + z-index: -1; // Put the input behind the label so it doesn't overlay text + opacity: 0; + + &:checked ~ .c-indicator { + color: #fff; + background-color: #0074d9; + @include box-shadow(none); + } + + &:focus ~ .c-indicator { + // the mixin is not used here to make sure there is feedback + box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; + } + + &:active ~ .c-indicator { + color: #fff; + background-color: #84c6ff; + @include box-shadow(none); + } + } + + + .c-input { + margin-left: 1rem; + } +} + +// Custom indicator +// +// Generates a shadow element to create our makeshift checkbox/radio background. + +.c-indicator { + position: absolute; + top: 0; + left: 0; + display: block; + width: 1rem; + height: 1rem; + font-size: 65%; + line-height: 1rem; + color: #eee; + text-align: center; + user-select: none; + background-color: #eee; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; + @include box-shadow(inset 0 .125rem .125rem rgba(0,0,0,.1)); +} + +// Checkboxes +// +// Tweak just a few things for checkboxes. + +.c-checkbox { + .c-indicator { + border-radius: .25rem; + } + + input:checked ~ .c-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); + } + + input:indeterminate ~ .c-indicator { + background-color: #0074d9; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); + @include box-shadow(none); + } +} + +// Radios +// +// Tweak just a few things for radios. + +.c-radio { + .c-indicator { + border-radius: 50%; + } + + input:checked ~ .c-indicator { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); + } +} + + +// Layout options +// +// By default radios and checkboxes are `inline-block` with no additional spacing +// set. Use these optional classes to tweak the layout. + +.c-inputs-stacked { + .c-input { + display: inline; + + &::after { + display: block; + margin-bottom: .25rem; + content: ""; + } + + + .c-input { + margin-left: 0; + } + } +} + + +// Select +// +// Replaces the browser default select with a custom one, mostly pulled from +// http://primercss.io. +// +// Includes IE9-specific hacks (noted by ` \9`). + +.c-select { + display: inline-block; + max-width: 100%; + padding: .375rem 1.75rem .375rem .75rem; + padding-right: .75rem \9; + color: $input-color; + vertical-align: middle; + background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center; + background-image: none \9; + background-size: 8px 10px; + border: $input-btn-border-width solid $input-border-color; + // Use vendor prefixes as `appearance` isn't part of the CSS spec. + -moz-appearance: none; + -webkit-appearance: none; + + &:focus { + border-color: #51a7e8; + outline: none; + @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5)); + } + + // Hides the default caret in IE11 + &::-ms-expand { + opacity: 0; + } +} + +.c-select-sm { + padding-top: 3px; + padding-bottom: 3px; + font-size: 12px; + + &:not([multiple]) { + height: 26px; + min-height: 26px; + } +} + + +// File +// +// Custom file input. + +.file { + position: relative; + display: inline-block; + height: 2.5rem; + cursor: pointer; +} +.file input { + min-width: 14rem; + margin: 0; + filter: alpha(opacity = 0); + opacity: 0; +} +.file-custom { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 5; + height: 2.5rem; + padding: .5rem 1rem; + line-height: 1.5; + color: #555; + user-select: none; + background-color: #fff; + border: $input-btn-border-width solid #ddd; + border-radius: .25rem; + @include box-shadow(inset 0 .2rem .4rem rgba(0,0,0,.05)); +} +.file-custom::after { + content: "Choose file..."; +} +.file-custom::before { + position: absolute; + top: -.075rem; + right: -.075rem; + bottom: -.075rem; + z-index: 6; + display: block; + height: 2.5rem; + padding: .5rem 1rem; + line-height: 1.5; + color: #555; + content: "Browse"; + background-color: #eee; + border: $input-btn-border-width solid #ddd; + border-radius: 0 .25rem .25rem 0; +} + +// Focus state +.file input:focus ~ .file-custom { + @include box-shadow(0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9); +} diff --git a/resources/assets/sass/bootstrap/scss/_dropdown.scss b/resources/assets/sass/bootstrap/scss/_dropdown.scss new file mode 100644 index 00000000..d9776d59 --- /dev/null +++ b/resources/assets/sass/bootstrap/scss/_dropdown.scss @@ -0,0 +1,193 @@ +// The dropdown wrapper (`
`) +.dropup, +.dropdown { + position: relative; +} + +.dropdown-toggle { + // Generate the caret automatically + &::after { + display: inline-block; + width: 0; + height: 0; + margin-right: .25rem; + margin-left: .25rem; + vertical-align: middle; + content: ""; + border-top: $caret-width solid; + border-right: $caret-width solid transparent; + border-left: $caret-width solid transparent; + } + + // Prevent the focus on the dropdown toggle when closing dropdowns + &:focus { + outline: 0; + } +} + +.dropup { + .dropdown-toggle { + &::after { + border-top: 0; + border-bottom: $caret-width solid; + } + } +} + +// The dropdown menu +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: $zindex-dropdown; + display: none; // none by default, but block on "open" of the menu + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; // override default ul + font-size: $font-size-base; + color: $body-color; + text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) + list-style: none; + background-color: $dropdown-bg; + background-clip: padding-box; + border: $dropdown-border-width solid $dropdown-border-color; + @include border-radius($border-radius); + @include box-shadow(0 6px 12px rgba(0,0,0,.175)); +} + +// Dividers (basically an `
`) within the dropdown +.dropdown-divider { + @include nav-divider($dropdown-divider-bg); +} + +// Links, buttons, and more within the dropdown menu +// +// `