From eaa68751b2f0f5ae1311e860f366491bd2fac065 Mon Sep 17 00:00:00 2001 From: Andrew Date: Sun, 25 Sep 2022 11:17:44 -0400 Subject: [PATCH 01/18] Fix type error on interval check. --- app/classes/web/panel_handler.py | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/classes/web/panel_handler.py b/app/classes/web/panel_handler.py index 329ea785..1fc333a3 100644 --- a/app/classes/web/panel_handler.py +++ b/app/classes/web/panel_handler.py @@ -1700,7 +1700,7 @@ class PanelHandler(BaseHandler): # only check for time if it's number of days if interval_type == "days": sch_time = bleach.clean(self.get_argument("time", None)) - if interval > 30: + if int(interval) > 30: self.redirect( "/panel/error?error=Invalid argument." " Days must be 30 or fewer." @@ -1868,7 +1868,7 @@ class PanelHandler(BaseHandler): # only check for time if it's number of days if interval_type == "days": sch_time = bleach.clean(self.get_argument("time", None)) - if interval > 30: + if int(interval) > 30: self.redirect( "/panel/error?error=Invalid argument." " Days must be 30 or fewer." From 046943c25084f43db8bef0d63a82cc31cf8d65d4 Mon Sep 17 00:00:00 2001 From: Andrew Date: Sun, 25 Sep 2022 12:14:01 -0400 Subject: [PATCH 02/18] Fix bug with API stdin --- app/classes/web/routes/api/servers/server/stdin.py | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/classes/web/routes/api/servers/server/stdin.py b/app/classes/web/routes/api/servers/server/stdin.py index a52f0c0d..b6bd0c3c 100644 --- a/app/classes/web/routes/api/servers/server/stdin.py +++ b/app/classes/web/routes/api/servers/server/stdin.py @@ -26,7 +26,7 @@ class ApiServersServerStdinHandler(BaseApiHandler): # if the user doesn't have Commands permission, return an error return self.finish_json(400, {"status": "error", "error": "NOT_AUTHORIZED"}) - svr = self.controller.get_server_obj_optional(server_id) + svr = self.controller.servers.get_server_obj_optional(server_id) if svr is None: # It's in auth_data[0] but not as a Server object logger.critical( From d7de340807b4f9eb193d2bb06b70e27bcbe0d5ca Mon Sep 17 00:00:00 2001 From: Andrew Date: Sun, 25 Sep 2022 12:45:22 -0400 Subject: [PATCH 03/18] Initial commit for themes/black --- app/frontend/static/assets/css/dark/style.css | 33620 ++++++++++------ app/frontend/templates/base.html | 4 +- 2 files changed, 22011 insertions(+), 11613 deletions(-) diff --git a/app/frontend/static/assets/css/dark/style.css b/app/frontend/static/assets/css/dark/style.css index 9d272759..c7e84509 100755 --- a/app/frontend/static/assets/css/dark/style.css +++ b/app/frontend/static/assets/css/dark/style.css @@ -10,7 +10,12 @@ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"); -:root { + +root, +:root.default { + --card-banner-bg: #282a40; + --deep-bg: #1c1e2f; + --dropdown-bg: #222437; --blue: #00aeef; --indigo: #6610f2; --purple: #ab8ce4; @@ -53,22 +58,94 @@ --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +:root.light { + --bg-color: #fff; + --text-color: #123; +} + +:root.dark { + --bg-color: #121212; + --text-color: #45ADFE; +} + +:root.ronald { + --card-banner-bg: white; + --deep-bg: yellow; + --dropdown-bg: red; + --blue: #00aeef; + --indigo: #6610f2; + --purple: #ab8ce4; + --pink: #E91E63; + --red: #ff0017; + --orange: #fb9678; + --yellow: #ffd500; + --green: #3bd949; + --teal: #58d8a3; + --cyan: #57c7d4; + --white: #ffffff; + --gray: #6c757d; + --gray-dark: #292b2c; + --blue: #00aeef; + --indigo: #6610f2; + --purple: #ab8ce4; + --pink: #E91E63; + --red: #ff0017; + --orange: #fb9678; + --yellow: #ffd500; + --green: #3bd949; + --teal: #58d8a3; + --cyan: #57c7d4; + --white: #ffffff; + --white-smoke: #f3f5f6; + --gray: #6c757d; + --gray-light: #8ba2b5; + --gray-lightest: #f7f7f9; + --primary: #2196f3; + --secondary: #dde4eb; + --success: #19d895; + --info: #8862e0; + --warning: #ffaf00; + --danger: #ff6258; + --light: #fbfbfb; + --dark: #252C46; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} *, *::before, *::after { -webkit-box-sizing: border-box; - box-sizing: border-box; } + box-sizing: border-box; +} html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} -article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { - display: block; } +article, +aside, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} body { margin: 0; @@ -78,24 +155,34 @@ body { line-height: 1.5; color: #fff; text-align: left; - background-color: #fff; } + background-color: #fff; +} [tabindex="-1"]:focus { - outline: 0 !important; } + outline: 0 !important; +} hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; - overflow: visible; } + overflow: visible; +} -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { margin-top: 0; - margin-bottom: 0.5rem; } + margin-bottom: 0.5rem; +} p { margin-top: 0; - margin-bottom: 1rem; } + margin-bottom: 1rem; +} abbr[title], abbr[data-original-title] { @@ -105,118 +192,150 @@ abbr[data-original-title] { cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; - text-decoration-skip-ink: none; } + text-decoration-skip-ink: none; +} address { margin-bottom: 1rem; font-style: normal; - line-height: inherit; } + line-height: inherit; +} ol, ul, dl { margin-top: 0; - margin-bottom: 1rem; } + margin-bottom: 1rem; +} ol ol, ul ul, ol ul, ul ol { - margin-bottom: 0; } + margin-bottom: 0; +} dt { - font-weight: 700; } + font-weight: 700; +} dd { margin-bottom: .5rem; - margin-left: 0; } + margin-left: 0; +} blockquote { - margin: 0 0 1rem; } + margin: 0 0 1rem; +} b, strong { - font-weight: bolder; } + font-weight: bolder; +} small { - font-size: 80%; } + font-size: 80%; +} sub, sup { position: relative; font-size: 75%; line-height: 0; - vertical-align: baseline; } + vertical-align: baseline; +} sub { - bottom: -.25em; } + bottom: -.25em; +} sup { - top: -.5em; } + top: -.5em; +} a { color: #007bff; text-decoration: none; - background-color: transparent; } - a:hover { - color: #0056b3; - text-decoration: underline; } + background-color: transparent; +} + +a:hover { + color: #0056b3; + text-decoration: underline; +} a:not([href]):not([tabindex]) { color: inherit; - text-decoration: none; } - a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { - color: inherit; - text-decoration: none; } - a:not([href]):not([tabindex]):focus { - outline: 0; } + text-decoration: none; +} + +a:not([href]):not([tabindex]):hover, +a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - font-size: 1em; } + font-size: 1em; +} pre { margin-top: 0; margin-bottom: 1rem; - overflow: auto; } + overflow: auto; +} figure { - margin: 0 0 1rem; } + margin: 0 0 1rem; +} img { vertical-align: middle; - border-style: none; } + border-style: none; +} svg { overflow: hidden; - vertical-align: middle; } + vertical-align: middle; +} table { - border-collapse: collapse; } + border-collapse: collapse; +} caption { padding-top: 12px 15px; padding-bottom: 12px 15px; color: #6c757d; text-align: left; - caption-side: bottom; } + caption-side: bottom; +} th { - text-align: inherit; } + text-align: inherit; +} label { display: inline-block; - margin-bottom: 0.5rem; } + margin-bottom: 0.5rem; +} button { - border-radius: 0; } + border-radius: 0; +} button:focus { outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; } + outline: 5px auto -webkit-focus-ring-color; +} input, button, @@ -226,59 +345,70 @@ textarea { margin: 0; font-family: inherit; font-size: inherit; - line-height: inherit; } + line-height: inherit; +} button, input { - overflow: visible; } + overflow: visible; +} button, select { - text-transform: none; } + text-transform: none; +} select { - word-wrap: normal; } + word-wrap: normal; +} button, [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; } + -webkit-appearance: button; +} button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { - cursor: pointer; } + cursor: pointer; +} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; - border-style: none; } + border-style: none; +} input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; - padding: 0; } + padding: 0; +} input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { - -webkit-appearance: listbox; } + -webkit-appearance: listbox; +} textarea { overflow: auto; - resize: vertical; } + resize: vertical; +} fieldset { min-width: 0; padding: 0; margin: 0; - border: 0; } + border: 0; +} legend { display: block; @@ -289,134 +419,186 @@ legend { font-size: 1.5rem; line-height: inherit; color: inherit; - white-space: normal; } + white-space: normal; +} progress { - vertical-align: baseline; } + vertical-align: baseline; +} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; } + height: auto; +} [type="search"] { outline-offset: -2px; - -webkit-appearance: none; } + -webkit-appearance: none; +} [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } + -webkit-appearance: none; +} ::-webkit-file-upload-button { font: inherit; - -webkit-appearance: button; } + -webkit-appearance: button; +} output { - display: inline-block; } + display: inline-block; +} summary { display: list-item; - cursor: pointer; } + cursor: pointer; +} template { - display: none; } + display: none; +} [hidden] { - display: none !important; } + display: none !important; +} -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6 { +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { margin-bottom: 0.5rem; font-weight: 500; - line-height: 1.2; } + line-height: 1.2; +} -h1, .h1 { - font-size: 2.5rem; } +h1, +.h1 { + font-size: 2.5rem; +} -h2, .h2 { - font-size: 2rem; } +h2, +.h2 { + font-size: 2rem; +} -h3, .h3 { - font-size: 1.75rem; } +h3, +.h3 { + font-size: 1.75rem; +} -h4, .h4 { - font-size: 1.5rem; } +h4, +.h4 { + font-size: 1.5rem; +} -h5, .h5 { - font-size: 1.25rem; } +h5, +.h5 { + font-size: 1.25rem; +} -h6, .h6 { - font-size: 1rem; } +h6, +.h6 { + font-size: 1rem; +} .lead { font-size: 1.25rem; - font-weight: 300; } + font-weight: 300; +} .display-1 { font-size: 6rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} .display-2 { font-size: 5.5rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} .display-3 { font-size: 4.5rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} .display-4 { font-size: 3.5rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); } + border-top: 1px solid rgba(0, 0, 0, 0.1); +} small, .small { font-size: 80%; - font-weight: 400; } + font-weight: 400; +} mark, .mark { padding: 0.2em; - background-color: #fcf8e3; } + background-color: #fcf8e3; +} .list-unstyled { padding-left: 0; - list-style: none; } + list-style: none; +} .list-inline { padding-left: 0; - list-style: none; } + list-style: none; +} .list-inline-item { - display: inline-block; } - .list-inline-item:not(:last-child) { - margin-right: 0.5rem; } + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} .initialism { font-size: 90%; - text-transform: uppercase; } + text-transform: uppercase; +} .blockquote { margin-bottom: 1rem; - font-size: 1.25rem; } + font-size: 1.25rem; +} .blockquote-footer { display: block; font-size: 80%; - color: #6c757d; } - .blockquote-footer::before { - content: "\2014\00A0"; } + color: #6c757d; +} + +.blockquote-footer::before { + content: "\2014\00A0"; +} .img-fluid { max-width: 100%; - height: auto; } + height: auto; +} .img-thumbnail { padding: 0.25rem; @@ -424,75 +606,103 @@ mark, border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; - height: auto; } + height: auto; +} .figure { - display: inline-block; } + display: inline-block; +} .figure-img { margin-bottom: 0.5rem; - line-height: 1; } + line-height: 1; +} .figure-caption { font-size: 90%; - color: #6c757d; } + color: #6c757d; +} code { font-size: 87.5%; color: #e83e8c; - word-break: break-word; } - a > code { - color: inherit; } + word-break: break-word; +} + +a>code { + color: inherit; +} kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; - border-radius: 0.2rem; } - kbd kbd { - padding: 0; - font-size: 100%; - font-weight: 700; } + border-radius: 0.2rem; +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} pre { display: block; font-size: 87.5%; - color: #212529; } - pre code { - font-size: inherit; - color: inherit; - word-break: normal; } + color: #212529; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} .pre-scrollable { max-height: 340px; - overflow-y: scroll; } + overflow-y: scroll; +} .container { width: 100%; padding-right: 12.5px; padding-left: 12.5px; margin-right: auto; - margin-left: auto; } - @media (min-width: 576px) { - .container { - max-width: 540px; } } - @media (min-width: 768px) { - .container { - max-width: 720px; } } - @media (min-width: 992px) { - .container { - max-width: 960px; } } - @media (min-width: 1200px) { - .container { - max-width: 1140px; } } + margin-left: auto; +} + +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} .container-fluid { width: 100%; padding-right: 12.5px; padding-left: 12.5px; margin-right: auto; - margin-left: auto; } + margin-left: auto; +} .row { display: -webkit-box; @@ -501,26 +711,96 @@ pre { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12.5px; - margin-left: -12.5px; } + margin-left: -12.5px; +} .no-gutters { margin-right: 0; - margin-left: 0; } - .no-gutters > .col, - .no-gutters > [class*="col-"] { - padding-right: 0; - padding-left: 0; } + margin-left: 0; +} -.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .lightGallery .image-tile, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, -.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, -.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, -.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, -.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.no-gutters>.col, +.no-gutters>[class*="col-"] { + padding-right: 0; + padding-left: 0; +} + +.col-1, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.lightGallery .image-tile, +.col-7, +.col-8, +.col-9, +.col-10, +.col-11, +.col-12, +.col, +.col-auto, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.col-sm, +.col-sm-auto, +.col-md-1, +.col-md-2, +.col-md-3, +.col-md-4, +.col-md-5, +.col-md-6, +.col-md-7, +.col-md-8, +.col-md-9, +.col-md-10, +.col-md-11, +.col-md-12, +.col-md, +.col-md-auto, +.col-lg-1, +.col-lg-2, +.col-lg-3, +.col-lg-4, +.col-lg-5, +.col-lg-6, +.col-lg-7, +.col-lg-8, +.col-lg-9, +.col-lg-10, +.col-lg-11, +.col-lg-12, +.col-lg, +.col-lg-auto, +.col-xl-1, +.col-xl-2, +.col-xl-3, +.col-xl-4, +.col-xl-5, +.col-xl-6, +.col-xl-7, +.col-xl-8, +.col-xl-9, +.col-xl-10, +.col-xl-11, +.col-xl-12, +.col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 12.5px; - padding-left: 12.5px; } + padding-left: 12.5px; +} .col { -ms-flex-preferred-size: 0; @@ -528,194 +808,235 @@ pre { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; - max-width: 100%; } + max-width: 100%; +} .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; +} .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; - max-width: 8.33333%; } + max-width: 8.33333%; +} .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; +} .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; +} .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; +} .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; - max-width: 41.66667%; } + max-width: 41.66667%; +} -.col-6, .lightGallery .image-tile { +.col-6, +.lightGallery .image-tile { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; +} .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; - max-width: 58.33333%; } + max-width: 58.33333%; +} .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; - max-width: 66.66667%; } + max-width: 66.66667%; +} .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; +} .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; - max-width: 83.33333%; } + max-width: 83.33333%; +} .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; - max-width: 91.66667%; } + max-width: 91.66667%; +} .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; +} .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; - order: -1; } + order: -1; +} .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; - order: 13; } + order: 13; +} .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; - order: 0; } + order: 0; +} .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; - order: 1; } + order: 1; +} .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; - order: 2; } + order: 2; +} .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; - order: 3; } + order: 3; +} .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; - order: 4; } + order: 4; +} .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; - order: 5; } + order: 5; +} .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; - order: 6; } + order: 6; +} .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; - order: 7; } + order: 7; +} .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; - order: 8; } + order: 8; +} .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; - order: 9; } + order: 9; +} .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; - order: 10; } + order: 10; +} .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; - order: 11; } + order: 11; +} .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; - order: 12; } + order: 12; +} .offset-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; +} .offset-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; +} .offset-3 { - margin-left: 25%; } + margin-left: 25%; +} .offset-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; +} .offset-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; +} .offset-6 { - margin-left: 50%; } + margin-left: 50%; +} .offset-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; +} .offset-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; +} .offset-9 { - margin-left: 75%; } + margin-left: 75%; +} .offset-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; +} .offset-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; +} @media (min-width: 576px) { .col-sm { @@ -724,157 +1045,239 @@ pre { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } + .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } + .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; - max-width: 8.33333%; } + max-width: 8.33333%; + } + .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; - max-width: 16.66667%; } + max-width: 16.66667%; + } + .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } + .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } + .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; - max-width: 41.66667%; } + max-width: 41.66667%; + } + .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } + .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; - max-width: 58.33333%; } + max-width: 58.33333%; + } + .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; - max-width: 66.66667%; } + max-width: 66.66667%; + } + .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } + .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; - max-width: 83.33333%; } + max-width: 83.33333%; + } + .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; - max-width: 91.66667%; } + max-width: 91.66667%; + } + .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } + .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; - order: -1; } + order: -1; + } + .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; - order: 13; } + order: 13; + } + .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; - order: 0; } + order: 0; + } + .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; - order: 1; } + order: 1; + } + .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; - order: 2; } + order: 2; + } + .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; - order: 3; } + order: 3; + } + .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; - order: 4; } + order: 4; + } + .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; - order: 5; } + order: 5; + } + .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; - order: 6; } + order: 6; + } + .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; - order: 7; } + order: 7; + } + .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; - order: 8; } + order: 8; + } + .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; - order: 9; } + order: 9; + } + .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; - order: 10; } + order: 10; + } + .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; - order: 11; } + order: 11; + } + .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; - order: 12; } + order: 12; + } + .offset-sm-0 { - margin-left: 0; } + margin-left: 0; + } + .offset-sm-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } + .offset-sm-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } + .offset-sm-3 { - margin-left: 25%; } + margin-left: 25%; + } + .offset-sm-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } + .offset-sm-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } + .offset-sm-6 { - margin-left: 50%; } + margin-left: 50%; + } + .offset-sm-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } + .offset-sm-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } + .offset-sm-9 { - margin-left: 75%; } + margin-left: 75%; + } + .offset-sm-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } + .offset-sm-11 { - margin-left: 91.66667%; } } + margin-left: 91.66667%; + } +} @media (min-width: 768px) { .col-md { @@ -883,157 +1286,241 @@ pre { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } + .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } + .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; - max-width: 8.33333%; } + max-width: 8.33333%; + } + .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-md-3, .lightGallery .image-tile { + max-width: 16.66667%; + } + + .col-md-3, + .lightGallery .image-tile { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; - max-width: 25%; } - .col-md-4, .lightGallery .image-tile { + max-width: 25%; + } + + .col-md-4, + .lightGallery .image-tile { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } + .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; - max-width: 41.66667%; } + max-width: 41.66667%; + } + .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } + .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; - max-width: 58.33333%; } + max-width: 58.33333%; + } + .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; - max-width: 66.66667%; } + max-width: 66.66667%; + } + .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } + .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; - max-width: 83.33333%; } + max-width: 83.33333%; + } + .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; - max-width: 91.66667%; } + max-width: 91.66667%; + } + .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } + .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; - order: -1; } + order: -1; + } + .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; - order: 13; } + order: 13; + } + .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; - order: 0; } + order: 0; + } + .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; - order: 1; } + order: 1; + } + .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; - order: 2; } + order: 2; + } + .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; - order: 3; } + order: 3; + } + .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; - order: 4; } + order: 4; + } + .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; - order: 5; } + order: 5; + } + .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; - order: 6; } + order: 6; + } + .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; - order: 7; } + order: 7; + } + .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; - order: 8; } + order: 8; + } + .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; - order: 9; } + order: 9; + } + .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; - order: 10; } + order: 10; + } + .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; - order: 11; } + order: 11; + } + .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; - order: 12; } + order: 12; + } + .offset-md-0 { - margin-left: 0; } + margin-left: 0; + } + .offset-md-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } + .offset-md-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } + .offset-md-3 { - margin-left: 25%; } + margin-left: 25%; + } + .offset-md-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } + .offset-md-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } + .offset-md-6 { - margin-left: 50%; } + margin-left: 50%; + } + .offset-md-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } + .offset-md-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } + .offset-md-9 { - margin-left: 75%; } + margin-left: 75%; + } + .offset-md-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } + .offset-md-11 { - margin-left: 91.66667%; } } + margin-left: 91.66667%; + } +} @media (min-width: 992px) { .col-lg { @@ -1042,157 +1529,240 @@ pre { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } + .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } + .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; - max-width: 8.33333%; } + max-width: 8.33333%; + } + .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-lg-3, .lightGallery .image-tile { + max-width: 16.66667%; + } + + .col-lg-3, + .lightGallery .image-tile { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } + .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } + .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; - max-width: 41.66667%; } + max-width: 41.66667%; + } + .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } + .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; - max-width: 58.33333%; } + max-width: 58.33333%; + } + .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; - max-width: 66.66667%; } + max-width: 66.66667%; + } + .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } + .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; - max-width: 83.33333%; } + max-width: 83.33333%; + } + .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; - max-width: 91.66667%; } + max-width: 91.66667%; + } + .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } + .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; - order: -1; } + order: -1; + } + .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; - order: 13; } + order: 13; + } + .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; - order: 0; } + order: 0; + } + .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; - order: 1; } + order: 1; + } + .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; - order: 2; } + order: 2; + } + .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; - order: 3; } + order: 3; + } + .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; - order: 4; } + order: 4; + } + .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; - order: 5; } + order: 5; + } + .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; - order: 6; } + order: 6; + } + .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; - order: 7; } + order: 7; + } + .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; - order: 8; } + order: 8; + } + .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; - order: 9; } + order: 9; + } + .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; - order: 10; } + order: 10; + } + .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; - order: 11; } + order: 11; + } + .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; - order: 12; } + order: 12; + } + .offset-lg-0 { - margin-left: 0; } + margin-left: 0; + } + .offset-lg-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } + .offset-lg-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } + .offset-lg-3 { - margin-left: 25%; } + margin-left: 25%; + } + .offset-lg-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } + .offset-lg-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } + .offset-lg-6 { - margin-left: 50%; } + margin-left: 50%; + } + .offset-lg-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } + .offset-lg-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } + .offset-lg-9 { - margin-left: 75%; } + margin-left: 75%; + } + .offset-lg-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } + .offset-lg-11 { - margin-left: 91.66667%; } } + margin-left: 91.66667%; + } +} @media (min-width: 1200px) { .col-xl { @@ -1201,418 +1771,604 @@ pre { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } + .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } + .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; - max-width: 8.33333%; } + max-width: 8.33333%; + } + .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-xl-3, .lightGallery .image-tile { + max-width: 16.66667%; + } + + .col-xl-3, + .lightGallery .image-tile { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } + .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; - max-width: 33.33333%; } + max-width: 33.33333%; + } + .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; - max-width: 41.66667%; } + max-width: 41.66667%; + } + .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } + .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; - max-width: 58.33333%; } + max-width: 58.33333%; + } + .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; - max-width: 66.66667%; } + max-width: 66.66667%; + } + .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } + .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; - max-width: 83.33333%; } + max-width: 83.33333%; + } + .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; - max-width: 91.66667%; } + max-width: 91.66667%; + } + .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } + .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; - order: -1; } + order: -1; + } + .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; - order: 13; } + order: 13; + } + .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; - order: 0; } + order: 0; + } + .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; - order: 1; } + order: 1; + } + .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; - order: 2; } + order: 2; + } + .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; - order: 3; } + order: 3; + } + .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; - order: 4; } + order: 4; + } + .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; - order: 5; } + order: 5; + } + .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; - order: 6; } + order: 6; + } + .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; - order: 7; } + order: 7; + } + .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; - order: 8; } + order: 8; + } + .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; - order: 9; } + order: 9; + } + .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; - order: 10; } + order: 10; + } + .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; - order: 11; } + order: 11; + } + .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; - order: 12; } - .offset-xl-0 { - margin-left: 0; } - .offset-xl-1 { - margin-left: 8.33333%; } - .offset-xl-2 { - margin-left: 16.66667%; } - .offset-xl-3 { - margin-left: 25%; } - .offset-xl-4 { - margin-left: 33.33333%; } - .offset-xl-5 { - margin-left: 41.66667%; } - .offset-xl-6 { - margin-left: 50%; } - .offset-xl-7 { - margin-left: 58.33333%; } - .offset-xl-8 { - margin-left: 66.66667%; } - .offset-xl-9 { - margin-left: 75%; } - .offset-xl-10 { - margin-left: 83.33333%; } - .offset-xl-11 { - margin-left: 91.66667%; } } + order: 12; + } -.table, .jsgrid .jsgrid-table { + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.33333%; + } + + .offset-xl-2 { + margin-left: 16.66667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.33333%; + } + + .offset-xl-5 { + margin-left: 41.66667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.33333%; + } + + .offset-xl-8 { + margin-left: 66.66667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.33333%; + } + + .offset-xl-11 { + margin-left: 91.66667%; + } +} + +.table, +.jsgrid .jsgrid-table { width: 100%; margin-bottom: 1rem; - color: #fff; } - .table th, .jsgrid .jsgrid-table th, - .table td, - .jsgrid .jsgrid-table td { - padding: 12px 15px; - vertical-align: top; - border-top: 1px solid #dee2e6; } - .table thead th, .jsgrid .jsgrid-table thead th { - vertical-align: bottom; - border-bottom: 2px solid #dee2e6; } - .table tbody + tbody, .jsgrid .jsgrid-table tbody + tbody { - border-top: 2px solid #dee2e6; } + color: #fff; +} + +.table th, +.jsgrid .jsgrid-table th, +.table td, +.jsgrid .jsgrid-table td { + padding: 12px 15px; + vertical-align: top; + border-top: 1px solid #dee2e6; +} + +.table thead th, +.jsgrid .jsgrid-table thead th { + vertical-align: bottom; + border-bottom: 2px solid #dee2e6; +} + +.table tbody+tbody, +.jsgrid .jsgrid-table tbody+tbody { + border-top: 2px solid #dee2e6; +} .table-sm th, .table-sm td { - padding: 0.3rem; } + padding: 0.3rem; +} .table-bordered { - border: 1px solid #dee2e6; } - .table-bordered th, - .table-bordered td { - border: 1px solid #dee2e6; } - .table-bordered thead th, - .table-bordered thead td { - border-bottom-width: 2px; } + border: 1px solid #dee2e6; +} + +.table-bordered th, +.table-bordered td { + border: 1px solid #dee2e6; +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} .table-borderless th, .table-borderless td, .table-borderless thead th, -.table-borderless tbody + tbody { - border: 0; } +.table-borderless tbody+tbody { + border: 0; +} .table-striped tbody tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.05); } + background-color: rgba(0, 0, 0, 0.05); +} .table-hover tbody tr:hover { color: #212529; - background-color: rgba(0, 0, 0, 0.075); } + background-color: rgba(0, 0, 0, 0.075); +} .table-primary, -.table-primary > th, -.table-primary > td { - background-color: #c1e2fc; } +.table-primary>th, +.table-primary>td { + background-color: #c1e2fc; +} .table-primary th, .table-primary td, .table-primary thead th, -.table-primary tbody + tbody { - border-color: #8cc8f9; } +.table-primary tbody+tbody { + border-color: #8cc8f9; +} .table-hover .table-primary:hover { - background-color: #a9d7fb; } - .table-hover .table-primary:hover > td, - .table-hover .table-primary:hover > th { - background-color: #a9d7fb; } + background-color: #a9d7fb; +} + +.table-hover .table-primary:hover>td, +.table-hover .table-primary:hover>th { + background-color: #a9d7fb; +} .table-secondary, -.table-secondary > th, -.table-secondary > td { - background-color: #f5f7f9; } +.table-secondary>th, +.table-secondary>td { + background-color: #f5f7f9; +} .table-secondary th, .table-secondary td, .table-secondary thead th, -.table-secondary tbody + tbody { - border-color: #edf1f5; } +.table-secondary tbody+tbody { + border-color: #edf1f5; +} .table-hover .table-secondary:hover { - background-color: #e5eaef; } - .table-hover .table-secondary:hover > td, - .table-hover .table-secondary:hover > th { - background-color: #e5eaef; } + background-color: #e5eaef; +} + +.table-hover .table-secondary:hover>td, +.table-hover .table-secondary:hover>th { + background-color: #e5eaef; +} .table-success, -.table-success > th, -.table-success > td { - background-color: #bff4e1; } +.table-success>th, +.table-success>td { + background-color: #bff4e1; +} .table-success th, .table-success td, .table-success thead th, -.table-success tbody + tbody { - border-color: #87ebc8; } +.table-success tbody+tbody { + border-color: #87ebc8; +} .table-hover .table-success:hover { - background-color: #a9f0d7; } - .table-hover .table-success:hover > td, - .table-hover .table-success:hover > th { - background-color: #a9f0d7; } + background-color: #a9f0d7; +} + +.table-hover .table-success:hover>td, +.table-hover .table-success:hover>th { + background-color: #a9f0d7; +} .table-info, -.table-info > th, -.table-info > td { - background-color: #ded3f6; } +.table-info>th, +.table-info>td { + background-color: #ded3f6; +} .table-info th, .table-info td, .table-info thead th, -.table-info tbody + tbody { - border-color: #c1adef; } +.table-info tbody+tbody { + border-color: #c1adef; +} .table-hover .table-info:hover { - background-color: #cebef2; } - .table-hover .table-info:hover > td, - .table-hover .table-info:hover > th { - background-color: #cebef2; } + background-color: #cebef2; +} + +.table-hover .table-info:hover>td, +.table-hover .table-info:hover>th { + background-color: #cebef2; +} .table-warning, -.table-warning > th, -.table-warning > td { - background-color: #ffe9b8; } +.table-warning>th, +.table-warning>td { + background-color: #ffe9b8; +} .table-warning th, .table-warning td, .table-warning thead th, -.table-warning tbody + tbody { - border-color: #ffd57a; } +.table-warning tbody+tbody { + border-color: #ffd57a; +} .table-hover .table-warning:hover { - background-color: #ffe19f; } - .table-hover .table-warning:hover > td, - .table-hover .table-warning:hover > th { - background-color: #ffe19f; } + background-color: #ffe19f; +} + +.table-hover .table-warning:hover>td, +.table-hover .table-warning:hover>th { + background-color: #ffe19f; +} .table-danger, -.table-danger > th, -.table-danger > td { - background-color: #ffd3d0; } +.table-danger>th, +.table-danger>td { + background-color: #ffd3d0; +} .table-danger th, .table-danger td, .table-danger thead th, -.table-danger tbody + tbody { - border-color: #ffada8; } +.table-danger tbody+tbody { + border-color: #ffada8; +} .table-hover .table-danger:hover { - background-color: #ffbbb7; } - .table-hover .table-danger:hover > td, - .table-hover .table-danger:hover > th { - background-color: #ffbbb7; } + background-color: #ffbbb7; +} + +.table-hover .table-danger:hover>td, +.table-hover .table-danger:hover>th { + background-color: #ffbbb7; +} .table-light, -.table-light > th, -.table-light > td { - background-color: #fefefe; } +.table-light>th, +.table-light>td { + background-color: #fefefe; +} .table-light th, .table-light td, .table-light thead th, -.table-light tbody + tbody { - border-color: #fdfdfd; } +.table-light tbody+tbody { + border-color: #fdfdfd; +} .table-hover .table-light:hover { - background-color: #f1f1f1; } - .table-hover .table-light:hover > td, - .table-hover .table-light:hover > th { - background-color: #f1f1f1; } + background-color: #f1f1f1; +} + +.table-hover .table-light:hover>td, +.table-hover .table-light:hover>th { + background-color: #f1f1f1; +} .table-dark, -.table-dark > th, -.table-dark > td { - background-color: #c2c4cb; } +.table-dark>th, +.table-dark>td { + background-color: #c2c4cb; +} .table-dark th, .table-dark td, .table-dark thead th, -.table-dark tbody + tbody { - border-color: #8e919f; } +.table-dark tbody+tbody { + border-color: #8e919f; +} .table-hover .table-dark:hover { - background-color: #b4b7bf; } - .table-hover .table-dark:hover > td, - .table-hover .table-dark:hover > th { - background-color: #b4b7bf; } + background-color: #b4b7bf; +} + +.table-hover .table-dark:hover>td, +.table-hover .table-dark:hover>th { + background-color: #b4b7bf; +} .table-active, -.table-active > th, -.table-active > td { - background-color: rgba(0, 0, 0, 0.075); } +.table-active>th, +.table-active>td { + background-color: rgba(0, 0, 0, 0.075); +} .table-hover .table-active:hover { - background-color: rgba(0, 0, 0, 0.075); } - .table-hover .table-active:hover > td, - .table-hover .table-active:hover > th { - background-color: rgba(0, 0, 0, 0.075); } + background-color: rgba(0, 0, 0, 0.075); +} -.table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th { +.table-hover .table-active:hover>td, +.table-hover .table-active:hover>th { + background-color: rgba(0, 0, 0, 0.075); +} + +.table .thead-dark th, +.jsgrid .jsgrid-table .thead-dark th { color: #fff; background-color: #343a40; - border-color: #454d55; } + border-color: #454d55; +} -.table .thead-light th, .jsgrid .jsgrid-table .thead-light th { +.table .thead-light th, +.jsgrid .jsgrid-table .thead-light th { color: #495057; background-color: #e9ecef; - border-color: #dee2e6; } + border-color: #dee2e6; +} .table-dark { color: #fff; - background-color: #343a40; } - .table-dark th, - .table-dark td, - .table-dark thead th { - border-color: #454d55; } - .table-dark.table-bordered { - border: 0; } - .table-dark.table-striped tbody tr:nth-of-type(odd) { - background-color: rgba(255, 255, 255, 0.05); } - .table-dark.table-hover tbody tr:hover { - color: #fff; - background-color: rgba(255, 255, 255, 0.075); } + background-color: #343a40; +} + +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} + +.table-dark.table-bordered { + border: 0; +} + +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} + +.table-dark.table-hover tbody tr:hover { + color: #fff; + background-color: rgba(255, 255, 255, 0.075); +} @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive-sm > .table-bordered { - border: 0; } } + -webkit-overflow-scrolling: touch; + } + + .table-responsive-sm>.table-bordered { + border: 0; + } +} @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive-md > .table-bordered { - border: 0; } } + -webkit-overflow-scrolling: touch; + } + + .table-responsive-md>.table-bordered { + border: 0; + } +} @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive-lg > .table-bordered { - border: 0; } } + -webkit-overflow-scrolling: touch; + } + + .table-responsive-lg>.table-bordered { + border: 0; + } +} @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive-xl > .table-bordered { - border: 0; } } + -webkit-overflow-scrolling: touch; + } + + .table-responsive-xl>.table-bordered { + border: 0; + } +} .table-responsive { display: block; width: 100%; overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive > .table-bordered { - border: 0; } + -webkit-overflow-scrolling: touch; +} -.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint, +.table-responsive>.table-bordered { + border: 0; +} + +.form-control, +.asColorPicker-input, +.dataTables_wrapper select, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.select2-container--default .select2-selection--single, +.select2-container--default .select2-selection--single .select2-search__field, +.tt-hint, .tt-query, .typeahead { display: block; @@ -1630,100 +2386,202 @@ pre { -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint, - .tt-query, - .typeahead { - -webkit-transition: none; - transition: none; } } - .form-control::-ms-expand, .asColorPicker-input::-ms-expand, .dataTables_wrapper select::-ms-expand, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-ms-expand, - .jsgrid .jsgrid-table .jsgrid-filter-row select::-ms-expand, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-ms-expand, .select2-container--default .select2-selection--single::-ms-expand, .select2-container--default .select2-selection--single .select2-search__field::-ms-expand, .tt-hint::-ms-expand, - .tt-query::-ms-expand, - .typeahead::-ms-expand { - background-color: transparent; - border: 0; } - .form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus, - .tt-query:focus, - .typeahead:focus { - color: #495057; - background-color: #fff; - border-color: #80bdff; - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } - .form-control::-webkit-input-placeholder, .asColorPicker-input::-webkit-input-placeholder, .dataTables_wrapper select::-webkit-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-webkit-input-placeholder, - .jsgrid .jsgrid-table .jsgrid-filter-row select::-webkit-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-webkit-input-placeholder, .select2-container--default .select2-selection--single::-webkit-input-placeholder, .select2-container--default .select2-selection--single .select2-search__field::-webkit-input-placeholder, .tt-hint::-webkit-input-placeholder, - .tt-query::-webkit-input-placeholder, - .typeahead::-webkit-input-placeholder { - color: #6c757d; - opacity: 1; } - .form-control::-moz-placeholder, .asColorPicker-input::-moz-placeholder, .dataTables_wrapper select::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-moz-placeholder, - .jsgrid .jsgrid-table .jsgrid-filter-row select::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-moz-placeholder, .select2-container--default .select2-selection--single::-moz-placeholder, .select2-container--default .select2-selection--single .select2-search__field::-moz-placeholder, .tt-hint::-moz-placeholder, - .tt-query::-moz-placeholder, - .typeahead::-moz-placeholder { - color: #6c757d; - opacity: 1; } - .form-control:-ms-input-placeholder, .asColorPicker-input:-ms-input-placeholder, .dataTables_wrapper select:-ms-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:-ms-input-placeholder, - .jsgrid .jsgrid-table .jsgrid-filter-row select:-ms-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:-ms-input-placeholder, .select2-container--default .select2-selection--single:-ms-input-placeholder, .select2-container--default .select2-selection--single .select2-search__field:-ms-input-placeholder, .tt-hint:-ms-input-placeholder, - .tt-query:-ms-input-placeholder, - .typeahead:-ms-input-placeholder { - color: #6c757d; - opacity: 1; } - .form-control::-ms-input-placeholder, .asColorPicker-input::-ms-input-placeholder, .dataTables_wrapper select::-ms-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-ms-input-placeholder, - .jsgrid .jsgrid-table .jsgrid-filter-row select::-ms-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-ms-input-placeholder, .select2-container--default .select2-selection--single::-ms-input-placeholder, .select2-container--default .select2-selection--single .select2-search__field::-ms-input-placeholder, .tt-hint::-ms-input-placeholder, - .tt-query::-ms-input-placeholder, - .typeahead::-ms-input-placeholder { - color: #6c757d; - opacity: 1; } - .form-control::placeholder, .asColorPicker-input::placeholder, .dataTables_wrapper select::placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::placeholder, - .jsgrid .jsgrid-table .jsgrid-filter-row select::placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::placeholder, .select2-container--default .select2-selection--single::placeholder, .select2-container--default .select2-selection--single .select2-search__field::placeholder, .tt-hint::placeholder, - .tt-query::placeholder, - .typeahead::placeholder { - color: #6c757d; - opacity: 1; } - .form-control:disabled, .asColorPicker-input:disabled, .dataTables_wrapper select:disabled, .jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row select:disabled, .jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=number], .select2-container--default .select2-selection--single:disabled, .select2-container--default .select2-selection--single .select2-search__field:disabled, .tt-hint:disabled, - .tt-query:disabled, - .typeahead:disabled, .form-control[readonly], .asColorPicker-input[readonly], .dataTables_wrapper select[readonly], .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row select[readonly], .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=number], .select2-container--default .select2-selection--single[readonly], .select2-container--default .select2-selection--single .select2-search__field[readonly], .tt-hint[readonly], - .tt-query[readonly], - .typeahead[readonly] { - background-color: #e9ecef; - opacity: 1; } + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; +} -select.form-control:focus::-ms-value, select.asColorPicker-input:focus::-ms-value, .dataTables_wrapper select:focus::-ms-value, -.jsgrid .jsgrid-table .jsgrid-filter-row select:focus::-ms-value, .select2-container--default select.select2-selection--single:focus::-ms-value, .select2-container--default .select2-selection--single select.select2-search__field:focus::-ms-value, select.tt-hint:focus::-ms-value, +@media (prefers-reduced-motion: reduce) { + + .form-control, + .asColorPicker-input, + .dataTables_wrapper select, + .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], + .jsgrid .jsgrid-table .jsgrid-filter-row select, + .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], + .select2-container--default .select2-selection--single, + .select2-container--default .select2-selection--single .select2-search__field, + .tt-hint, + .tt-query, + .typeahead { + -webkit-transition: none; + transition: none; + } +} + +.form-control::-ms-expand, +.asColorPicker-input::-ms-expand, +.dataTables_wrapper select::-ms-expand, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-ms-expand, +.jsgrid .jsgrid-table .jsgrid-filter-row select::-ms-expand, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-ms-expand, +.select2-container--default .select2-selection--single::-ms-expand, +.select2-container--default .select2-selection--single .select2-search__field::-ms-expand, +.tt-hint::-ms-expand, +.tt-query::-ms-expand, +.typeahead::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:focus, +.asColorPicker-input:focus, +.dataTables_wrapper select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], +.select2-container--default .select2-selection--single:focus, +.select2-container--default .select2-selection--single .select2-search__field:focus, +.tt-hint:focus, +.tt-query:focus, +.typeahead:focus { + color: #495057; + background-color: #fff; + border-color: #80bdff; + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.form-control::-webkit-input-placeholder, +.asColorPicker-input::-webkit-input-placeholder, +.dataTables_wrapper select::-webkit-input-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-webkit-input-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row select::-webkit-input-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-webkit-input-placeholder, +.select2-container--default .select2-selection--single::-webkit-input-placeholder, +.select2-container--default .select2-selection--single .select2-search__field::-webkit-input-placeholder, +.tt-hint::-webkit-input-placeholder, +.tt-query::-webkit-input-placeholder, +.typeahead::-webkit-input-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control::-moz-placeholder, +.asColorPicker-input::-moz-placeholder, +.dataTables_wrapper select::-moz-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-moz-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row select::-moz-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-moz-placeholder, +.select2-container--default .select2-selection--single::-moz-placeholder, +.select2-container--default .select2-selection--single .select2-search__field::-moz-placeholder, +.tt-hint::-moz-placeholder, +.tt-query::-moz-placeholder, +.typeahead::-moz-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:-ms-input-placeholder, +.asColorPicker-input:-ms-input-placeholder, +.dataTables_wrapper select:-ms-input-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:-ms-input-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row select:-ms-input-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:-ms-input-placeholder, +.select2-container--default .select2-selection--single:-ms-input-placeholder, +.select2-container--default .select2-selection--single .select2-search__field:-ms-input-placeholder, +.tt-hint:-ms-input-placeholder, +.tt-query:-ms-input-placeholder, +.typeahead:-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control::-ms-input-placeholder, +.asColorPicker-input::-ms-input-placeholder, +.dataTables_wrapper select::-ms-input-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-ms-input-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row select::-ms-input-placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-ms-input-placeholder, +.select2-container--default .select2-selection--single::-ms-input-placeholder, +.select2-container--default .select2-selection--single .select2-search__field::-ms-input-placeholder, +.tt-hint::-ms-input-placeholder, +.tt-query::-ms-input-placeholder, +.typeahead::-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control::placeholder, +.asColorPicker-input::placeholder, +.dataTables_wrapper select::placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row select::placeholder, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::placeholder, +.select2-container--default .select2-selection--single::placeholder, +.select2-container--default .select2-selection--single .select2-search__field::placeholder, +.tt-hint::placeholder, +.tt-query::placeholder, +.typeahead::placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:disabled, +.asColorPicker-input:disabled, +.dataTables_wrapper select:disabled, +.jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select:disabled, +.jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=number], +.select2-container--default .select2-selection--single:disabled, +.select2-container--default .select2-selection--single .select2-search__field:disabled, +.tt-hint:disabled, +.tt-query:disabled, +.typeahead:disabled, +.form-control[readonly], +.asColorPicker-input[readonly], +.dataTables_wrapper select[readonly], +.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select[readonly], +.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=number], +.select2-container--default .select2-selection--single[readonly], +.select2-container--default .select2-selection--single .select2-search__field[readonly], +.tt-hint[readonly], +.tt-query[readonly], +.typeahead[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value, +select.asColorPicker-input:focus::-ms-value, +.dataTables_wrapper select:focus::-ms-value, +.jsgrid .jsgrid-table .jsgrid-filter-row select:focus::-ms-value, +.select2-container--default select.select2-selection--single:focus::-ms-value, +.select2-container--default .select2-selection--single select.select2-search__field:focus::-ms-value, +select.tt-hint:focus::-ms-value, select.tt-query:focus::-ms-value, select.typeahead:focus::-ms-value { color: #495057; - background-color: #2a2c44; } + background-color: #2a2c44; +} .form-control-file, .form-control-range { display: block; - width: 100%; } + width: 100%; +} .col-form-label { padding-top: calc(0.56rem + 1px); padding-bottom: calc(0.56rem + 1px); margin-bottom: 0; font-size: inherit; - line-height: 1; } + line-height: 1; +} .col-form-label-lg { padding-top: calc(0.94rem + 1px); padding-bottom: calc(0.94rem + 1px); font-size: 1.25rem; - line-height: 1; } + line-height: 1; +} .col-form-label-sm { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 0.875rem; - line-height: 1; } + line-height: 1; +} .form-control-plaintext { display: block; @@ -1735,45 +2593,70 @@ select.typeahead:focus::-ms-value { color: #212529; background-color: transparent; border: solid transparent; - border-width: 1px 0; } - .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { - padding-right: 0; - padding-left: 0; } + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, +.form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.5rem 0.81rem; font-size: 0.875rem; line-height: 1; - border-radius: 0.2rem; } + border-radius: 0.2rem; +} .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.94rem 1.94rem; font-size: 1.25rem; line-height: 1; - border-radius: 0.3rem; } + border-radius: 0.3rem; +} -select.form-control[size], select.asColorPicker-input[size], .dataTables_wrapper select[size], -.jsgrid .jsgrid-table .jsgrid-filter-row select[size], .select2-container--default select.select2-selection--single[size], .select2-container--default .select2-selection--single select.select2-search__field[size], select.tt-hint[size], +select.form-control[size], +select.asColorPicker-input[size], +.dataTables_wrapper select[size], +.jsgrid .jsgrid-table .jsgrid-filter-row select[size], +.select2-container--default select.select2-selection--single[size], +.select2-container--default .select2-selection--single select.select2-search__field[size], +select.tt-hint[size], select.tt-query[size], -select.typeahead[size], select.form-control[multiple], select.asColorPicker-input[multiple], .dataTables_wrapper select[multiple], -.jsgrid .jsgrid-table .jsgrid-filter-row select[multiple], .select2-container--default select.select2-selection--single[multiple], .select2-container--default .select2-selection--single select.select2-search__field[multiple], select.tt-hint[multiple], +select.typeahead[size], +select.form-control[multiple], +select.asColorPicker-input[multiple], +.dataTables_wrapper select[multiple], +.jsgrid .jsgrid-table .jsgrid-filter-row select[multiple], +.select2-container--default select.select2-selection--single[multiple], +.select2-container--default .select2-selection--single select.select2-search__field[multiple], +select.tt-hint[multiple], select.tt-query[multiple], select.typeahead[multiple] { - height: auto; } + height: auto; +} -textarea.form-control, textarea.asColorPicker-input, .select2-container--default textarea.select2-selection--single, .select2-container--default .select2-selection--single textarea.select2-search__field, textarea.tt-hint, +textarea.form-control, +textarea.asColorPicker-input, +.select2-container--default textarea.select2-selection--single, +.select2-container--default .select2-selection--single textarea.select2-search__field, +textarea.tt-hint, textarea.tt-query, textarea.typeahead { - height: auto; } + height: auto; +} .form-group { - margin-bottom: 1rem; } + margin-bottom: 1rem; +} .form-text { display: block; - margin-top: 0.25rem; } + margin-top: 0.25rem; +} .form-row { display: -webkit-box; @@ -1782,26 +2665,34 @@ textarea.typeahead { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; - margin-left: -5px; } - .form-row > .col, - .form-row > [class*="col-"] { - padding-right: 5px; - padding-left: 5px; } + margin-left: -5px; +} + +.form-row>.col, +.form-row>[class*="col-"] { + padding-right: 5px; + padding-left: 5px; +} .form-check { position: relative; display: block; - padding-left: 1.25rem; } + padding-left: 1.25rem; +} .form-check-input { position: absolute; margin-top: 0.3rem; - margin-left: -1.25rem; } - .form-check-input:disabled ~ .form-check-label { - color: #b9c0d3; } + margin-left: -1.25rem; +} + +.form-check-input:disabled~.form-check-label { + color: #b9c0d3; +} .form-check-label { - margin-bottom: 0; } + margin-bottom: 0; +} .form-check-inline { display: -webkit-inline-box; @@ -1811,19 +2702,23 @@ textarea.typeahead { -ms-flex-align: center; align-items: center; padding-left: 0; - margin-right: 0.75rem; } - .form-check-inline .form-check-input { - position: static; - margin-top: 0; - margin-right: 0.3125rem; - margin-left: 0; } + margin-right: 0.75rem; +} + +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; - color: #28a745; } + color: #28a745; +} .valid-tooltip { position: absolute; @@ -1837,13 +2732,35 @@ textarea.typeahead { line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); - border-radius: 0.25rem; } + border-radius: 0.25rem; +} -.was-validated .form-control:valid, .was-validated .asColorPicker-input:valid, .was-validated .dataTables_wrapper select:valid, .dataTables_wrapper .was-validated select:valid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text], -.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number], .was-validated .select2-container--default .select2-selection--single:valid, .select2-container--default .was-validated .select2-selection--single:valid, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid, .was-validated .tt-hint:valid, +.was-validated .form-control:valid, +.was-validated .asColorPicker-input:valid, +.was-validated .dataTables_wrapper select:valid, +.dataTables_wrapper .was-validated select:valid, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text], +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number], +.was-validated .select2-container--default .select2-selection--single:valid, +.select2-container--default .was-validated .select2-selection--single:valid, +.was-validated .select2-container--default .select2-selection--single .select2-search__field:valid, +.select2-container--default .select2-selection--single .was-validated .select2-search__field:valid, +.was-validated .tt-hint:valid, .was-validated .tt-query:valid, -.was-validated .typeahead:valid, .form-control.is-valid, .is-valid.asColorPicker-input, .dataTables_wrapper select.is-valid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number], .select2-container--default .is-valid.select2-selection--single, .select2-container--default .select2-selection--single .is-valid.select2-search__field, .is-valid.tt-hint, +.was-validated .typeahead:valid, +.form-control.is-valid, +.is-valid.asColorPicker-input, +.dataTables_wrapper select.is-valid, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number], +.select2-container--default .is-valid.select2-selection--single, +.select2-container--default .select2-selection--single .is-valid.select2-search__field, +.is-valid.tt-hint, .is-valid.tt-query, .is-valid.typeahead { border-color: #28a745; @@ -1851,122 +2768,221 @@ textarea.typeahead { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-control:valid:focus, .was-validated .asColorPicker-input:valid:focus, .was-validated .dataTables_wrapper select:valid:focus, .dataTables_wrapper .was-validated select:valid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=text], - .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=number], .was-validated .select2-container--default .select2-selection--single:valid:focus, .select2-container--default .was-validated .select2-selection--single:valid:focus, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid:focus, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid:focus, .was-validated .tt-hint:valid:focus, - .was-validated .tt-query:valid:focus, - .was-validated .typeahead:valid:focus, .form-control.is-valid:focus, .is-valid.asColorPicker-input:focus, .dataTables_wrapper select.is-valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=number], .select2-container--default .is-valid.select2-selection--single:focus, .select2-container--default .select2-selection--single .is-valid.select2-search__field:focus, .is-valid.tt-hint:focus, - .is-valid.tt-query:focus, - .is-valid.typeahead:focus { - border-color: #28a745; - -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } - .was-validated .form-control:valid ~ .valid-feedback, .was-validated .asColorPicker-input:valid ~ .valid-feedback, .was-validated .dataTables_wrapper select:valid ~ .valid-feedback, .dataTables_wrapper .was-validated select:valid ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text] ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text] ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number] ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number] ~ .valid-feedback, .was-validated .select2-container--default .select2-selection--single:valid ~ .valid-feedback, .select2-container--default .was-validated .select2-selection--single:valid ~ .valid-feedback, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid ~ .valid-feedback, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid ~ .valid-feedback, .was-validated .tt-hint:valid ~ .valid-feedback, .was-validated .tt-query:valid ~ .valid-feedback, .was-validated .typeahead:valid ~ .valid-feedback, - .was-validated .form-control:valid ~ .valid-tooltip, - .was-validated .asColorPicker-input:valid ~ .valid-tooltip, - .was-validated .dataTables_wrapper select:valid ~ .valid-tooltip, - .dataTables_wrapper .was-validated select:valid ~ .valid-tooltip, - .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text] ~ .valid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text] ~ .valid-tooltip, - .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid ~ .valid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid ~ .valid-tooltip, - .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number] ~ .valid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number] ~ .valid-tooltip, - .was-validated .select2-container--default .select2-selection--single:valid ~ .valid-tooltip, - .select2-container--default .was-validated .select2-selection--single:valid ~ .valid-tooltip, - .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid ~ .valid-tooltip, - .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid ~ .valid-tooltip, - .was-validated .tt-hint:valid ~ .valid-tooltip, - .was-validated .tt-query:valid ~ .valid-tooltip, - .was-validated .typeahead:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .is-valid.asColorPicker-input ~ .valid-feedback, .dataTables_wrapper select.is-valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text] ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number] ~ .valid-feedback, .select2-container--default .is-valid.select2-selection--single ~ .valid-feedback, .select2-container--default .select2-selection--single .is-valid.select2-search__field ~ .valid-feedback, .is-valid.tt-hint ~ .valid-feedback, .is-valid.tt-query ~ .valid-feedback, .is-valid.typeahead ~ .valid-feedback, - .form-control.is-valid ~ .valid-tooltip, - .is-valid.asColorPicker-input ~ .valid-tooltip, - .dataTables_wrapper select.is-valid ~ .valid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text] ~ .valid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid ~ .valid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number] ~ .valid-tooltip, - .select2-container--default .is-valid.select2-selection--single ~ .valid-tooltip, - .select2-container--default .select2-selection--single .is-valid.select2-search__field ~ .valid-tooltip, - .is-valid.tt-hint ~ .valid-tooltip, - .is-valid.tt-query ~ .valid-tooltip, - .is-valid.typeahead ~ .valid-tooltip { - display: block; } + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} -.was-validated textarea.form-control:valid, .was-validated textarea.asColorPicker-input:valid, .was-validated .select2-container--default textarea.select2-selection--single:valid, .select2-container--default .was-validated textarea.select2-selection--single:valid, .was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:valid, .select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:valid, .was-validated textarea.tt-hint:valid, +.was-validated .form-control:valid:focus, +.was-validated .asColorPicker-input:valid:focus, +.was-validated .dataTables_wrapper select:valid:focus, +.dataTables_wrapper .was-validated select:valid:focus, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=text], +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid:focus, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=number], +.was-validated .select2-container--default .select2-selection--single:valid:focus, +.select2-container--default .was-validated .select2-selection--single:valid:focus, +.was-validated .select2-container--default .select2-selection--single .select2-search__field:valid:focus, +.select2-container--default .select2-selection--single .was-validated .select2-search__field:valid:focus, +.was-validated .tt-hint:valid:focus, +.was-validated .tt-query:valid:focus, +.was-validated .typeahead:valid:focus, +.form-control.is-valid:focus, +.is-valid.asColorPicker-input:focus, +.dataTables_wrapper select.is-valid:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=number], +.select2-container--default .is-valid.select2-selection--single:focus, +.select2-container--default .select2-selection--single .is-valid.select2-search__field:focus, +.is-valid.tt-hint:focus, +.is-valid.tt-query:focus, +.is-valid.typeahead:focus { + border-color: #28a745; + -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} + +.was-validated .form-control:valid~.valid-feedback, +.was-validated .asColorPicker-input:valid~.valid-feedback, +.was-validated .dataTables_wrapper select:valid~.valid-feedback, +.dataTables_wrapper .was-validated select:valid~.valid-feedback, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text]~.valid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text]~.valid-feedback, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid~.valid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid~.valid-feedback, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number]~.valid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number]~.valid-feedback, +.was-validated .select2-container--default .select2-selection--single:valid~.valid-feedback, +.select2-container--default .was-validated .select2-selection--single:valid~.valid-feedback, +.was-validated .select2-container--default .select2-selection--single .select2-search__field:valid~.valid-feedback, +.select2-container--default .select2-selection--single .was-validated .select2-search__field:valid~.valid-feedback, +.was-validated .tt-hint:valid~.valid-feedback, +.was-validated .tt-query:valid~.valid-feedback, +.was-validated .typeahead:valid~.valid-feedback, +.was-validated .form-control:valid~.valid-tooltip, +.was-validated .asColorPicker-input:valid~.valid-tooltip, +.was-validated .dataTables_wrapper select:valid~.valid-tooltip, +.dataTables_wrapper .was-validated select:valid~.valid-tooltip, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text]~.valid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text]~.valid-tooltip, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid~.valid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid~.valid-tooltip, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number]~.valid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number]~.valid-tooltip, +.was-validated .select2-container--default .select2-selection--single:valid~.valid-tooltip, +.select2-container--default .was-validated .select2-selection--single:valid~.valid-tooltip, +.was-validated .select2-container--default .select2-selection--single .select2-search__field:valid~.valid-tooltip, +.select2-container--default .select2-selection--single .was-validated .select2-search__field:valid~.valid-tooltip, +.was-validated .tt-hint:valid~.valid-tooltip, +.was-validated .tt-query:valid~.valid-tooltip, +.was-validated .typeahead:valid~.valid-tooltip, +.form-control.is-valid~.valid-feedback, +.is-valid.asColorPicker-input~.valid-feedback, +.dataTables_wrapper select.is-valid~.valid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text]~.valid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid~.valid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number]~.valid-feedback, +.select2-container--default .is-valid.select2-selection--single~.valid-feedback, +.select2-container--default .select2-selection--single .is-valid.select2-search__field~.valid-feedback, +.is-valid.tt-hint~.valid-feedback, +.is-valid.tt-query~.valid-feedback, +.is-valid.typeahead~.valid-feedback, +.form-control.is-valid~.valid-tooltip, +.is-valid.asColorPicker-input~.valid-tooltip, +.dataTables_wrapper select.is-valid~.valid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text]~.valid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid~.valid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number]~.valid-tooltip, +.select2-container--default .is-valid.select2-selection--single~.valid-tooltip, +.select2-container--default .select2-selection--single .is-valid.select2-search__field~.valid-tooltip, +.is-valid.tt-hint~.valid-tooltip, +.is-valid.tt-query~.valid-tooltip, +.is-valid.typeahead~.valid-tooltip { + display: block; +} + +.was-validated textarea.form-control:valid, +.was-validated textarea.asColorPicker-input:valid, +.was-validated .select2-container--default textarea.select2-selection--single:valid, +.select2-container--default .was-validated textarea.select2-selection--single:valid, +.was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:valid, +.select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:valid, +.was-validated textarea.tt-hint:valid, .was-validated textarea.tt-query:valid, -.was-validated textarea.typeahead:valid, textarea.form-control.is-valid, textarea.is-valid.asColorPicker-input, .select2-container--default textarea.is-valid.select2-selection--single, .select2-container--default .select2-selection--single textarea.is-valid.select2-search__field, textarea.is-valid.tt-hint, +.was-validated textarea.typeahead:valid, +textarea.form-control.is-valid, +textarea.is-valid.asColorPicker-input, +.select2-container--default textarea.is-valid.select2-selection--single, +.select2-container--default .select2-selection--single textarea.is-valid.select2-search__field, +textarea.is-valid.tt-hint, textarea.is-valid.tt-query, textarea.is-valid.typeahead { padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} -.was-validated .custom-select:valid, .custom-select.is-valid { +.was-validated .custom-select:valid, +.custom-select.is-valid { border-color: #28a745; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { - border-color: #28a745; - -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } - .was-validated .custom-select:valid ~ .valid-feedback, - .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, - .custom-select.is-valid ~ .valid-tooltip { - display: block; } + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} -.was-validated .form-control-file:valid ~ .valid-feedback, -.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, -.form-control-file.is-valid ~ .valid-tooltip { - display: block; } - -.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #28a745; } - -.was-validated .form-check-input:valid ~ .valid-feedback, -.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, -.form-check-input.is-valid ~ .valid-tooltip { - display: block; } - -.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { - color: #28a745; } - .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { - border-color: #28a745; } - -.was-validated .custom-control-input:valid ~ .valid-feedback, -.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, -.custom-control-input.is-valid ~ .valid-tooltip { - display: block; } - -.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { - border-color: #34ce57; - background-color: #34ce57; } - -.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { - -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } - -.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { - border-color: #28a745; } - -.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { - border-color: #28a745; } - -.was-validated .custom-file-input:valid ~ .valid-feedback, -.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, -.custom-file-input.is-valid ~ .valid-tooltip { - display: block; } - -.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { +.was-validated .custom-select:valid:focus, +.custom-select.is-valid:focus { border-color: #28a745; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} + +.was-validated .custom-select:valid~.valid-feedback, +.was-validated .custom-select:valid~.valid-tooltip, +.custom-select.is-valid~.valid-feedback, +.custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid~.valid-feedback, +.was-validated .form-control-file:valid~.valid-tooltip, +.form-control-file.is-valid~.valid-feedback, +.form-control-file.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid~.form-check-label, +.form-check-input.is-valid~.form-check-label { + color: #28a745; +} + +.was-validated .form-check-input:valid~.valid-feedback, +.was-validated .form-check-input:valid~.valid-tooltip, +.form-check-input.is-valid~.valid-feedback, +.form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid~.custom-control-label, +.custom-control-input.is-valid~.custom-control-label { + color: #28a745; +} + +.was-validated .custom-control-input:valid~.custom-control-label::before, +.custom-control-input.is-valid~.custom-control-label::before { + border-color: #28a745; +} + +.was-validated .custom-control-input:valid~.valid-feedback, +.was-validated .custom-control-input:valid~.valid-tooltip, +.custom-control-input.is-valid~.valid-feedback, +.custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid:checked~.custom-control-label::before, +.custom-control-input.is-valid:checked~.custom-control-label::before { + border-color: #34ce57; + background-color: #34ce57; +} + +.was-validated .custom-control-input:valid:focus~.custom-control-label::before, +.custom-control-input.is-valid:focus~.custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} + +.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before, +.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before { + border-color: #28a745; +} + +.was-validated .custom-file-input:valid~.custom-file-label, +.custom-file-input.is-valid~.custom-file-label { + border-color: #28a745; +} + +.was-validated .custom-file-input:valid~.valid-feedback, +.was-validated .custom-file-input:valid~.valid-tooltip, +.custom-file-input.is-valid~.valid-feedback, +.custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-file-input:valid:focus~.custom-file-label, +.custom-file-input.is-valid:focus~.custom-file-label { + border-color: #28a745; + -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; - color: #dc3545; } + color: #dc3545; +} .invalid-tooltip { position: absolute; @@ -1980,13 +2996,35 @@ textarea.is-valid.typeahead { line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); - border-radius: 0.25rem; } + border-radius: 0.25rem; +} -.was-validated .form-control:invalid, .was-validated .asColorPicker-input:invalid, .was-validated .dataTables_wrapper select:invalid, .dataTables_wrapper .was-validated select:invalid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text], -.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number], .was-validated .select2-container--default .select2-selection--single:invalid, .select2-container--default .was-validated .select2-selection--single:invalid, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid, .was-validated .tt-hint:invalid, +.was-validated .form-control:invalid, +.was-validated .asColorPicker-input:invalid, +.was-validated .dataTables_wrapper select:invalid, +.dataTables_wrapper .was-validated select:invalid, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text], +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number], +.was-validated .select2-container--default .select2-selection--single:invalid, +.select2-container--default .was-validated .select2-selection--single:invalid, +.was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid, +.select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid, +.was-validated .tt-hint:invalid, .was-validated .tt-query:invalid, -.was-validated .typeahead:invalid, .form-control.is-invalid, .is-invalid.asColorPicker-input, .dataTables_wrapper select.is-invalid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number], .select2-container--default .is-invalid.select2-selection--single, .select2-container--default .select2-selection--single .is-invalid.select2-search__field, .is-invalid.tt-hint, +.was-validated .typeahead:invalid, +.form-control.is-invalid, +.is-invalid.asColorPicker-input, +.dataTables_wrapper select.is-invalid, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number], +.select2-container--default .is-invalid.select2-selection--single, +.select2-container--default .select2-selection--single .is-invalid.select2-search__field, +.is-invalid.tt-hint, .is-invalid.tt-query, .is-invalid.typeahead { border-color: #dc3545; @@ -1994,115 +3032,213 @@ textarea.is-valid.typeahead { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-control:invalid:focus, .was-validated .asColorPicker-input:invalid:focus, .was-validated .dataTables_wrapper select:invalid:focus, .dataTables_wrapper .was-validated select:invalid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=text], - .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=number], .was-validated .select2-container--default .select2-selection--single:invalid:focus, .select2-container--default .was-validated .select2-selection--single:invalid:focus, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid:focus, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid:focus, .was-validated .tt-hint:invalid:focus, - .was-validated .tt-query:invalid:focus, - .was-validated .typeahead:invalid:focus, .form-control.is-invalid:focus, .is-invalid.asColorPicker-input:focus, .dataTables_wrapper select.is-invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=number], .select2-container--default .is-invalid.select2-selection--single:focus, .select2-container--default .select2-selection--single .is-invalid.select2-search__field:focus, .is-invalid.tt-hint:focus, - .is-invalid.tt-query:focus, - .is-invalid.typeahead:focus { - border-color: #dc3545; - -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } - .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .asColorPicker-input:invalid ~ .invalid-feedback, .was-validated .dataTables_wrapper select:invalid ~ .invalid-feedback, .dataTables_wrapper .was-validated select:invalid ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text] ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text] ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number] ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number] ~ .invalid-feedback, .was-validated .select2-container--default .select2-selection--single:invalid ~ .invalid-feedback, .select2-container--default .was-validated .select2-selection--single:invalid ~ .invalid-feedback, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid ~ .invalid-feedback, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid ~ .invalid-feedback, .was-validated .tt-hint:invalid ~ .invalid-feedback, .was-validated .tt-query:invalid ~ .invalid-feedback, .was-validated .typeahead:invalid ~ .invalid-feedback, - .was-validated .form-control:invalid ~ .invalid-tooltip, - .was-validated .asColorPicker-input:invalid ~ .invalid-tooltip, - .was-validated .dataTables_wrapper select:invalid ~ .invalid-tooltip, - .dataTables_wrapper .was-validated select:invalid ~ .invalid-tooltip, - .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text] ~ .invalid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text] ~ .invalid-tooltip, - .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid ~ .invalid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid ~ .invalid-tooltip, - .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number] ~ .invalid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number] ~ .invalid-tooltip, - .was-validated .select2-container--default .select2-selection--single:invalid ~ .invalid-tooltip, - .select2-container--default .was-validated .select2-selection--single:invalid ~ .invalid-tooltip, - .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid ~ .invalid-tooltip, - .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid ~ .invalid-tooltip, - .was-validated .tt-hint:invalid ~ .invalid-tooltip, - .was-validated .tt-query:invalid ~ .invalid-tooltip, - .was-validated .typeahead:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .is-invalid.asColorPicker-input ~ .invalid-feedback, .dataTables_wrapper select.is-invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text] ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number] ~ .invalid-feedback, .select2-container--default .is-invalid.select2-selection--single ~ .invalid-feedback, .select2-container--default .select2-selection--single .is-invalid.select2-search__field ~ .invalid-feedback, .is-invalid.tt-hint ~ .invalid-feedback, .is-invalid.tt-query ~ .invalid-feedback, .is-invalid.typeahead ~ .invalid-feedback, - .form-control.is-invalid ~ .invalid-tooltip, - .is-invalid.asColorPicker-input ~ .invalid-tooltip, - .dataTables_wrapper select.is-invalid ~ .invalid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text] ~ .invalid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid ~ .invalid-tooltip, - .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number] ~ .invalid-tooltip, - .select2-container--default .is-invalid.select2-selection--single ~ .invalid-tooltip, - .select2-container--default .select2-selection--single .is-invalid.select2-search__field ~ .invalid-tooltip, - .is-invalid.tt-hint ~ .invalid-tooltip, - .is-invalid.tt-query ~ .invalid-tooltip, - .is-invalid.typeahead ~ .invalid-tooltip { - display: block; } + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} -.was-validated textarea.form-control:invalid, .was-validated textarea.asColorPicker-input:invalid, .was-validated .select2-container--default textarea.select2-selection--single:invalid, .select2-container--default .was-validated textarea.select2-selection--single:invalid, .was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:invalid, .select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:invalid, .was-validated textarea.tt-hint:invalid, +.was-validated .form-control:invalid:focus, +.was-validated .asColorPicker-input:invalid:focus, +.was-validated .dataTables_wrapper select:invalid:focus, +.dataTables_wrapper .was-validated select:invalid:focus, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=text], +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid:focus, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=number], +.was-validated .select2-container--default .select2-selection--single:invalid:focus, +.select2-container--default .was-validated .select2-selection--single:invalid:focus, +.was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid:focus, +.select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid:focus, +.was-validated .tt-hint:invalid:focus, +.was-validated .tt-query:invalid:focus, +.was-validated .typeahead:invalid:focus, +.form-control.is-invalid:focus, +.is-invalid.asColorPicker-input:focus, +.dataTables_wrapper select.is-invalid:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=number], +.select2-container--default .is-invalid.select2-selection--single:focus, +.select2-container--default .select2-selection--single .is-invalid.select2-search__field:focus, +.is-invalid.tt-hint:focus, +.is-invalid.tt-query:focus, +.is-invalid.typeahead:focus { + border-color: #dc3545; + -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} + +.was-validated .form-control:invalid~.invalid-feedback, +.was-validated .asColorPicker-input:invalid~.invalid-feedback, +.was-validated .dataTables_wrapper select:invalid~.invalid-feedback, +.dataTables_wrapper .was-validated select:invalid~.invalid-feedback, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text]~.invalid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text]~.invalid-feedback, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid~.invalid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid~.invalid-feedback, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number]~.invalid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number]~.invalid-feedback, +.was-validated .select2-container--default .select2-selection--single:invalid~.invalid-feedback, +.select2-container--default .was-validated .select2-selection--single:invalid~.invalid-feedback, +.was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid~.invalid-feedback, +.select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid~.invalid-feedback, +.was-validated .tt-hint:invalid~.invalid-feedback, +.was-validated .tt-query:invalid~.invalid-feedback, +.was-validated .typeahead:invalid~.invalid-feedback, +.was-validated .form-control:invalid~.invalid-tooltip, +.was-validated .asColorPicker-input:invalid~.invalid-tooltip, +.was-validated .dataTables_wrapper select:invalid~.invalid-tooltip, +.dataTables_wrapper .was-validated select:invalid~.invalid-tooltip, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text]~.invalid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text]~.invalid-tooltip, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid~.invalid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid~.invalid-tooltip, +.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number]~.invalid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number]~.invalid-tooltip, +.was-validated .select2-container--default .select2-selection--single:invalid~.invalid-tooltip, +.select2-container--default .was-validated .select2-selection--single:invalid~.invalid-tooltip, +.was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid~.invalid-tooltip, +.select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid~.invalid-tooltip, +.was-validated .tt-hint:invalid~.invalid-tooltip, +.was-validated .tt-query:invalid~.invalid-tooltip, +.was-validated .typeahead:invalid~.invalid-tooltip, +.form-control.is-invalid~.invalid-feedback, +.is-invalid.asColorPicker-input~.invalid-feedback, +.dataTables_wrapper select.is-invalid~.invalid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text]~.invalid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid~.invalid-feedback, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number]~.invalid-feedback, +.select2-container--default .is-invalid.select2-selection--single~.invalid-feedback, +.select2-container--default .select2-selection--single .is-invalid.select2-search__field~.invalid-feedback, +.is-invalid.tt-hint~.invalid-feedback, +.is-invalid.tt-query~.invalid-feedback, +.is-invalid.typeahead~.invalid-feedback, +.form-control.is-invalid~.invalid-tooltip, +.is-invalid.asColorPicker-input~.invalid-tooltip, +.dataTables_wrapper select.is-invalid~.invalid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text]~.invalid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid~.invalid-tooltip, +.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number]~.invalid-tooltip, +.select2-container--default .is-invalid.select2-selection--single~.invalid-tooltip, +.select2-container--default .select2-selection--single .is-invalid.select2-search__field~.invalid-tooltip, +.is-invalid.tt-hint~.invalid-tooltip, +.is-invalid.tt-query~.invalid-tooltip, +.is-invalid.typeahead~.invalid-tooltip { + display: block; +} + +.was-validated textarea.form-control:invalid, +.was-validated textarea.asColorPicker-input:invalid, +.was-validated .select2-container--default textarea.select2-selection--single:invalid, +.select2-container--default .was-validated textarea.select2-selection--single:invalid, +.was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:invalid, +.select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:invalid, +.was-validated textarea.tt-hint:invalid, .was-validated textarea.tt-query:invalid, -.was-validated textarea.typeahead:invalid, textarea.form-control.is-invalid, textarea.is-invalid.asColorPicker-input, .select2-container--default textarea.is-invalid.select2-selection--single, .select2-container--default .select2-selection--single textarea.is-invalid.select2-search__field, textarea.is-invalid.tt-hint, +.was-validated textarea.typeahead:invalid, +textarea.form-control.is-invalid, +textarea.is-invalid.asColorPicker-input, +.select2-container--default textarea.is-invalid.select2-selection--single, +.select2-container--default .select2-selection--single textarea.is-invalid.select2-search__field, +textarea.is-invalid.tt-hint, textarea.is-invalid.tt-query, textarea.is-invalid.typeahead { padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} -.was-validated .custom-select:invalid, .custom-select.is-invalid { +.was-validated .custom-select:invalid, +.custom-select.is-invalid { border-color: #dc3545; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { - border-color: #dc3545; - -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } - .was-validated .custom-select:invalid ~ .invalid-feedback, - .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, - .custom-select.is-invalid ~ .invalid-tooltip { - display: block; } + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} -.was-validated .form-control-file:invalid ~ .invalid-feedback, -.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, -.form-control-file.is-invalid ~ .invalid-tooltip { - display: block; } - -.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #dc3545; } - -.was-validated .form-check-input:invalid ~ .invalid-feedback, -.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, -.form-check-input.is-invalid ~ .invalid-tooltip { - display: block; } - -.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { - color: #dc3545; } - .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { - border-color: #dc3545; } - -.was-validated .custom-control-input:invalid ~ .invalid-feedback, -.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, -.custom-control-input.is-invalid ~ .invalid-tooltip { - display: block; } - -.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { - border-color: #e4606d; - background-color: #e4606d; } - -.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { - -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } - -.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { - border-color: #dc3545; } - -.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { - border-color: #dc3545; } - -.was-validated .custom-file-input:invalid ~ .invalid-feedback, -.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, -.custom-file-input.is-invalid ~ .invalid-tooltip { - display: block; } - -.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { +.was-validated .custom-select:invalid:focus, +.custom-select.is-invalid:focus { border-color: #dc3545; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} + +.was-validated .custom-select:invalid~.invalid-feedback, +.was-validated .custom-select:invalid~.invalid-tooltip, +.custom-select.is-invalid~.invalid-feedback, +.custom-select.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid~.invalid-feedback, +.was-validated .form-control-file:invalid~.invalid-tooltip, +.form-control-file.is-invalid~.invalid-feedback, +.form-control-file.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid~.form-check-label, +.form-check-input.is-invalid~.form-check-label { + color: #dc3545; +} + +.was-validated .form-check-input:invalid~.invalid-feedback, +.was-validated .form-check-input:invalid~.invalid-tooltip, +.form-check-input.is-invalid~.invalid-feedback, +.form-check-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid~.custom-control-label, +.custom-control-input.is-invalid~.custom-control-label { + color: #dc3545; +} + +.was-validated .custom-control-input:invalid~.custom-control-label::before, +.custom-control-input.is-invalid~.custom-control-label::before { + border-color: #dc3545; +} + +.was-validated .custom-control-input:invalid~.invalid-feedback, +.was-validated .custom-control-input:invalid~.invalid-tooltip, +.custom-control-input.is-invalid~.invalid-feedback, +.custom-control-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid:checked~.custom-control-label::before, +.custom-control-input.is-invalid:checked~.custom-control-label::before { + border-color: #e4606d; + background-color: #e4606d; +} + +.was-validated .custom-control-input:invalid:focus~.custom-control-label::before, +.custom-control-input.is-invalid:focus~.custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} + +.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before, +.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before { + border-color: #dc3545; +} + +.was-validated .custom-file-input:invalid~.custom-file-label, +.custom-file-input.is-invalid~.custom-file-label { + border-color: #dc3545; +} + +.was-validated .custom-file-input:invalid~.invalid-feedback, +.was-validated .custom-file-input:invalid~.invalid-tooltip, +.custom-file-input.is-invalid~.invalid-feedback, +.custom-file-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-file-input:invalid:focus~.custom-file-label, +.custom-file-input.is-invalid:focus~.custom-file-label { + border-color: #dc3545; + -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} .form-inline { display: -webkit-box; @@ -2114,78 +3250,119 @@ textarea.is-invalid.typeahead { flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; - align-items: center; } - .form-inline .form-check { - width: 100%; } - @media (min-width: 576px) { - .form-inline label { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin-bottom: 0; } - .form-inline .form-group { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 0; } - .form-inline .form-control, .form-inline .asColorPicker-input, .form-inline .dataTables_wrapper select, .dataTables_wrapper .form-inline select, .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=text], - .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline select, .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=number], .form-inline .select2-container--default .select2-selection--single, .select2-container--default .form-inline .select2-selection--single, .form-inline .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .form-inline .select2-search__field, .form-inline .tt-hint, - .form-inline .tt-query, - .form-inline .typeahead { - display: inline-block; - width: auto; - vertical-align: middle; } - .form-inline .form-control-plaintext { - display: inline-block; } - .form-inline .input-group, .form-inline .asColorPicker-wrap, - .form-inline .custom-select { - width: auto; } - .form-inline .form-check { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - width: auto; - padding-left: 0; } - .form-inline .form-check-input { - position: relative; - -ms-flex-negative: 0; - flex-shrink: 0; - margin-top: 0; - margin-right: 0.25rem; - margin-left: 0; } - .form-inline .custom-control { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .form-inline .custom-control-label { - margin-bottom: 0; } } + align-items: center; +} -.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a { +.form-inline .form-check { + width: 100%; +} + +@media (min-width: 576px) { + .form-inline label { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: 0; + } + + .form-inline .form-group { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 0; + } + + .form-inline .form-control, + .form-inline .asColorPicker-input, + .form-inline .dataTables_wrapper select, + .dataTables_wrapper .form-inline select, + .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], + .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=text], + .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row select, + .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline select, + .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], + .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=number], + .form-inline .select2-container--default .select2-selection--single, + .select2-container--default .form-inline .select2-selection--single, + .form-inline .select2-container--default .select2-selection--single .select2-search__field, + .select2-container--default .select2-selection--single .form-inline .select2-search__field, + .form-inline .tt-hint, + .form-inline .tt-query, + .form-inline .typeahead { + display: inline-block; + width: auto; + vertical-align: middle; + } + + .form-inline .form-control-plaintext { + display: inline-block; + } + + .form-inline .input-group, + .form-inline .asColorPicker-wrap, + .form-inline .custom-select { + width: auto; + } + + .form-inline .form-check { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + padding-left: 0; + } + + .form-inline .form-check-input { + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + + .form-inline .custom-control { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn, +.ajax-upload-dragdrop .ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, +.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, +.wizard>.actions a { display: inline-block; font-weight: 400; color: #fff; @@ -2204,504 +3381,861 @@ textarea.is-invalid.typeahead { -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a { - -webkit-transition: none; - transition: none; } } - .btn:hover, .ajax-upload-dragdrop .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .swal2-styled:hover, .wizard > .actions a:hover { - color: #fff; - text-decoration: none; } - .btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus, .btn.focus, .ajax-upload-dragdrop .focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .focus.swal2-styled, .wizard > .actions a.focus { - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } - .btn.disabled, .ajax-upload-dragdrop .disabled.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .disabled.swal2-styled, .wizard > .actions a.disabled, .btn:disabled, .ajax-upload-dragdrop .ajax-file-upload:disabled, .swal2-modal .swal2-buttonswrapper .swal2-styled:disabled, .wizard > .actions a:disabled { - opacity: 0.65; } + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; +} -a.btn.disabled, .ajax-upload-dragdrop a.disabled.ajax-file-upload, .swal2-modal .swal2-buttonswrapper a.disabled.swal2-styled, .wizard > .actions a.disabled, +@media (prefers-reduced-motion: reduce) { + + .btn, + .ajax-upload-dragdrop .ajax-file-upload, + .swal2-modal .swal2-buttonswrapper .swal2-styled, + .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, + .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, + .wizard>.actions a { + -webkit-transition: none; + transition: none; + } +} + +.btn:hover, +.ajax-upload-dragdrop .ajax-file-upload:hover, +.swal2-modal .swal2-buttonswrapper .swal2-styled:hover, +.wizard>.actions a:hover { + color: #fff; + text-decoration: none; +} + +.btn:focus, +.ajax-upload-dragdrop .ajax-file-upload:focus, +.swal2-modal .swal2-buttonswrapper .swal2-styled:focus, +.wizard>.actions a:focus, +.btn.focus, +.ajax-upload-dragdrop .focus.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .focus.swal2-styled, +.wizard>.actions a.focus { + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.btn.disabled, +.ajax-upload-dragdrop .disabled.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .disabled.swal2-styled, +.wizard>.actions a.disabled, +.btn:disabled, +.ajax-upload-dragdrop .ajax-file-upload:disabled, +.swal2-modal .swal2-buttonswrapper .swal2-styled:disabled, +.wizard>.actions a:disabled { + opacity: 0.65; +} + +a.btn.disabled, +.ajax-upload-dragdrop a.disabled.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper a.disabled.swal2-styled, +.wizard>.actions a.disabled, fieldset:disabled a.btn, fieldset:disabled .ajax-upload-dragdrop a.ajax-file-upload, .ajax-upload-dragdrop fieldset:disabled a.ajax-file-upload, fieldset:disabled .swal2-modal .swal2-buttonswrapper a.swal2-styled, .swal2-modal .swal2-buttonswrapper fieldset:disabled a.swal2-styled, -fieldset:disabled .wizard > .actions a, -.wizard > .actions fieldset:disabled a { - pointer-events: none; } +fieldset:disabled .wizard>.actions a, +.wizard>.actions fieldset:disabled a { + pointer-events: none; +} -.btn-primary, .wizard > .actions a { +.btn-primary, +.wizard>.actions a { color: #fff; background-color: #2196f3; - border-color: #2196f3; } - .btn-primary:hover, .wizard > .actions a:hover { - color: #fff; - background-color: #0c83e2; - border-color: #0c7cd5; } - .btn-primary:focus, .wizard > .actions a:focus, .btn-primary.focus, .wizard > .actions a.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); - box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } - .btn-primary.disabled, .wizard > .actions a.disabled, .btn-primary:disabled, .wizard > .actions a:disabled { - color: #fff; - background-color: #2196f3; - border-color: #2196f3; } - .btn-primary:not(:disabled):not(.disabled):active, .wizard > .actions a:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .wizard > .actions a:not(:disabled):not(.disabled).active, - .show > .btn-primary.dropdown-toggle, - .wizard > .actions .show > a.dropdown-toggle { - color: #fff; - background-color: #0c7cd5; - border-color: #0b75c9; } - .btn-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions a:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions a:not(:disabled):not(.disabled).active:focus, - .show > .btn-primary.dropdown-toggle:focus, - .wizard > .actions .show > a.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); - box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } + border-color: #2196f3; +} -.btn-secondary, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel { +.btn-primary:hover, +.wizard>.actions a:hover { + color: #fff; + background-color: #0c83e2; + border-color: #0c7cd5; +} + +.btn-primary:focus, +.wizard>.actions a:focus, +.btn-primary.focus, +.wizard>.actions a.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); + box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); +} + +.btn-primary.disabled, +.wizard>.actions a.disabled, +.btn-primary:disabled, +.wizard>.actions a:disabled { + color: #fff; + background-color: #2196f3; + border-color: #2196f3; +} + +.btn-primary:not(:disabled):not(.disabled):active, +.wizard>.actions a:not(:disabled):not(.disabled):active, +.btn-primary:not(:disabled):not(.disabled).active, +.wizard>.actions a:not(:disabled):not(.disabled).active, +.show>.btn-primary.dropdown-toggle, +.wizard>.actions .show>a.dropdown-toggle { + color: #fff; + background-color: #0c7cd5; + border-color: #0b75c9; +} + +.btn-primary:not(:disabled):not(.disabled):active:focus, +.wizard>.actions a:not(:disabled):not(.disabled):active:focus, +.btn-primary:not(:disabled):not(.disabled).active:focus, +.wizard>.actions a:not(:disabled):not(.disabled).active:focus, +.show>.btn-primary.dropdown-toggle:focus, +.wizard>.actions .show>a.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); + box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); +} + +.btn-secondary, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel { color: #212529; background-color: #dde4eb; - border-color: #dde4eb; } - .btn-secondary:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover { - color: #212529; - background-color: #c5d1dd; - border-color: #bdcbd8; } - .btn-secondary:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:focus, .btn-secondary.focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-cancel { - -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); - box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); } - .btn-secondary.disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-cancel, .btn-secondary:disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:disabled { - color: #212529; - background-color: #dde4eb; - border-color: #dde4eb; } - .btn-secondary:not(:disabled):not(.disabled):active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active, - .show > .btn-secondary.dropdown-toggle, - .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-cancel { - color: #212529; - background-color: #bdcbd8; - border-color: #b5c4d3; } - .btn-secondary:not(:disabled):not(.disabled):active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active:focus, - .show > .btn-secondary.dropdown-toggle:focus, - .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-cancel:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); - box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); } + border-color: #dde4eb; +} + +.btn-secondary:hover, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover { + color: #212529; + background-color: #c5d1dd; + border-color: #bdcbd8; +} + +.btn-secondary:focus, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:focus, +.btn-secondary.focus, +.editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-cancel { + -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); + box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); +} + +.btn-secondary.disabled, +.editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-cancel, +.btn-secondary:disabled, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:disabled { + color: #212529; + background-color: #dde4eb; + border-color: #dde4eb; +} + +.btn-secondary:not(:disabled):not(.disabled):active, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active, +.btn-secondary:not(:disabled):not(.disabled).active, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active, +.show>.btn-secondary.dropdown-toggle, +.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-cancel { + color: #212529; + background-color: #bdcbd8; + border-color: #b5c4d3; +} + +.btn-secondary:not(:disabled):not(.disabled):active:focus, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active:focus, +.btn-secondary:not(:disabled):not(.disabled).active:focus, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active:focus, +.show>.btn-secondary.dropdown-toggle:focus, +.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-cancel:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); + box-shadow: 0 0 0 0.2rem rgba(193, 199, 206, 0.5); +} .btn-success { color: #212529; background-color: #19d895; - border-color: #19d895; } - .btn-success:hover { - color: #fff; - background-color: #15b67d; - border-color: #14aa75; } - .btn-success:focus, .btn-success.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); - box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); } - .btn-success.disabled, .btn-success:disabled { - color: #212529; - background-color: #19d895; - border-color: #19d895; } - .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, - .show > .btn-success.dropdown-toggle { - color: #fff; - background-color: #14aa75; - border-color: #129f6e; } - .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, - .show > .btn-success.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); - box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); } + border-color: #19d895; +} -.btn-info, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit { +.btn-success:hover { + color: #fff; + background-color: #15b67d; + border-color: #14aa75; +} + +.btn-success:focus, +.btn-success.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); + box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); +} + +.btn-success.disabled, +.btn-success:disabled { + color: #212529; + background-color: #19d895; + border-color: #19d895; +} + +.btn-success:not(:disabled):not(.disabled):active, +.btn-success:not(:disabled):not(.disabled).active, +.show>.btn-success.dropdown-toggle { + color: #fff; + background-color: #14aa75; + border-color: #129f6e; +} + +.btn-success:not(:disabled):not(.disabled):active:focus, +.btn-success:not(:disabled):not(.disabled).active:focus, +.show>.btn-success.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); + box-shadow: 0 0 0 0.2rem rgba(26, 189, 133, 0.5); +} + +.btn-info, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit { color: #fff; background-color: #8862e0; - border-color: #8862e0; } - .btn-info:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:hover { - color: #fff; - background-color: #7042da; - border-color: #6837d8; } - .btn-info:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:focus, .btn-info.focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-submit { - -webkit-box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); - box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); } - .btn-info.disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-submit, .btn-info:disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:disabled { - color: #fff; - background-color: #8862e0; - border-color: #8862e0; } - .btn-info:not(:disabled):not(.disabled):active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active, - .show > .btn-info.dropdown-toggle, - .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-submit { - color: #fff; - background-color: #6837d8; - border-color: #602dd5; } - .btn-info:not(:disabled):not(.disabled):active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active:focus, - .show > .btn-info.dropdown-toggle:focus, - .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-submit:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); - box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); } + border-color: #8862e0; +} + +.btn-info:hover, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:hover { + color: #fff; + background-color: #7042da; + border-color: #6837d8; +} + +.btn-info:focus, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:focus, +.btn-info.focus, +.editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-submit { + -webkit-box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); + box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); +} + +.btn-info.disabled, +.editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-submit, +.btn-info:disabled, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:disabled { + color: #fff; + background-color: #8862e0; + border-color: #8862e0; +} + +.btn-info:not(:disabled):not(.disabled):active, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active, +.btn-info:not(:disabled):not(.disabled).active, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active, +.show>.btn-info.dropdown-toggle, +.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-submit { + color: #fff; + background-color: #6837d8; + border-color: #602dd5; +} + +.btn-info:not(:disabled):not(.disabled):active:focus, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active:focus, +.btn-info:not(:disabled):not(.disabled).active:focus, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active:focus, +.show>.btn-info.dropdown-toggle:focus, +.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-submit:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); + box-shadow: 0 0 0 0.2rem rgba(154, 122, 229, 0.5); +} .btn-warning { color: #212529; background-color: #ffaf00; - border-color: #ffaf00; } - .btn-warning:hover { - color: #212529; - background-color: #d99500; - border-color: #cc8c00; } - .btn-warning:focus, .btn-warning.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); - box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); } - .btn-warning.disabled, .btn-warning:disabled { - color: #212529; - background-color: #ffaf00; - border-color: #ffaf00; } - .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, - .show > .btn-warning.dropdown-toggle { - color: #fff; - background-color: #cc8c00; - border-color: #bf8300; } - .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, - .show > .btn-warning.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); - box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); } + border-color: #ffaf00; +} + +.btn-warning:hover { + color: #212529; + background-color: #d99500; + border-color: #cc8c00; +} + +.btn-warning:focus, +.btn-warning.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); + box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); +} + +.btn-warning.disabled, +.btn-warning:disabled { + color: #212529; + background-color: #ffaf00; + border-color: #ffaf00; +} + +.btn-warning:not(:disabled):not(.disabled):active, +.btn-warning:not(:disabled):not(.disabled).active, +.show>.btn-warning.dropdown-toggle { + color: #fff; + background-color: #cc8c00; + border-color: #bf8300; +} + +.btn-warning:not(:disabled):not(.disabled):active:focus, +.btn-warning:not(:disabled):not(.disabled).active:focus, +.show>.btn-warning.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); + box-shadow: 0 0 0 0.2rem rgba(222, 154, 6, 0.5); +} .btn-danger { color: #fff; background-color: #ff6258; - border-color: #ff6258; } - .btn-danger:hover { - color: #fff; - background-color: #ff3e32; - border-color: #ff3225; } - .btn-danger:focus, .btn-danger.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); - box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); } - .btn-danger.disabled, .btn-danger:disabled { - color: #fff; - background-color: #ff6258; - border-color: #ff6258; } - .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, - .show > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #ff3225; - border-color: #ff2618; } - .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, - .show > .btn-danger.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); - box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); } + border-color: #ff6258; +} + +.btn-danger:hover { + color: #fff; + background-color: #ff3e32; + border-color: #ff3225; +} + +.btn-danger:focus, +.btn-danger.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); +} + +.btn-danger.disabled, +.btn-danger:disabled { + color: #fff; + background-color: #ff6258; + border-color: #ff6258; +} + +.btn-danger:not(:disabled):not(.disabled):active, +.btn-danger:not(:disabled):not(.disabled).active, +.show>.btn-danger.dropdown-toggle { + color: #fff; + background-color: #ff3225; + border-color: #ff2618; +} + +.btn-danger:not(:disabled):not(.disabled):active:focus, +.btn-danger:not(:disabled):not(.disabled).active:focus, +.show>.btn-danger.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 122, 113, 0.5); +} .btn-light { color: #212529; background-color: #fbfbfb; - border-color: #fbfbfb; } - .btn-light:hover { - color: #212529; - background-color: #e8e8e8; - border-color: #e2e2e2; } - .btn-light:focus, .btn-light.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); - box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); } - .btn-light.disabled, .btn-light:disabled { - color: #212529; - background-color: #fbfbfb; - border-color: #fbfbfb; } - .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, - .show > .btn-light.dropdown-toggle { - color: #212529; - background-color: #e2e2e2; - border-color: #dbdbdb; } - .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, - .show > .btn-light.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); - box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); } + border-color: #fbfbfb; +} + +.btn-light:hover { + color: #212529; + background-color: #e8e8e8; + border-color: #e2e2e2; +} + +.btn-light:focus, +.btn-light.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); + box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); +} + +.btn-light.disabled, +.btn-light:disabled { + color: #212529; + background-color: #fbfbfb; + border-color: #fbfbfb; +} + +.btn-light:not(:disabled):not(.disabled):active, +.btn-light:not(:disabled):not(.disabled).active, +.show>.btn-light.dropdown-toggle { + color: #212529; + background-color: #e2e2e2; + border-color: #dbdbdb; +} + +.btn-light:not(:disabled):not(.disabled):active:focus, +.btn-light:not(:disabled):not(.disabled).active:focus, +.show>.btn-light.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); + box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5); +} .btn-dark { color: #fff; background-color: #252C46; - border-color: #252C46; } - .btn-dark:hover { - color: #fff; - background-color: #181c2d; - border-color: #131725; } - .btn-dark:focus, .btn-dark.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); - box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); } - .btn-dark.disabled, .btn-dark:disabled { - color: #fff; - background-color: #252C46; - border-color: #252C46; } - .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, - .show > .btn-dark.dropdown-toggle { - color: #fff; - background-color: #131725; - border-color: #0f121c; } - .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, - .show > .btn-dark.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); - box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); } + border-color: #252C46; +} -.btn-outline-primary, .wizard > .actions .disabled a { +.btn-dark:hover { + color: #fff; + background-color: #181c2d; + border-color: #131725; +} + +.btn-dark:focus, +.btn-dark.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); + box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); +} + +.btn-dark.disabled, +.btn-dark:disabled { + color: #fff; + background-color: #252C46; + border-color: #252C46; +} + +.btn-dark:not(:disabled):not(.disabled):active, +.btn-dark:not(:disabled):not(.disabled).active, +.show>.btn-dark.dropdown-toggle { + color: #fff; + background-color: #131725; + border-color: #0f121c; +} + +.btn-dark:not(:disabled):not(.disabled):active:focus, +.btn-dark:not(:disabled):not(.disabled).active:focus, +.show>.btn-dark.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); + box-shadow: 0 0 0 0.2rem rgba(70, 76, 98, 0.5); +} + +.btn-outline-primary, +.wizard>.actions .disabled a { color: #2196f3; - border-color: #2196f3; } - .btn-outline-primary:hover, .wizard > .actions .disabled a:hover { - color: #fff; - background-color: #2196f3; - border-color: #2196f3; } - .btn-outline-primary:focus, .wizard > .actions .disabled a:focus, .btn-outline-primary.focus, .wizard > .actions .disabled a.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); - box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } - .btn-outline-primary.disabled, .wizard > .actions .disabled a.disabled, .btn-outline-primary:disabled, .wizard > .actions .disabled a:disabled { - color: #2196f3; - background-color: transparent; } - .btn-outline-primary:not(:disabled):not(.disabled):active, .wizard > .actions .disabled a:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .wizard > .actions .disabled a:not(:disabled):not(.disabled).active, - .show > .btn-outline-primary.dropdown-toggle, - .wizard > .actions .disabled .show > a.dropdown-toggle { - color: #fff; - background-color: #2196f3; - border-color: #2196f3; } - .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions .disabled a:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions .disabled a:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-primary.dropdown-toggle:focus, - .wizard > .actions .disabled .show > a.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); - box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } + border-color: #2196f3; +} + +.btn-outline-primary:hover, +.wizard>.actions .disabled a:hover { + color: #fff; + background-color: #2196f3; + border-color: #2196f3; +} + +.btn-outline-primary:focus, +.wizard>.actions .disabled a:focus, +.btn-outline-primary.focus, +.wizard>.actions .disabled a.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); +} + +.btn-outline-primary.disabled, +.wizard>.actions .disabled a.disabled, +.btn-outline-primary:disabled, +.wizard>.actions .disabled a:disabled { + color: #2196f3; + background-color: transparent; +} + +.btn-outline-primary:not(:disabled):not(.disabled):active, +.wizard>.actions .disabled a:not(:disabled):not(.disabled):active, +.btn-outline-primary:not(:disabled):not(.disabled).active, +.wizard>.actions .disabled a:not(:disabled):not(.disabled).active, +.show>.btn-outline-primary.dropdown-toggle, +.wizard>.actions .disabled .show>a.dropdown-toggle { + color: #fff; + background-color: #2196f3; + border-color: #2196f3; +} + +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, +.wizard>.actions .disabled a:not(:disabled):not(.disabled):active:focus, +.btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.wizard>.actions .disabled a:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-primary.dropdown-toggle:focus, +.wizard>.actions .disabled .show>a.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); +} .btn-outline-secondary { color: #dde4eb; - border-color: #dde4eb; } - .btn-outline-secondary:hover { - color: #212529; - background-color: #dde4eb; - border-color: #dde4eb; } - .btn-outline-secondary:focus, .btn-outline-secondary.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); - box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); } - .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #dde4eb; - background-color: transparent; } - .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, - .show > .btn-outline-secondary.dropdown-toggle { - color: #212529; - background-color: #dde4eb; - border-color: #dde4eb; } - .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-secondary.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); - box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); } + border-color: #dde4eb; +} + +.btn-outline-secondary:hover { + color: #212529; + background-color: #dde4eb; + border-color: #dde4eb; +} + +.btn-outline-secondary:focus, +.btn-outline-secondary.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); + box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); +} + +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: #dde4eb; + background-color: transparent; +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active, +.btn-outline-secondary:not(:disabled):not(.disabled).active, +.show>.btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #dde4eb; + border-color: #dde4eb; +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-secondary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); + box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); +} .btn-outline-success { color: #19d895; - border-color: #19d895; } - .btn-outline-success:hover { - color: #212529; - background-color: #19d895; - border-color: #19d895; } - .btn-outline-success:focus, .btn-outline-success.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); - box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); } - .btn-outline-success.disabled, .btn-outline-success:disabled { - color: #19d895; - background-color: transparent; } - .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, - .show > .btn-outline-success.dropdown-toggle { - color: #212529; - background-color: #19d895; - border-color: #19d895; } - .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-success.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); - box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); } + border-color: #19d895; +} + +.btn-outline-success:hover { + color: #212529; + background-color: #19d895; + border-color: #19d895; +} + +.btn-outline-success:focus, +.btn-outline-success.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); + box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); +} + +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: #19d895; + background-color: transparent; +} + +.btn-outline-success:not(:disabled):not(.disabled):active, +.btn-outline-success:not(:disabled):not(.disabled).active, +.show>.btn-outline-success.dropdown-toggle { + color: #212529; + background-color: #19d895; + border-color: #19d895; +} + +.btn-outline-success:not(:disabled):not(.disabled):active:focus, +.btn-outline-success:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-success.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); + box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); +} .btn-outline-info { color: #8862e0; - border-color: #8862e0; } - .btn-outline-info:hover { - color: #fff; - background-color: #8862e0; - border-color: #8862e0; } - .btn-outline-info:focus, .btn-outline-info.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); - box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); } - .btn-outline-info.disabled, .btn-outline-info:disabled { - color: #8862e0; - background-color: transparent; } - .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, - .show > .btn-outline-info.dropdown-toggle { - color: #fff; - background-color: #8862e0; - border-color: #8862e0; } - .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-info.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); - box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); } + border-color: #8862e0; +} + +.btn-outline-info:hover { + color: #fff; + background-color: #8862e0; + border-color: #8862e0; +} + +.btn-outline-info:focus, +.btn-outline-info.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); + box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); +} + +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: #8862e0; + background-color: transparent; +} + +.btn-outline-info:not(:disabled):not(.disabled):active, +.btn-outline-info:not(:disabled):not(.disabled).active, +.show>.btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #8862e0; + border-color: #8862e0; +} + +.btn-outline-info:not(:disabled):not(.disabled):active:focus, +.btn-outline-info:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-info.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); + box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); +} .btn-outline-warning { color: #ffaf00; - border-color: #ffaf00; } - .btn-outline-warning:hover { - color: #212529; - background-color: #ffaf00; - border-color: #ffaf00; } - .btn-outline-warning:focus, .btn-outline-warning.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); - box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); } - .btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: #ffaf00; - background-color: transparent; } - .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, - .show > .btn-outline-warning.dropdown-toggle { - color: #212529; - background-color: #ffaf00; - border-color: #ffaf00; } - .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-warning.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); - box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); } + border-color: #ffaf00; +} + +.btn-outline-warning:hover { + color: #212529; + background-color: #ffaf00; + border-color: #ffaf00; +} + +.btn-outline-warning:focus, +.btn-outline-warning.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); +} + +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: #ffaf00; + background-color: transparent; +} + +.btn-outline-warning:not(:disabled):not(.disabled):active, +.btn-outline-warning:not(:disabled):not(.disabled).active, +.show>.btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffaf00; + border-color: #ffaf00; +} + +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, +.btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-warning.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); +} .btn-outline-danger { color: #ff6258; - border-color: #ff6258; } - .btn-outline-danger:hover { - color: #fff; - background-color: #ff6258; - border-color: #ff6258; } - .btn-outline-danger:focus, .btn-outline-danger.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); - box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); } - .btn-outline-danger.disabled, .btn-outline-danger:disabled { - color: #ff6258; - background-color: transparent; } - .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, - .show > .btn-outline-danger.dropdown-toggle { - color: #fff; - background-color: #ff6258; - border-color: #ff6258; } - .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-danger.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); - box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); } + border-color: #ff6258; +} + +.btn-outline-danger:hover { + color: #fff; + background-color: #ff6258; + border-color: #ff6258; +} + +.btn-outline-danger:focus, +.btn-outline-danger.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); +} + +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: #ff6258; + background-color: transparent; +} + +.btn-outline-danger:not(:disabled):not(.disabled):active, +.btn-outline-danger:not(:disabled):not(.disabled).active, +.show>.btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #ff6258; + border-color: #ff6258; +} + +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, +.btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-danger.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); +} .btn-outline-light { color: #fbfbfb; - border-color: #fbfbfb; } - .btn-outline-light:hover { - color: #212529; - background-color: #fbfbfb; - border-color: #fbfbfb; } - .btn-outline-light:focus, .btn-outline-light.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); - box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); } - .btn-outline-light.disabled, .btn-outline-light:disabled { - color: #fbfbfb; - background-color: transparent; } - .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, - .show > .btn-outline-light.dropdown-toggle { - color: #212529; - background-color: #fbfbfb; - border-color: #fbfbfb; } - .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-light.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); - box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); } + border-color: #fbfbfb; +} + +.btn-outline-light:hover { + color: #212529; + background-color: #fbfbfb; + border-color: #fbfbfb; +} + +.btn-outline-light:focus, +.btn-outline-light.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); + box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); +} + +.btn-outline-light.disabled, +.btn-outline-light:disabled { + color: #fbfbfb; + background-color: transparent; +} + +.btn-outline-light:not(:disabled):not(.disabled):active, +.btn-outline-light:not(:disabled):not(.disabled).active, +.show>.btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #fbfbfb; + border-color: #fbfbfb; +} + +.btn-outline-light:not(:disabled):not(.disabled):active:focus, +.btn-outline-light:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-light.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); + box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); +} .btn-outline-dark { color: #252C46; - border-color: #252C46; } - .btn-outline-dark:hover { - color: #fff; - background-color: #252C46; - border-color: #252C46; } - .btn-outline-dark:focus, .btn-outline-dark.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); - box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); } - .btn-outline-dark.disabled, .btn-outline-dark:disabled { - color: #252C46; - background-color: transparent; } - .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, - .show > .btn-outline-dark.dropdown-toggle { - color: #fff; - background-color: #252C46; - border-color: #252C46; } - .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-dark.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); - box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); } + border-color: #252C46; +} + +.btn-outline-dark:hover { + color: #fff; + background-color: #252C46; + border-color: #252C46; +} + +.btn-outline-dark:focus, +.btn-outline-dark.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); + box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); +} + +.btn-outline-dark.disabled, +.btn-outline-dark:disabled { + color: #252C46; + background-color: transparent; +} + +.btn-outline-dark:not(:disabled):not(.disabled):active, +.btn-outline-dark:not(:disabled):not(.disabled).active, +.show>.btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #252C46; + border-color: #252C46; +} + +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, +.btn-outline-dark:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-dark.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); + box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); +} .btn-link { font-weight: 400; color: #007bff; - text-decoration: none; } - .btn-link:hover { - color: #0056b3; - text-decoration: underline; } - .btn-link:focus, .btn-link.focus { - text-decoration: underline; - -webkit-box-shadow: none; - box-shadow: none; } - .btn-link:disabled, .btn-link.disabled { - color: #6c757d; - pointer-events: none; } + text-decoration: none; +} -.btn-lg, .btn-group-lg > .btn, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled, .wizard > .actions .btn-group-lg > a { +.btn-link:hover { + color: #0056b3; + text-decoration: underline; +} + +.btn-link:focus, +.btn-link.focus { + text-decoration: underline; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-link:disabled, +.btn-link.disabled { + color: #6c757d; + pointer-events: none; +} + +.btn-lg, +.btn-group-lg>.btn, +.ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled, +.wizard>.actions .btn-group-lg>a { padding: 0.94rem 1.94rem; font-size: 0.875rem; line-height: 1.5; - border-radius: 0.1875rem; } + border-radius: 0.1875rem; +} -.btn-sm, .btn-group-sm > .btn, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled, .wizard > .actions .btn-group-sm > a { +.btn-sm, +.btn-group-sm>.btn, +.ajax-upload-dragdrop .btn-group-sm>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group-sm>.swal2-styled, +.wizard>.actions .btn-group-sm>a { padding: 0.5rem 0.81rem; font-size: 0.875rem; line-height: 1.5; - border-radius: 0.1875rem; } + border-radius: 0.1875rem; +} .btn-block { display: block; - width: 100%; } - .btn-block + .btn-block { - margin-top: 0.5rem; } + width: 100%; +} + +.btn-block+.btn-block { + margin-top: 0.5rem; +} input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { - width: 100%; } + width: 100%; +} .fade { -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; } - @media (prefers-reduced-motion: reduce) { - .fade { - -webkit-transition: none; - transition: none; } } - .fade:not(.show) { - opacity: 0; } + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .fade { + -webkit-transition: none; + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} .collapse:not(.show) { - display: none; } + display: none; +} .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - transition: height 0.35s ease; } - @media (prefers-reduced-motion: reduce) { - .collapsing { - -webkit-transition: none; - transition: none; } } + transition: height 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + -webkit-transition: none; + transition: none; + } +} .dropup, .dropright, .dropdown, .dropleft { - position: relative; } + position: relative; +} .dropdown-toggle { - white-space: nowrap; } - .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; } - .dropdown-toggle:empty::after { - margin-left: 0; } + white-space: nowrap; +} + +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} .dropdown-menu { position: absolute; @@ -2717,56 +4251,76 @@ input[type="button"].btn-block { color: #212529; text-align: left; list-style: none; - background-color: #222437; + background-color: var(--dropdown-bg); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .dropdown-menu-left { right: auto; - left: 0; } + left: 0; +} .dropdown-menu-right { right: 0; - left: auto; } + left: auto; +} @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; - left: 0; } + left: 0; + } + .dropdown-menu-sm-right { right: 0; - left: auto; } } + left: auto; + } +} @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; - left: 0; } + left: 0; + } + .dropdown-menu-md-right { right: 0; - left: auto; } } + left: auto; + } +} @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; - left: 0; } + left: 0; + } + .dropdown-menu-lg-right { right: 0; - left: auto; } } + left: auto; + } +} @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; - left: 0; } + left: 0; + } + .dropdown-menu-xl-right { right: 0; - left: auto; } } + left: auto; + } +} .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; - margin-bottom: 0.125rem; } + margin-bottom: 0.125rem; +} .dropup .dropdown-toggle::after { display: inline-block; @@ -2776,17 +4330,20 @@ input[type="button"].btn-block { border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; } + border-left: 0.3em solid transparent; +} .dropup .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; - margin-left: 0.125rem; } + margin-left: 0.125rem; +} .dropright .dropdown-toggle::after { display: inline-block; @@ -2796,29 +4353,35 @@ input[type="button"].btn-block { border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; } + border-left: 0.3em solid; +} .dropright .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropright .dropdown-toggle::after { - vertical-align: 0; } + vertical-align: 0; +} .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; - margin-right: 0.125rem; } + margin-right: 0.125rem; +} .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; - content: ""; } + content: ""; +} .dropleft .dropdown-toggle::after { - display: none; } + display: none; +} .dropleft .dropdown-toggle::before { display: inline-block; @@ -2827,23 +4390,31 @@ input[type="button"].btn-block { content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; } + border-bottom: 0.3em solid transparent; +} .dropleft .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropleft .dropdown-toggle::before { - vertical-align: 0; } + vertical-align: 0; +} -.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { +.dropdown-menu[x-placement^="top"], +.dropdown-menu[x-placement^="right"], +.dropdown-menu[x-placement^="bottom"], +.dropdown-menu[x-placement^="left"] { right: auto; - bottom: auto; } + bottom: auto; +} .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; - border-top: 1px solid #e9ecef; } + border-top: 1px solid #e9ecef; +} .dropdown-item { display: block; @@ -2855,22 +4426,33 @@ input[type="button"].btn-block { text-align: inherit; white-space: nowrap; background-color: transparent; - border: 0; } - .dropdown-item:hover, .dropdown-item:focus { - color: #16181b; - text-decoration: none; - background-color: #f8f9fa; } - .dropdown-item.active, .dropdown-item:active { - color: #fff; - text-decoration: none; - background-color: #007bff; } - .dropdown-item.disabled, .dropdown-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: transparent; } + border: 0; +} + +.dropdown-item:hover, +.dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; +} + +.dropdown-item.active, +.dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #007bff; +} + +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: transparent; +} .dropdown-menu.show { - display: block; } + display: block; +} .dropdown-header { display: block; @@ -2878,12 +4460,14 @@ input[type="button"].btn-block { margin-bottom: 0; font-size: 0.875rem; color: #6c757d; - white-space: nowrap; } + white-space: nowrap; +} .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; - color: #212529; } + color: #212529; +} .btn-group, .btn-group-vertical { @@ -2891,36 +4475,60 @@ input[type="button"].btn-block { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - vertical-align: middle; } - .btn-group > .btn, .ajax-upload-dragdrop .btn-group > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled, .wizard > .actions .btn-group > a, - .btn-group-vertical > .btn, - .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload, - .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled, - .wizard > .actions .btn-group-vertical > a { - position: relative; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - .btn-group > .btn:hover, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:hover, .wizard > .actions .btn-group > a:hover, - .btn-group-vertical > .btn:hover, - .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:hover, - .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:hover, - .wizard > .actions .btn-group-vertical > a:hover { - z-index: 1; } - .btn-group > .btn:focus, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:focus, .wizard > .actions .btn-group > a:focus, .btn-group > .btn:active, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:active, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:active, .wizard > .actions .btn-group > a:active, .btn-group > .btn.active, .ajax-upload-dragdrop .btn-group > .active.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group > .active.swal2-styled, .wizard > .actions .btn-group > a.active, - .btn-group-vertical > .btn:focus, - .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:focus, - .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:focus, - .wizard > .actions .btn-group-vertical > a:focus, - .btn-group-vertical > .btn:active, - .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:active, - .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:active, - .wizard > .actions .btn-group-vertical > a:active, - .btn-group-vertical > .btn.active, - .ajax-upload-dragdrop .btn-group-vertical > .active.ajax-file-upload, - .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .active.swal2-styled, - .wizard > .actions .btn-group-vertical > a.active { - z-index: 1; } + vertical-align: middle; +} + +.btn-group>.btn, +.ajax-upload-dragdrop .btn-group>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled, +.wizard>.actions .btn-group>a, +.btn-group-vertical>.btn, +.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled, +.wizard>.actions .btn-group-vertical>a { + position: relative; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.btn-group>.btn:hover, +.ajax-upload-dragdrop .btn-group>.ajax-file-upload:hover, +.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:hover, +.wizard>.actions .btn-group>a:hover, +.btn-group-vertical>.btn:hover, +.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:hover, +.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:hover, +.wizard>.actions .btn-group-vertical>a:hover { + z-index: 1; +} + +.btn-group>.btn:focus, +.ajax-upload-dragdrop .btn-group>.ajax-file-upload:focus, +.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:focus, +.wizard>.actions .btn-group>a:focus, +.btn-group>.btn:active, +.ajax-upload-dragdrop .btn-group>.ajax-file-upload:active, +.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:active, +.wizard>.actions .btn-group>a:active, +.btn-group>.btn.active, +.ajax-upload-dragdrop .btn-group>.active.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group>.active.swal2-styled, +.wizard>.actions .btn-group>a.active, +.btn-group-vertical>.btn:focus, +.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:focus, +.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:focus, +.wizard>.actions .btn-group-vertical>a:focus, +.btn-group-vertical>.btn:active, +.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:active, +.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:active, +.wizard>.actions .btn-group-vertical>a:active, +.btn-group-vertical>.btn.active, +.ajax-upload-dragdrop .btn-group-vertical>.active.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.active.swal2-styled, +.wizard>.actions .btn-group-vertical>a.active { + z-index: 1; +} .btn-toolbar { display: -webkit-box; @@ -2930,47 +4538,78 @@ input[type="button"].btn-block { flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; - justify-content: flex-start; } - .btn-toolbar .input-group, .btn-toolbar .asColorPicker-wrap { - width: auto; } + justify-content: flex-start; +} -.btn-group > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:not(:first-child), .wizard > .actions .btn-group > a:not(:first-child), -.btn-group > .btn-group:not(:first-child) { - margin-left: -1px; } +.btn-toolbar .input-group, +.btn-toolbar .asColorPicker-wrap { + width: auto; +} -.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .ajax-upload-dragdrop .btn-group > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:not(:last-child):not(.dropdown-toggle), .wizard > .actions .btn-group > a:not(:last-child):not(.dropdown-toggle), -.btn-group > .btn-group:not(:last-child) > .btn, -.ajax-upload-dragdrop .btn-group > .btn-group:not(:last-child) > .ajax-file-upload, -.swal2-modal .swal2-buttonswrapper .btn-group > .btn-group:not(:last-child) > .swal2-styled, -.wizard > .actions .btn-group > .btn-group:not(:last-child) > a { +.btn-group>.btn:not(:first-child), +.ajax-upload-dragdrop .btn-group>.ajax-file-upload:not(:first-child), +.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:not(:first-child), +.wizard>.actions .btn-group>a:not(:first-child), +.btn-group>.btn-group:not(:first-child) { + margin-left: -1px; +} + +.btn-group>.btn:not(:last-child):not(.dropdown-toggle), +.ajax-upload-dragdrop .btn-group>.ajax-file-upload:not(:last-child):not(.dropdown-toggle), +.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:not(:last-child):not(.dropdown-toggle), +.wizard>.actions .btn-group>a:not(:last-child):not(.dropdown-toggle), +.btn-group>.btn-group:not(:last-child)>.btn, +.ajax-upload-dragdrop .btn-group>.btn-group:not(:last-child)>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group>.btn-group:not(:last-child)>.swal2-styled, +.wizard>.actions .btn-group>.btn-group:not(:last-child)>a { border-top-right-radius: 0; - border-bottom-right-radius: 0; } + border-bottom-right-radius: 0; +} -.btn-group > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:not(:first-child), .wizard > .actions .btn-group > a:not(:first-child), -.btn-group > .btn-group:not(:first-child) > .btn, -.ajax-upload-dragdrop .btn-group > .btn-group:not(:first-child) > .ajax-file-upload, -.swal2-modal .swal2-buttonswrapper .btn-group > .btn-group:not(:first-child) > .swal2-styled, -.wizard > .actions .btn-group > .btn-group:not(:first-child) > a { +.btn-group>.btn:not(:first-child), +.ajax-upload-dragdrop .btn-group>.ajax-file-upload:not(:first-child), +.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:not(:first-child), +.wizard>.actions .btn-group>a:not(:first-child), +.btn-group>.btn-group:not(:first-child)>.btn, +.ajax-upload-dragdrop .btn-group>.btn-group:not(:first-child)>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group>.btn-group:not(:first-child)>.swal2-styled, +.wizard>.actions .btn-group>.btn-group:not(:first-child)>a { border-top-left-radius: 0; - border-bottom-left-radius: 0; } + border-bottom-left-radius: 0; +} .dropdown-toggle-split { padding-right: 0.75rem; - padding-left: 0.75rem; } - .dropdown-toggle-split::after, - .dropup .dropdown-toggle-split::after, - .dropright .dropdown-toggle-split::after { - margin-left: 0; } - .dropleft .dropdown-toggle-split::before { - margin-right: 0; } + padding-left: 0.75rem; +} -.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload + .dropdown-toggle-split, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled + .dropdown-toggle-split, .wizard > .actions .btn-group-sm > a + .dropdown-toggle-split { +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropright .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm+.dropdown-toggle-split, +.btn-group-sm>.btn+.dropdown-toggle-split, +.ajax-upload-dragdrop .btn-group-sm>.ajax-file-upload+.dropdown-toggle-split, +.swal2-modal .swal2-buttonswrapper .btn-group-sm>.swal2-styled+.dropdown-toggle-split, +.wizard>.actions .btn-group-sm>a+.dropdown-toggle-split { padding-right: 0.6075rem; - padding-left: 0.6075rem; } + padding-left: 0.6075rem; +} -.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload + .dropdown-toggle-split, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled + .dropdown-toggle-split, .wizard > .actions .btn-group-lg > a + .dropdown-toggle-split { +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split, +.ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload+.dropdown-toggle-split, +.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled+.dropdown-toggle-split, +.wizard>.actions .btn-group-lg>a+.dropdown-toggle-split { padding-right: 1.455rem; - padding-left: 1.455rem; } + padding-left: 1.455rem; +} .btn-group-vertical { -webkit-box-orient: vertical; @@ -2982,56 +4621,83 @@ input[type="button"].btn-block { align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; - justify-content: center; } - - .btn-group-vertical > .btn, - .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload, - .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled, - .wizard > .actions .btn-group-vertical > a, - .btn-group-vertical > .btn-group { - width: 100%; } - .btn-group-vertical > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:not(:first-child), .wizard > .actions .btn-group-vertical > a:not(:first-child), - .btn-group-vertical > .btn-group:not(:first-child) { - margin-top: -1px; } - .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:not(:last-child):not(.dropdown-toggle), .wizard > .actions .btn-group-vertical > a:not(:last-child):not(.dropdown-toggle), - .btn-group-vertical > .btn-group:not(:last-child) > .btn, - .ajax-upload-dragdrop .btn-group-vertical > .btn-group:not(:last-child) > .ajax-file-upload, - .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .btn-group:not(:last-child) > .swal2-styled, - .wizard > .actions .btn-group-vertical > .btn-group:not(:last-child) > a { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - .btn-group-vertical > .btn:not(:first-child), .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:not(:first-child), .wizard > .actions .btn-group-vertical > a:not(:first-child), - .btn-group-vertical > .btn-group:not(:first-child) > .btn, - .ajax-upload-dragdrop .btn-group-vertical > .btn-group:not(:first-child) > .ajax-file-upload, - .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .btn-group:not(:first-child) > .swal2-styled, - .wizard > .actions .btn-group-vertical > .btn-group:not(:first-child) > a { - border-top-left-radius: 0; - border-top-right-radius: 0; } + justify-content: center; +} -.btn-group-toggle > .btn, .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled, .wizard > .actions .btn-group-toggle > a, -.btn-group-toggle > .btn-group > .btn, -.ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload, -.swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled, -.wizard > .actions .btn-group-toggle > .btn-group > a { - margin-bottom: 0; } - .btn-group-toggle > .btn input[type="radio"], .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload input[type="radio"], .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled input[type="radio"], .wizard > .actions .btn-group-toggle > a input[type="radio"], - .btn-group-toggle > .btn input[type="checkbox"], - .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload input[type="checkbox"], - .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled input[type="checkbox"], - .wizard > .actions .btn-group-toggle > a input[type="checkbox"], - .btn-group-toggle > .btn-group > .btn input[type="radio"], - .ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload input[type="radio"], - .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled input[type="radio"], - .wizard > .actions .btn-group-toggle > .btn-group > a input[type="radio"], - .btn-group-toggle > .btn-group > .btn input[type="checkbox"], - .ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload input[type="checkbox"], - .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled input[type="checkbox"], - .wizard > .actions .btn-group-toggle > .btn-group > a input[type="checkbox"] { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; } +.btn-group-vertical>.btn, +.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled, +.wizard>.actions .btn-group-vertical>a, +.btn-group-vertical>.btn-group { + width: 100%; +} -.input-group, .asColorPicker-wrap { +.btn-group-vertical>.btn:not(:first-child), +.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:not(:first-child), +.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:not(:first-child), +.wizard>.actions .btn-group-vertical>a:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child) { + margin-top: -1px; +} + +.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), +.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:not(:last-child):not(.dropdown-toggle), +.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:not(:last-child):not(.dropdown-toggle), +.wizard>.actions .btn-group-vertical>a:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical>.btn-group:not(:last-child)>.btn, +.ajax-upload-dragdrop .btn-group-vertical>.btn-group:not(:last-child)>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.btn-group:not(:last-child)>.swal2-styled, +.wizard>.actions .btn-group-vertical>.btn-group:not(:last-child)>a { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical>.btn:not(:first-child), +.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:not(:first-child), +.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:not(:first-child), +.wizard>.actions .btn-group-vertical>a:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child)>.btn, +.ajax-upload-dragdrop .btn-group-vertical>.btn-group:not(:first-child)>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.btn-group:not(:first-child)>.swal2-styled, +.wizard>.actions .btn-group-vertical>.btn-group:not(:first-child)>a { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle>.btn, +.ajax-upload-dragdrop .btn-group-toggle>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.swal2-styled, +.wizard>.actions .btn-group-toggle>a, +.btn-group-toggle>.btn-group>.btn, +.ajax-upload-dragdrop .btn-group-toggle>.btn-group>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.btn-group>.swal2-styled, +.wizard>.actions .btn-group-toggle>.btn-group>a { + margin-bottom: 0; +} + +.btn-group-toggle>.btn input[type="radio"], +.ajax-upload-dragdrop .btn-group-toggle>.ajax-file-upload input[type="radio"], +.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.swal2-styled input[type="radio"], +.wizard>.actions .btn-group-toggle>a input[type="radio"], +.btn-group-toggle>.btn input[type="checkbox"], +.ajax-upload-dragdrop .btn-group-toggle>.ajax-file-upload input[type="checkbox"], +.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.swal2-styled input[type="checkbox"], +.wizard>.actions .btn-group-toggle>a input[type="checkbox"], +.btn-group-toggle>.btn-group>.btn input[type="radio"], +.ajax-upload-dragdrop .btn-group-toggle>.btn-group>.ajax-file-upload input[type="radio"], +.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.btn-group>.swal2-styled input[type="radio"], +.wizard>.actions .btn-group-toggle>.btn-group>a input[type="radio"], +.btn-group-toggle>.btn-group>.btn input[type="checkbox"], +.ajax-upload-dragdrop .btn-group-toggle>.btn-group>.ajax-file-upload input[type="checkbox"], +.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.btn-group>.swal2-styled input[type="checkbox"], +.wizard>.actions .btn-group-toggle>.btn-group>a input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group, +.asColorPicker-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; @@ -3041,390 +4707,812 @@ input[type="button"].btn-block { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; - width: 100%; } - .input-group > .form-control, .asColorPicker-wrap > .form-control, .input-group > .asColorPicker-input, .asColorPicker-wrap > .asColorPicker-input, .dataTables_wrapper .input-group > select, .dataTables_wrapper .asColorPicker-wrap > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number], .select2-container--default .input-group > .select2-selection--single, .select2-container--default .asColorPicker-wrap > .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field, .input-group > .tt-hint, .asColorPicker-wrap > .tt-hint, - .input-group > .tt-query, - .asColorPicker-wrap > .tt-query, - .input-group > .typeahead, - .asColorPicker-wrap > .typeahead, - .input-group > .form-control-plaintext, - .asColorPicker-wrap > .form-control-plaintext, - .input-group > .custom-select, - .asColorPicker-wrap > .custom-select, - .input-group > .custom-file, - .asColorPicker-wrap > .custom-file { - position: relative; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 1%; - margin-bottom: 0; } - .input-group > .form-control + .form-control, .asColorPicker-wrap > .form-control + .form-control, .input-group > .asColorPicker-input + .form-control, .asColorPicker-wrap > .asColorPicker-input + .form-control, .dataTables_wrapper .input-group > select + .form-control, .dataTables_wrapper .asColorPicker-wrap > select + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .form-control, .select2-container--default .input-group > .select2-selection--single + .form-control, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .form-control, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .form-control, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .form-control, .input-group > .tt-hint + .form-control, .asColorPicker-wrap > .tt-hint + .form-control, .input-group > .tt-query + .form-control, .asColorPicker-wrap > .tt-query + .form-control, .input-group > .typeahead + .form-control, .asColorPicker-wrap > .typeahead + .form-control, .input-group > .form-control + .asColorPicker-input, .asColorPicker-wrap > .form-control + .asColorPicker-input, .input-group > .asColorPicker-input + .asColorPicker-input, .asColorPicker-wrap > .asColorPicker-input + .asColorPicker-input, .dataTables_wrapper .input-group > select + .asColorPicker-input, .dataTables_wrapper .asColorPicker-wrap > select + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .asColorPicker-input, .select2-container--default .input-group > .select2-selection--single + .asColorPicker-input, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .asColorPicker-input, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .asColorPicker-input, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .asColorPicker-input, .input-group > .tt-hint + .asColorPicker-input, .asColorPicker-wrap > .tt-hint + .asColorPicker-input, .input-group > .tt-query + .asColorPicker-input, .asColorPicker-wrap > .tt-query + .asColorPicker-input, .input-group > .typeahead + .asColorPicker-input, .asColorPicker-wrap > .typeahead + .asColorPicker-input, .dataTables_wrapper .input-group > .form-control + select, .dataTables_wrapper .asColorPicker-wrap > .form-control + select, .dataTables_wrapper .input-group > .asColorPicker-input + select, .dataTables_wrapper .asColorPicker-wrap > .asColorPicker-input + select, .dataTables_wrapper .input-group > select + select, .dataTables_wrapper .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > input[type=text] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > input[type=text] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > input[type=number] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > input[type=number] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + select, .select2-container--default .dataTables_wrapper .input-group > .select2-selection--single + select, .dataTables_wrapper .select2-container--default .input-group > .select2-selection--single + select, .select2-container--default .dataTables_wrapper .asColorPicker-wrap > .select2-selection--single + select, .dataTables_wrapper .select2-container--default .asColorPicker-wrap > .select2-selection--single + select, .select2-container--default .select2-selection--single .dataTables_wrapper .input-group > .select2-search__field + select, .dataTables_wrapper .select2-container--default .select2-selection--single .input-group > .select2-search__field + select, .select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap > .select2-search__field + select, .dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + select, .dataTables_wrapper .input-group > .tt-hint + select, .dataTables_wrapper .asColorPicker-wrap > .tt-hint + select, .dataTables_wrapper .input-group > .tt-query + select, .dataTables_wrapper .asColorPicker-wrap > .tt-query + select, .dataTables_wrapper .input-group > .typeahead + select, .dataTables_wrapper .asColorPicker-wrap > .typeahead + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + input[type=text], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + input[type=text], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + input[type=text], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + input[type=text], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + input[type=text], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + input[type=text], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + input[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + select, - .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + select, - .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + select, - .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + select, - .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + select, - .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + select, - .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + select, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + input[type=number], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + input[type=number], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + input[type=number], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + input[type=number], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + input[type=number], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + input[type=number], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + input[type=number], .select2-container--default .input-group > .form-control + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .form-control + .select2-selection--single, .select2-container--default .input-group > .asColorPicker-input + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .asColorPicker-input + .select2-selection--single, .dataTables_wrapper .select2-container--default .input-group > select + .select2-selection--single, .select2-container--default .dataTables_wrapper .input-group > select + .select2-selection--single, .dataTables_wrapper .select2-container--default .asColorPicker-wrap > select + .select2-selection--single, .select2-container--default .dataTables_wrapper .asColorPicker-wrap > select + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > input[type=text] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > input[type=text] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > select + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > select + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > input[type=number] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > input[type=number] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .select2-selection--single, .select2-container--default .input-group > .select2-selection--single + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .select2-selection--single, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .select2-selection--single, .select2-container--default .input-group > .tt-hint + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .tt-hint + .select2-selection--single, .select2-container--default .input-group > .tt-query + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .tt-query + .select2-selection--single, .select2-container--default .input-group > .typeahead + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .typeahead + .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .form-control + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .form-control + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .asColorPicker-input + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .asColorPicker-input + .select2-search__field, .dataTables_wrapper .select2-container--default .select2-selection--single .input-group > select + .select2-search__field, .select2-container--default .select2-selection--single .dataTables_wrapper .input-group > select + .select2-search__field, .dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap > select + .select2-search__field, .select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap > select + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > input[type=text] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > input[type=text] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > select + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > select + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .select2-selection--single + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-selection--single + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .tt-hint + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .tt-hint + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .tt-query + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .tt-query + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .typeahead + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .typeahead + .select2-search__field, .input-group > .form-control + .tt-hint, .asColorPicker-wrap > .form-control + .tt-hint, .input-group > .asColorPicker-input + .tt-hint, .asColorPicker-wrap > .asColorPicker-input + .tt-hint, .dataTables_wrapper .input-group > select + .tt-hint, .dataTables_wrapper .asColorPicker-wrap > select + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .tt-hint, .select2-container--default .input-group > .select2-selection--single + .tt-hint, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .tt-hint, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .tt-hint, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .tt-hint, .input-group > .tt-hint + .tt-hint, .asColorPicker-wrap > .tt-hint + .tt-hint, .input-group > .tt-query + .tt-hint, .asColorPicker-wrap > .tt-query + .tt-hint, .input-group > .typeahead + .tt-hint, .asColorPicker-wrap > .typeahead + .tt-hint, - .input-group > .form-control + .tt-query, - .asColorPicker-wrap > .form-control + .tt-query, - .input-group > .asColorPicker-input + .tt-query, - .asColorPicker-wrap > .asColorPicker-input + .tt-query, - .dataTables_wrapper .input-group > select + .tt-query, - .dataTables_wrapper .asColorPicker-wrap > select + .tt-query, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .tt-query, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .tt-query, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .tt-query, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .tt-query, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .tt-query, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .tt-query, - .select2-container--default .input-group > .select2-selection--single + .tt-query, - .select2-container--default .asColorPicker-wrap > .select2-selection--single + .tt-query, - .select2-container--default .select2-selection--single .input-group > .select2-search__field + .tt-query, - .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .tt-query, - .input-group > .tt-hint + .tt-query, - .asColorPicker-wrap > .tt-hint + .tt-query, - .input-group > .tt-query + .tt-query, - .asColorPicker-wrap > .tt-query + .tt-query, - .input-group > .typeahead + .tt-query, - .asColorPicker-wrap > .typeahead + .tt-query, - .input-group > .form-control + .typeahead, - .asColorPicker-wrap > .form-control + .typeahead, - .input-group > .asColorPicker-input + .typeahead, - .asColorPicker-wrap > .asColorPicker-input + .typeahead, - .dataTables_wrapper .input-group > select + .typeahead, - .dataTables_wrapper .asColorPicker-wrap > select + .typeahead, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .typeahead, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .typeahead, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .typeahead, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .typeahead, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .typeahead, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .typeahead, - .select2-container--default .input-group > .select2-selection--single + .typeahead, - .select2-container--default .asColorPicker-wrap > .select2-selection--single + .typeahead, - .select2-container--default .select2-selection--single .input-group > .select2-search__field + .typeahead, - .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .typeahead, - .input-group > .tt-hint + .typeahead, - .asColorPicker-wrap > .tt-hint + .typeahead, - .input-group > .tt-query + .typeahead, - .asColorPicker-wrap > .tt-query + .typeahead, - .input-group > .typeahead + .typeahead, - .asColorPicker-wrap > .typeahead + .typeahead, - .input-group > .form-control + .custom-select, - .asColorPicker-wrap > .form-control + .custom-select, - .input-group > .asColorPicker-input + .custom-select, - .asColorPicker-wrap > .asColorPicker-input + .custom-select, - .dataTables_wrapper .input-group > select + .custom-select, - .dataTables_wrapper .asColorPicker-wrap > select + .custom-select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .custom-select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .custom-select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .custom-select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .custom-select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .custom-select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .custom-select, - .select2-container--default .input-group > .select2-selection--single + .custom-select, - .select2-container--default .asColorPicker-wrap > .select2-selection--single + .custom-select, - .select2-container--default .select2-selection--single .input-group > .select2-search__field + .custom-select, - .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .custom-select, - .input-group > .tt-hint + .custom-select, - .asColorPicker-wrap > .tt-hint + .custom-select, - .input-group > .tt-query + .custom-select, - .asColorPicker-wrap > .tt-query + .custom-select, - .input-group > .typeahead + .custom-select, - .asColorPicker-wrap > .typeahead + .custom-select, - .input-group > .form-control + .custom-file, - .asColorPicker-wrap > .form-control + .custom-file, - .input-group > .asColorPicker-input + .custom-file, - .asColorPicker-wrap > .asColorPicker-input + .custom-file, - .dataTables_wrapper .input-group > select + .custom-file, - .dataTables_wrapper .asColorPicker-wrap > select + .custom-file, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .custom-file, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .custom-file, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .custom-file, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .custom-file, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .custom-file, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .custom-file, - .select2-container--default .input-group > .select2-selection--single + .custom-file, - .select2-container--default .asColorPicker-wrap > .select2-selection--single + .custom-file, - .select2-container--default .select2-selection--single .input-group > .select2-search__field + .custom-file, - .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .custom-file, - .input-group > .tt-hint + .custom-file, - .asColorPicker-wrap > .tt-hint + .custom-file, - .input-group > .tt-query + .custom-file, - .asColorPicker-wrap > .tt-query + .custom-file, - .input-group > .typeahead + .custom-file, - .asColorPicker-wrap > .typeahead + .custom-file, - .input-group > .form-control-plaintext + .form-control, - .asColorPicker-wrap > .form-control-plaintext + .form-control, - .input-group > .form-control-plaintext + .asColorPicker-input, - .asColorPicker-wrap > .form-control-plaintext + .asColorPicker-input, - .dataTables_wrapper .input-group > .form-control-plaintext + select, - .dataTables_wrapper .asColorPicker-wrap > .form-control-plaintext + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control-plaintext + input[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control-plaintext + input[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control-plaintext + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control-plaintext + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control-plaintext + input[type=number], - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control-plaintext + input[type=number], - .select2-container--default .input-group > .form-control-plaintext + .select2-selection--single, - .select2-container--default .asColorPicker-wrap > .form-control-plaintext + .select2-selection--single, - .select2-container--default .select2-selection--single .input-group > .form-control-plaintext + .select2-search__field, - .select2-container--default .select2-selection--single .asColorPicker-wrap > .form-control-plaintext + .select2-search__field, - .input-group > .form-control-plaintext + .tt-hint, - .asColorPicker-wrap > .form-control-plaintext + .tt-hint, - .input-group > .form-control-plaintext + .tt-query, - .asColorPicker-wrap > .form-control-plaintext + .tt-query, - .input-group > .form-control-plaintext + .typeahead, - .asColorPicker-wrap > .form-control-plaintext + .typeahead, - .input-group > .form-control-plaintext + .custom-select, - .asColorPicker-wrap > .form-control-plaintext + .custom-select, - .input-group > .form-control-plaintext + .custom-file, - .asColorPicker-wrap > .form-control-plaintext + .custom-file, - .input-group > .custom-select + .form-control, - .asColorPicker-wrap > .custom-select + .form-control, - .input-group > .custom-select + .asColorPicker-input, - .asColorPicker-wrap > .custom-select + .asColorPicker-input, - .dataTables_wrapper .input-group > .custom-select + select, - .dataTables_wrapper .asColorPicker-wrap > .custom-select + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + input[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + input[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + input[type=number], - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + input[type=number], - .select2-container--default .input-group > .custom-select + .select2-selection--single, - .select2-container--default .asColorPicker-wrap > .custom-select + .select2-selection--single, - .select2-container--default .select2-selection--single .input-group > .custom-select + .select2-search__field, - .select2-container--default .select2-selection--single .asColorPicker-wrap > .custom-select + .select2-search__field, - .input-group > .custom-select + .tt-hint, - .asColorPicker-wrap > .custom-select + .tt-hint, - .input-group > .custom-select + .tt-query, - .asColorPicker-wrap > .custom-select + .tt-query, - .input-group > .custom-select + .typeahead, - .asColorPicker-wrap > .custom-select + .typeahead, - .input-group > .custom-select + .custom-select, - .asColorPicker-wrap > .custom-select + .custom-select, - .input-group > .custom-select + .custom-file, - .asColorPicker-wrap > .custom-select + .custom-file, - .input-group > .custom-file + .form-control, - .asColorPicker-wrap > .custom-file + .form-control, - .input-group > .custom-file + .asColorPicker-input, - .asColorPicker-wrap > .custom-file + .asColorPicker-input, - .dataTables_wrapper .input-group > .custom-file + select, - .dataTables_wrapper .asColorPicker-wrap > .custom-file + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + input[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + input[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + select, - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + input[type=number], - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + input[type=number], - .select2-container--default .input-group > .custom-file + .select2-selection--single, - .select2-container--default .asColorPicker-wrap > .custom-file + .select2-selection--single, - .select2-container--default .select2-selection--single .input-group > .custom-file + .select2-search__field, - .select2-container--default .select2-selection--single .asColorPicker-wrap > .custom-file + .select2-search__field, - .input-group > .custom-file + .tt-hint, - .asColorPicker-wrap > .custom-file + .tt-hint, - .input-group > .custom-file + .tt-query, - .asColorPicker-wrap > .custom-file + .tt-query, - .input-group > .custom-file + .typeahead, - .asColorPicker-wrap > .custom-file + .typeahead, - .input-group > .custom-file + .custom-select, - .asColorPicker-wrap > .custom-file + .custom-select, - .input-group > .custom-file + .custom-file, - .asColorPicker-wrap > .custom-file + .custom-file { - margin-left: -1px; } - .input-group > .form-control:focus, .asColorPicker-wrap > .form-control:focus, .input-group > .asColorPicker-input:focus, .asColorPicker-wrap > .asColorPicker-input:focus, .dataTables_wrapper .input-group > select:focus, .dataTables_wrapper .asColorPicker-wrap > select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:focus[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:focus, - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:focus[type=number], .select2-container--default .input-group > .select2-selection--single:focus, .select2-container--default .asColorPicker-wrap > .select2-selection--single:focus, .select2-container--default .select2-selection--single .input-group > .select2-search__field:focus, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:focus, .input-group > .tt-hint:focus, .asColorPicker-wrap > .tt-hint:focus, - .input-group > .tt-query:focus, - .asColorPicker-wrap > .tt-query:focus, - .input-group > .typeahead:focus, - .asColorPicker-wrap > .typeahead:focus, - .input-group > .custom-select:focus, - .asColorPicker-wrap > .custom-select:focus, - .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, - .asColorPicker-wrap > .custom-file .custom-file-input:focus ~ .custom-file-label { - z-index: 3; } - .input-group > .custom-file .custom-file-input:focus, .asColorPicker-wrap > .custom-file .custom-file-input:focus { - z-index: 4; } - .input-group > .form-control:not(:last-child), .asColorPicker-wrap > .form-control:not(:last-child), .input-group > .asColorPicker-input:not(:last-child), .asColorPicker-wrap > .asColorPicker-input:not(:last-child), .dataTables_wrapper .input-group > select:not(:last-child), .dataTables_wrapper .asColorPicker-wrap > select:not(:last-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:last-child)[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:last-child)[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:not(:last-child), - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:not(:last-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:last-child)[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:last-child)[type=number], .select2-container--default .input-group > .select2-selection--single:not(:last-child), .select2-container--default .asColorPicker-wrap > .select2-selection--single:not(:last-child), .select2-container--default .select2-selection--single .input-group > .select2-search__field:not(:last-child), .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:not(:last-child), .input-group > .tt-hint:not(:last-child), .asColorPicker-wrap > .tt-hint:not(:last-child), - .input-group > .tt-query:not(:last-child), - .asColorPicker-wrap > .tt-query:not(:last-child), - .input-group > .typeahead:not(:last-child), - .asColorPicker-wrap > .typeahead:not(:last-child), - .input-group > .custom-select:not(:last-child), - .asColorPicker-wrap > .custom-select:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .input-group > .form-control:not(:first-child), .asColorPicker-wrap > .form-control:not(:first-child), .input-group > .asColorPicker-input:not(:first-child), .asColorPicker-wrap > .asColorPicker-input:not(:first-child), .dataTables_wrapper .input-group > select:not(:first-child), .dataTables_wrapper .asColorPicker-wrap > select:not(:first-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:first-child)[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:first-child)[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:not(:first-child), - .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:not(:first-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input:not(:first-child)[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input:not(:first-child)[type=number], .select2-container--default .input-group > .select2-selection--single:not(:first-child), .select2-container--default .asColorPicker-wrap > .select2-selection--single:not(:first-child), .select2-container--default .select2-selection--single .input-group > .select2-search__field:not(:first-child), .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:not(:first-child), .input-group > .tt-hint:not(:first-child), .asColorPicker-wrap > .tt-hint:not(:first-child), - .input-group > .tt-query:not(:first-child), - .asColorPicker-wrap > .tt-query:not(:first-child), - .input-group > .typeahead:not(:first-child), - .asColorPicker-wrap > .typeahead:not(:first-child), - .input-group > .custom-select:not(:first-child), - .asColorPicker-wrap > .custom-select:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - - .input-group > .custom-file, - .asColorPicker-wrap > .custom-file { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - .input-group > .custom-file:not(:last-child) .custom-file-label, .asColorPicker-wrap > .custom-file:not(:last-child) .custom-file-label, - .input-group > .custom-file:not(:last-child) .custom-file-label::after, - .asColorPicker-wrap > .custom-file:not(:last-child) .custom-file-label::after { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .input-group > .custom-file:not(:first-child) .custom-file-label, .asColorPicker-wrap > .custom-file:not(:first-child) .custom-file-label { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } + width: 100%; +} -.input-group-prepend, .asColorPicker-trigger, +.input-group>.form-control, +.asColorPicker-wrap>.form-control, +.input-group>.asColorPicker-input, +.asColorPicker-wrap>.asColorPicker-input, +.dataTables_wrapper .input-group>select, +.dataTables_wrapper .asColorPicker-wrap>select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number], +.select2-container--default .input-group>.select2-selection--single, +.select2-container--default .asColorPicker-wrap>.select2-selection--single, +.select2-container--default .select2-selection--single .input-group>.select2-search__field, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field, +.input-group>.tt-hint, +.asColorPicker-wrap>.tt-hint, +.input-group>.tt-query, +.asColorPicker-wrap>.tt-query, +.input-group>.typeahead, +.asColorPicker-wrap>.typeahead, +.input-group>.form-control-plaintext, +.asColorPicker-wrap>.form-control-plaintext, +.input-group>.custom-select, +.asColorPicker-wrap>.custom-select, +.input-group>.custom-file, +.asColorPicker-wrap>.custom-file { + position: relative; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; +} + +.input-group>.form-control+.form-control, +.asColorPicker-wrap>.form-control+.form-control, +.input-group>.asColorPicker-input+.form-control, +.asColorPicker-wrap>.asColorPicker-input+.form-control, +.dataTables_wrapper .input-group>select+.form-control, +.dataTables_wrapper .asColorPicker-wrap>select+.form-control, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.form-control, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.form-control, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.form-control, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.form-control, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.form-control, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.form-control, +.select2-container--default .input-group>.select2-selection--single+.form-control, +.select2-container--default .asColorPicker-wrap>.select2-selection--single+.form-control, +.select2-container--default .select2-selection--single .input-group>.select2-search__field+.form-control, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.form-control, +.input-group>.tt-hint+.form-control, +.asColorPicker-wrap>.tt-hint+.form-control, +.input-group>.tt-query+.form-control, +.asColorPicker-wrap>.tt-query+.form-control, +.input-group>.typeahead+.form-control, +.asColorPicker-wrap>.typeahead+.form-control, +.input-group>.form-control+.asColorPicker-input, +.asColorPicker-wrap>.form-control+.asColorPicker-input, +.input-group>.asColorPicker-input+.asColorPicker-input, +.asColorPicker-wrap>.asColorPicker-input+.asColorPicker-input, +.dataTables_wrapper .input-group>select+.asColorPicker-input, +.dataTables_wrapper .asColorPicker-wrap>select+.asColorPicker-input, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.asColorPicker-input, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.asColorPicker-input, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.asColorPicker-input, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.asColorPicker-input, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.asColorPicker-input, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.asColorPicker-input, +.select2-container--default .input-group>.select2-selection--single+.asColorPicker-input, +.select2-container--default .asColorPicker-wrap>.select2-selection--single+.asColorPicker-input, +.select2-container--default .select2-selection--single .input-group>.select2-search__field+.asColorPicker-input, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.asColorPicker-input, +.input-group>.tt-hint+.asColorPicker-input, +.asColorPicker-wrap>.tt-hint+.asColorPicker-input, +.input-group>.tt-query+.asColorPicker-input, +.asColorPicker-wrap>.tt-query+.asColorPicker-input, +.input-group>.typeahead+.asColorPicker-input, +.asColorPicker-wrap>.typeahead+.asColorPicker-input, +.dataTables_wrapper .input-group>.form-control+select, +.dataTables_wrapper .asColorPicker-wrap>.form-control+select, +.dataTables_wrapper .input-group>.asColorPicker-input+select, +.dataTables_wrapper .asColorPicker-wrap>.asColorPicker-input+select, +.dataTables_wrapper .input-group>select+select, +.dataTables_wrapper .asColorPicker-wrap>select+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>input[type=text]+select, +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>input[type=text]+select, +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+select, +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+select, +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>input[type=number]+select, +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>input[type=number]+select, +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+select, +.select2-container--default .dataTables_wrapper .input-group>.select2-selection--single+select, +.dataTables_wrapper .select2-container--default .input-group>.select2-selection--single+select, +.select2-container--default .dataTables_wrapper .asColorPicker-wrap>.select2-selection--single+select, +.dataTables_wrapper .select2-container--default .asColorPicker-wrap>.select2-selection--single+select, +.select2-container--default .select2-selection--single .dataTables_wrapper .input-group>.select2-search__field+select, +.dataTables_wrapper .select2-container--default .select2-selection--single .input-group>.select2-search__field+select, +.select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap>.select2-search__field+select, +.dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+select, +.dataTables_wrapper .input-group>.tt-hint+select, +.dataTables_wrapper .asColorPicker-wrap>.tt-hint+select, +.dataTables_wrapper .input-group>.tt-query+select, +.dataTables_wrapper .asColorPicker-wrap>.tt-query+select, +.dataTables_wrapper .input-group>.typeahead+select, +.dataTables_wrapper .asColorPicker-wrap>.typeahead+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.asColorPicker-input+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.asColorPicker-input+input[type=text], +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+input[type=text], +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+input[type=text], +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-selection--single+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>.select2-selection--single+input[type=text], +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-selection--single+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>.select2-selection--single+input[type=text], +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-search__field+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>.select2-search__field+input[type=text], +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-search__field+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-hint+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-hint+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-query+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-query+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.typeahead+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.typeahead+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.asColorPicker-input+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.asColorPicker-input+select, +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+select, +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+select, +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-selection--single+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>.select2-selection--single+select, +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-selection--single+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>.select2-selection--single+select, +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-search__field+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>.select2-search__field+select, +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-search__field+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-hint+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-hint+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-query+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-query+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.typeahead+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.typeahead+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.asColorPicker-input+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.asColorPicker-input+input[type=number], +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+input[type=number], +.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+input[type=number], +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-selection--single+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>.select2-selection--single+input[type=number], +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-selection--single+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>.select2-selection--single+input[type=number], +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-search__field+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>.select2-search__field+input[type=number], +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-search__field+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-hint+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-hint+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-query+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-query+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.typeahead+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.typeahead+input[type=number], +.select2-container--default .input-group>.form-control+.select2-selection--single, +.select2-container--default .asColorPicker-wrap>.form-control+.select2-selection--single, +.select2-container--default .input-group>.asColorPicker-input+.select2-selection--single, +.select2-container--default .asColorPicker-wrap>.asColorPicker-input+.select2-selection--single, +.dataTables_wrapper .select2-container--default .input-group>select+.select2-selection--single, +.select2-container--default .dataTables_wrapper .input-group>select+.select2-selection--single, +.dataTables_wrapper .select2-container--default .asColorPicker-wrap>select+.select2-selection--single, +.select2-container--default .dataTables_wrapper .asColorPicker-wrap>select+.select2-selection--single, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>input[type=text]+.select2-selection--single, +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.select2-selection--single, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>input[type=text]+.select2-selection--single, +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.select2-selection--single, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>select+.select2-selection--single, +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.select2-selection--single, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>select+.select2-selection--single, +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.select2-selection--single, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>input[type=number]+.select2-selection--single, +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.select2-selection--single, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>input[type=number]+.select2-selection--single, +.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.select2-selection--single, +.select2-container--default .input-group>.select2-selection--single+.select2-selection--single, +.select2-container--default .asColorPicker-wrap>.select2-selection--single+.select2-selection--single, +.select2-container--default .select2-selection--single .input-group>.select2-search__field+.select2-selection--single, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.select2-selection--single, +.select2-container--default .input-group>.tt-hint+.select2-selection--single, +.select2-container--default .asColorPicker-wrap>.tt-hint+.select2-selection--single, +.select2-container--default .input-group>.tt-query+.select2-selection--single, +.select2-container--default .asColorPicker-wrap>.tt-query+.select2-selection--single, +.select2-container--default .input-group>.typeahead+.select2-selection--single, +.select2-container--default .asColorPicker-wrap>.typeahead+.select2-selection--single, +.select2-container--default .select2-selection--single .input-group>.form-control+.select2-search__field, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.form-control+.select2-search__field, +.select2-container--default .select2-selection--single .input-group>.asColorPicker-input+.select2-search__field, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.asColorPicker-input+.select2-search__field, +.dataTables_wrapper .select2-container--default .select2-selection--single .input-group>select+.select2-search__field, +.select2-container--default .select2-selection--single .dataTables_wrapper .input-group>select+.select2-search__field, +.dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap>select+.select2-search__field, +.select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap>select+.select2-search__field, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>input[type=text]+.select2-search__field, +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.select2-search__field, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>input[type=text]+.select2-search__field, +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.select2-search__field, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>select+.select2-search__field, +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.select2-search__field, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>select+.select2-search__field, +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.select2-search__field, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>input[type=number]+.select2-search__field, +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.select2-search__field, +.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>input[type=number]+.select2-search__field, +.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.select2-search__field, +.select2-container--default .select2-selection--single .input-group>.select2-selection--single+.select2-search__field, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-selection--single+.select2-search__field, +.select2-container--default .select2-selection--single .input-group>.select2-search__field+.select2-search__field, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.select2-search__field, +.select2-container--default .select2-selection--single .input-group>.tt-hint+.select2-search__field, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.tt-hint+.select2-search__field, +.select2-container--default .select2-selection--single .input-group>.tt-query+.select2-search__field, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.tt-query+.select2-search__field, +.select2-container--default .select2-selection--single .input-group>.typeahead+.select2-search__field, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.typeahead+.select2-search__field, +.input-group>.form-control+.tt-hint, +.asColorPicker-wrap>.form-control+.tt-hint, +.input-group>.asColorPicker-input+.tt-hint, +.asColorPicker-wrap>.asColorPicker-input+.tt-hint, +.dataTables_wrapper .input-group>select+.tt-hint, +.dataTables_wrapper .asColorPicker-wrap>select+.tt-hint, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.tt-hint, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.tt-hint, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.tt-hint, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.tt-hint, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.tt-hint, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.tt-hint, +.select2-container--default .input-group>.select2-selection--single+.tt-hint, +.select2-container--default .asColorPicker-wrap>.select2-selection--single+.tt-hint, +.select2-container--default .select2-selection--single .input-group>.select2-search__field+.tt-hint, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.tt-hint, +.input-group>.tt-hint+.tt-hint, +.asColorPicker-wrap>.tt-hint+.tt-hint, +.input-group>.tt-query+.tt-hint, +.asColorPicker-wrap>.tt-query+.tt-hint, +.input-group>.typeahead+.tt-hint, +.asColorPicker-wrap>.typeahead+.tt-hint, +.input-group>.form-control+.tt-query, +.asColorPicker-wrap>.form-control+.tt-query, +.input-group>.asColorPicker-input+.tt-query, +.asColorPicker-wrap>.asColorPicker-input+.tt-query, +.dataTables_wrapper .input-group>select+.tt-query, +.dataTables_wrapper .asColorPicker-wrap>select+.tt-query, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.tt-query, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.tt-query, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.tt-query, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.tt-query, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.tt-query, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.tt-query, +.select2-container--default .input-group>.select2-selection--single+.tt-query, +.select2-container--default .asColorPicker-wrap>.select2-selection--single+.tt-query, +.select2-container--default .select2-selection--single .input-group>.select2-search__field+.tt-query, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.tt-query, +.input-group>.tt-hint+.tt-query, +.asColorPicker-wrap>.tt-hint+.tt-query, +.input-group>.tt-query+.tt-query, +.asColorPicker-wrap>.tt-query+.tt-query, +.input-group>.typeahead+.tt-query, +.asColorPicker-wrap>.typeahead+.tt-query, +.input-group>.form-control+.typeahead, +.asColorPicker-wrap>.form-control+.typeahead, +.input-group>.asColorPicker-input+.typeahead, +.asColorPicker-wrap>.asColorPicker-input+.typeahead, +.dataTables_wrapper .input-group>select+.typeahead, +.dataTables_wrapper .asColorPicker-wrap>select+.typeahead, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.typeahead, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.typeahead, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.typeahead, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.typeahead, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.typeahead, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.typeahead, +.select2-container--default .input-group>.select2-selection--single+.typeahead, +.select2-container--default .asColorPicker-wrap>.select2-selection--single+.typeahead, +.select2-container--default .select2-selection--single .input-group>.select2-search__field+.typeahead, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.typeahead, +.input-group>.tt-hint+.typeahead, +.asColorPicker-wrap>.tt-hint+.typeahead, +.input-group>.tt-query+.typeahead, +.asColorPicker-wrap>.tt-query+.typeahead, +.input-group>.typeahead+.typeahead, +.asColorPicker-wrap>.typeahead+.typeahead, +.input-group>.form-control+.custom-select, +.asColorPicker-wrap>.form-control+.custom-select, +.input-group>.asColorPicker-input+.custom-select, +.asColorPicker-wrap>.asColorPicker-input+.custom-select, +.dataTables_wrapper .input-group>select+.custom-select, +.dataTables_wrapper .asColorPicker-wrap>select+.custom-select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.custom-select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.custom-select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.custom-select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.custom-select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.custom-select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.custom-select, +.select2-container--default .input-group>.select2-selection--single+.custom-select, +.select2-container--default .asColorPicker-wrap>.select2-selection--single+.custom-select, +.select2-container--default .select2-selection--single .input-group>.select2-search__field+.custom-select, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.custom-select, +.input-group>.tt-hint+.custom-select, +.asColorPicker-wrap>.tt-hint+.custom-select, +.input-group>.tt-query+.custom-select, +.asColorPicker-wrap>.tt-query+.custom-select, +.input-group>.typeahead+.custom-select, +.asColorPicker-wrap>.typeahead+.custom-select, +.input-group>.form-control+.custom-file, +.asColorPicker-wrap>.form-control+.custom-file, +.input-group>.asColorPicker-input+.custom-file, +.asColorPicker-wrap>.asColorPicker-input+.custom-file, +.dataTables_wrapper .input-group>select+.custom-file, +.dataTables_wrapper .asColorPicker-wrap>select+.custom-file, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.custom-file, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.custom-file, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.custom-file, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.custom-file, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.custom-file, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.custom-file, +.select2-container--default .input-group>.select2-selection--single+.custom-file, +.select2-container--default .asColorPicker-wrap>.select2-selection--single+.custom-file, +.select2-container--default .select2-selection--single .input-group>.select2-search__field+.custom-file, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.custom-file, +.input-group>.tt-hint+.custom-file, +.asColorPicker-wrap>.tt-hint+.custom-file, +.input-group>.tt-query+.custom-file, +.asColorPicker-wrap>.tt-query+.custom-file, +.input-group>.typeahead+.custom-file, +.asColorPicker-wrap>.typeahead+.custom-file, +.input-group>.form-control-plaintext+.form-control, +.asColorPicker-wrap>.form-control-plaintext+.form-control, +.input-group>.form-control-plaintext+.asColorPicker-input, +.asColorPicker-wrap>.form-control-plaintext+.asColorPicker-input, +.dataTables_wrapper .input-group>.form-control-plaintext+select, +.dataTables_wrapper .asColorPicker-wrap>.form-control-plaintext+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control-plaintext+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control-plaintext+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control-plaintext+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control-plaintext+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control-plaintext+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control-plaintext+input[type=number], +.select2-container--default .input-group>.form-control-plaintext+.select2-selection--single, +.select2-container--default .asColorPicker-wrap>.form-control-plaintext+.select2-selection--single, +.select2-container--default .select2-selection--single .input-group>.form-control-plaintext+.select2-search__field, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.form-control-plaintext+.select2-search__field, +.input-group>.form-control-plaintext+.tt-hint, +.asColorPicker-wrap>.form-control-plaintext+.tt-hint, +.input-group>.form-control-plaintext+.tt-query, +.asColorPicker-wrap>.form-control-plaintext+.tt-query, +.input-group>.form-control-plaintext+.typeahead, +.asColorPicker-wrap>.form-control-plaintext+.typeahead, +.input-group>.form-control-plaintext+.custom-select, +.asColorPicker-wrap>.form-control-plaintext+.custom-select, +.input-group>.form-control-plaintext+.custom-file, +.asColorPicker-wrap>.form-control-plaintext+.custom-file, +.input-group>.custom-select+.form-control, +.asColorPicker-wrap>.custom-select+.form-control, +.input-group>.custom-select+.asColorPicker-input, +.asColorPicker-wrap>.custom-select+.asColorPicker-input, +.dataTables_wrapper .input-group>.custom-select+select, +.dataTables_wrapper .asColorPicker-wrap>.custom-select+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-select+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-select+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-select+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-select+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-select+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-select+input[type=number], +.select2-container--default .input-group>.custom-select+.select2-selection--single, +.select2-container--default .asColorPicker-wrap>.custom-select+.select2-selection--single, +.select2-container--default .select2-selection--single .input-group>.custom-select+.select2-search__field, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.custom-select+.select2-search__field, +.input-group>.custom-select+.tt-hint, +.asColorPicker-wrap>.custom-select+.tt-hint, +.input-group>.custom-select+.tt-query, +.asColorPicker-wrap>.custom-select+.tt-query, +.input-group>.custom-select+.typeahead, +.asColorPicker-wrap>.custom-select+.typeahead, +.input-group>.custom-select+.custom-select, +.asColorPicker-wrap>.custom-select+.custom-select, +.input-group>.custom-select+.custom-file, +.asColorPicker-wrap>.custom-select+.custom-file, +.input-group>.custom-file+.form-control, +.asColorPicker-wrap>.custom-file+.form-control, +.input-group>.custom-file+.asColorPicker-input, +.asColorPicker-wrap>.custom-file+.asColorPicker-input, +.dataTables_wrapper .input-group>.custom-file+select, +.dataTables_wrapper .asColorPicker-wrap>.custom-file+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-file+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-file+input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-file+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-file+select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-file+input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-file+input[type=number], +.select2-container--default .input-group>.custom-file+.select2-selection--single, +.select2-container--default .asColorPicker-wrap>.custom-file+.select2-selection--single, +.select2-container--default .select2-selection--single .input-group>.custom-file+.select2-search__field, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.custom-file+.select2-search__field, +.input-group>.custom-file+.tt-hint, +.asColorPicker-wrap>.custom-file+.tt-hint, +.input-group>.custom-file+.tt-query, +.asColorPicker-wrap>.custom-file+.tt-query, +.input-group>.custom-file+.typeahead, +.asColorPicker-wrap>.custom-file+.typeahead, +.input-group>.custom-file+.custom-select, +.asColorPicker-wrap>.custom-file+.custom-select, +.input-group>.custom-file+.custom-file, +.asColorPicker-wrap>.custom-file+.custom-file { + margin-left: -1px; +} + +.input-group>.form-control:focus, +.asColorPicker-wrap>.form-control:focus, +.input-group>.asColorPicker-input:focus, +.asColorPicker-wrap>.asColorPicker-input:focus, +.dataTables_wrapper .input-group>select:focus, +.dataTables_wrapper .asColorPicker-wrap>select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:focus[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:focus[type=number], +.select2-container--default .input-group>.select2-selection--single:focus, +.select2-container--default .asColorPicker-wrap>.select2-selection--single:focus, +.select2-container--default .select2-selection--single .input-group>.select2-search__field:focus, +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field:focus, +.input-group>.tt-hint:focus, +.asColorPicker-wrap>.tt-hint:focus, +.input-group>.tt-query:focus, +.asColorPicker-wrap>.tt-query:focus, +.input-group>.typeahead:focus, +.asColorPicker-wrap>.typeahead:focus, +.input-group>.custom-select:focus, +.asColorPicker-wrap>.custom-select:focus, +.input-group>.custom-file .custom-file-input:focus~.custom-file-label, +.asColorPicker-wrap>.custom-file .custom-file-input:focus~.custom-file-label { + z-index: 3; +} + +.input-group>.custom-file .custom-file-input:focus, +.asColorPicker-wrap>.custom-file .custom-file-input:focus { + z-index: 4; +} + +.input-group>.form-control:not(:last-child), +.asColorPicker-wrap>.form-control:not(:last-child), +.input-group>.asColorPicker-input:not(:last-child), +.asColorPicker-wrap>.asColorPicker-input:not(:last-child), +.dataTables_wrapper .input-group>select:not(:last-child), +.dataTables_wrapper .asColorPicker-wrap>select:not(:last-child), +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:not(:last-child)[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:not(:last-child)[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select:not(:last-child), +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select:not(:last-child), +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:not(:last-child)[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:not(:last-child)[type=number], +.select2-container--default .input-group>.select2-selection--single:not(:last-child), +.select2-container--default .asColorPicker-wrap>.select2-selection--single:not(:last-child), +.select2-container--default .select2-selection--single .input-group>.select2-search__field:not(:last-child), +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field:not(:last-child), +.input-group>.tt-hint:not(:last-child), +.asColorPicker-wrap>.tt-hint:not(:last-child), +.input-group>.tt-query:not(:last-child), +.asColorPicker-wrap>.tt-query:not(:last-child), +.input-group>.typeahead:not(:last-child), +.asColorPicker-wrap>.typeahead:not(:last-child), +.input-group>.custom-select:not(:last-child), +.asColorPicker-wrap>.custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.form-control:not(:first-child), +.asColorPicker-wrap>.form-control:not(:first-child), +.input-group>.asColorPicker-input:not(:first-child), +.asColorPicker-wrap>.asColorPicker-input:not(:first-child), +.dataTables_wrapper .input-group>select:not(:first-child), +.dataTables_wrapper .asColorPicker-wrap>select:not(:first-child), +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:not(:first-child)[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:not(:first-child)[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select:not(:first-child), +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select:not(:first-child), +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:not(:first-child)[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:not(:first-child)[type=number], +.select2-container--default .input-group>.select2-selection--single:not(:first-child), +.select2-container--default .asColorPicker-wrap>.select2-selection--single:not(:first-child), +.select2-container--default .select2-selection--single .input-group>.select2-search__field:not(:first-child), +.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field:not(:first-child), +.input-group>.tt-hint:not(:first-child), +.asColorPicker-wrap>.tt-hint:not(:first-child), +.input-group>.tt-query:not(:first-child), +.asColorPicker-wrap>.tt-query:not(:first-child), +.input-group>.typeahead:not(:first-child), +.asColorPicker-wrap>.typeahead:not(:first-child), +.input-group>.custom-select:not(:first-child), +.asColorPicker-wrap>.custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group>.custom-file, +.asColorPicker-wrap>.custom-file { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.input-group>.custom-file:not(:last-child) .custom-file-label, +.asColorPicker-wrap>.custom-file:not(:last-child) .custom-file-label, +.input-group>.custom-file:not(:last-child) .custom-file-label::after, +.asColorPicker-wrap>.custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.custom-file:not(:first-child) .custom-file-label, +.asColorPicker-wrap>.custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.asColorPicker-trigger, .input-group-append { display: -webkit-box; display: -ms-flexbox; - display: flex; } - .input-group-prepend .btn, .asColorPicker-trigger .btn, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled, .input-group-prepend .wizard > .actions a, .wizard > .actions .input-group-prepend a, .asColorPicker-trigger .wizard > .actions a, .wizard > .actions .asColorPicker-trigger a, - .input-group-append .btn, - .input-group-append .ajax-upload-dragdrop .ajax-file-upload, - .ajax-upload-dragdrop .input-group-append .ajax-file-upload, - .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled, - .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled, - .input-group-append .wizard > .actions a, - .wizard > .actions .input-group-append a { - position: relative; - z-index: 2; } - .input-group-prepend .btn:focus, .asColorPicker-trigger .btn:focus, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload:focus, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload:focus, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload:focus, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload:focus, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled:focus, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled:focus, .input-group-prepend .wizard > .actions a:focus, .wizard > .actions .input-group-prepend a:focus, .asColorPicker-trigger .wizard > .actions a:focus, .wizard > .actions .asColorPicker-trigger a:focus, - .input-group-append .btn:focus, - .input-group-append .ajax-upload-dragdrop .ajax-file-upload:focus, - .ajax-upload-dragdrop .input-group-append .ajax-file-upload:focus, - .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, - .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled:focus, - .input-group-append .wizard > .actions a:focus, - .wizard > .actions .input-group-append a:focus { - z-index: 3; } - .input-group-prepend .btn + .btn, .asColorPicker-trigger .btn + .btn, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .btn, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .btn, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .btn, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .btn, .input-group-prepend .wizard > .actions a + .btn, .wizard > .actions .input-group-prepend a + .btn, .asColorPicker-trigger .wizard > .actions a + .btn, .wizard > .actions .asColorPicker-trigger a + .btn, .input-group-prepend .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .btn + .ajax-file-upload, .asColorPicker-trigger .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .btn + .ajax-file-upload, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .ajax-file-upload, .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .ajax-file-upload, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .ajax-file-upload, .input-group-prepend .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .wizard > .actions a + .ajax-file-upload, .wizard > .actions .input-group-prepend .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .input-group-prepend a + .ajax-file-upload, .asColorPicker-trigger .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-trigger .wizard > .actions a + .ajax-file-upload, .wizard > .actions .asColorPicker-trigger .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .asColorPicker-trigger a + .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .btn + .swal2-styled, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .btn + .swal2-styled, .input-group-prepend .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .swal2-styled, .asColorPicker-trigger .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .swal2-styled, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .swal2-styled, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .swal2-styled, .input-group-prepend .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard > .actions a + .swal2-styled, .wizard > .actions .input-group-prepend .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .input-group-prepend a + .swal2-styled, .asColorPicker-trigger .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .wizard > .actions a + .swal2-styled, .wizard > .actions .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .asColorPicker-trigger a + .swal2-styled, .input-group-prepend .wizard > .actions .btn + a, .wizard > .actions .input-group-prepend .btn + a, .asColorPicker-trigger .wizard > .actions .btn + a, .wizard > .actions .asColorPicker-trigger .btn + a, .input-group-prepend .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .input-group-prepend .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + a, .asColorPicker-trigger .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .asColorPicker-trigger .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + a, .input-group-prepend .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + a, .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + a, .input-group-prepend .wizard > .actions a + a, .wizard > .actions .input-group-prepend a + a, .asColorPicker-trigger .wizard > .actions a + a, .wizard > .actions .asColorPicker-trigger a + a, - .input-group-prepend .btn + .input-group-text, - .asColorPicker-trigger .btn + .input-group-text, - .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .input-group-text, - .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .input-group-text, - .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload + .input-group-text, - .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload + .input-group-text, - .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .input-group-text, - .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .input-group-text, - .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled + .input-group-text, - .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled + .input-group-text, - .input-group-prepend .wizard > .actions a + .input-group-text, - .wizard > .actions .input-group-prepend a + .input-group-text, - .asColorPicker-trigger .wizard > .actions a + .input-group-text, - .wizard > .actions .asColorPicker-trigger a + .input-group-text, - .input-group-prepend .input-group-text + .input-group-text, - .asColorPicker-trigger .input-group-text + .input-group-text, - .input-group-prepend .input-group-text + .btn, - .asColorPicker-trigger .input-group-text + .btn, - .input-group-prepend .ajax-upload-dragdrop .input-group-text + .ajax-file-upload, - .ajax-upload-dragdrop .input-group-prepend .input-group-text + .ajax-file-upload, - .asColorPicker-trigger .ajax-upload-dragdrop .input-group-text + .ajax-file-upload, - .ajax-upload-dragdrop .asColorPicker-trigger .input-group-text + .ajax-file-upload, - .input-group-prepend .swal2-modal .swal2-buttonswrapper .input-group-text + .swal2-styled, - .swal2-modal .swal2-buttonswrapper .input-group-prepend .input-group-text + .swal2-styled, - .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .input-group-text + .swal2-styled, - .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .input-group-text + .swal2-styled, - .input-group-prepend .wizard > .actions .input-group-text + a, - .wizard > .actions .input-group-prepend .input-group-text + a, - .asColorPicker-trigger .wizard > .actions .input-group-text + a, - .wizard > .actions .asColorPicker-trigger .input-group-text + a, - .input-group-append .btn + .btn, - .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .btn, - .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .btn, - .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, - .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .btn, - .input-group-append .wizard > .actions a + .btn, - .wizard > .actions .input-group-append a + .btn, - .input-group-append .ajax-upload-dragdrop .btn + .ajax-file-upload, - .ajax-upload-dragdrop .input-group-append .btn + .ajax-file-upload, - .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, - .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .ajax-file-upload, - .input-group-append .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, - .ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, - .swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, - .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .ajax-file-upload, - .input-group-append .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, - .ajax-upload-dragdrop .input-group-append .wizard > .actions a + .ajax-file-upload, - .wizard > .actions .input-group-append .ajax-upload-dragdrop a + .ajax-file-upload, - .ajax-upload-dragdrop .wizard > .actions .input-group-append a + .ajax-file-upload, - .input-group-append .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, - .swal2-modal .swal2-buttonswrapper .input-group-append .btn + .swal2-styled, - .input-group-append .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, - .swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, - .ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, - .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .swal2-styled, - .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, - .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .swal2-styled, - .input-group-append .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, - .swal2-modal .swal2-buttonswrapper .input-group-append .wizard > .actions a + .swal2-styled, - .wizard > .actions .input-group-append .swal2-modal .swal2-buttonswrapper a + .swal2-styled, - .swal2-modal .swal2-buttonswrapper .wizard > .actions .input-group-append a + .swal2-styled, - .input-group-append .wizard > .actions .btn + a, - .wizard > .actions .input-group-append .btn + a, - .input-group-append .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, - .wizard > .actions .input-group-append .ajax-upload-dragdrop .ajax-file-upload + a, - .ajax-upload-dragdrop .input-group-append .wizard > .actions .ajax-file-upload + a, - .wizard > .actions .ajax-upload-dragdrop .input-group-append .ajax-file-upload + a, - .input-group-append .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, - .wizard > .actions .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + a, - .swal2-modal .swal2-buttonswrapper .input-group-append .wizard > .actions .swal2-styled + a, - .wizard > .actions .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + a, - .input-group-append .wizard > .actions a + a, - .wizard > .actions .input-group-append a + a, - .input-group-append .btn + .input-group-text, - .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .input-group-text, - .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .input-group-text, - .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .input-group-text, - .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .input-group-text, - .input-group-append .wizard > .actions a + .input-group-text, - .wizard > .actions .input-group-append a + .input-group-text, - .input-group-append .input-group-text + .input-group-text, - .input-group-append .input-group-text + .btn, - .input-group-append .ajax-upload-dragdrop .input-group-text + .ajax-file-upload, - .ajax-upload-dragdrop .input-group-append .input-group-text + .ajax-file-upload, - .input-group-append .swal2-modal .swal2-buttonswrapper .input-group-text + .swal2-styled, - .swal2-modal .swal2-buttonswrapper .input-group-append .input-group-text + .swal2-styled, - .input-group-append .wizard > .actions .input-group-text + a, - .wizard > .actions .input-group-append .input-group-text + a { - margin-left: -1px; } + display: flex; +} -.input-group-prepend, .asColorPicker-trigger { - margin-right: -1px; } +.input-group-prepend .btn, +.asColorPicker-trigger .btn, +.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload, +.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload, +.asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload, +.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled, +.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled, +.input-group-prepend .wizard>.actions a, +.wizard>.actions .input-group-prepend a, +.asColorPicker-trigger .wizard>.actions a, +.wizard>.actions .asColorPicker-trigger a, +.input-group-append .btn, +.input-group-append .ajax-upload-dragdrop .ajax-file-upload, +.ajax-upload-dragdrop .input-group-append .ajax-file-upload, +.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled, +.input-group-append .wizard>.actions a, +.wizard>.actions .input-group-append a { + position: relative; + z-index: 2; +} + +.input-group-prepend .btn:focus, +.asColorPicker-trigger .btn:focus, +.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload:focus, +.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload:focus, +.asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload:focus, +.ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload:focus, +.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, +.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled:focus, +.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, +.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled:focus, +.input-group-prepend .wizard>.actions a:focus, +.wizard>.actions .input-group-prepend a:focus, +.asColorPicker-trigger .wizard>.actions a:focus, +.wizard>.actions .asColorPicker-trigger a:focus, +.input-group-append .btn:focus, +.input-group-append .ajax-upload-dragdrop .ajax-file-upload:focus, +.ajax-upload-dragdrop .input-group-append .ajax-file-upload:focus, +.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, +.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled:focus, +.input-group-append .wizard>.actions a:focus, +.wizard>.actions .input-group-append a:focus { + z-index: 3; +} + +.input-group-prepend .btn+.btn, +.asColorPicker-trigger .btn+.btn, +.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.btn, +.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.btn, +.asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload+.btn, +.ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload+.btn, +.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn, +.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.btn, +.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn, +.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled+.btn, +.input-group-prepend .wizard>.actions a+.btn, +.wizard>.actions .input-group-prepend a+.btn, +.asColorPicker-trigger .wizard>.actions a+.btn, +.wizard>.actions .asColorPicker-trigger a+.btn, +.input-group-prepend .ajax-upload-dragdrop .btn+.ajax-file-upload, +.ajax-upload-dragdrop .input-group-prepend .btn+.ajax-file-upload, +.asColorPicker-trigger .ajax-upload-dragdrop .btn+.ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-trigger .btn+.ajax-file-upload, +.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload, +.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.ajax-file-upload, +.asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload+.ajax-file-upload, +.input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload, +.ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload, +.ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.ajax-file-upload, +.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled+.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload, +.ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled+.ajax-file-upload, +.input-group-prepend .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload, +.ajax-upload-dragdrop .input-group-prepend .wizard>.actions a+.ajax-file-upload, +.wizard>.actions .input-group-prepend .ajax-upload-dragdrop a+.ajax-file-upload, +.ajax-upload-dragdrop .wizard>.actions .input-group-prepend a+.ajax-file-upload, +.asColorPicker-trigger .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-trigger .wizard>.actions a+.ajax-file-upload, +.wizard>.actions .asColorPicker-trigger .ajax-upload-dragdrop a+.ajax-file-upload, +.ajax-upload-dragdrop .wizard>.actions .asColorPicker-trigger a+.ajax-file-upload, +.input-group-prepend .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-prepend .btn+.swal2-styled, +.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .btn+.swal2-styled, +.input-group-prepend .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.swal2-styled, +.ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.swal2-styled, +.asColorPicker-trigger .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload+.swal2-styled, +.ajax-upload-dragdrop .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload+.swal2-styled, +.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.swal2-styled, +.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled+.swal2-styled, +.input-group-prepend .wizard>.actions .swal2-modal .swal2-buttonswrapper a+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard>.actions a+.swal2-styled, +.wizard>.actions .input-group-prepend .swal2-modal .swal2-buttonswrapper a+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .wizard>.actions .input-group-prepend a+.swal2-styled, +.asColorPicker-trigger .wizard>.actions .swal2-modal .swal2-buttonswrapper a+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .wizard>.actions a+.swal2-styled, +.wizard>.actions .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper a+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .wizard>.actions .asColorPicker-trigger a+.swal2-styled, +.input-group-prepend .wizard>.actions .btn+a, +.wizard>.actions .input-group-prepend .btn+a, +.asColorPicker-trigger .wizard>.actions .btn+a, +.wizard>.actions .asColorPicker-trigger .btn+a, +.input-group-prepend .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a, +.wizard>.actions .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+a, +.ajax-upload-dragdrop .input-group-prepend .wizard>.actions .ajax-file-upload+a, +.wizard>.actions .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+a, +.asColorPicker-trigger .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a, +.wizard>.actions .asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload+a, +.ajax-upload-dragdrop .asColorPicker-trigger .wizard>.actions .ajax-file-upload+a, +.wizard>.actions .ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload+a, +.input-group-prepend .swal2-modal .swal2-buttonswrapper .wizard>.actions .swal2-styled+a, +.wizard>.actions .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+a, +.swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard>.actions .swal2-styled+a, +.wizard>.actions .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+a, +.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .wizard>.actions .swal2-styled+a, +.wizard>.actions .asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled+a, +.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .wizard>.actions .swal2-styled+a, +.wizard>.actions .swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled+a, +.input-group-prepend .wizard>.actions a+a, +.wizard>.actions .input-group-prepend a+a, +.asColorPicker-trigger .wizard>.actions a+a, +.wizard>.actions .asColorPicker-trigger a+a, +.input-group-prepend .btn+.input-group-text, +.asColorPicker-trigger .btn+.input-group-text, +.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.input-group-text, +.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.input-group-text, +.asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload+.input-group-text, +.ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload+.input-group-text, +.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.input-group-text, +.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.input-group-text, +.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled+.input-group-text, +.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled+.input-group-text, +.input-group-prepend .wizard>.actions a+.input-group-text, +.wizard>.actions .input-group-prepend a+.input-group-text, +.asColorPicker-trigger .wizard>.actions a+.input-group-text, +.wizard>.actions .asColorPicker-trigger a+.input-group-text, +.input-group-prepend .input-group-text+.input-group-text, +.asColorPicker-trigger .input-group-text+.input-group-text, +.input-group-prepend .input-group-text+.btn, +.asColorPicker-trigger .input-group-text+.btn, +.input-group-prepend .ajax-upload-dragdrop .input-group-text+.ajax-file-upload, +.ajax-upload-dragdrop .input-group-prepend .input-group-text+.ajax-file-upload, +.asColorPicker-trigger .ajax-upload-dragdrop .input-group-text+.ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-trigger .input-group-text+.ajax-file-upload, +.input-group-prepend .swal2-modal .swal2-buttonswrapper .input-group-text+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-prepend .input-group-text+.swal2-styled, +.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .input-group-text+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .input-group-text+.swal2-styled, +.input-group-prepend .wizard>.actions .input-group-text+a, +.wizard>.actions .input-group-prepend .input-group-text+a, +.asColorPicker-trigger .wizard>.actions .input-group-text+a, +.wizard>.actions .asColorPicker-trigger .input-group-text+a, +.input-group-append .btn+.btn, +.input-group-append .ajax-upload-dragdrop .ajax-file-upload+.btn, +.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.btn, +.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn, +.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.btn, +.input-group-append .wizard>.actions a+.btn, +.wizard>.actions .input-group-append a+.btn, +.input-group-append .ajax-upload-dragdrop .btn+.ajax-file-upload, +.ajax-upload-dragdrop .input-group-append .btn+.ajax-file-upload, +.input-group-append .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload, +.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.ajax-file-upload, +.input-group-append .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload, +.ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload, +.ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.ajax-file-upload, +.input-group-append .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload, +.ajax-upload-dragdrop .input-group-append .wizard>.actions a+.ajax-file-upload, +.wizard>.actions .input-group-append .ajax-upload-dragdrop a+.ajax-file-upload, +.ajax-upload-dragdrop .wizard>.actions .input-group-append a+.ajax-file-upload, +.input-group-append .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-append .btn+.swal2-styled, +.input-group-append .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .ajax-file-upload+.swal2-styled, +.ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-append .ajax-file-upload+.swal2-styled, +.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.swal2-styled, +.input-group-append .wizard>.actions .swal2-modal .swal2-buttonswrapper a+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-append .wizard>.actions a+.swal2-styled, +.wizard>.actions .input-group-append .swal2-modal .swal2-buttonswrapper a+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .wizard>.actions .input-group-append a+.swal2-styled, +.input-group-append .wizard>.actions .btn+a, +.wizard>.actions .input-group-append .btn+a, +.input-group-append .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a, +.wizard>.actions .input-group-append .ajax-upload-dragdrop .ajax-file-upload+a, +.ajax-upload-dragdrop .input-group-append .wizard>.actions .ajax-file-upload+a, +.wizard>.actions .ajax-upload-dragdrop .input-group-append .ajax-file-upload+a, +.input-group-append .swal2-modal .swal2-buttonswrapper .wizard>.actions .swal2-styled+a, +.wizard>.actions .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+a, +.swal2-modal .swal2-buttonswrapper .input-group-append .wizard>.actions .swal2-styled+a, +.wizard>.actions .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+a, +.input-group-append .wizard>.actions a+a, +.wizard>.actions .input-group-append a+a, +.input-group-append .btn+.input-group-text, +.input-group-append .ajax-upload-dragdrop .ajax-file-upload+.input-group-text, +.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.input-group-text, +.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.input-group-text, +.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.input-group-text, +.input-group-append .wizard>.actions a+.input-group-text, +.wizard>.actions .input-group-append a+.input-group-text, +.input-group-append .input-group-text+.input-group-text, +.input-group-append .input-group-text+.btn, +.input-group-append .ajax-upload-dragdrop .input-group-text+.ajax-file-upload, +.ajax-upload-dragdrop .input-group-append .input-group-text+.ajax-file-upload, +.input-group-append .swal2-modal .swal2-buttonswrapper .input-group-text+.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-append .input-group-text+.swal2-styled, +.input-group-append .wizard>.actions .input-group-text+a, +.wizard>.actions .input-group-append .input-group-text+a { + margin-left: -1px; +} + +.input-group-prepend, +.asColorPicker-trigger { + margin-right: -1px; +} .input-group-append { - margin-left: -1px; } + margin-left: -1px; +} .input-group-text { display: -webkit-box; @@ -3443,268 +5531,369 @@ input[type="button"].btn-block { white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; - border-radius: 2px; } - .input-group-text input[type="radio"], - .input-group-text input[type="checkbox"] { - margin-top: 0; } + border-radius: 2px; +} -.input-group-lg > .form-control:not(textarea), .input-group-lg > .asColorPicker-input:not(textarea), .dataTables_wrapper .input-group-lg > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input:not(textarea)[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input:not(textarea)[type=number], .select2-container--default .input-group-lg > .select2-selection--single:not(textarea), .select2-container--default .select2-selection--single .input-group-lg > .select2-search__field:not(textarea), .input-group-lg > .tt-hint:not(textarea), -.input-group-lg > .tt-query:not(textarea), -.input-group-lg > .typeahead:not(textarea), -.input-group-lg > .custom-select { - height: calc(1.5em + 1rem + 2px); } +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; +} -.input-group-lg > .form-control, .input-group-lg > .asColorPicker-input, .dataTables_wrapper .input-group-lg > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input[type=number], .select2-container--default .input-group-lg > .select2-selection--single, .select2-container--default .select2-selection--single .input-group-lg > .select2-search__field, .input-group-lg > .tt-hint, -.input-group-lg > .tt-query, -.input-group-lg > .typeahead, -.input-group-lg > .custom-select, -.input-group-lg > .input-group-prepend > .input-group-text, -.input-group-lg > .asColorPicker-trigger > .input-group-text, -.input-group-lg > .input-group-append > .input-group-text, -.input-group-lg > .input-group-prepend > .btn, -.input-group-lg > .asColorPicker-trigger > .btn, -.ajax-upload-dragdrop .input-group-lg > .input-group-prepend > .ajax-file-upload, -.ajax-upload-dragdrop .input-group-lg > .asColorPicker-trigger > .ajax-file-upload, -.swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-prepend > .swal2-styled, -.swal2-modal .swal2-buttonswrapper .input-group-lg > .asColorPicker-trigger > .swal2-styled, -.wizard > .actions .input-group-lg > .input-group-prepend > a, -.wizard > .actions .input-group-lg > .asColorPicker-trigger > a, -.input-group-lg > .input-group-append > .btn, -.ajax-upload-dragdrop .input-group-lg > .input-group-append > .ajax-file-upload, -.swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-append > .swal2-styled, -.wizard > .actions .input-group-lg > .input-group-append > a { +.input-group-lg>.form-control:not(textarea), +.input-group-lg>.asColorPicker-input:not(textarea), +.dataTables_wrapper .input-group-lg>select:not(textarea), +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input:not(textarea)[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>select:not(textarea), +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input:not(textarea)[type=number], +.select2-container--default .input-group-lg>.select2-selection--single:not(textarea), +.select2-container--default .select2-selection--single .input-group-lg>.select2-search__field:not(textarea), +.input-group-lg>.tt-hint:not(textarea), +.input-group-lg>.tt-query:not(textarea), +.input-group-lg>.typeahead:not(textarea), +.input-group-lg>.custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg>.form-control, +.input-group-lg>.asColorPicker-input, +.dataTables_wrapper .input-group-lg>select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input[type=number], +.select2-container--default .input-group-lg>.select2-selection--single, +.select2-container--default .select2-selection--single .input-group-lg>.select2-search__field, +.input-group-lg>.tt-hint, +.input-group-lg>.tt-query, +.input-group-lg>.typeahead, +.input-group-lg>.custom-select, +.input-group-lg>.input-group-prepend>.input-group-text, +.input-group-lg>.asColorPicker-trigger>.input-group-text, +.input-group-lg>.input-group-append>.input-group-text, +.input-group-lg>.input-group-prepend>.btn, +.input-group-lg>.asColorPicker-trigger>.btn, +.ajax-upload-dragdrop .input-group-lg>.input-group-prepend>.ajax-file-upload, +.ajax-upload-dragdrop .input-group-lg>.asColorPicker-trigger>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .input-group-lg>.input-group-prepend>.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-lg>.asColorPicker-trigger>.swal2-styled, +.wizard>.actions .input-group-lg>.input-group-prepend>a, +.wizard>.actions .input-group-lg>.asColorPicker-trigger>a, +.input-group-lg>.input-group-append>.btn, +.ajax-upload-dragdrop .input-group-lg>.input-group-append>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .input-group-lg>.input-group-append>.swal2-styled, +.wizard>.actions .input-group-lg>.input-group-append>a { padding: 0.94rem 1.94rem; font-size: 1.25rem; line-height: 1; - border-radius: 0.3rem; } + border-radius: 0.3rem; +} -.input-group-sm > .form-control:not(textarea), .input-group-sm > .asColorPicker-input:not(textarea), .dataTables_wrapper .input-group-sm > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input:not(textarea)[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input:not(textarea)[type=number], .select2-container--default .input-group-sm > .select2-selection--single:not(textarea), .select2-container--default .select2-selection--single .input-group-sm > .select2-search__field:not(textarea), .input-group-sm > .tt-hint:not(textarea), -.input-group-sm > .tt-query:not(textarea), -.input-group-sm > .typeahead:not(textarea), -.input-group-sm > .custom-select { - height: calc(1.5em + 0.5rem + 2px); } +.input-group-sm>.form-control:not(textarea), +.input-group-sm>.asColorPicker-input:not(textarea), +.dataTables_wrapper .input-group-sm>select:not(textarea), +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input:not(textarea)[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>select:not(textarea), +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input:not(textarea)[type=number], +.select2-container--default .input-group-sm>.select2-selection--single:not(textarea), +.select2-container--default .select2-selection--single .input-group-sm>.select2-search__field:not(textarea), +.input-group-sm>.tt-hint:not(textarea), +.input-group-sm>.tt-query:not(textarea), +.input-group-sm>.typeahead:not(textarea), +.input-group-sm>.custom-select { + height: calc(1.5em + 0.5rem + 2px); +} -.input-group-sm > .form-control, .input-group-sm > .asColorPicker-input, .dataTables_wrapper .input-group-sm > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input[type=number], .select2-container--default .input-group-sm > .select2-selection--single, .select2-container--default .select2-selection--single .input-group-sm > .select2-search__field, .input-group-sm > .tt-hint, -.input-group-sm > .tt-query, -.input-group-sm > .typeahead, -.input-group-sm > .custom-select, -.input-group-sm > .input-group-prepend > .input-group-text, -.input-group-sm > .asColorPicker-trigger > .input-group-text, -.input-group-sm > .input-group-append > .input-group-text, -.input-group-sm > .input-group-prepend > .btn, -.input-group-sm > .asColorPicker-trigger > .btn, -.ajax-upload-dragdrop .input-group-sm > .input-group-prepend > .ajax-file-upload, -.ajax-upload-dragdrop .input-group-sm > .asColorPicker-trigger > .ajax-file-upload, -.swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-prepend > .swal2-styled, -.swal2-modal .swal2-buttonswrapper .input-group-sm > .asColorPicker-trigger > .swal2-styled, -.wizard > .actions .input-group-sm > .input-group-prepend > a, -.wizard > .actions .input-group-sm > .asColorPicker-trigger > a, -.input-group-sm > .input-group-append > .btn, -.ajax-upload-dragdrop .input-group-sm > .input-group-append > .ajax-file-upload, -.swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-append > .swal2-styled, -.wizard > .actions .input-group-sm > .input-group-append > a { +.input-group-sm>.form-control, +.input-group-sm>.asColorPicker-input, +.dataTables_wrapper .input-group-sm>select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>select, +.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input[type=number], +.select2-container--default .input-group-sm>.select2-selection--single, +.select2-container--default .select2-selection--single .input-group-sm>.select2-search__field, +.input-group-sm>.tt-hint, +.input-group-sm>.tt-query, +.input-group-sm>.typeahead, +.input-group-sm>.custom-select, +.input-group-sm>.input-group-prepend>.input-group-text, +.input-group-sm>.asColorPicker-trigger>.input-group-text, +.input-group-sm>.input-group-append>.input-group-text, +.input-group-sm>.input-group-prepend>.btn, +.input-group-sm>.asColorPicker-trigger>.btn, +.ajax-upload-dragdrop .input-group-sm>.input-group-prepend>.ajax-file-upload, +.ajax-upload-dragdrop .input-group-sm>.asColorPicker-trigger>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .input-group-sm>.input-group-prepend>.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group-sm>.asColorPicker-trigger>.swal2-styled, +.wizard>.actions .input-group-sm>.input-group-prepend>a, +.wizard>.actions .input-group-sm>.asColorPicker-trigger>a, +.input-group-sm>.input-group-append>.btn, +.ajax-upload-dragdrop .input-group-sm>.input-group-append>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .input-group-sm>.input-group-append>.swal2-styled, +.wizard>.actions .input-group-sm>.input-group-append>a { padding: 0.5rem 0.81rem; font-size: 0.875rem; line-height: 1; - border-radius: 0.2rem; } + border-radius: 0.2rem; +} -.input-group-lg > .custom-select, -.input-group-sm > .custom-select { - padding-right: 1.75rem; } +.input-group-lg>.custom-select, +.input-group-sm>.custom-select { + padding-right: 1.75rem; +} -.input-group > .input-group-prepend > .btn, .asColorPicker-wrap > .input-group-prepend > .btn, .input-group > .asColorPicker-trigger > .btn, .asColorPicker-wrap > .asColorPicker-trigger > .btn, .ajax-upload-dragdrop .input-group > .input-group-prepend > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend > .ajax-file-upload, .ajax-upload-dragdrop .input-group > .asColorPicker-trigger > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .asColorPicker-trigger > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend > .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group > .asColorPicker-trigger > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .asColorPicker-trigger > .swal2-styled, .wizard > .actions .input-group > .input-group-prepend > a, .wizard > .actions .asColorPicker-wrap > .input-group-prepend > a, .wizard > .actions .input-group > .asColorPicker-trigger > a, .wizard > .actions .asColorPicker-wrap > .asColorPicker-trigger > a, -.input-group > .input-group-prepend > .input-group-text, -.asColorPicker-wrap > .input-group-prepend > .input-group-text, -.input-group > .asColorPicker-trigger > .input-group-text, -.asColorPicker-wrap > .asColorPicker-trigger > .input-group-text, -.input-group > .input-group-append:not(:last-child) > .btn, -.asColorPicker-wrap > .input-group-append:not(:last-child) > .btn, -.ajax-upload-dragdrop .input-group > .input-group-append:not(:last-child) > .ajax-file-upload, -.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append:not(:last-child) > .ajax-file-upload, -.swal2-modal .swal2-buttonswrapper .input-group > .input-group-append:not(:last-child) > .swal2-styled, -.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append:not(:last-child) > .swal2-styled, -.wizard > .actions .input-group > .input-group-append:not(:last-child) > a, -.wizard > .actions .asColorPicker-wrap > .input-group-append:not(:last-child) > a, -.input-group > .input-group-append:not(:last-child) > .input-group-text, -.asColorPicker-wrap > .input-group-append:not(:last-child) > .input-group-text, -.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), -.asColorPicker-wrap > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), -.ajax-upload-dragdrop .input-group > .input-group-append:last-child > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), -.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append:last-child > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), -.swal2-modal .swal2-buttonswrapper .input-group > .input-group-append:last-child > .swal2-styled:not(:last-child):not(.dropdown-toggle), -.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append:last-child > .swal2-styled:not(:last-child):not(.dropdown-toggle), -.wizard > .actions .input-group > .input-group-append:last-child > a:not(:last-child):not(.dropdown-toggle), -.wizard > .actions .asColorPicker-wrap > .input-group-append:last-child > a:not(:last-child):not(.dropdown-toggle), -.input-group > .input-group-append:last-child > .input-group-text:not(:last-child), -.asColorPicker-wrap > .input-group-append:last-child > .input-group-text:not(:last-child) { +.input-group>.input-group-prepend>.btn, +.asColorPicker-wrap>.input-group-prepend>.btn, +.input-group>.asColorPicker-trigger>.btn, +.asColorPicker-wrap>.asColorPicker-trigger>.btn, +.ajax-upload-dragdrop .input-group>.input-group-prepend>.ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-prepend>.ajax-file-upload, +.ajax-upload-dragdrop .input-group>.asColorPicker-trigger>.ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-wrap>.asColorPicker-trigger>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .input-group>.input-group-prepend>.swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-prepend>.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group>.asColorPicker-trigger>.swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.asColorPicker-trigger>.swal2-styled, +.wizard>.actions .input-group>.input-group-prepend>a, +.wizard>.actions .asColorPicker-wrap>.input-group-prepend>a, +.wizard>.actions .input-group>.asColorPicker-trigger>a, +.wizard>.actions .asColorPicker-wrap>.asColorPicker-trigger>a, +.input-group>.input-group-prepend>.input-group-text, +.asColorPicker-wrap>.input-group-prepend>.input-group-text, +.input-group>.asColorPicker-trigger>.input-group-text, +.asColorPicker-wrap>.asColorPicker-trigger>.input-group-text, +.input-group>.input-group-append:not(:last-child)>.btn, +.asColorPicker-wrap>.input-group-append:not(:last-child)>.btn, +.ajax-upload-dragdrop .input-group>.input-group-append:not(:last-child)>.ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-append:not(:last-child)>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .input-group>.input-group-append:not(:last-child)>.swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-append:not(:last-child)>.swal2-styled, +.wizard>.actions .input-group>.input-group-append:not(:last-child)>a, +.wizard>.actions .asColorPicker-wrap>.input-group-append:not(:last-child)>a, +.input-group>.input-group-append:not(:last-child)>.input-group-text, +.asColorPicker-wrap>.input-group-append:not(:last-child)>.input-group-text, +.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), +.asColorPicker-wrap>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), +.ajax-upload-dragdrop .input-group>.input-group-append:last-child>.ajax-file-upload:not(:last-child):not(.dropdown-toggle), +.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-append:last-child>.ajax-file-upload:not(:last-child):not(.dropdown-toggle), +.swal2-modal .swal2-buttonswrapper .input-group>.input-group-append:last-child>.swal2-styled:not(:last-child):not(.dropdown-toggle), +.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-append:last-child>.swal2-styled:not(:last-child):not(.dropdown-toggle), +.wizard>.actions .input-group>.input-group-append:last-child>a:not(:last-child):not(.dropdown-toggle), +.wizard>.actions .asColorPicker-wrap>.input-group-append:last-child>a:not(:last-child):not(.dropdown-toggle), +.input-group>.input-group-append:last-child>.input-group-text:not(:last-child), +.asColorPicker-wrap>.input-group-append:last-child>.input-group-text:not(:last-child) { border-top-right-radius: 0; - border-bottom-right-radius: 0; } + border-bottom-right-radius: 0; +} -.input-group > .input-group-append > .btn, .asColorPicker-wrap > .input-group-append > .btn, .ajax-upload-dragdrop .input-group > .input-group-append > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group > .input-group-append > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append > .swal2-styled, .wizard > .actions .input-group > .input-group-append > a, .wizard > .actions .asColorPicker-wrap > .input-group-append > a, -.input-group > .input-group-append > .input-group-text, -.asColorPicker-wrap > .input-group-append > .input-group-text, -.input-group > .input-group-prepend:not(:first-child) > .btn, -.asColorPicker-wrap > .input-group-prepend:not(:first-child) > .btn, -.input-group > .asColorPicker-trigger:not(:first-child) > .btn, -.asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .btn, -.ajax-upload-dragdrop .input-group > .input-group-prepend:not(:first-child) > .ajax-file-upload, -.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend:not(:first-child) > .ajax-file-upload, -.ajax-upload-dragdrop .input-group > .asColorPicker-trigger:not(:first-child) > .ajax-file-upload, -.ajax-upload-dragdrop .asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .ajax-file-upload, -.swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend:not(:first-child) > .swal2-styled, -.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend:not(:first-child) > .swal2-styled, -.swal2-modal .swal2-buttonswrapper .input-group > .asColorPicker-trigger:not(:first-child) > .swal2-styled, -.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .swal2-styled, -.wizard > .actions .input-group > .input-group-prepend:not(:first-child) > a, -.wizard > .actions .asColorPicker-wrap > .input-group-prepend:not(:first-child) > a, -.wizard > .actions .input-group > .asColorPicker-trigger:not(:first-child) > a, -.wizard > .actions .asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > a, -.input-group > .input-group-prepend:not(:first-child) > .input-group-text, -.asColorPicker-wrap > .input-group-prepend:not(:first-child) > .input-group-text, -.input-group > .asColorPicker-trigger:not(:first-child) > .input-group-text, -.asColorPicker-wrap > .asColorPicker-trigger:not(:first-child) > .input-group-text, -.input-group > .input-group-prepend:first-child > .btn:not(:first-child), -.asColorPicker-wrap > .input-group-prepend:first-child > .btn:not(:first-child), -.input-group > .asColorPicker-trigger:first-child > .btn:not(:first-child), -.asColorPicker-wrap > .asColorPicker-trigger:first-child > .btn:not(:first-child), -.ajax-upload-dragdrop .input-group > .input-group-prepend:first-child > .ajax-file-upload:not(:first-child), -.ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend:first-child > .ajax-file-upload:not(:first-child), -.ajax-upload-dragdrop .input-group > .asColorPicker-trigger:first-child > .ajax-file-upload:not(:first-child), -.ajax-upload-dragdrop .asColorPicker-wrap > .asColorPicker-trigger:first-child > .ajax-file-upload:not(:first-child), -.swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend:first-child > .swal2-styled:not(:first-child), -.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend:first-child > .swal2-styled:not(:first-child), -.swal2-modal .swal2-buttonswrapper .input-group > .asColorPicker-trigger:first-child > .swal2-styled:not(:first-child), -.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .asColorPicker-trigger:first-child > .swal2-styled:not(:first-child), -.wizard > .actions .input-group > .input-group-prepend:first-child > a:not(:first-child), -.wizard > .actions .asColorPicker-wrap > .input-group-prepend:first-child > a:not(:first-child), -.wizard > .actions .input-group > .asColorPicker-trigger:first-child > a:not(:first-child), -.wizard > .actions .asColorPicker-wrap > .asColorPicker-trigger:first-child > a:not(:first-child), -.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), -.asColorPicker-wrap > .input-group-prepend:first-child > .input-group-text:not(:first-child), -.input-group > .asColorPicker-trigger:first-child > .input-group-text:not(:first-child), -.asColorPicker-wrap > .asColorPicker-trigger:first-child > .input-group-text:not(:first-child) { +.input-group>.input-group-append>.btn, +.asColorPicker-wrap>.input-group-append>.btn, +.ajax-upload-dragdrop .input-group>.input-group-append>.ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-append>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .input-group>.input-group-append>.swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-append>.swal2-styled, +.wizard>.actions .input-group>.input-group-append>a, +.wizard>.actions .asColorPicker-wrap>.input-group-append>a, +.input-group>.input-group-append>.input-group-text, +.asColorPicker-wrap>.input-group-append>.input-group-text, +.input-group>.input-group-prepend:not(:first-child)>.btn, +.asColorPicker-wrap>.input-group-prepend:not(:first-child)>.btn, +.input-group>.asColorPicker-trigger:not(:first-child)>.btn, +.asColorPicker-wrap>.asColorPicker-trigger:not(:first-child)>.btn, +.ajax-upload-dragdrop .input-group>.input-group-prepend:not(:first-child)>.ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-prepend:not(:first-child)>.ajax-file-upload, +.ajax-upload-dragdrop .input-group>.asColorPicker-trigger:not(:first-child)>.ajax-file-upload, +.ajax-upload-dragdrop .asColorPicker-wrap>.asColorPicker-trigger:not(:first-child)>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .input-group>.input-group-prepend:not(:first-child)>.swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-prepend:not(:first-child)>.swal2-styled, +.swal2-modal .swal2-buttonswrapper .input-group>.asColorPicker-trigger:not(:first-child)>.swal2-styled, +.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.asColorPicker-trigger:not(:first-child)>.swal2-styled, +.wizard>.actions .input-group>.input-group-prepend:not(:first-child)>a, +.wizard>.actions .asColorPicker-wrap>.input-group-prepend:not(:first-child)>a, +.wizard>.actions .input-group>.asColorPicker-trigger:not(:first-child)>a, +.wizard>.actions .asColorPicker-wrap>.asColorPicker-trigger:not(:first-child)>a, +.input-group>.input-group-prepend:not(:first-child)>.input-group-text, +.asColorPicker-wrap>.input-group-prepend:not(:first-child)>.input-group-text, +.input-group>.asColorPicker-trigger:not(:first-child)>.input-group-text, +.asColorPicker-wrap>.asColorPicker-trigger:not(:first-child)>.input-group-text, +.input-group>.input-group-prepend:first-child>.btn:not(:first-child), +.asColorPicker-wrap>.input-group-prepend:first-child>.btn:not(:first-child), +.input-group>.asColorPicker-trigger:first-child>.btn:not(:first-child), +.asColorPicker-wrap>.asColorPicker-trigger:first-child>.btn:not(:first-child), +.ajax-upload-dragdrop .input-group>.input-group-prepend:first-child>.ajax-file-upload:not(:first-child), +.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-prepend:first-child>.ajax-file-upload:not(:first-child), +.ajax-upload-dragdrop .input-group>.asColorPicker-trigger:first-child>.ajax-file-upload:not(:first-child), +.ajax-upload-dragdrop .asColorPicker-wrap>.asColorPicker-trigger:first-child>.ajax-file-upload:not(:first-child), +.swal2-modal .swal2-buttonswrapper .input-group>.input-group-prepend:first-child>.swal2-styled:not(:first-child), +.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-prepend:first-child>.swal2-styled:not(:first-child), +.swal2-modal .swal2-buttonswrapper .input-group>.asColorPicker-trigger:first-child>.swal2-styled:not(:first-child), +.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.asColorPicker-trigger:first-child>.swal2-styled:not(:first-child), +.wizard>.actions .input-group>.input-group-prepend:first-child>a:not(:first-child), +.wizard>.actions .asColorPicker-wrap>.input-group-prepend:first-child>a:not(:first-child), +.wizard>.actions .input-group>.asColorPicker-trigger:first-child>a:not(:first-child), +.wizard>.actions .asColorPicker-wrap>.asColorPicker-trigger:first-child>a:not(:first-child), +.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), +.asColorPicker-wrap>.input-group-prepend:first-child>.input-group-text:not(:first-child), +.input-group>.asColorPicker-trigger:first-child>.input-group-text:not(:first-child), +.asColorPicker-wrap>.asColorPicker-trigger:first-child>.input-group-text:not(:first-child) { border-top-left-radius: 0; - border-bottom-left-radius: 0; } + border-bottom-left-radius: 0; +} .custom-control { position: relative; display: block; min-height: 1.5rem; - padding-left: 1.75rem; } + padding-left: 1.75rem; +} .custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - margin-right: 1rem; } + margin-right: 1rem; +} .custom-control-input { position: absolute; z-index: -1; - opacity: 0; } - .custom-control-input:checked ~ .custom-control-label::before { - color: #fff; - border-color: #007bff; - background-color: #007bff; } - .custom-control-input:focus ~ .custom-control-label::before { - -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } - .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { - border-color: #80bdff; } - .custom-control-input:not(:disabled):active ~ .custom-control-label::before { - color: #fff; - background-color: #b3d7ff; - border-color: #b3d7ff; } - .custom-control-input:disabled ~ .custom-control-label { - color: #6c757d; } - .custom-control-input:disabled ~ .custom-control-label::before { - background-color: #e9ecef; } + opacity: 0; +} + +.custom-control-input:checked~.custom-control-label::before { + color: #fff; + border-color: #007bff; + background-color: #007bff; +} + +.custom-control-input:focus~.custom-control-label::before { + -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-control-input:focus:not(:checked)~.custom-control-label::before { + border-color: #80bdff; +} + +.custom-control-input:not(:disabled):active~.custom-control-label::before { + color: #fff; + background-color: #b3d7ff; + border-color: #b3d7ff; +} + +.custom-control-input:disabled~.custom-control-label { + color: #6c757d; +} + +.custom-control-input:disabled~.custom-control-label::before { + background-color: #e9ecef; +} .custom-control-label { position: relative; margin-bottom: 0; - vertical-align: top; } - .custom-control-label::before { - position: absolute; - top: 0.125rem; - left: -1.75rem; - display: block; - width: 1.25rem; - height: 1.25rem; - pointer-events: none; - content: ""; - background-color: #fff; - border: #adb5bd solid 1px; } - .custom-control-label::after { - position: absolute; - top: 0.125rem; - left: -1.75rem; - display: block; - width: 1.25rem; - height: 1.25rem; - content: ""; - background: no-repeat 50% / 50% 50%; } + vertical-align: top; +} + +.custom-control-label::before { + position: absolute; + top: 0.125rem; + left: -1.75rem; + display: block; + width: 1.25rem; + height: 1.25rem; + pointer-events: none; + content: ""; + background-color: #fff; + border: #adb5bd solid 1px; +} + +.custom-control-label::after { + position: absolute; + top: 0.125rem; + left: -1.75rem; + display: block; + width: 1.25rem; + height: 1.25rem; + content: ""; + background: no-repeat 50% / 50% 50%; +} .custom-checkbox .custom-control-label::before { - border-radius: 0.25rem; } + border-radius: 0.25rem; +} -.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } +.custom-checkbox .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); +} -.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color: #007bff; - background-color: #007bff; } + background-color: #007bff; +} -.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); +} -.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: rgba(0, 123, 255, 0.5); } +.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} -.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { - background-color: rgba(0, 123, 255, 0.5); } +.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} .custom-radio .custom-control-label::before { - border-radius: 50%; } + border-radius: 50%; +} -.custom-radio .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } +.custom-radio .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} -.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: rgba(0, 123, 255, 0.5); } +.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} .custom-switch { - padding-left: 2.75rem; } - .custom-switch .custom-control-label::before { - left: -2.75rem; - width: 2.25rem; - pointer-events: all; - border-radius: 50px; } + padding-left: 2.75rem; +} + +.custom-switch .custom-control-label::before { + left: -2.75rem; + width: 2.25rem; + pointer-events: all; + border-radius: 50px; +} + +.custom-switch .custom-control-label::after { + top: calc(0.125rem + 2px); + left: calc(-2.75rem + 2px); + width: 1rem; + height: 1rem; + background-color: #adb5bd; + border-radius: 50px; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { - top: calc(0.125rem + 2px); - left: calc(-2.75rem + 2px); - width: 1rem; - height: 1rem; - background-color: #adb5bd; - border-radius: 50px; - -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .custom-switch .custom-control-label::after { - -webkit-transition: none; - transition: none; } } - .custom-switch .custom-control-input:checked ~ .custom-control-label::after { - background-color: #fff; - -webkit-transform: translateX(1rem); - transform: translateX(1rem); } - .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: rgba(0, 123, 255, 0.5); } + -webkit-transition: none; + transition: none; + } +} + +.custom-switch .custom-control-input:checked~.custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(1rem); + transform: translateX(1rem); +} + +.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} .custom-select { display: inline-block; @@ -3722,45 +5911,60 @@ input[type="button"].btn-block { border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; - appearance: none; } - .custom-select:focus { - border-color: #80bdff; - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } - .custom-select:focus::-ms-value { - color: #495057; - background-color: #2a2c44; } - .custom-select[multiple], .custom-select[size]:not([size="1"]) { - height: auto; - padding-right: 0.75rem; - background-image: none; } - .custom-select:disabled { - color: #6c757d; - background-color: #e9ecef; } - .custom-select::-ms-expand { - display: none; } + appearance: none; +} + +.custom-select:focus { + border-color: #80bdff; + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-select:focus::-ms-value { + color: #495057; + background-color: #2a2c44; +} + +.custom-select[multiple], +.custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} + +.custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} + +.custom-select::-ms-expand { + display: none; +} .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; - font-size: 0.875rem; } + font-size: 0.875rem; +} .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; - font-size: 1.25rem; } + font-size: 1.25rem; +} .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); - margin-bottom: 0; } + margin-bottom: 0; +} .custom-file-input { position: relative; @@ -3768,17 +5972,26 @@ input[type="button"].btn-block { width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; - opacity: 0; } - .custom-file-input:focus ~ .custom-file-label { - border-color: #80bdff; - -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } - .custom-file-input:disabled ~ .custom-file-label { - background-color: #e9ecef; } - .custom-file-input:lang(en) ~ .custom-file-label::after { - content: "Browse"; } - .custom-file-input ~ .custom-file-label[data-browse]::after { - content: attr(data-browse); } + opacity: 0; +} + +.custom-file-input:focus~.custom-file-label { + border-color: #80bdff; + -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-file-input:disabled~.custom-file-label { + background-color: #e9ecef; +} + +.custom-file-input:lang(en)~.custom-file-label::after { + content: "Browse"; +} + +.custom-file-input~.custom-file-label[data-browse]::after { + content: attr(data-browse); +} .custom-file-label { position: absolute; @@ -3793,22 +6006,25 @@ input[type="button"].btn-block { color: #495057; background-color: #fff; border: 1px solid #ced4da; - border-radius: 0.25rem; } - .custom-file-label::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - z-index: 3; - display: block; - height: calc(1.5em + 0.75rem); - padding: 0.375rem 0.75rem; - line-height: 1.5; - color: #495057; - content: "Browse"; - background-color: #e9ecef; - border-left: inherit; - border-radius: 0 0.25rem 0.25rem 0; } + border-radius: 0.25rem; +} + +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #e9ecef; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} .custom-range { width: 100%; @@ -3817,116 +6033,168 @@ input[type="button"].btn-block { background-color: transparent; -webkit-appearance: none; -moz-appearance: none; - appearance: none; } - .custom-range:focus { - outline: none; } - .custom-range:focus::-webkit-slider-thumb { - -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } - .custom-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } - .custom-range:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } - .custom-range::-moz-focus-outer { - border: 0; } + appearance: none; +} + +.custom-range:focus { + outline: none; +} + +.custom-range:focus::-webkit-slider-thumb { + -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range::-moz-focus-outer { + border: 0; +} + +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #007bff; - border: 0; - border-radius: 1rem; - -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - -webkit-appearance: none; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .custom-range::-webkit-slider-thumb { - -webkit-transition: none; - transition: none; } } - .custom-range::-webkit-slider-thumb:active { - background-color: #b3d7ff; } - .custom-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; } + -webkit-transition: none; + transition: none; + } +} + +.custom-range::-webkit-slider-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + -moz-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: #007bff; - border: 0; - border-radius: 1rem; - -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - -moz-appearance: none; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .custom-range::-moz-range-thumb { - -webkit-transition: none; - transition: none; } } - .custom-range::-moz-range-thumb:active { - background-color: #b3d7ff; } - .custom-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; } + -webkit-transition: none; + transition: none; + } +} + +.custom-range::-moz-range-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { - width: 1rem; - height: 1rem; - margin-top: 0; - margin-right: 0.2rem; - margin-left: 0.2rem; - background-color: #007bff; - border: 0; - border-radius: 1rem; - -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .custom-range::-ms-thumb { - -webkit-transition: none; - transition: none; } } - .custom-range::-ms-thumb:active { - background-color: #b3d7ff; } - .custom-range::-ms-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: transparent; - border-color: transparent; - border-width: 0.5rem; } - .custom-range::-ms-fill-lower { - background-color: #dee2e6; - border-radius: 1rem; } - .custom-range::-ms-fill-upper { - margin-right: 15px; - background-color: #dee2e6; - border-radius: 1rem; } - .custom-range:disabled::-webkit-slider-thumb { - background-color: #adb5bd; } - .custom-range:disabled::-webkit-slider-runnable-track { - cursor: default; } - .custom-range:disabled::-moz-range-thumb { - background-color: #adb5bd; } - .custom-range:disabled::-moz-range-track { - cursor: default; } - .custom-range:disabled::-ms-thumb { - background-color: #adb5bd; } + -webkit-transition: none; + transition: none; + } +} + +.custom-range::-ms-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} + +.custom-range::-ms-fill-lower { + background-color: #dee2e6; + border-radius: 1rem; +} + +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #dee2e6; + border-radius: 1rem; +} + +.custom-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} + +.custom-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-moz-range-track { + cursor: default; +} + +.custom-range:disabled::-ms-thumb { + background-color: #adb5bd; +} .custom-control-label::before, .custom-file-label, @@ -3934,13 +6202,18 @@ input[type="button"].btn-block { -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .custom-control-label::before, - .custom-file-label, - .custom-select { - -webkit-transition: none; - transition: none; } } + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + + .custom-control-label::before, + .custom-file-label, + .custom-select { + -webkit-transition: none; + transition: none; + } +} .nav { display: -webkit-box; @@ -3950,55 +6223,79 @@ input[type="button"].btn-block { flex-wrap: wrap; padding-left: 0; margin-bottom: 0; - list-style: none; } + list-style: none; +} .nav-link { display: block; - padding: 0.5rem 1rem; } - .nav-link:hover, .nav-link:focus { - text-decoration: none; } - .nav-link.disabled { - color: #6c757d; - pointer-events: none; - cursor: default; } + padding: 0.5rem 1rem; +} + +.nav-link:hover, +.nav-link:focus { + text-decoration: none; +} + +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} .nav-tabs { - border-bottom: 1px solid #dee2e6; } - .nav-tabs .nav-item { - margin-bottom: -1px; } - .nav-tabs .nav-link { - border: 1px solid transparent; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; } - .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - border-color: #e9ecef #e9ecef #dee2e6; } - .nav-tabs .nav-link.disabled { - color: #6c757d; - background-color: transparent; - border-color: transparent; } - .nav-tabs .nav-link.active, - .nav-tabs .nav-item.show .nav-link { - color: #495057; - background-color: #fff; - border-color: #dee2e6 #dee2e6 #fff; } - .nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; } + border-bottom: 1px solid #dee2e6; +} + +.nav-tabs .nav-item { + margin-bottom: -1px; +} + +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} .nav-pills .nav-link { - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .nav-pills .nav-link.active, -.nav-pills .show > .nav-link { +.nav-pills .show>.nav-link { color: #fff; - background-color: #007bff; } + background-color: #007bff; +} .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; - text-align: center; } + text-align: center; +} .nav-justified .nav-item { -ms-flex-preferred-size: 0; @@ -4006,13 +6303,16 @@ input[type="button"].btn-block { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; - text-align: center; } + text-align: center; +} -.tab-content > .tab-pane { - display: none; } +.tab-content>.tab-pane { + display: none; +} -.tab-content > .active { - display: block; } +.tab-content>.active { + display: block; +} .navbar { position: relative; @@ -4027,20 +6327,23 @@ input[type="button"].btn-block { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; - padding: 0.5rem 1rem; } - .navbar > .container, - .navbar > .container-fluid { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } + padding: 0.5rem 1rem; +} + +.navbar>.container, +.navbar>.container-fluid { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} .navbar-brand { display: inline-block; @@ -4049,9 +6352,13 @@ input[type="button"].btn-block { margin-right: 1rem; font-size: 1.25rem; line-height: inherit; - white-space: nowrap; } - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; } + white-space: nowrap; +} + +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} .navbar-nav { display: -webkit-box; @@ -4063,18 +6370,24 @@ input[type="button"].btn-block { flex-direction: column; padding-left: 0; margin-bottom: 0; - list-style: none; } - .navbar-nav .nav-link { - padding-right: 0; - padding-left: 0; } - .navbar-nav .dropdown-menu { - position: static; - float: none; } + list-style: none; +} + +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; + float: none; +} .navbar-text { display: inline-block; padding-top: 0.5rem; - padding-bottom: 0.5rem; } + padding-bottom: 0.5rem; +} .navbar-collapse { -ms-flex-preferred-size: 100%; @@ -4084,7 +6397,8 @@ input[type="button"].btn-block { flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; - align-items: center; } + align-items: center; +} .navbar-toggler { padding: 0.25rem 0.75rem; @@ -4092,9 +6406,13 @@ input[type="button"].btn-block { line-height: 1; background-color: transparent; border: 1px solid transparent; - border-radius: 0.25rem; } - .navbar-toggler:hover, .navbar-toggler:focus { - text-decoration: none; } + border-radius: 0.25rem; +} + +.navbar-toggler:hover, +.navbar-toggler:focus { + text-decoration: none; +} .navbar-toggler-icon { display: inline-block; @@ -4103,13 +6421,17 @@ input[type="button"].btn-block { vertical-align: middle; content: ""; background: no-repeat center center; - background-size: 100% 100%; } + background-size: 100% 100%; +} @media (max-width: 575.98px) { - .navbar-expand-sm > .container, - .navbar-expand-sm > .container-fluid { + + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid { padding-right: 0; - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 576px) { .navbar-expand-sm { @@ -4119,35 +6441,52 @@ input[type="button"].btn-block { flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; - justify-content: flex-start; } - .navbar-expand-sm .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - .navbar-expand-sm .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-sm .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-sm > .container, - .navbar-expand-sm > .container-fluid { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .navbar-expand-sm .navbar-collapse { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -ms-flex-preferred-size: auto; - flex-basis: auto; } - .navbar-expand-sm .navbar-toggler { - display: none; } } + justify-content: flex-start; + } + + .navbar-expand-sm .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + + .navbar-expand-sm .navbar-collapse { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + + .navbar-expand-sm .navbar-toggler { + display: none; + } +} @media (max-width: 767.98px) { - .navbar-expand-md > .container, - .navbar-expand-md > .container-fluid { + + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid { padding-right: 0; - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 768px) { .navbar-expand-md { @@ -4157,35 +6496,52 @@ input[type="button"].btn-block { flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; - justify-content: flex-start; } - .navbar-expand-md .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - .navbar-expand-md .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-md .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-md > .container, - .navbar-expand-md > .container-fluid { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .navbar-expand-md .navbar-collapse { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -ms-flex-preferred-size: auto; - flex-basis: auto; } - .navbar-expand-md .navbar-toggler { - display: none; } } + justify-content: flex-start; + } + + .navbar-expand-md .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + + .navbar-expand-md .navbar-collapse { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + + .navbar-expand-md .navbar-toggler { + display: none; + } +} @media (max-width: 991.98px) { - .navbar-expand-lg > .container, - .navbar-expand-lg > .container-fluid { + + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid { padding-right: 0; - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 992px) { .navbar-expand-lg { @@ -4195,35 +6551,52 @@ input[type="button"].btn-block { flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; - justify-content: flex-start; } - .navbar-expand-lg .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-lg > .container, - .navbar-expand-lg > .container-fluid { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .navbar-expand-lg .navbar-collapse { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -ms-flex-preferred-size: auto; - flex-basis: auto; } - .navbar-expand-lg .navbar-toggler { - display: none; } } + justify-content: flex-start; + } + + .navbar-expand-lg .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + + .navbar-expand-lg .navbar-collapse { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + + .navbar-expand-lg .navbar-toggler { + display: none; + } +} @media (max-width: 1199.98px) { - .navbar-expand-xl > .container, - .navbar-expand-xl > .container-fluid { + + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid { padding-right: 0; - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 1200px) { .navbar-expand-xl { @@ -4233,29 +6606,43 @@ input[type="button"].btn-block { flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; - justify-content: flex-start; } - .navbar-expand-xl .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - .navbar-expand-xl .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-xl > .container, - .navbar-expand-xl > .container-fluid { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .navbar-expand-xl .navbar-collapse { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -ms-flex-preferred-size: auto; - flex-basis: auto; } - .navbar-expand-xl .navbar-toggler { - display: none; } } + justify-content: flex-start; + } + + .navbar-expand-xl .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + + .navbar-expand-xl .navbar-collapse { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + + .navbar-expand-xl .navbar-toggler { + display: none; + } +} .navbar-expand { -webkit-box-orient: horizontal; @@ -4264,97 +6651,150 @@ input[type="button"].btn-block { flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; - justify-content: flex-start; } - .navbar-expand > .container, - .navbar-expand > .container-fluid { - padding-right: 0; - padding-left: 0; } - .navbar-expand .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - .navbar-expand .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand > .container, - .navbar-expand > .container-fluid { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .navbar-expand .navbar-collapse { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -ms-flex-preferred-size: auto; - flex-basis: auto; } - .navbar-expand .navbar-toggler { - display: none; } + justify-content: flex-start; +} + +.navbar-expand>.container, +.navbar-expand>.container-fluid { + padding-right: 0; + padding-left: 0; +} + +.navbar-expand .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.navbar-expand>.container, +.navbar-expand>.container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +.navbar-expand .navbar-collapse { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} .navbar-light .navbar-brand { - color: rgba(0, 0, 0, 0.9); } - .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { - color: rgba(0, 0, 0, 0.9); } + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-brand:hover, +.navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); +} .navbar-light .navbar-nav .nav-link { - color: #fff; } - .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { - color: rgba(0, 0, 0, 0.7); } - .navbar-light .navbar-nav .nav-link.disabled { - color: rgba(0, 0, 0, 0.3); } + color: #fff; +} -.navbar-light .navbar-nav .show > .nav-link, -.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} + +.navbar-light .navbar-nav .show>.nav-link, +.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { - color: rgba(0, 0, 0, 0.9); } + color: rgba(0, 0, 0, 0.9); +} .navbar-light .navbar-toggler { color: #fff; - border-color: rgba(0, 0, 0, 0.1); } + border-color: rgba(0, 0, 0, 0.1); +} .navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} .navbar-light .navbar-text { - color: #fff; } - .navbar-light .navbar-text a { - color: rgba(0, 0, 0, 0.9); } - .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { - color: rgba(0, 0, 0, 0.9); } + color: #fff; +} + +.navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-text a:hover, +.navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} .navbar-dark .navbar-brand { - color: #fff; } - .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { - color: #fff; } + color: #fff; +} + +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { + color: #fff; +} .navbar-dark .navbar-nav .nav-link { - color: rgba(255, 255, 255, 0.5); } - .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { - color: rgba(255, 255, 255, 0.75); } - .navbar-dark .navbar-nav .nav-link.disabled { - color: rgba(255, 255, 255, 0.25); } + color: rgba(255, 255, 255, 0.5); +} -.navbar-dark .navbar-nav .show > .nav-link, -.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-dark .navbar-nav .show>.nav-link, +.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { - color: #fff; } + color: #fff; +} .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.1); } + border-color: rgba(255, 255, 255, 0.1); +} .navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} .navbar-dark .navbar-text { - color: rgba(255, 255, 255, 0.5); } - .navbar-dark .navbar-text a { - color: #fff; } - .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { - color: #fff; } + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-text a { + color: #fff; +} + +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { + color: #fff; +} .card { position: relative; @@ -4367,68 +6807,91 @@ input[type="button"].btn-block { flex-direction: column; min-width: 0; word-wrap: break-word; - background-color: #222437; + background-color: var(--dropdown-bg); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); - border-radius: 0.25rem; } - .card > hr { - margin-right: 0; - margin-left: 0; } - .card > .list-group:first-child .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; } - .card > .list-group:last-child .list-group-item:last-child { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; } + border-radius: 0.25rem; +} + +.card>hr { + margin-right: 0; + margin-left: 0; +} + +.card>.list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.card>.list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; - padding: 1.25rem; } + padding: 1.25rem; +} .card-title { - margin-bottom: 0.75rem; } + margin-bottom: 0.75rem; +} .card-subtitle { margin-top: -0.375rem; - margin-bottom: 0; } + margin-bottom: 0; +} .card-text:last-child { - margin-bottom: 0; } + margin-bottom: 0; +} .card-link:hover { - text-decoration: none; } + text-decoration: none; +} -.card-link + .card-link { - margin-left: 1.25rem; } +.card-link+.card-link { + margin-left: 1.25rem; +} .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); - border-bottom: 1px solid rgba(0, 0, 0, 0.125); } - .card-header:first-child { - border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } - .card-header + .list-group .list-group-item:first-child { - border-top: 0; } + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} + +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} + +.card-header+.list-group .list-group-item:first-child { + border-top: 0; +} .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); - border-top: 1px solid rgba(0, 0, 0, 0.125); } - .card-footer:last-child { - border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } + border-top: 1px solid rgba(0, 0, 0, 0.125); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; - border-bottom: 0; } + border-bottom: 0; +} .card-header-pills { margin-right: -0.625rem; - margin-left: -0.625rem; } + margin-left: -0.625rem; +} .card-img-overlay { position: absolute; @@ -4436,21 +6899,25 @@ input[type="button"].btn-block { right: 0; bottom: 0; left: 0; - padding: 1.25rem; } + padding: 1.25rem; +} .card-img { width: 100%; - border-radius: calc(0.25rem - 1px); } + border-radius: calc(0.25rem - 1px); +} .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); } + border-top-right-radius: calc(0.25rem - 1px); +} .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); } + border-bottom-left-radius: calc(0.25rem - 1px); +} .card-deck { display: -webkit-box; @@ -4459,31 +6926,39 @@ input[type="button"].btn-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; - flex-direction: column; } + flex-direction: column; +} + +.card-deck .card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-deck { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { - margin-bottom: 15px; } - @media (min-width: 576px) { - .card-deck { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - margin-right: -15px; - margin-left: -15px; } - .card-deck .card { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin-right: 15px; - margin-bottom: 0; - margin-left: 15px; } } + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} .card-group { display: -webkit-box; @@ -4492,44 +6967,67 @@ input[type="button"].btn-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; - flex-direction: column; } - .card-group > .card { - margin-bottom: 15px; } - @media (min-width: 576px) { - .card-group { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-flow: row wrap; - flex-flow: row wrap; } - .card-group > .card { - -webkit-box-flex: 1; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - margin-bottom: 0; } - .card-group > .card + .card { - margin-left: 0; - border-left: 0; } - .card-group > .card:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-top, - .card-group > .card:not(:last-child) .card-header { - border-top-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-bottom, - .card-group > .card:not(:last-child) .card-footer { - border-bottom-right-radius: 0; } - .card-group > .card:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-top, - .card-group > .card:not(:first-child) .card-header { - border-top-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-bottom, - .card-group > .card:not(:first-child) .card-footer { - border-bottom-left-radius: 0; } } + flex-direction: column; +} + +.card-group>.card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-group { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + } + + .card-group>.card { + -webkit-box-flex: 1; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + margin-bottom: 0; + } + + .card-group>.card+.card { + margin-left: 0; + border-left: 0; + } + + .card-group>.card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .card-group>.card:not(:last-child) .card-img-top, + .card-group>.card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + + .card-group>.card:not(:last-child) .card-img-bottom, + .card-group>.card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + + .card-group>.card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .card-group>.card:not(:first-child) .card-img-top, + .card-group>.card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + + .card-group>.card:not(:first-child) .card-img-bottom, + .card-group>.card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} .card-columns .card { - margin-bottom: 0.75rem; } + margin-bottom: 0.75rem; +} @media (min-width: 576px) { .card-columns { @@ -4540,27 +7038,42 @@ input[type="button"].btn-block { -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; - widows: 1; } - .card-columns .card { - display: inline-block; - width: 100%; } } + widows: 1; + } -.accordion > .card { - overflow: hidden; } - .accordion > .card:not(:first-of-type) .card-header:first-child { - border-radius: 0; } - .accordion > .card:not(:first-of-type):not(:last-of-type) { - border-bottom: 0; - border-radius: 0; } - .accordion > .card:first-of-type { - border-bottom: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - .accordion > .card:last-of-type { - border-top-left-radius: 0; - border-top-right-radius: 0; } - .accordion > .card .card-header { - margin-bottom: -1px; } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion>.card { + overflow: hidden; +} + +.accordion>.card:not(:first-of-type) .card-header:first-child { + border-radius: 0; +} + +.accordion>.card:not(:first-of-type):not(:last-of-type) { + border-bottom: 0; + border-radius: 0; +} + +.accordion>.card:first-of-type { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.accordion>.card:last-of-type { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.accordion>.card .card-header { + margin-bottom: -1px; +} .breadcrumb { display: -webkit-box; @@ -4572,34 +7085,44 @@ input[type="button"].btn-block { margin-bottom: 1rem; list-style: none; background-color: transparent; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} -.breadcrumb-item + .breadcrumb-item { - padding-left: 0.5rem; } - .breadcrumb-item + .breadcrumb-item::before { - display: inline-block; - padding-right: 0.5rem; - color: #6c757d; - content: "/"; } +.breadcrumb-item+.breadcrumb-item { + padding-left: 0.5rem; +} -.breadcrumb-item + .breadcrumb-item:hover::before { - text-decoration: underline; } +.breadcrumb-item+.breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #6c757d; + content: "/"; +} -.breadcrumb-item + .breadcrumb-item:hover::before { - text-decoration: none; } +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: underline; +} + +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: none; +} .breadcrumb-item.active { - color: #6c757d; } + color: #6c757d; +} -.pagination, .jsgrid .jsgrid-pager { +.pagination, +.jsgrid .jsgrid-pager { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} -.page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page a { position: relative; display: block; @@ -4608,86 +7131,173 @@ input[type="button"].btn-block { line-height: 1.25; color: #007bff; background-color: #fff; - border: 1px solid #dee2e6; } - .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, - .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover { - z-index: 2; - color: #0056b3; - text-decoration: none; - background-color: #e9ecef; - border-color: #dee2e6; } - .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus, - .jsgrid .jsgrid-pager .jsgrid-pager-page a:focus { - z-index: 2; - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } + border: 1px solid #dee2e6; +} -.page-item:first-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, -.page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:first-child a, +.page-link:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-page a:hover { + z-index: 2; + color: #0056b3; + text-decoration: none; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.page-link:focus, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus, +.jsgrid .jsgrid-pager .jsgrid-pager-page a:focus { + z-index: 2; + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.page-item:first-child .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, +.page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, +.page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:first-child a, .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a { margin-left: 0; border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; } + border-bottom-left-radius: 0.25rem; +} -.page-item:last-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, -.page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:last-child a, +.page-item:last-child .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, +.page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, +.page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:last-child a, .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a { border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; } + border-bottom-right-radius: 0.25rem; +} -.page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, -.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a, +.page-item.active .page-link, +.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, +.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, +.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, +.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-page a { z-index: 1; color: #fff; background-color: #007bff; - border-color: #007bff; } + border-color: #007bff; +} -.page-item.disabled .page-link, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-page .page-link, .page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.disabled a, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button a, -.page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.disabled a, +.page-item.disabled .page-link, +.jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .disabled.jsgrid-pager-page .page-link, +.page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.disabled a, +.jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button a, +.page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.disabled a, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-page a { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; - border-color: #dee2e6; } + border-color: #dee2e6; +} -.pagination-lg .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg a, -.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg a { +.pagination-lg .page-link, +.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg a, +.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg a { padding: 0.75rem 1.5rem; font-size: 1.25rem; - line-height: 1.5; } + line-height: 1.5; +} -.pagination-lg .page-item:first-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child .page-link, .pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:first-child a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child a, -.pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:first-child a, -.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child a { +.pagination-lg .page-item:first-child .page-link, +.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, +.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child .page-link, +.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, +.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child .page-link, +.pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:first-child a, +.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, +.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child a, +.pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:first-child a, +.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, +.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child a { border-top-left-radius: 0.3rem; - border-bottom-left-radius: 0.3rem; } + border-bottom-left-radius: 0.3rem; +} -.pagination-lg .page-item:last-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child .page-link, .pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:last-child a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child a, -.pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:last-child a, -.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child a { +.pagination-lg .page-item:last-child .page-link, +.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, +.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child .page-link, +.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, +.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child .page-link, +.pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:last-child a, +.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, +.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child a, +.pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:last-child a, +.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, +.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child a { border-top-right-radius: 0.3rem; - border-bottom-right-radius: 0.3rem; } + border-bottom-right-radius: 0.3rem; +} -.pagination-sm .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm a, -.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm a { +.pagination-sm .page-link, +.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm a, +.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm a { padding: 0.25rem 0.5rem; font-size: 0.875rem; - line-height: 1.5; } + line-height: 1.5; +} -.pagination-sm .page-item:first-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child .page-link, .pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:first-child a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child a, -.pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:first-child a, -.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child a { +.pagination-sm .page-item:first-child .page-link, +.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, +.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child .page-link, +.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, +.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child .page-link, +.pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:first-child a, +.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, +.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child a, +.pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:first-child a, +.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, +.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child a { border-top-left-radius: 0.2rem; - border-bottom-left-radius: 0.2rem; } + border-bottom-left-radius: 0.2rem; +} -.pagination-sm .page-item:last-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child .page-link, .pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:last-child a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child a, -.pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:last-child a, -.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child a { +.pagination-sm .page-item:last-child .page-link, +.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, +.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child .page-link, +.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, +.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child .page-link, +.pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:last-child a, +.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, +.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child a, +.pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:last-child a, +.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, +.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child a { border-top-right-radius: 0.2rem; - border-bottom-right-radius: 0.2rem; } + border-bottom-right-radius: 0.2rem; +} .badge { display: inline-block; @@ -4702,232 +7312,376 @@ input[type="button"].btn-block { -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .badge { - -webkit-transition: none; - transition: none; } } - a.badge:hover, a.badge:focus { - text-decoration: none; } - .badge:empty { - display: none; } + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; +} -.btn .badge, .ajax-upload-dragdrop .ajax-file-upload .badge, .swal2-modal .swal2-buttonswrapper .swal2-styled .badge, .wizard > .actions a .badge { +@media (prefers-reduced-motion: reduce) { + .badge { + -webkit-transition: none; + transition: none; + } +} + +a.badge:hover, +a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge, +.ajax-upload-dragdrop .ajax-file-upload .badge, +.swal2-modal .swal2-buttonswrapper .swal2-styled .badge, +.wizard>.actions a .badge { position: relative; - top: -1px; } + top: -1px; +} .badge-pill { padding-right: 0.6em; padding-left: 0.6em; - border-radius: 10rem; } + border-radius: 10rem; +} .badge-primary { color: #fff; - background-color: #2196f3; } - a.badge-primary:hover, a.badge-primary:focus { - color: #fff; - background-color: #0c7cd5; } - a.badge-primary:focus, a.badge-primary.focus { - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); - box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } + background-color: #2196f3; +} + +a.badge-primary:hover, +a.badge-primary:focus { + color: #fff; + background-color: #0c7cd5; +} + +a.badge-primary:focus, +a.badge-primary.focus { + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); + box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); +} .badge-secondary { color: #212529; - background-color: #dde4eb; } - a.badge-secondary:hover, a.badge-secondary:focus { - color: #212529; - background-color: #bdcbd8; } - a.badge-secondary:focus, a.badge-secondary.focus { - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); - box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); } + background-color: #dde4eb; +} -.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online { +a.badge-secondary:hover, +a.badge-secondary:focus { color: #212529; - background-color: #19d895; } - a.badge-success:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:hover, a.badge-success:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus { - color: #212529; - background-color: #14aa75; } - a.badge-success:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus, a.badge-success.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-online { - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); - box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); } + background-color: #bdcbd8; +} -.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline { +a.badge-secondary:focus, +a.badge-secondary.focus { + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); + box-shadow: 0 0 0 0.2rem rgba(221, 228, 235, 0.5); +} + +.badge-success, +.preview-list .preview-item .preview-thumbnail .badge.badge-online { + color: #212529; + background-color: #19d895; +} + +a.badge-success:hover, +.preview-list .preview-item .preview-thumbnail a.badge.badge-online:hover, +a.badge-success:focus, +.preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus { + color: #212529; + background-color: #14aa75; +} + +a.badge-success:focus, +.preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus, +a.badge-success.focus, +.preview-list .preview-item .preview-thumbnail a.focus.badge.badge-online { + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); + box-shadow: 0 0 0 0.2rem rgba(25, 216, 149, 0.5); +} + +.badge-info, +.preview-list .preview-item .preview-thumbnail .badge.badge-offline { color: #fff; - background-color: #8862e0; } - a.badge-info:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:hover, a.badge-info:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus { - color: #fff; - background-color: #6837d8; } - a.badge-info:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus, a.badge-info.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-offline { - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); - box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); } + background-color: #8862e0; +} -.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy { +a.badge-info:hover, +.preview-list .preview-item .preview-thumbnail a.badge.badge-offline:hover, +a.badge-info:focus, +.preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus { + color: #fff; + background-color: #6837d8; +} + +a.badge-info:focus, +.preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus, +a.badge-info.focus, +.preview-list .preview-item .preview-thumbnail a.focus.badge.badge-offline { + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); + box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); +} + +.badge-warning, +.preview-list .preview-item .preview-thumbnail .badge.badge-busy { color: #212529; - background-color: #ffaf00; } - a.badge-warning:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:hover, a.badge-warning:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus { - color: #212529; - background-color: #cc8c00; } - a.badge-warning:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus, a.badge-warning.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-busy { - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); - box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); } + background-color: #ffaf00; +} + +a.badge-warning:hover, +.preview-list .preview-item .preview-thumbnail a.badge.badge-busy:hover, +a.badge-warning:focus, +.preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus { + color: #212529; + background-color: #cc8c00; +} + +a.badge-warning:focus, +.preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus, +a.badge-warning.focus, +.preview-list .preview-item .preview-thumbnail a.focus.badge.badge-busy { + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); +} .badge-danger { color: #fff; - background-color: #ff6258; } - a.badge-danger:hover, a.badge-danger:focus { - color: #fff; - background-color: #ff3225; } - a.badge-danger:focus, a.badge-danger.focus { - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); - box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); } + background-color: #ff6258; +} + +a.badge-danger:hover, +a.badge-danger:focus { + color: #fff; + background-color: #ff3225; +} + +a.badge-danger:focus, +a.badge-danger.focus { + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 98, 88, 0.5); +} .badge-light { color: #212529; - background-color: #fbfbfb; } - a.badge-light:hover, a.badge-light:focus { - color: #212529; - background-color: #e2e2e2; } - a.badge-light:focus, a.badge-light.focus { - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); - box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); } + background-color: #fbfbfb; +} + +a.badge-light:hover, +a.badge-light:focus { + color: #212529; + background-color: #e2e2e2; +} + +a.badge-light:focus, +a.badge-light.focus { + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); + box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5); +} .badge-dark { color: #fff; - background-color: #252C46; } - a.badge-dark:hover, a.badge-dark:focus { - color: #fff; - background-color: #131725; } - a.badge-dark:focus, a.badge-dark.focus { - outline: 0; - -webkit-box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); - box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); } + background-color: #252C46; +} + +a.badge-dark:hover, +a.badge-dark:focus { + color: #fff; + background-color: #131725; +} + +a.badge-dark:focus, +a.badge-dark.focus { + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); + box-shadow: 0 0 0 0.2rem rgba(37, 44, 70, 0.5); +} .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; - border-radius: 0.3rem; } - @media (min-width: 576px) { - .jumbotron { - padding: 4rem 2rem; } } + border-radius: 0.3rem; +} + +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} .jumbotron-fluid { padding-right: 0; padding-left: 0; - border-radius: 0; } + border-radius: 0; +} .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .alert-heading { - color: inherit; } + color: inherit; +} .alert-link { - font-weight: 700; } + font-weight: 700; +} .alert-dismissible { - padding-right: 4rem; } - .alert-dismissible .close { - position: absolute; - top: 0; - right: 0; - padding: 0.75rem 1.25rem; - color: inherit; } + padding-right: 4rem; +} + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} .alert-primary { color: #114e7e; background-color: #d3eafd; - border-color: #c1e2fc; } - .alert-primary hr { - border-top-color: #a9d7fb; } - .alert-primary .alert-link { - color: #0b3251; } + border-color: #c1e2fc; +} + +.alert-primary hr { + border-top-color: #a9d7fb; +} + +.alert-primary .alert-link { + color: #0b3251; +} .alert-secondary { color: #73777a; background-color: #f8fafb; - border-color: #f5f7f9; } - .alert-secondary hr { - border-top-color: #e5eaef; } - .alert-secondary .alert-link { - color: #5a5d60; } + border-color: #f5f7f9; +} + +.alert-secondary hr { + border-top-color: #e5eaef; +} + +.alert-secondary .alert-link { + color: #5a5d60; +} .alert-success { color: #0d704d; background-color: #d1f7ea; - border-color: #bff4e1; } - .alert-success hr { - border-top-color: #a9f0d7; } - .alert-success .alert-link { - color: #08422e; } + border-color: #bff4e1; +} + +.alert-success hr { + border-top-color: #a9f0d7; +} + +.alert-success .alert-link { + color: #08422e; +} .alert-info { color: #473374; background-color: #e7e0f9; - border-color: #ded3f6; } - .alert-info hr { - border-top-color: #cebef2; } - .alert-info .alert-link { - color: #312351; } + border-color: #ded3f6; +} + +.alert-info hr { + border-top-color: #cebef2; +} + +.alert-info .alert-link { + color: #312351; +} .alert-warning { color: #855b00; background-color: #ffefcc; - border-color: #ffe9b8; } - .alert-warning hr { - border-top-color: #ffe19f; } - .alert-warning .alert-link { - color: #523800; } + border-color: #ffe9b8; +} + +.alert-warning hr { + border-top-color: #ffe19f; +} + +.alert-warning .alert-link { + color: #523800; +} .alert-danger { color: #85332e; background-color: #ffe0de; - border-color: #ffd3d0; } - .alert-danger hr { - border-top-color: #ffbbb7; } - .alert-danger .alert-link { - color: #5f2421; } + border-color: #ffd3d0; +} + +.alert-danger hr { + border-top-color: #ffbbb7; +} + +.alert-danger .alert-link { + color: #5f2421; +} .alert-light { color: #838383; background-color: #fefefe; - border-color: #fefefe; } - .alert-light hr { - border-top-color: #f1f1f1; } - .alert-light .alert-link { - color: #6a6a6a; } + border-color: #fefefe; +} + +.alert-light hr { + border-top-color: #f1f1f1; +} + +.alert-light .alert-link { + color: #6a6a6a; +} .alert-dark { color: #131724; background-color: #d3d5da; - border-color: #c2c4cb; } - .alert-dark hr { - border-top-color: #b4b7bf; } - .alert-dark .alert-link { - color: #010203; } + border-color: #c2c4cb; +} + +.alert-dark hr { + border-top-color: #b4b7bf; +} + +.alert-dark .alert-link { + color: #010203; +} @-webkit-keyframes progress-bar-stripes { from { - background-position: 1rem 0; } + background-position: 1rem 0; + } + to { - background-position: 0 0; } } + background-position: 0 0; + } +} @keyframes progress-bar-stripes { from { - background-position: 1rem 0; } + background-position: 1rem 0; + } + to { - background-position: 0 0; } } + background-position: 0 0; + } +} .progress { display: -webkit-box; @@ -4937,7 +7691,8 @@ input[type="button"].btn-block { overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .progress-bar { display: -webkit-box; @@ -4955,23 +7710,32 @@ input[type="button"].btn-block { white-space: nowrap; background-color: #007bff; -webkit-transition: width 0.6s ease; - transition: width 0.6s ease; } - @media (prefers-reduced-motion: reduce) { - .progress-bar { - -webkit-transition: none; - transition: none; } } + transition: width 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + -webkit-transition: none; + transition: none; + } +} .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: 1rem 1rem; } + background-size: 1rem 1rem; +} .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; - animation: progress-bar-stripes 1s linear infinite; } - @media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - -webkit-animation: none; - animation: none; } } + animation: progress-bar-stripes 1s linear infinite; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation: none; + } +} .media { display: -webkit-box; @@ -4979,12 +7743,14 @@ input[type="button"].btn-block { display: flex; -webkit-box-align: start; -ms-flex-align: start; - align-items: flex-start; } + align-items: flex-start; +} .media-body { -webkit-box-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .list-group { display: -webkit-box; @@ -4995,20 +7761,27 @@ input[type="button"].btn-block { -ms-flex-direction: column; flex-direction: column; padding-left: 0; - margin-bottom: 0; } + margin-bottom: 0; +} .list-group-item-action { width: 100%; color: #495057; - text-align: inherit; } - .list-group-item-action:hover, .list-group-item-action:focus { - z-index: 1; - color: #495057; - text-decoration: none; - background-color: #f8f9fa; } - .list-group-item-action:active { - color: #212529; - background-color: #e9ecef; } + text-align: inherit; +} + +.list-group-item-action:hover, +.list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} + +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} .list-group-item { position: relative; @@ -5016,219 +7789,321 @@ input[type="button"].btn-block { padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.125); } - .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; } - .list-group-item:last-child { - margin-bottom: 0; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; } - .list-group-item.disabled, .list-group-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: #fff; } - .list-group-item.active { - z-index: 2; - color: #fff; - background-color: #007bff; - border-color: #007bff; } + border: 1px solid rgba(0, 0, 0, 0.125); +} + +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.list-group-item.disabled, +.list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; +} + +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #007bff; + border-color: #007bff; +} .list-group-horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; } - .list-group-horizontal .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } + flex-direction: row; +} + +.list-group-horizontal .list-group-item { + margin-right: -1px; + margin-bottom: 0; +} + +.list-group-horizontal .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} + +.list-group-horizontal .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} @media (min-width: 576px) { .list-group-horizontal-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; } - .list-group-horizontal-sm .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-sm .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-sm .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + flex-direction: row; + } + + .list-group-horizontal-sm .list-group-item { + margin-right: -1px; + margin-bottom: 0; + } + + .list-group-horizontal-sm .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-sm .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} @media (min-width: 768px) { .list-group-horizontal-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; } - .list-group-horizontal-md .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-md .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-md .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + flex-direction: row; + } + + .list-group-horizontal-md .list-group-item { + margin-right: -1px; + margin-bottom: 0; + } + + .list-group-horizontal-md .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-md .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} @media (min-width: 992px) { .list-group-horizontal-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; } - .list-group-horizontal-lg .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-lg .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-lg .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + flex-direction: row; + } + + .list-group-horizontal-lg .list-group-item { + margin-right: -1px; + margin-bottom: 0; + } + + .list-group-horizontal-lg .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-lg .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} @media (min-width: 1200px) { .list-group-horizontal-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; } - .list-group-horizontal-xl .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-xl .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-xl .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + flex-direction: row; + } + + .list-group-horizontal-xl .list-group-item { + margin-right: -1px; + margin-bottom: 0; + } + + .list-group-horizontal-xl .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-xl .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} .list-group-flush .list-group-item { border-right: 0; border-left: 0; - border-radius: 0; } - .list-group-flush .list-group-item:last-child { - margin-bottom: -1px; } + border-radius: 0; +} + +.list-group-flush .list-group-item:last-child { + margin-bottom: -1px; +} .list-group-flush:first-child .list-group-item:first-child { - border-top: 0; } + border-top: 0; +} .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; - border-bottom: 0; } + border-bottom: 0; +} .list-group-item-primary { color: #114e7e; - background-color: #c1e2fc; } - .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #114e7e; - background-color: #a9d7fb; } - .list-group-item-primary.list-group-item-action.active { - color: #ffffff; - background-color: #114e7e; - border-color: #114e7e; } + background-color: #c1e2fc; +} + +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { + color: #114e7e; + background-color: #a9d7fb; +} + +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #114e7e; + border-color: #114e7e; +} .list-group-item-secondary { color: #73777a; - background-color: #f5f7f9; } - .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #73777a; - background-color: #e5eaef; } - .list-group-item-secondary.list-group-item-action.active { - color: #ffffff; - background-color: #73777a; - border-color: #73777a; } + background-color: #f5f7f9; +} + +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { + color: #73777a; + background-color: #e5eaef; +} + +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #73777a; + border-color: #73777a; +} .list-group-item-success { color: #0d704d; - background-color: #bff4e1; } - .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: #0d704d; - background-color: #a9f0d7; } - .list-group-item-success.list-group-item-action.active { - color: #ffffff; - background-color: #0d704d; - border-color: #0d704d; } + background-color: #bff4e1; +} + +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { + color: #0d704d; + background-color: #a9f0d7; +} + +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #0d704d; + border-color: #0d704d; +} .list-group-item-info { color: #473374; - background-color: #ded3f6; } - .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: #473374; - background-color: #cebef2; } - .list-group-item-info.list-group-item-action.active { - color: #ffffff; - background-color: #473374; - border-color: #473374; } + background-color: #ded3f6; +} + +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { + color: #473374; + background-color: #cebef2; +} + +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #473374; + border-color: #473374; +} .list-group-item-warning { color: #855b00; - background-color: #ffe9b8; } - .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: #855b00; - background-color: #ffe19f; } - .list-group-item-warning.list-group-item-action.active { - color: #ffffff; - background-color: #855b00; - border-color: #855b00; } + background-color: #ffe9b8; +} + +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { + color: #855b00; + background-color: #ffe19f; +} + +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #855b00; + border-color: #855b00; +} .list-group-item-danger { color: #85332e; - background-color: #ffd3d0; } - .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { - color: #85332e; - background-color: #ffbbb7; } - .list-group-item-danger.list-group-item-action.active { - color: #ffffff; - background-color: #85332e; - border-color: #85332e; } + background-color: #ffd3d0; +} + +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { + color: #85332e; + background-color: #ffbbb7; +} + +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #85332e; + border-color: #85332e; +} .list-group-item-light { color: #838383; - background-color: #fefefe; } - .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: #838383; - background-color: #f1f1f1; } - .list-group-item-light.list-group-item-action.active { - color: #ffffff; - background-color: #838383; - border-color: #838383; } + background-color: #fefefe; +} + +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { + color: #838383; + background-color: #f1f1f1; +} + +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #838383; + border-color: #838383; +} .list-group-item-dark { color: #131724; - background-color: #c2c4cb; } - .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { - color: #131724; - background-color: #b4b7bf; } - .list-group-item-dark.list-group-item-action.active { - color: #ffffff; - background-color: #131724; - border-color: #131724; } + background-color: #c2c4cb; +} + +.list-group-item-dark.list-group-item-action:hover, +.list-group-item-dark.list-group-item-action:focus { + color: #131724; + background-color: #b4b7bf; +} + +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #131724; + border-color: #131724; +} .close { float: right; @@ -5237,12 +8112,18 @@ input[type="button"].btn-block { line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; - opacity: .5; } - .close:hover { - color: #000; - text-decoration: none; } - .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { - opacity: .75; } + opacity: .5; +} + +.close:hover { + color: #000; + text-decoration: none; +} + +.close:not(:disabled):not(.disabled):hover, +.close:not(:disabled):not(.disabled):focus { + opacity: .75; +} button.close { padding: 0; @@ -5250,10 +8131,12 @@ button.close { border: 0; -webkit-appearance: none; -moz-appearance: none; - appearance: none; } + appearance: none; +} a.close.disabled { - pointer-events: none; } + pointer-events: none; +} .toast { max-width: 350px; @@ -5267,16 +8150,25 @@ a.close.disabled { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; - border-radius: 0.25rem; } - .toast:not(:last-child) { - margin-bottom: 0.75rem; } - .toast.showing { - opacity: 1; } - .toast.show { - display: block; - opacity: 1; } - .toast.hide { - display: none; } + border-radius: 0.25rem; +} + +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} + +.toast.showing { + opacity: 1; +} + +.toast.show { + display: block; + opacity: 1; +} + +.toast.hide { + display: none; +} .toast-header { display: -webkit-box; @@ -5289,16 +8181,21 @@ a.close.disabled { color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); } + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} .toast-body { - padding: 0.75rem; } + padding: 0.75rem; +} .modal-open { - overflow: hidden; } - .modal-open .modal { - overflow-x: hidden; - overflow-y: auto; } + overflow: hidden; +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} .modal { position: fixed; @@ -5309,42 +8206,58 @@ a.close.disabled { width: 100%; height: 100%; overflow: hidden; - outline: 0; } + outline: 0; +} .modal-dialog { position: relative; width: auto; margin: 10px; - pointer-events: none; } + pointer-events: none; +} + +.modal.fade .modal-dialog { + -webkit-transition: -webkit-transform 0.4s ease; + transition: -webkit-transform 0.4s ease; + transition: transform 0.4s ease; + transition: transform 0.4s ease, -webkit-transform 0.4s ease; + -webkit-transform: translate(0, -50px); + transform: translate(0, -50px); +} + +@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { - -webkit-transition: -webkit-transform 0.4s ease; - transition: -webkit-transform 0.4s ease; - transition: transform 0.4s ease; - transition: transform 0.4s ease, -webkit-transform 0.4s ease; - -webkit-transform: translate(0, -50px); - transform: translate(0, -50px); } - @media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - -webkit-transition: none; - transition: none; } } - .modal.show .modal-dialog { - -webkit-transform: none; - transform: none; } + -webkit-transition: none; + transition: none; + } +} + +.modal.show .modal-dialog { + -webkit-transform: none; + transform: none; +} .modal-dialog-scrollable { display: -webkit-box; display: -ms-flexbox; display: flex; - max-height: calc(100% - 20px); } - .modal-dialog-scrollable .modal-content { - max-height: calc(100vh - 20px); - overflow: hidden; } - .modal-dialog-scrollable .modal-header, - .modal-dialog-scrollable .modal-footer { - -ms-flex-negative: 0; - flex-shrink: 0; } - .modal-dialog-scrollable .modal-body { - overflow-y: auto; } + max-height: calc(100% - 20px); +} + +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 20px); + overflow: hidden; +} + +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} .modal-dialog-centered { display: -webkit-box; @@ -5353,24 +8266,33 @@ a.close.disabled { -webkit-box-align: center; -ms-flex-align: center; align-items: center; - min-height: calc(100% - 20px); } - .modal-dialog-centered::before { - display: block; - height: calc(100vh - 20px); - content: ""; } - .modal-dialog-centered.modal-dialog-scrollable { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - height: 100%; } - .modal-dialog-centered.modal-dialog-scrollable .modal-content { - max-height: none; } - .modal-dialog-centered.modal-dialog-scrollable::before { - content: none; } + min-height: calc(100% - 20px); +} + +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 20px); + content: ""; +} + +.modal-dialog-centered.modal-dialog-scrollable { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} + +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} + +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} .modal-content { position: relative; @@ -5387,7 +8309,8 @@ a.close.disabled { background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; - outline: 0; } + outline: 0; +} .modal-backdrop { position: fixed; @@ -5396,11 +8319,16 @@ a.close.disabled { z-index: 1040; width: 100vw; height: 100vh; - background-color: #000; } - .modal-backdrop.fade { - opacity: 0; } - .modal-backdrop.show { - opacity: 0.5; } + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 0.5; +} .modal-header { display: -webkit-box; @@ -5415,21 +8343,26 @@ a.close.disabled { padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; - border-top-right-radius: 0.3rem; } - .modal-header .close { - padding: 1rem 1rem; - margin: -25px -26px -25px auto; } + border-top-right-radius: 0.3rem; +} + +.modal-header .close { + padding: 1rem 1rem; + margin: -25px -26px -25px auto; +} .modal-title { margin-bottom: 0; - line-height: 1.5; } + line-height: 1.5; +} .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; - padding: 15px; } + padding: 15px; +} .modal-footer { display: -webkit-box; @@ -5444,42 +8377,65 @@ a.close.disabled { padding: 15px; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; - border-bottom-left-radius: 0.3rem; } - .modal-footer > :not(:first-child) { - margin-left: .25rem; } - .modal-footer > :not(:last-child) { - margin-right: .25rem; } + border-bottom-left-radius: 0.3rem; +} + +.modal-footer> :not(:first-child) { + margin-left: .25rem; +} + +.modal-footer> :not(:last-child) { + margin-right: .25rem; +} .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; - overflow: scroll; } + overflow: scroll; +} @media (min-width: 576px) { .modal-dialog { max-width: 500px; - margin: 30px auto; } + margin: 30px auto; + } + .modal-dialog-scrollable { - max-height: calc(100% - 60px); } - .modal-dialog-scrollable .modal-content { - max-height: calc(100vh - 60px); } + max-height: calc(100% - 60px); + } + + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 60px); + } + .modal-dialog-centered { - min-height: calc(100% - 60px); } - .modal-dialog-centered::before { - height: calc(100vh - 60px); } + min-height: calc(100% - 60px); + } + + .modal-dialog-centered::before { + height: calc(100vh - 60px); + } + .modal-sm { - max-width: 300px; } } + max-width: 300px; + } +} @media (min-width: 992px) { + .modal-lg, .modal-xl { - max-width: 90%; } } + max-width: 90%; + } +} @media (min-width: 1200px) { .modal-xl { - max-width: 1140px; } } + max-width: 1140px; + } +} .tooltip { position: absolute; @@ -5502,59 +8458,98 @@ a.close.disabled { line-break: auto; font-size: 0.75rem; word-wrap: break-word; - opacity: 0; } - .tooltip.show { - opacity: 0.9; } - .tooltip .arrow { - position: absolute; - display: block; - width: 0.8rem; - height: 0.4rem; } - .tooltip .arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; } + opacity: 0; +} -.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { - padding: 0.4rem 0; } - .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { - bottom: 0; } - .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { - top: 0; - border-width: 0.4rem 0.4rem 0; - border-top-color: #000; } +.tooltip.show { + opacity: 0.9; +} -.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { - padding: 0 0.4rem; } - .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { - left: 0; - width: 0.4rem; - height: 0.8rem; } - .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { - right: 0; - border-width: 0.4rem 0.4rem 0.4rem 0; - border-right-color: #000; } +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} -.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { - padding: 0.4rem 0; } - .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { - top: 0; } - .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - bottom: 0; - border-width: 0 0.4rem 0.4rem; - border-bottom-color: #000; } +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} -.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { - padding: 0 0.4rem; } - .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { - right: 0; - width: 0.4rem; - height: 0.8rem; } - .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { - left: 0; - border-width: 0.4rem 0 0.4rem 0.4rem; - border-left-color: #000; } +.bs-tooltip-top, +.bs-tooltip-auto[x-placement^="top"] { + padding: 0.4rem 0; +} + +.bs-tooltip-top .arrow, +.bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; +} + +.bs-tooltip-top .arrow::before, +.bs-tooltip-auto[x-placement^="top"] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #000; +} + +.bs-tooltip-right, +.bs-tooltip-auto[x-placement^="right"] { + padding: 0 0.4rem; +} + +.bs-tooltip-right .arrow, +.bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-right .arrow::before, +.bs-tooltip-auto[x-placement^="right"] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; +} + +.bs-tooltip-bottom, +.bs-tooltip-auto[x-placement^="bottom"] { + padding: 0.4rem 0; +} + +.bs-tooltip-bottom .arrow, +.bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; +} + +.bs-tooltip-bottom .arrow::before, +.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #000; +} + +.bs-tooltip-left, +.bs-tooltip-auto[x-placement^="left"] { + padding: 0 0.4rem; +} + +.bs-tooltip-left .arrow, +.bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-left .arrow::before, +.bs-tooltip-auto[x-placement^="left"] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; +} .tooltip-inner { max-width: 200px; @@ -5562,7 +8557,8 @@ a.close.disabled { color: #fff; text-align: center; background-color: #000; - border-radius: 0.375rem; } + border-radius: 0.375rem; +} .popover { position: absolute; @@ -5590,86 +8586,139 @@ a.close.disabled { background-color: #2a2c44; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 0.3rem; } - .popover .arrow { - position: absolute; - display: block; - width: 1rem; - height: 0.5rem; - margin: 0 0.3rem; } - .popover .arrow::before, .popover .arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; } + border-radius: 0.3rem; +} -.bs-popover-top, .bs-popover-auto[x-placement^="top"] { - margin-bottom: 0.5rem; } - .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { - bottom: calc((0.5rem + 1px) * -1); } - .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { - bottom: 0; - border-width: 0.5rem 0.5rem 0; - border-top-color: rgba(0, 0, 0, 0.25); } - .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { - bottom: 1px; - border-width: 0.5rem 0.5rem 0; - border-top-color: #2a2c44; } +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} -.bs-popover-right, .bs-popover-auto[x-placement^="right"] { - margin-left: 0.5rem; } - .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { - left: calc((0.5rem + 1px) * -1); - width: 0.5rem; - height: 1rem; - margin: 0.3rem 0; } - .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { - left: 0; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: rgba(0, 0, 0, 0.25); } - .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { - left: 1px; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: #2a2c44; } +.popover .arrow::before, +.popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} -.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { - margin-top: 0.5rem; } - .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { - top: calc((0.5rem + 1px) * -1); } - .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { - top: 0; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: rgba(0, 0, 0, 0.25); } - .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { - top: 1px; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: #2a2c44; } - .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { - position: absolute; - top: 0; - left: 50%; - display: block; - width: 1rem; - margin-left: -0.5rem; - content: ""; - border-bottom: 1px solid #f7f7f7; } +.bs-popover-top, +.bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.5rem; +} -.bs-popover-left, .bs-popover-auto[x-placement^="left"] { - margin-right: 0.5rem; } - .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { - right: calc((0.5rem + 1px) * -1); - width: 0.5rem; - height: 1rem; - margin: 0.3rem 0; } - .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { - right: 0; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: rgba(0, 0, 0, 0.25); } - .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { - right: 1px; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: #2a2c44; } +.bs-popover-top>.arrow, +.bs-popover-auto[x-placement^="top"]>.arrow { + bottom: calc((0.5rem + 1px) * -1); +} + +.bs-popover-top>.arrow::before, +.bs-popover-auto[x-placement^="top"]>.arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-top>.arrow::after, +.bs-popover-auto[x-placement^="top"]>.arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #2a2c44; +} + +.bs-popover-right, +.bs-popover-auto[x-placement^="right"] { + margin-left: 0.5rem; +} + +.bs-popover-right>.arrow, +.bs-popover-auto[x-placement^="right"]>.arrow { + left: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-right>.arrow::before, +.bs-popover-auto[x-placement^="right"]>.arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-right>.arrow::after, +.bs-popover-auto[x-placement^="right"]>.arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #2a2c44; +} + +.bs-popover-bottom, +.bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.5rem; +} + +.bs-popover-bottom>.arrow, +.bs-popover-auto[x-placement^="bottom"]>.arrow { + top: calc((0.5rem + 1px) * -1); +} + +.bs-popover-bottom>.arrow::before, +.bs-popover-auto[x-placement^="bottom"]>.arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-bottom>.arrow::after, +.bs-popover-auto[x-placement^="bottom"]>.arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #2a2c44; +} + +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, +.bs-popover-auto[x-placement^="left"] { + margin-right: 0.5rem; +} + +.bs-popover-left>.arrow, +.bs-popover-auto[x-placement^="left"]>.arrow { + right: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-left>.arrow::before, +.bs-popover-auto[x-placement^="left"]>.arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-left>.arrow::after, +.bs-popover-auto[x-placement^="left"]>.arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #2a2c44; +} .popover-header { padding: 0.5rem 0.75rem; @@ -5678,29 +8727,38 @@ a.close.disabled { background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); - border-top-right-radius: calc(0.3rem - 1px); } - .popover-header:empty { - display: none; } + border-top-right-radius: calc(0.3rem - 1px); +} + +.popover-header:empty { + display: none; +} .popover-body { padding: 0.5rem 0.75rem; - color: #212529; } + color: #212529; +} .carousel { - position: relative; } + position: relative; +} .carousel.pointer-event { -ms-touch-action: pan-y; - touch-action: pan-y; } + touch-action: pan-y; +} .carousel-inner { position: relative; width: 100%; - overflow: hidden; } - .carousel-inner::after { - display: block; - clear: both; - content: ""; } + overflow: hidden; +} + +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} .carousel-item { position: relative; @@ -5713,51 +8771,65 @@ a.close.disabled { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .carousel-item { - -webkit-transition: none; - transition: none; } } + transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + -webkit-transition: none; + transition: none; + } +} .carousel-item.active, .carousel-item-next, .carousel-item-prev { - display: block; } + display: block; +} .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); - transform: translateX(100%); } + transform: translateX(100%); +} .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); - transform: translateX(-100%); } + transform: translateX(-100%); +} .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; - transform: none; } + transform: none; +} .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; - opacity: 1; } + opacity: 1; +} .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; -webkit-transition: 0s 0.6s opacity; - transition: 0s 0.6s opacity; } - @media (prefers-reduced-motion: reduce) { - .carousel-fade .active.carousel-item-left, - .carousel-fade .active.carousel-item-right { - -webkit-transition: none; - transition: none; } } + transition: 0s 0.6s opacity; +} + +@media (prefers-reduced-motion: reduce) { + + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-right { + -webkit-transition: none; + transition: none; + } +} .carousel-control-prev, .carousel-control-next { @@ -5779,38 +8851,51 @@ a.close.disabled { text-align: center; opacity: 0.5; -webkit-transition: opacity 0.15s ease; - transition: opacity 0.15s ease; } - @media (prefers-reduced-motion: reduce) { - .carousel-control-prev, - .carousel-control-next { - -webkit-transition: none; - transition: none; } } - .carousel-control-prev:hover, .carousel-control-prev:focus, - .carousel-control-next:hover, - .carousel-control-next:focus { - color: #fff; - text-decoration: none; - outline: 0; - opacity: 0.9; } + transition: opacity 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + + .carousel-control-prev, + .carousel-control-next { + -webkit-transition: none; + transition: none; + } +} + +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} .carousel-control-prev { - left: 0; } + left: 0; +} .carousel-control-next { - right: 0; } + right: 0; +} .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; - background: no-repeat 50% / 100% 100%; } + background: no-repeat 50% / 100% 100%; +} .carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); +} .carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); +} .carousel-indicators { position: absolute; @@ -5827,32 +8912,40 @@ a.close.disabled { padding-left: 0; margin-right: 15%; margin-left: 15%; - list-style: none; } + list-style: none; +} + +.carousel-indicators li { + -webkit-box-sizing: content-box; + box-sizing: content-box; + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: .5; + -webkit-transition: opacity 0.6s ease; + transition: opacity 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { .carousel-indicators li { - -webkit-box-sizing: content-box; - box-sizing: content-box; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - width: 30px; - height: 3px; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - cursor: pointer; - background-color: #fff; - background-clip: padding-box; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - opacity: .5; - -webkit-transition: opacity 0.6s ease; - transition: opacity 0.6s ease; } - @media (prefers-reduced-motion: reduce) { - .carousel-indicators li { - -webkit-transition: none; - transition: none; } } - .carousel-indicators .active { - opacity: 1; } + -webkit-transition: none; + transition: none; + } +} + +.carousel-indicators .active { + opacity: 1; +} .carousel-caption { position: absolute; @@ -5863,17 +8956,22 @@ a.close.disabled { padding-top: 20px; padding-bottom: 20px; color: #fff; - text-align: center; } + text-align: center; +} @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } + transform: rotate(360deg); + } +} @keyframes spinner-border { to { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } + transform: rotate(360deg); + } +} .spinner-border { display: inline-block; @@ -5884,26 +8982,36 @@ a.close.disabled { border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; - animation: spinner-border .75s linear infinite; } + animation: spinner-border .75s linear infinite; +} .spinner-border-sm { width: 1rem; height: 1rem; - border-width: 0.2em; } + border-width: 0.2em; +} @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); - transform: scale(0); } + transform: scale(0); + } + 50% { - opacity: 1; } } + opacity: 1; + } +} @keyframes spinner-grow { 0% { -webkit-transform: scale(0); - transform: scale(0); } + transform: scale(0); + } + 50% { - opacity: 1; } } + opacity: 1; + } +} .spinner-grow { display: inline-block; @@ -5914,1140 +9022,1706 @@ a.close.disabled { border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; - animation: spinner-grow .75s linear infinite; } + animation: spinner-grow .75s linear infinite; +} .spinner-grow-sm { width: 1rem; - height: 1rem; } + height: 1rem; +} .align-baseline { - vertical-align: baseline !important; } + vertical-align: baseline !important; +} .align-top { - vertical-align: top !important; } + vertical-align: top !important; +} .align-middle { - vertical-align: middle !important; } + vertical-align: middle !important; +} .align-bottom { - vertical-align: bottom !important; } + vertical-align: bottom !important; +} .align-text-bottom { - vertical-align: text-bottom !important; } + vertical-align: text-bottom !important; +} .align-text-top { - vertical-align: text-top !important; } + vertical-align: text-top !important; +} -.bg-primary, .settings-panel .color-tiles .tiles.primary { - background-color: #2196f3 !important; } +.bg-primary, +.settings-panel .color-tiles .tiles.primary { + background-color: #2196f3 !important; +} -a.bg-primary:hover, .settings-panel .color-tiles a.tiles.primary:hover, a.bg-primary:focus, .settings-panel .color-tiles a.tiles.primary:focus, +a.bg-primary:hover, +.settings-panel .color-tiles a.tiles.primary:hover, +a.bg-primary:focus, +.settings-panel .color-tiles a.tiles.primary:focus, button.bg-primary:hover, .settings-panel .color-tiles button.tiles.primary:hover, button.bg-primary:focus, .settings-panel .color-tiles button.tiles.primary:focus { - background-color: #0c7cd5 !important; } + background-color: #0c7cd5 !important; +} .bg-secondary { - background-color: #dde4eb !important; } + background-color: #dde4eb !important; +} -a.bg-secondary:hover, a.bg-secondary:focus, +a.bg-secondary:hover, +a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { - background-color: #bdcbd8 !important; } + background-color: #bdcbd8 !important; +} -.bg-success, .settings-panel .color-tiles .tiles.success { - background-color: #19d895 !important; } +.bg-success, +.settings-panel .color-tiles .tiles.success { + background-color: #19d895 !important; +} -a.bg-success:hover, .settings-panel .color-tiles a.tiles.success:hover, a.bg-success:focus, .settings-panel .color-tiles a.tiles.success:focus, +a.bg-success:hover, +.settings-panel .color-tiles a.tiles.success:hover, +a.bg-success:focus, +.settings-panel .color-tiles a.tiles.success:focus, button.bg-success:hover, .settings-panel .color-tiles button.tiles.success:hover, button.bg-success:focus, .settings-panel .color-tiles button.tiles.success:focus { - background-color: #14aa75 !important; } + background-color: #14aa75 !important; +} -.bg-info, .settings-panel .color-tiles .tiles.info { - background-color: #8862e0 !important; } +.bg-info, +.settings-panel .color-tiles .tiles.info { + background-color: #8862e0 !important; +} -a.bg-info:hover, .settings-panel .color-tiles a.tiles.info:hover, a.bg-info:focus, .settings-panel .color-tiles a.tiles.info:focus, +a.bg-info:hover, +.settings-panel .color-tiles a.tiles.info:hover, +a.bg-info:focus, +.settings-panel .color-tiles a.tiles.info:focus, button.bg-info:hover, .settings-panel .color-tiles button.tiles.info:hover, button.bg-info:focus, .settings-panel .color-tiles button.tiles.info:focus { - background-color: #6837d8 !important; } + background-color: #6837d8 !important; +} -.bg-warning, .settings-panel .color-tiles .tiles.warning { - background-color: #ffaf00 !important; } +.bg-warning, +.settings-panel .color-tiles .tiles.warning { + background-color: #ffaf00 !important; +} -a.bg-warning:hover, .settings-panel .color-tiles a.tiles.warning:hover, a.bg-warning:focus, .settings-panel .color-tiles a.tiles.warning:focus, +a.bg-warning:hover, +.settings-panel .color-tiles a.tiles.warning:hover, +a.bg-warning:focus, +.settings-panel .color-tiles a.tiles.warning:focus, button.bg-warning:hover, .settings-panel .color-tiles button.tiles.warning:hover, button.bg-warning:focus, .settings-panel .color-tiles button.tiles.warning:focus { - background-color: #cc8c00 !important; } + background-color: #cc8c00 !important; +} -.bg-danger, .settings-panel .color-tiles .tiles.danger { - background-color: #ff6258 !important; } +.bg-danger, +.settings-panel .color-tiles .tiles.danger { + background-color: #ff6258 !important; +} -a.bg-danger:hover, .settings-panel .color-tiles a.tiles.danger:hover, a.bg-danger:focus, .settings-panel .color-tiles a.tiles.danger:focus, +a.bg-danger:hover, +.settings-panel .color-tiles a.tiles.danger:hover, +a.bg-danger:focus, +.settings-panel .color-tiles a.tiles.danger:focus, button.bg-danger:hover, .settings-panel .color-tiles button.tiles.danger:hover, button.bg-danger:focus, .settings-panel .color-tiles button.tiles.danger:focus { - background-color: #ff3225 !important; } + background-color: #ff3225 !important; +} .bg-light { - background-color: #fbfbfb !important; } + background-color: #fbfbfb !important; +} -a.bg-light:hover, a.bg-light:focus, +a.bg-light:hover, +a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { - background-color: #e2e2e2 !important; } + background-color: #e2e2e2 !important; +} -.bg-dark, .settings-panel .color-tiles .tiles.dark { - background-color: #252C46 !important; } +.bg-dark, +.settings-panel .color-tiles .tiles.dark { + background-color: #252C46 !important; +} -a.bg-dark:hover, .settings-panel .color-tiles a.tiles.dark:hover, a.bg-dark:focus, .settings-panel .color-tiles a.tiles.dark:focus, +a.bg-dark:hover, +.settings-panel .color-tiles a.tiles.dark:hover, +a.bg-dark:focus, +.settings-panel .color-tiles a.tiles.dark:focus, button.bg-dark:hover, .settings-panel .color-tiles button.tiles.dark:hover, button.bg-dark:focus, .settings-panel .color-tiles button.tiles.dark:focus { - background-color: #131725 !important; } + background-color: #131725 !important; +} .bg-white { - background-color: #ffffff !important; } + background-color: #ffffff !important; +} .bg-transparent { - background-color: transparent !important; } + background-color: transparent !important; +} -.border, .loader-demo-box { - border: 1px solid #383e5d !important; } +.border, +.loader-demo-box { + border: 1px solid #383e5d !important; +} .border-top { - border-top: 1px solid #383e5d !important; } + border-top: 1px solid #383e5d !important; +} .border-right { - border-right: 1px solid #383e5d !important; } + border-right: 1px solid #383e5d !important; +} .border-bottom { - border-bottom: 1px solid #383e5d !important; } + border-bottom: 1px solid #383e5d !important; +} .border-left { - border-left: 1px solid #383e5d !important; } + border-left: 1px solid #383e5d !important; +} .border-0 { - border: 0 !important; } + border: 0 !important; +} .border-top-0 { - border-top: 0 !important; } + border-top: 0 !important; +} .border-right-0 { - border-right: 0 !important; } + border-right: 0 !important; +} .border-bottom-0 { - border-bottom: 0 !important; } + border-bottom: 0 !important; +} .border-left-0 { - border-left: 0 !important; } + border-left: 0 !important; +} .border-primary { - border-color: #2196f3 !important; } + border-color: #2196f3 !important; +} -.border-secondary, .loader-demo-box { - border-color: #dde4eb !important; } +.border-secondary, +.loader-demo-box { + border-color: #dde4eb !important; +} .border-success { - border-color: #19d895 !important; } + border-color: #19d895 !important; +} .border-info { - border-color: #8862e0 !important; } + border-color: #8862e0 !important; +} .border-warning { - border-color: #ffaf00 !important; } + border-color: #ffaf00 !important; +} .border-danger { - border-color: #ff6258 !important; } + border-color: #ff6258 !important; +} .border-light { - border-color: #fbfbfb !important; } + border-color: #fbfbfb !important; +} .border-dark { - border-color: #252C46 !important; } + border-color: #252C46 !important; +} .border-white { - border-color: #ffffff !important; } + border-color: #ffffff !important; +} .rounded-sm { - border-radius: 0.2rem !important; } + border-radius: 0.2rem !important; +} -.rounded, .loader-demo-box { - border-radius: 0.25rem !important; } +.rounded, +.loader-demo-box { + border-radius: 0.25rem !important; +} .rounded-top { border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; } + border-top-right-radius: 0.25rem !important; +} .rounded-right { border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; } + border-bottom-right-radius: 0.25rem !important; +} .rounded-bottom { border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; } + border-bottom-left-radius: 0.25rem !important; +} .rounded-left { border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; } + border-bottom-left-radius: 0.25rem !important; +} .rounded-lg { - border-radius: 0.3rem !important; } + border-radius: 0.3rem !important; +} -.rounded-circle, .settings-panel .color-tiles .tiles { - border-radius: 50% !important; } +.rounded-circle, +.settings-panel .color-tiles .tiles { + border-radius: 50% !important; +} .rounded-pill { - border-radius: 50rem !important; } + border-radius: 50rem !important; +} .rounded-0 { - border-radius: 0 !important; } + border-radius: 0 !important; +} .clearfix::after { display: block; clear: both; - content: ""; } + content: ""; +} .d-none { - display: none !important; } + display: none !important; +} .d-inline { - display: inline !important; } + display: inline !important; +} .d-inline-block { - display: inline-block !important; } + display: inline-block !important; +} .d-block { - display: block !important; } + display: block !important; +} .d-table { - display: table !important; } + display: table !important; +} .d-table-row { - display: table-row !important; } + display: table-row !important; +} .d-table-cell { - display: table-cell !important; } + display: table-cell !important; +} -.d-flex, .loader-demo-box, .new-accounts ul.chats li.chat-persons a, .new-accounts ul.chats li.chat-persons a div.user, .list-wrapper ul li, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user, .email-wrapper .mail-list-container .mail-list .details, .email-wrapper .message-body .attachments-sections ul li .thumb, .email-wrapper .message-body .attachments-sections ul li .details .buttons, .lightGallery .image-tile .demo-gallery-poster, .swal2-modal { +.d-flex, +.loader-demo-box, +.new-accounts ul.chats li.chat-persons a, +.new-accounts ul.chats li.chat-persons a div.user, +.list-wrapper ul li, +.email-wrapper .mail-sidebar .menu-bar .profile-list-item a, +.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user, +.email-wrapper .mail-list-container .mail-list .details, +.email-wrapper .message-body .attachments-sections ul li .thumb, +.email-wrapper .message-body .attachments-sections ul li .details .buttons, +.lightGallery .image-tile .demo-gallery-poster, +.swal2-modal { display: -webkit-box !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; +} -.d-inline-flex, .email-wrapper .message-body .attachments-sections ul li { +.d-inline-flex, +.email-wrapper .message-body .attachments-sections ul li { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } + display: inline-flex !important; +} @media (min-width: 576px) { .d-sm-none { - display: none !important; } + display: none !important; + } + .d-sm-inline { - display: inline !important; } + display: inline !important; + } + .d-sm-inline-block { - display: inline-block !important; } + display: inline-block !important; + } + .d-sm-block { - display: block !important; } + display: block !important; + } + .d-sm-table { - display: table !important; } + display: table !important; + } + .d-sm-table-row { - display: table-row !important; } + display: table-row !important; + } + .d-sm-table-cell { - display: table-cell !important; } + display: table-cell !important; + } + .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } } + display: inline-flex !important; + } +} @media (min-width: 768px) { .d-md-none { - display: none !important; } + display: none !important; + } + .d-md-inline { - display: inline !important; } + display: inline !important; + } + .d-md-inline-block { - display: inline-block !important; } + display: inline-block !important; + } + .d-md-block { - display: block !important; } + display: block !important; + } + .d-md-table { - display: table !important; } + display: table !important; + } + .d-md-table-row { - display: table-row !important; } + display: table-row !important; + } + .d-md-table-cell { - display: table-cell !important; } + display: table-cell !important; + } + .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } } + display: inline-flex !important; + } +} @media (min-width: 992px) { .d-lg-none { - display: none !important; } + display: none !important; + } + .d-lg-inline { - display: inline !important; } + display: inline !important; + } + .d-lg-inline-block { - display: inline-block !important; } + display: inline-block !important; + } + .d-lg-block { - display: block !important; } + display: block !important; + } + .d-lg-table { - display: table !important; } + display: table !important; + } + .d-lg-table-row { - display: table-row !important; } + display: table-row !important; + } + .d-lg-table-cell { - display: table-cell !important; } + display: table-cell !important; + } + .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } } + display: inline-flex !important; + } +} @media (min-width: 1200px) { .d-xl-none { - display: none !important; } + display: none !important; + } + .d-xl-inline { - display: inline !important; } + display: inline !important; + } + .d-xl-inline-block { - display: inline-block !important; } + display: inline-block !important; + } + .d-xl-block { - display: block !important; } + display: block !important; + } + .d-xl-table { - display: table !important; } + display: table !important; + } + .d-xl-table-row { - display: table-row !important; } + display: table-row !important; + } + .d-xl-table-cell { - display: table-cell !important; } + display: table-cell !important; + } + .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } } + display: inline-flex !important; + } +} @media print { .d-print-none { - display: none !important; } + display: none !important; + } + .d-print-inline { - display: inline !important; } + display: inline !important; + } + .d-print-inline-block { - display: inline-block !important; } + display: inline-block !important; + } + .d-print-block { - display: block !important; } + display: block !important; + } + .d-print-table { - display: table !important; } + display: table !important; + } + .d-print-table-row { - display: table-row !important; } + display: table-row !important; + } + .d-print-table-cell { - display: table-cell !important; } + display: table-cell !important; + } + .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } } + display: inline-flex !important; + } +} .embed-responsive { position: relative; display: block; width: 100%; padding: 0; - overflow: hidden; } - .embed-responsive::before { - display: block; - content: ""; } - .embed-responsive .embed-responsive-item, - .embed-responsive iframe, - .embed-responsive embed, - .embed-responsive object, - .embed-responsive video { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; } + overflow: hidden; +} + +.embed-responsive::before { + display: block; + content: ""; +} + +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} .embed-responsive-21by9::before { - padding-top: 42.85714%; } + padding-top: 42.85714%; +} .embed-responsive-16by9::before { - padding-top: 56.25%; } + padding-top: 56.25%; +} .embed-responsive-4by3::before { - padding-top: 75%; } + padding-top: 75%; +} .embed-responsive-1by1::before { - padding-top: 100%; } + padding-top: 100%; +} .embed-responsive-21by9::before { - padding-top: 42.85714%; } + padding-top: 42.85714%; +} .embed-responsive-16by9::before { - padding-top: 56.25%; } + padding-top: 56.25%; +} .embed-responsive-4by3::before { - padding-top: 75%; } + padding-top: 75%; +} .embed-responsive-1by1::before { - padding-top: 100%; } + padding-top: 100%; +} -.flex-row, .email-wrapper .message-body .attachments-sections ul li { +.flex-row, +.email-wrapper .message-body .attachments-sections ul li { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; - flex-direction: row !important; } + flex-direction: row !important; +} -.flex-column, .new-accounts ul.chats li.chat-persons a div.user, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user { +.flex-column, +.new-accounts ul.chats li.chat-persons a div.user, +.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; - flex-direction: column !important; } + flex-direction: column !important; +} .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; } + flex-direction: row-reverse !important; +} .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; - flex-direction: column-reverse !important; } + flex-direction: column-reverse !important; +} .flex-wrap { -ms-flex-wrap: wrap !important; - flex-wrap: wrap !important; } + flex-wrap: wrap !important; +} .flex-nowrap { -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; } + flex-wrap: nowrap !important; +} .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; - flex-wrap: wrap-reverse !important; } + flex-wrap: wrap-reverse !important; +} .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; } + flex: 1 1 auto !important; +} .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; - flex-grow: 0 !important; } + flex-grow: 0 !important; +} .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; - flex-grow: 1 !important; } + flex-grow: 1 !important; +} .flex-shrink-0 { -ms-flex-negative: 0 !important; - flex-shrink: 0 !important; } + flex-shrink: 0 !important; +} .flex-shrink-1 { -ms-flex-negative: 1 !important; - flex-shrink: 1 !important; } + flex-shrink: 1 !important; +} -.justify-content-start, .list-wrapper ul li { +.justify-content-start, +.list-wrapper ul li { -webkit-box-pack: start !important; -ms-flex-pack: start !important; - justify-content: flex-start !important; } + justify-content: flex-start !important; +} -.justify-content-end, .email-wrapper .mail-list-container .mail-list .details { +.justify-content-end, +.email-wrapper .mail-list-container .mail-list .details { -webkit-box-pack: end !important; -ms-flex-pack: end !important; - justify-content: flex-end !important; } + justify-content: flex-end !important; +} -.justify-content-center, .email-wrapper .message-body .attachments-sections ul li .thumb { +.justify-content-center, +.email-wrapper .message-body .attachments-sections ul li .thumb { -webkit-box-pack: center !important; -ms-flex-pack: center !important; - justify-content: center !important; } + justify-content: center !important; +} .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; - justify-content: space-between !important; } + justify-content: space-between !important; +} .justify-content-around { -ms-flex-pack: distribute !important; - justify-content: space-around !important; } + justify-content: space-around !important; +} .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; - align-items: flex-start !important; } + align-items: flex-start !important; +} .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; - align-items: flex-end !important; } + align-items: flex-end !important; +} -.align-items-center, .loader-demo-box, .new-accounts ul.chats li.chat-persons a, .list-wrapper ul li, .email-wrapper .message-body .attachments-sections ul li .thumb, .email-wrapper .message-body .attachments-sections ul li .details .buttons { +.align-items-center, +.loader-demo-box, +.new-accounts ul.chats li.chat-persons a, +.list-wrapper ul li, +.email-wrapper .message-body .attachments-sections ul li .thumb, +.email-wrapper .message-body .attachments-sections ul li .details .buttons { -webkit-box-align: center !important; -ms-flex-align: center !important; - align-items: center !important; } + align-items: center !important; +} .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; - align-items: baseline !important; } + align-items: baseline !important; +} -.align-items-stretch, .email-wrapper .message-body .attachments-sections ul li { +.align-items-stretch, +.email-wrapper .message-body .attachments-sections ul li { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; - align-items: stretch !important; } + align-items: stretch !important; +} .align-content-start { -ms-flex-line-pack: start !important; - align-content: flex-start !important; } + align-content: flex-start !important; +} .align-content-end { -ms-flex-line-pack: end !important; - align-content: flex-end !important; } + align-content: flex-end !important; +} .align-content-center { -ms-flex-line-pack: center !important; - align-content: center !important; } + align-content: center !important; +} .align-content-between { -ms-flex-line-pack: justify !important; - align-content: space-between !important; } + align-content: space-between !important; +} .align-content-around { -ms-flex-line-pack: distribute !important; - align-content: space-around !important; } + align-content: space-around !important; +} .align-content-stretch { -ms-flex-line-pack: stretch !important; - align-content: stretch !important; } + align-content: stretch !important; +} .align-self-auto { -ms-flex-item-align: auto !important; - align-self: auto !important; } + align-self: auto !important; +} .align-self-start { -ms-flex-item-align: start !important; - align-self: flex-start !important; } + align-self: flex-start !important; +} .align-self-end { -ms-flex-item-align: end !important; - align-self: flex-end !important; } + align-self: flex-end !important; +} .align-self-center { -ms-flex-item-align: center !important; - align-self: center !important; } + align-self: center !important; +} .align-self-baseline { -ms-flex-item-align: baseline !important; - align-self: baseline !important; } + align-self: baseline !important; +} .align-self-stretch { -ms-flex-item-align: stretch !important; - align-self: stretch !important; } + align-self: stretch !important; +} @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; - flex-direction: row !important; } + flex-direction: row !important; + } + .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; - flex-direction: column !important; } + flex-direction: column !important; + } + .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; } + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; - flex-direction: column-reverse !important; } + flex-direction: column-reverse !important; + } + .flex-sm-wrap { -ms-flex-wrap: wrap !important; - flex-wrap: wrap !important; } + flex-wrap: wrap !important; + } + .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; } + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; - flex-wrap: wrap-reverse !important; } + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; } + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; - flex-grow: 0 !important; } + flex-grow: 0 !important; + } + .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; - flex-grow: 1 !important; } + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; - flex-shrink: 0 !important; } + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; - flex-shrink: 1 !important; } + flex-shrink: 1 !important; + } + .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; - justify-content: flex-start !important; } + justify-content: flex-start !important; + } + .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; - justify-content: flex-end !important; } + justify-content: flex-end !important; + } + .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; - justify-content: center !important; } + justify-content: center !important; + } + .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; - justify-content: space-between !important; } + justify-content: space-between !important; + } + .justify-content-sm-around { -ms-flex-pack: distribute !important; - justify-content: space-around !important; } + justify-content: space-around !important; + } + .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; - align-items: flex-start !important; } + align-items: flex-start !important; + } + .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; - align-items: flex-end !important; } + align-items: flex-end !important; + } + .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; - align-items: center !important; } + align-items: center !important; + } + .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; - align-items: baseline !important; } + align-items: baseline !important; + } + .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; - align-items: stretch !important; } + align-items: stretch !important; + } + .align-content-sm-start { -ms-flex-line-pack: start !important; - align-content: flex-start !important; } + align-content: flex-start !important; + } + .align-content-sm-end { -ms-flex-line-pack: end !important; - align-content: flex-end !important; } + align-content: flex-end !important; + } + .align-content-sm-center { -ms-flex-line-pack: center !important; - align-content: center !important; } + align-content: center !important; + } + .align-content-sm-between { -ms-flex-line-pack: justify !important; - align-content: space-between !important; } + align-content: space-between !important; + } + .align-content-sm-around { -ms-flex-line-pack: distribute !important; - align-content: space-around !important; } + align-content: space-around !important; + } + .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; - align-content: stretch !important; } + align-content: stretch !important; + } + .align-self-sm-auto { -ms-flex-item-align: auto !important; - align-self: auto !important; } + align-self: auto !important; + } + .align-self-sm-start { -ms-flex-item-align: start !important; - align-self: flex-start !important; } + align-self: flex-start !important; + } + .align-self-sm-end { -ms-flex-item-align: end !important; - align-self: flex-end !important; } + align-self: flex-end !important; + } + .align-self-sm-center { -ms-flex-item-align: center !important; - align-self: center !important; } + align-self: center !important; + } + .align-self-sm-baseline { -ms-flex-item-align: baseline !important; - align-self: baseline !important; } + align-self: baseline !important; + } + .align-self-sm-stretch { -ms-flex-item-align: stretch !important; - align-self: stretch !important; } } + align-self: stretch !important; + } +} @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; - flex-direction: row !important; } + flex-direction: row !important; + } + .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; - flex-direction: column !important; } + flex-direction: column !important; + } + .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; } + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; - flex-direction: column-reverse !important; } + flex-direction: column-reverse !important; + } + .flex-md-wrap { -ms-flex-wrap: wrap !important; - flex-wrap: wrap !important; } + flex-wrap: wrap !important; + } + .flex-md-nowrap { -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; } + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; - flex-wrap: wrap-reverse !important; } + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; } + flex: 1 1 auto !important; + } + .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; - flex-grow: 0 !important; } + flex-grow: 0 !important; + } + .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; - flex-grow: 1 !important; } + flex-grow: 1 !important; + } + .flex-md-shrink-0 { -ms-flex-negative: 0 !important; - flex-shrink: 0 !important; } + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { -ms-flex-negative: 1 !important; - flex-shrink: 1 !important; } + flex-shrink: 1 !important; + } + .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; - justify-content: flex-start !important; } + justify-content: flex-start !important; + } + .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; - justify-content: flex-end !important; } + justify-content: flex-end !important; + } + .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; - justify-content: center !important; } + justify-content: center !important; + } + .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; - justify-content: space-between !important; } + justify-content: space-between !important; + } + .justify-content-md-around { -ms-flex-pack: distribute !important; - justify-content: space-around !important; } + justify-content: space-around !important; + } + .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; - align-items: flex-start !important; } + align-items: flex-start !important; + } + .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; - align-items: flex-end !important; } + align-items: flex-end !important; + } + .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; - align-items: center !important; } + align-items: center !important; + } + .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; - align-items: baseline !important; } + align-items: baseline !important; + } + .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; - align-items: stretch !important; } + align-items: stretch !important; + } + .align-content-md-start { -ms-flex-line-pack: start !important; - align-content: flex-start !important; } + align-content: flex-start !important; + } + .align-content-md-end { -ms-flex-line-pack: end !important; - align-content: flex-end !important; } + align-content: flex-end !important; + } + .align-content-md-center { -ms-flex-line-pack: center !important; - align-content: center !important; } + align-content: center !important; + } + .align-content-md-between { -ms-flex-line-pack: justify !important; - align-content: space-between !important; } + align-content: space-between !important; + } + .align-content-md-around { -ms-flex-line-pack: distribute !important; - align-content: space-around !important; } + align-content: space-around !important; + } + .align-content-md-stretch { -ms-flex-line-pack: stretch !important; - align-content: stretch !important; } + align-content: stretch !important; + } + .align-self-md-auto { -ms-flex-item-align: auto !important; - align-self: auto !important; } + align-self: auto !important; + } + .align-self-md-start { -ms-flex-item-align: start !important; - align-self: flex-start !important; } + align-self: flex-start !important; + } + .align-self-md-end { -ms-flex-item-align: end !important; - align-self: flex-end !important; } + align-self: flex-end !important; + } + .align-self-md-center { -ms-flex-item-align: center !important; - align-self: center !important; } + align-self: center !important; + } + .align-self-md-baseline { -ms-flex-item-align: baseline !important; - align-self: baseline !important; } + align-self: baseline !important; + } + .align-self-md-stretch { -ms-flex-item-align: stretch !important; - align-self: stretch !important; } } + align-self: stretch !important; + } +} @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; - flex-direction: row !important; } + flex-direction: row !important; + } + .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; - flex-direction: column !important; } + flex-direction: column !important; + } + .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; } + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; - flex-direction: column-reverse !important; } + flex-direction: column-reverse !important; + } + .flex-lg-wrap { -ms-flex-wrap: wrap !important; - flex-wrap: wrap !important; } + flex-wrap: wrap !important; + } + .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; } + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; - flex-wrap: wrap-reverse !important; } + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; } + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; - flex-grow: 0 !important; } + flex-grow: 0 !important; + } + .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; - flex-grow: 1 !important; } + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; - flex-shrink: 0 !important; } + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; - flex-shrink: 1 !important; } + flex-shrink: 1 !important; + } + .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; - justify-content: flex-start !important; } + justify-content: flex-start !important; + } + .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; - justify-content: flex-end !important; } + justify-content: flex-end !important; + } + .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; - justify-content: center !important; } + justify-content: center !important; + } + .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; - justify-content: space-between !important; } + justify-content: space-between !important; + } + .justify-content-lg-around { -ms-flex-pack: distribute !important; - justify-content: space-around !important; } + justify-content: space-around !important; + } + .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; - align-items: flex-start !important; } + align-items: flex-start !important; + } + .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; - align-items: flex-end !important; } + align-items: flex-end !important; + } + .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; - align-items: center !important; } + align-items: center !important; + } + .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; - align-items: baseline !important; } + align-items: baseline !important; + } + .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; - align-items: stretch !important; } + align-items: stretch !important; + } + .align-content-lg-start { -ms-flex-line-pack: start !important; - align-content: flex-start !important; } + align-content: flex-start !important; + } + .align-content-lg-end { -ms-flex-line-pack: end !important; - align-content: flex-end !important; } + align-content: flex-end !important; + } + .align-content-lg-center { -ms-flex-line-pack: center !important; - align-content: center !important; } + align-content: center !important; + } + .align-content-lg-between { -ms-flex-line-pack: justify !important; - align-content: space-between !important; } + align-content: space-between !important; + } + .align-content-lg-around { -ms-flex-line-pack: distribute !important; - align-content: space-around !important; } + align-content: space-around !important; + } + .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; - align-content: stretch !important; } + align-content: stretch !important; + } + .align-self-lg-auto { -ms-flex-item-align: auto !important; - align-self: auto !important; } + align-self: auto !important; + } + .align-self-lg-start { -ms-flex-item-align: start !important; - align-self: flex-start !important; } + align-self: flex-start !important; + } + .align-self-lg-end { -ms-flex-item-align: end !important; - align-self: flex-end !important; } + align-self: flex-end !important; + } + .align-self-lg-center { -ms-flex-item-align: center !important; - align-self: center !important; } + align-self: center !important; + } + .align-self-lg-baseline { -ms-flex-item-align: baseline !important; - align-self: baseline !important; } + align-self: baseline !important; + } + .align-self-lg-stretch { -ms-flex-item-align: stretch !important; - align-self: stretch !important; } } + align-self: stretch !important; + } +} @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; - flex-direction: row !important; } + flex-direction: row !important; + } + .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; - flex-direction: column !important; } + flex-direction: column !important; + } + .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; } + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; - flex-direction: column-reverse !important; } + flex-direction: column-reverse !important; + } + .flex-xl-wrap { -ms-flex-wrap: wrap !important; - flex-wrap: wrap !important; } + flex-wrap: wrap !important; + } + .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; } + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; - flex-wrap: wrap-reverse !important; } + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; } + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; - flex-grow: 0 !important; } + flex-grow: 0 !important; + } + .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; - flex-grow: 1 !important; } + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; - flex-shrink: 0 !important; } + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; - flex-shrink: 1 !important; } + flex-shrink: 1 !important; + } + .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; - justify-content: flex-start !important; } + justify-content: flex-start !important; + } + .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; - justify-content: flex-end !important; } + justify-content: flex-end !important; + } + .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; - justify-content: center !important; } + justify-content: center !important; + } + .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; - justify-content: space-between !important; } + justify-content: space-between !important; + } + .justify-content-xl-around { -ms-flex-pack: distribute !important; - justify-content: space-around !important; } + justify-content: space-around !important; + } + .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; - align-items: flex-start !important; } + align-items: flex-start !important; + } + .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; - align-items: flex-end !important; } + align-items: flex-end !important; + } + .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; - align-items: center !important; } + align-items: center !important; + } + .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; - align-items: baseline !important; } + align-items: baseline !important; + } + .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; - align-items: stretch !important; } + align-items: stretch !important; + } + .align-content-xl-start { -ms-flex-line-pack: start !important; - align-content: flex-start !important; } + align-content: flex-start !important; + } + .align-content-xl-end { -ms-flex-line-pack: end !important; - align-content: flex-end !important; } + align-content: flex-end !important; + } + .align-content-xl-center { -ms-flex-line-pack: center !important; - align-content: center !important; } + align-content: center !important; + } + .align-content-xl-between { -ms-flex-line-pack: justify !important; - align-content: space-between !important; } + align-content: space-between !important; + } + .align-content-xl-around { -ms-flex-line-pack: distribute !important; - align-content: space-around !important; } + align-content: space-around !important; + } + .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; - align-content: stretch !important; } + align-content: stretch !important; + } + .align-self-xl-auto { -ms-flex-item-align: auto !important; - align-self: auto !important; } + align-self: auto !important; + } + .align-self-xl-start { -ms-flex-item-align: start !important; - align-self: flex-start !important; } + align-self: flex-start !important; + } + .align-self-xl-end { -ms-flex-item-align: end !important; - align-self: flex-end !important; } + align-self: flex-end !important; + } + .align-self-xl-center { -ms-flex-item-align: center !important; - align-self: center !important; } + align-self: center !important; + } + .align-self-xl-baseline { -ms-flex-item-align: baseline !important; - align-self: baseline !important; } + align-self: baseline !important; + } + .align-self-xl-stretch { -ms-flex-item-align: stretch !important; - align-self: stretch !important; } } + align-self: stretch !important; + } +} .float-left { - float: left !important; } + float: left !important; +} .float-right { - float: right !important; } + float: right !important; +} .float-none { - float: none !important; } + float: none !important; +} @media (min-width: 576px) { .float-sm-left { - float: left !important; } + float: left !important; + } + .float-sm-right { - float: right !important; } + float: right !important; + } + .float-sm-none { - float: none !important; } } + float: none !important; + } +} @media (min-width: 768px) { .float-md-left { - float: left !important; } + float: left !important; + } + .float-md-right { - float: right !important; } + float: right !important; + } + .float-md-none { - float: none !important; } } + float: none !important; + } +} @media (min-width: 992px) { .float-lg-left { - float: left !important; } + float: left !important; + } + .float-lg-right { - float: right !important; } + float: right !important; + } + .float-lg-none { - float: none !important; } } + float: none !important; + } +} @media (min-width: 1200px) { .float-xl-left { - float: left !important; } + float: left !important; + } + .float-xl-right { - float: right !important; } + float: right !important; + } + .float-xl-none { - float: none !important; } } + float: none !important; + } +} .overflow-auto { - overflow: auto !important; } + overflow: auto !important; +} .overflow-hidden { - overflow: hidden !important; } + overflow: hidden !important; +} .position-static { - position: static !important; } + position: static !important; +} .position-relative { - position: relative !important; } + position: relative !important; +} .position-absolute { - position: absolute !important; } + position: absolute !important; +} .position-fixed { - position: fixed !important; } + position: fixed !important; +} .position-sticky { position: -webkit-sticky !important; - position: sticky !important; } + position: sticky !important; +} .fixed-top { position: fixed; top: 0; right: 0; left: 0; - z-index: 1030; } + z-index: 1030; +} .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; - z-index: 1030; } + z-index: 1030; +} @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; - z-index: 1020; } } + z-index: 1020; + } +} .sr-only { position: absolute; @@ -7057,79 +10731,102 @@ button.bg-dark:focus, overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; - border: 0; } + border: 0; +} -.sr-only-focusable:active, .sr-only-focusable:focus { +.sr-only-focusable:active, +.sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; - white-space: normal; } + white-space: normal; +} .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; - box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} .shadow-none { -webkit-box-shadow: none !important; - box-shadow: none !important; } + box-shadow: none !important; +} .w-25 { - width: 25% !important; } + width: 25% !important; +} .w-50 { - width: 50% !important; } + width: 50% !important; +} .w-75 { - width: 75% !important; } + width: 75% !important; +} .w-100 { - width: 100% !important; } + width: 100% !important; +} .w-auto { - width: auto !important; } + width: auto !important; +} .h-25 { - height: 25% !important; } + height: 25% !important; +} .h-50 { - height: 50% !important; } + height: 50% !important; +} .h-75 { - height: 75% !important; } + height: 75% !important; +} .h-100 { - height: 100% !important; } + height: 100% !important; +} .h-auto { - height: auto !important; } + height: auto !important; +} .mw-100 { - max-width: 100% !important; } + max-width: 100% !important; +} .mh-100 { - max-height: 100% !important; } + max-height: 100% !important; +} .min-vw-100 { - min-width: 100vw !important; } + min-width: 100vw !important; +} .min-vh-100 { - min-height: 100vh !important; } + min-height: 100vh !important; +} .vw-100 { - width: 100vw !important; } + width: 100vw !important; +} .vh-100 { - height: 100vh !important; } + height: 100vh !important; +} .stretched-link::after { position: absolute; @@ -7140,1600 +10837,2567 @@ button.bg-dark:focus, z-index: 1; pointer-events: auto; content: ""; - background-color: rgba(0, 0, 0, 0); } + background-color: rgba(0, 0, 0, 0); +} .m-0 { - margin: 0 !important; } + margin: 0 !important; +} .mt-0, .my-0 { - margin-top: 0 !important; } + margin-top: 0 !important; +} -.mr-0, .rtl .settings-panel .sidebar-bg-options .rounded-circle, .rtl .settings-panel .sidebar-bg-options .color-tiles .tiles, .rtl .settings-panel .color-tiles .sidebar-bg-options .tiles, .rtl .settings-panel .events i, +.mr-0, +.rtl .settings-panel .sidebar-bg-options .rounded-circle, +.rtl .settings-panel .sidebar-bg-options .color-tiles .tiles, +.rtl .settings-panel .color-tiles .sidebar-bg-options .tiles, +.rtl .settings-panel .events i, .mx-0 { - margin-right: 0 !important; } + margin-right: 0 !important; +} .mb-0, .my-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; +} .ml-0, .mx-0 { - margin-left: 0 !important; } + margin-left: 0 !important; +} .m-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; +} -.mt-1, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel, +.mt-1, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel, .my-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; +} .mr-1, .mx-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; +} .mb-1, .my-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; +} .ml-1, .mx-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; +} .m-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; +} -.mt-2, .template-demo > .btn, .ajax-upload-dragdrop .template-demo > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .template-demo > .swal2-styled, .wizard > .actions .template-demo > a, .template-demo > .btn-toolbar, .template-demo > .btn-group, .template-demo .circle-progress, +.mt-2, +.template-demo>.btn, +.ajax-upload-dragdrop .template-demo>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .template-demo>.swal2-styled, +.wizard>.actions .template-demo>a, +.template-demo>.btn-toolbar, +.template-demo>.btn-group, +.template-demo .circle-progress, .my-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; +} -.mr-2, .template-demo > .btn, .ajax-upload-dragdrop .template-demo > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .template-demo > .swal2-styled, .wizard > .actions .template-demo > a, .template-demo > .btn-toolbar, .template-demo > .btn-group, .template-demo .dropdown, +.mr-2, +.template-demo>.btn, +.ajax-upload-dragdrop .template-demo>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .template-demo>.swal2-styled, +.wizard>.actions .template-demo>a, +.template-demo>.btn-toolbar, +.template-demo>.btn-group, +.template-demo .dropdown, .mx-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; +} .mb-2, .my-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; +} -.ml-2, .btn-toolbar .btn-group + .btn-group, .rtl .settings-panel .events i, +.ml-2, +.btn-toolbar .btn-group+.btn-group, +.rtl .settings-panel .events i, .mx-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; +} .m-3 { - margin: 1rem !important; } + margin: 1rem !important; +} .mt-3, .my-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; +} .mr-3, .mx-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; +} -.mb-3, .template-demo .circle-progress-block, .user-profile .side-left .card .avatar img, +.mb-3, +.template-demo .circle-progress-block, +.user-profile .side-left .card .avatar img, .my-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; +} -.ml-3, .rtl .settings-panel .sidebar-bg-options .rounded-circle, .rtl .settings-panel .sidebar-bg-options .color-tiles .tiles, .rtl .settings-panel .color-tiles .sidebar-bg-options .tiles, +.ml-3, +.rtl .settings-panel .sidebar-bg-options .rounded-circle, +.rtl .settings-panel .sidebar-bg-options .color-tiles .tiles, +.rtl .settings-panel .color-tiles .sidebar-bg-options .tiles, .mx-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; +} .m-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; +} -.mt-4, .user-profile .side-left .card .avatar img, +.mt-4, +.user-profile .side-left .card .avatar img, .my-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; +} .mr-4, .mx-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; +} -.mb-4, .user-profile .side-left .card .overview .about-user, +.mb-4, +.user-profile .side-left .card .overview .about-user, .my-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; +} .ml-4, .mx-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; +} .m-5 { - margin: 3rem !important; } + margin: 3rem !important; +} .mt-5, .my-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; +} .mr-5, .mx-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; +} .mb-5, .my-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; +} .ml-5, .mx-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; +} .p-0 { - padding: 0 !important; } + padding: 0 !important; +} -.pt-0, .card-revenue-table .revenue-item:first-child, +.pt-0, +.card-revenue-table .revenue-item:first-child, .py-0 { - padding-top: 0 !important; } + padding-top: 0 !important; +} .pr-0, .px-0 { - padding-right: 0 !important; } + padding-right: 0 !important; +} -.pb-0, .card-revenue-table .revenue-item:last-child, +.pb-0, +.card-revenue-table .revenue-item:last-child, .py-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; +} .pl-0, .px-0 { - padding-left: 0 !important; } + padding-left: 0 !important; +} .p-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; +} .pt-1, .py-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; +} .pr-1, .px-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; +} .pb-1, .py-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; +} .pl-1, .px-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; +} .p-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; +} .pt-2, .py-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; +} .pr-2, .px-2, .template-demo .circle-progress-block { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; +} .pb-2, .py-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; +} .pl-2, .px-2, .template-demo .circle-progress-block { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; +} .p-3 { - padding: 1rem !important; } + padding: 1rem !important; +} .pt-3, .py-3, .card-revenue-table .revenue-item { - padding-top: 1rem !important; } + padding-top: 1rem !important; +} .pr-3, .px-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; +} .pb-3, .py-3, .card-revenue-table .revenue-item { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; +} .pl-3, .px-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; +} .p-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; +} .pt-4, .py-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; +} .pr-4, .px-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; +} .pb-4, .py-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; +} .pl-4, .px-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; +} .p-5 { - padding: 3rem !important; } + padding: 3rem !important; +} .pt-5, .py-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; +} .pr-5, .px-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; +} .pb-5, .py-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; +} .pl-5, .px-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; +} .m-n1 { - margin: -0.25rem !important; } + margin: -0.25rem !important; +} .mt-n1, .my-n1 { - margin-top: -0.25rem !important; } + margin-top: -0.25rem !important; +} .mr-n1, .mx-n1 { - margin-right: -0.25rem !important; } + margin-right: -0.25rem !important; +} .mb-n1, .my-n1 { - margin-bottom: -0.25rem !important; } + margin-bottom: -0.25rem !important; +} .ml-n1, .mx-n1 { - margin-left: -0.25rem !important; } + margin-left: -0.25rem !important; +} .m-n2 { - margin: -0.5rem !important; } + margin: -0.5rem !important; +} .mt-n2, .my-n2 { - margin-top: -0.5rem !important; } + margin-top: -0.5rem !important; +} .mr-n2, .mx-n2 { - margin-right: -0.5rem !important; } + margin-right: -0.5rem !important; +} .mb-n2, .my-n2 { - margin-bottom: -0.5rem !important; } + margin-bottom: -0.5rem !important; +} .ml-n2, .mx-n2 { - margin-left: -0.5rem !important; } + margin-left: -0.5rem !important; +} .m-n3 { - margin: -1rem !important; } + margin: -1rem !important; +} .mt-n3, .my-n3 { - margin-top: -1rem !important; } + margin-top: -1rem !important; +} .mr-n3, .mx-n3 { - margin-right: -1rem !important; } + margin-right: -1rem !important; +} .mb-n3, .my-n3 { - margin-bottom: -1rem !important; } + margin-bottom: -1rem !important; +} .ml-n3, .mx-n3 { - margin-left: -1rem !important; } + margin-left: -1rem !important; +} .m-n4 { - margin: -1.5rem !important; } + margin: -1.5rem !important; +} .mt-n4, .my-n4 { - margin-top: -1.5rem !important; } + margin-top: -1.5rem !important; +} .mr-n4, .mx-n4 { - margin-right: -1.5rem !important; } + margin-right: -1.5rem !important; +} .mb-n4, .my-n4 { - margin-bottom: -1.5rem !important; } + margin-bottom: -1.5rem !important; +} .ml-n4, .mx-n4 { - margin-left: -1.5rem !important; } + margin-left: -1.5rem !important; +} .m-n5 { - margin: -3rem !important; } + margin: -3rem !important; +} .mt-n5, .my-n5 { - margin-top: -3rem !important; } + margin-top: -3rem !important; +} .mr-n5, .mx-n5 { - margin-right: -3rem !important; } + margin-right: -3rem !important; +} .mb-n5, .my-n5 { - margin-bottom: -3rem !important; } + margin-bottom: -3rem !important; +} .ml-n5, .mx-n5 { - margin-left: -3rem !important; } + margin-left: -3rem !important; +} .m-auto { - margin: auto !important; } + margin: auto !important; +} .mt-auto, .my-auto { - margin-top: auto !important; } + margin-top: auto !important; +} .mr-auto, .mx-auto { - margin-right: auto !important; } + margin-right: auto !important; +} .mb-auto, .my-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; +} .ml-auto, .mx-auto { - margin-left: auto !important; } + margin-left: auto !important; +} @media (min-width: 576px) { .m-sm-0 { - margin: 0 !important; } + margin: 0 !important; + } + .mt-sm-0, .my-sm-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } + .mr-sm-0, .mx-sm-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } + .mb-sm-0, .my-sm-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .ml-sm-0, .mx-sm-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } + .m-sm-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } + .mt-sm-1, .my-sm-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } + .mr-sm-1, .mx-sm-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .mb-sm-1, .my-sm-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .ml-sm-1, .mx-sm-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .m-sm-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } + .mt-sm-2, .my-sm-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } + .mr-sm-2, .mx-sm-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .mb-sm-2, .my-sm-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .ml-sm-2, .mx-sm-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .m-sm-3 { - margin: 1rem !important; } + margin: 1rem !important; + } + .mt-sm-3, .my-sm-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } + .mr-sm-3, .mx-sm-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .mb-sm-3, .my-sm-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .ml-sm-3, .mx-sm-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .m-sm-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } + .mt-sm-4, .my-sm-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } + .mr-sm-4, .mx-sm-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .mb-sm-4, .my-sm-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .ml-sm-4, .mx-sm-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .m-sm-5 { - margin: 3rem !important; } + margin: 3rem !important; + } + .mt-sm-5, .my-sm-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } + .mr-sm-5, .mx-sm-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .mb-sm-5, .my-sm-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .ml-sm-5, .mx-sm-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .p-sm-0 { - padding: 0 !important; } + padding: 0 !important; + } + .pt-sm-0, .py-sm-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } + .pr-sm-0, .px-sm-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } + .pb-sm-0, .py-sm-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .pl-sm-0, .px-sm-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } + .p-sm-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } + .pt-sm-1, .py-sm-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } + .pr-sm-1, .px-sm-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .pb-sm-1, .py-sm-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .pl-sm-1, .px-sm-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .p-sm-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } + .pt-sm-2, .py-sm-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } + .pr-sm-2, .px-sm-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .pb-sm-2, .py-sm-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .pl-sm-2, .px-sm-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .p-sm-3 { - padding: 1rem !important; } + padding: 1rem !important; + } + .pt-sm-3, .py-sm-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } + .pr-sm-3, .px-sm-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .pb-sm-3, .py-sm-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .pl-sm-3, .px-sm-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .p-sm-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } + .pt-sm-4, .py-sm-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } + .pr-sm-4, .px-sm-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .pb-sm-4, .py-sm-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .pl-sm-4, .px-sm-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .p-sm-5 { - padding: 3rem !important; } + padding: 3rem !important; + } + .pt-sm-5, .py-sm-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } + .pr-sm-5, .px-sm-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .pb-sm-5, .py-sm-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .pl-sm-5, .px-sm-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .m-sm-n1 { - margin: -0.25rem !important; } + margin: -0.25rem !important; + } + .mt-sm-n1, .my-sm-n1 { - margin-top: -0.25rem !important; } + margin-top: -0.25rem !important; + } + .mr-sm-n1, .mx-sm-n1 { - margin-right: -0.25rem !important; } + margin-right: -0.25rem !important; + } + .mb-sm-n1, .my-sm-n1 { - margin-bottom: -0.25rem !important; } + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, .mx-sm-n1 { - margin-left: -0.25rem !important; } + margin-left: -0.25rem !important; + } + .m-sm-n2 { - margin: -0.5rem !important; } + margin: -0.5rem !important; + } + .mt-sm-n2, .my-sm-n2 { - margin-top: -0.5rem !important; } + margin-top: -0.5rem !important; + } + .mr-sm-n2, .mx-sm-n2 { - margin-right: -0.5rem !important; } + margin-right: -0.5rem !important; + } + .mb-sm-n2, .my-sm-n2 { - margin-bottom: -0.5rem !important; } + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, .mx-sm-n2 { - margin-left: -0.5rem !important; } + margin-left: -0.5rem !important; + } + .m-sm-n3 { - margin: -1rem !important; } + margin: -1rem !important; + } + .mt-sm-n3, .my-sm-n3 { - margin-top: -1rem !important; } + margin-top: -1rem !important; + } + .mr-sm-n3, .mx-sm-n3 { - margin-right: -1rem !important; } + margin-right: -1rem !important; + } + .mb-sm-n3, .my-sm-n3 { - margin-bottom: -1rem !important; } + margin-bottom: -1rem !important; + } + .ml-sm-n3, .mx-sm-n3 { - margin-left: -1rem !important; } + margin-left: -1rem !important; + } + .m-sm-n4 { - margin: -1.5rem !important; } + margin: -1.5rem !important; + } + .mt-sm-n4, .my-sm-n4 { - margin-top: -1.5rem !important; } + margin-top: -1.5rem !important; + } + .mr-sm-n4, .mx-sm-n4 { - margin-right: -1.5rem !important; } + margin-right: -1.5rem !important; + } + .mb-sm-n4, .my-sm-n4 { - margin-bottom: -1.5rem !important; } + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, .mx-sm-n4 { - margin-left: -1.5rem !important; } + margin-left: -1.5rem !important; + } + .m-sm-n5 { - margin: -3rem !important; } + margin: -3rem !important; + } + .mt-sm-n5, .my-sm-n5 { - margin-top: -3rem !important; } + margin-top: -3rem !important; + } + .mr-sm-n5, .mx-sm-n5 { - margin-right: -3rem !important; } + margin-right: -3rem !important; + } + .mb-sm-n5, .my-sm-n5 { - margin-bottom: -3rem !important; } + margin-bottom: -3rem !important; + } + .ml-sm-n5, .mx-sm-n5 { - margin-left: -3rem !important; } + margin-left: -3rem !important; + } + .m-sm-auto { - margin: auto !important; } + margin: auto !important; + } + .mt-sm-auto, .my-sm-auto { - margin-top: auto !important; } + margin-top: auto !important; + } + .mr-sm-auto, .mx-sm-auto { - margin-right: auto !important; } + margin-right: auto !important; + } + .mb-sm-auto, .my-sm-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .ml-sm-auto, .mx-sm-auto { - margin-left: auto !important; } } + margin-left: auto !important; + } +} @media (min-width: 768px) { .m-md-0 { - margin: 0 !important; } + margin: 0 !important; + } + .mt-md-0, .my-md-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } + .mr-md-0, .mx-md-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } + .mb-md-0, .my-md-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .ml-md-0, .mx-md-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } + .m-md-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } + .mt-md-1, .my-md-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } + .mr-md-1, .mx-md-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .mb-md-1, .my-md-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .ml-md-1, .mx-md-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .m-md-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } + .mt-md-2, .my-md-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } + .mr-md-2, .mx-md-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .mb-md-2, .my-md-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .ml-md-2, .mx-md-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .m-md-3 { - margin: 1rem !important; } + margin: 1rem !important; + } + .mt-md-3, .my-md-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } + .mr-md-3, .mx-md-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .mb-md-3, .my-md-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .ml-md-3, .mx-md-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .m-md-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } + .mt-md-4, .my-md-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } + .mr-md-4, .mx-md-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .mb-md-4, .my-md-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .ml-md-4, .mx-md-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .m-md-5 { - margin: 3rem !important; } + margin: 3rem !important; + } + .mt-md-5, .my-md-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } + .mr-md-5, .mx-md-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .mb-md-5, .my-md-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .ml-md-5, .mx-md-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .p-md-0 { - padding: 0 !important; } + padding: 0 !important; + } + .pt-md-0, .py-md-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } + .pr-md-0, .px-md-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } + .pb-md-0, .py-md-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .pl-md-0, .px-md-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } + .p-md-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } + .pt-md-1, .py-md-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } + .pr-md-1, .px-md-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .pb-md-1, .py-md-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .pl-md-1, .px-md-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .p-md-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } + .pt-md-2, .py-md-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } + .pr-md-2, .px-md-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .pb-md-2, .py-md-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .pl-md-2, .px-md-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .p-md-3 { - padding: 1rem !important; } + padding: 1rem !important; + } + .pt-md-3, .py-md-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } + .pr-md-3, .px-md-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .pb-md-3, .py-md-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .pl-md-3, .px-md-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .p-md-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } + .pt-md-4, .py-md-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } + .pr-md-4, .px-md-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .pb-md-4, .py-md-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .pl-md-4, .px-md-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .p-md-5 { - padding: 3rem !important; } + padding: 3rem !important; + } + .pt-md-5, .py-md-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } + .pr-md-5, .px-md-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .pb-md-5, .py-md-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .pl-md-5, .px-md-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .m-md-n1 { - margin: -0.25rem !important; } + margin: -0.25rem !important; + } + .mt-md-n1, .my-md-n1 { - margin-top: -0.25rem !important; } + margin-top: -0.25rem !important; + } + .mr-md-n1, .mx-md-n1 { - margin-right: -0.25rem !important; } + margin-right: -0.25rem !important; + } + .mb-md-n1, .my-md-n1 { - margin-bottom: -0.25rem !important; } + margin-bottom: -0.25rem !important; + } + .ml-md-n1, .mx-md-n1 { - margin-left: -0.25rem !important; } + margin-left: -0.25rem !important; + } + .m-md-n2 { - margin: -0.5rem !important; } + margin: -0.5rem !important; + } + .mt-md-n2, .my-md-n2 { - margin-top: -0.5rem !important; } + margin-top: -0.5rem !important; + } + .mr-md-n2, .mx-md-n2 { - margin-right: -0.5rem !important; } + margin-right: -0.5rem !important; + } + .mb-md-n2, .my-md-n2 { - margin-bottom: -0.5rem !important; } + margin-bottom: -0.5rem !important; + } + .ml-md-n2, .mx-md-n2 { - margin-left: -0.5rem !important; } + margin-left: -0.5rem !important; + } + .m-md-n3 { - margin: -1rem !important; } + margin: -1rem !important; + } + .mt-md-n3, .my-md-n3 { - margin-top: -1rem !important; } + margin-top: -1rem !important; + } + .mr-md-n3, .mx-md-n3 { - margin-right: -1rem !important; } + margin-right: -1rem !important; + } + .mb-md-n3, .my-md-n3 { - margin-bottom: -1rem !important; } + margin-bottom: -1rem !important; + } + .ml-md-n3, .mx-md-n3 { - margin-left: -1rem !important; } + margin-left: -1rem !important; + } + .m-md-n4 { - margin: -1.5rem !important; } + margin: -1.5rem !important; + } + .mt-md-n4, .my-md-n4 { - margin-top: -1.5rem !important; } + margin-top: -1.5rem !important; + } + .mr-md-n4, .mx-md-n4 { - margin-right: -1.5rem !important; } + margin-right: -1.5rem !important; + } + .mb-md-n4, .my-md-n4 { - margin-bottom: -1.5rem !important; } + margin-bottom: -1.5rem !important; + } + .ml-md-n4, .mx-md-n4 { - margin-left: -1.5rem !important; } + margin-left: -1.5rem !important; + } + .m-md-n5 { - margin: -3rem !important; } + margin: -3rem !important; + } + .mt-md-n5, .my-md-n5 { - margin-top: -3rem !important; } + margin-top: -3rem !important; + } + .mr-md-n5, .mx-md-n5 { - margin-right: -3rem !important; } + margin-right: -3rem !important; + } + .mb-md-n5, .my-md-n5 { - margin-bottom: -3rem !important; } + margin-bottom: -3rem !important; + } + .ml-md-n5, .mx-md-n5 { - margin-left: -3rem !important; } + margin-left: -3rem !important; + } + .m-md-auto { - margin: auto !important; } + margin: auto !important; + } + .mt-md-auto, .my-md-auto { - margin-top: auto !important; } + margin-top: auto !important; + } + .mr-md-auto, .mx-md-auto { - margin-right: auto !important; } + margin-right: auto !important; + } + .mb-md-auto, .my-md-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .ml-md-auto, .mx-md-auto { - margin-left: auto !important; } } + margin-left: auto !important; + } +} @media (min-width: 992px) { .m-lg-0 { - margin: 0 !important; } + margin: 0 !important; + } + .mt-lg-0, .my-lg-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } + .mr-lg-0, .mx-lg-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } + .mb-lg-0, .my-lg-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .ml-lg-0, .mx-lg-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } + .m-lg-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } + .mt-lg-1, .my-lg-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } + .mr-lg-1, .mx-lg-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .mb-lg-1, .my-lg-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .ml-lg-1, .mx-lg-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .m-lg-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } + .mt-lg-2, .my-lg-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } + .mr-lg-2, .mx-lg-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .mb-lg-2, .my-lg-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .ml-lg-2, .mx-lg-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .m-lg-3 { - margin: 1rem !important; } + margin: 1rem !important; + } + .mt-lg-3, .my-lg-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } + .mr-lg-3, .mx-lg-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .mb-lg-3, .my-lg-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .ml-lg-3, .mx-lg-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .m-lg-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } + .mt-lg-4, .my-lg-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } + .mr-lg-4, .mx-lg-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .mb-lg-4, .my-lg-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .ml-lg-4, .mx-lg-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .m-lg-5 { - margin: 3rem !important; } + margin: 3rem !important; + } + .mt-lg-5, .my-lg-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } + .mr-lg-5, .mx-lg-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .mb-lg-5, .my-lg-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .ml-lg-5, .mx-lg-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .p-lg-0 { - padding: 0 !important; } + padding: 0 !important; + } + .pt-lg-0, .py-lg-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } + .pr-lg-0, .px-lg-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } + .pb-lg-0, .py-lg-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .pl-lg-0, .px-lg-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } + .p-lg-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } + .pt-lg-1, .py-lg-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } + .pr-lg-1, .px-lg-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .pb-lg-1, .py-lg-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .pl-lg-1, .px-lg-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .p-lg-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } + .pt-lg-2, .py-lg-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } + .pr-lg-2, .px-lg-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .pb-lg-2, .py-lg-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .pl-lg-2, .px-lg-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .p-lg-3 { - padding: 1rem !important; } + padding: 1rem !important; + } + .pt-lg-3, .py-lg-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } + .pr-lg-3, .px-lg-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .pb-lg-3, .py-lg-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .pl-lg-3, .px-lg-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .p-lg-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } + .pt-lg-4, .py-lg-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } + .pr-lg-4, .px-lg-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .pb-lg-4, .py-lg-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .pl-lg-4, .px-lg-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .p-lg-5 { - padding: 3rem !important; } + padding: 3rem !important; + } + .pt-lg-5, .py-lg-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } + .pr-lg-5, .px-lg-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .pb-lg-5, .py-lg-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .pl-lg-5, .px-lg-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .m-lg-n1 { - margin: -0.25rem !important; } + margin: -0.25rem !important; + } + .mt-lg-n1, .my-lg-n1 { - margin-top: -0.25rem !important; } + margin-top: -0.25rem !important; + } + .mr-lg-n1, .mx-lg-n1 { - margin-right: -0.25rem !important; } + margin-right: -0.25rem !important; + } + .mb-lg-n1, .my-lg-n1 { - margin-bottom: -0.25rem !important; } + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, .mx-lg-n1 { - margin-left: -0.25rem !important; } + margin-left: -0.25rem !important; + } + .m-lg-n2 { - margin: -0.5rem !important; } + margin: -0.5rem !important; + } + .mt-lg-n2, .my-lg-n2 { - margin-top: -0.5rem !important; } + margin-top: -0.5rem !important; + } + .mr-lg-n2, .mx-lg-n2 { - margin-right: -0.5rem !important; } + margin-right: -0.5rem !important; + } + .mb-lg-n2, .my-lg-n2 { - margin-bottom: -0.5rem !important; } + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, .mx-lg-n2 { - margin-left: -0.5rem !important; } + margin-left: -0.5rem !important; + } + .m-lg-n3 { - margin: -1rem !important; } + margin: -1rem !important; + } + .mt-lg-n3, .my-lg-n3 { - margin-top: -1rem !important; } + margin-top: -1rem !important; + } + .mr-lg-n3, .mx-lg-n3 { - margin-right: -1rem !important; } + margin-right: -1rem !important; + } + .mb-lg-n3, .my-lg-n3 { - margin-bottom: -1rem !important; } + margin-bottom: -1rem !important; + } + .ml-lg-n3, .mx-lg-n3 { - margin-left: -1rem !important; } + margin-left: -1rem !important; + } + .m-lg-n4 { - margin: -1.5rem !important; } + margin: -1.5rem !important; + } + .mt-lg-n4, .my-lg-n4 { - margin-top: -1.5rem !important; } + margin-top: -1.5rem !important; + } + .mr-lg-n4, .mx-lg-n4 { - margin-right: -1.5rem !important; } + margin-right: -1.5rem !important; + } + .mb-lg-n4, .my-lg-n4 { - margin-bottom: -1.5rem !important; } + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, .mx-lg-n4 { - margin-left: -1.5rem !important; } + margin-left: -1.5rem !important; + } + .m-lg-n5 { - margin: -3rem !important; } + margin: -3rem !important; + } + .mt-lg-n5, .my-lg-n5 { - margin-top: -3rem !important; } + margin-top: -3rem !important; + } + .mr-lg-n5, .mx-lg-n5 { - margin-right: -3rem !important; } + margin-right: -3rem !important; + } + .mb-lg-n5, .my-lg-n5 { - margin-bottom: -3rem !important; } + margin-bottom: -3rem !important; + } + .ml-lg-n5, .mx-lg-n5 { - margin-left: -3rem !important; } + margin-left: -3rem !important; + } + .m-lg-auto { - margin: auto !important; } + margin: auto !important; + } + .mt-lg-auto, .my-lg-auto { - margin-top: auto !important; } + margin-top: auto !important; + } + .mr-lg-auto, .mx-lg-auto { - margin-right: auto !important; } + margin-right: auto !important; + } + .mb-lg-auto, .my-lg-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .ml-lg-auto, .mx-lg-auto { - margin-left: auto !important; } } + margin-left: auto !important; + } +} @media (min-width: 1200px) { .m-xl-0 { - margin: 0 !important; } + margin: 0 !important; + } + .mt-xl-0, .my-xl-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } + .mr-xl-0, .mx-xl-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } + .mb-xl-0, .my-xl-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .ml-xl-0, .mx-xl-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } + .m-xl-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } + .mt-xl-1, .my-xl-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } + .mr-xl-1, .mx-xl-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .mb-xl-1, .my-xl-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .ml-xl-1, .mx-xl-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .m-xl-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } + .mt-xl-2, .my-xl-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } + .mr-xl-2, .mx-xl-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .mb-xl-2, .my-xl-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .ml-xl-2, .mx-xl-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .m-xl-3 { - margin: 1rem !important; } + margin: 1rem !important; + } + .mt-xl-3, .my-xl-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } + .mr-xl-3, .mx-xl-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .mb-xl-3, .my-xl-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .ml-xl-3, .mx-xl-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .m-xl-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } + .mt-xl-4, .my-xl-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } + .mr-xl-4, .mx-xl-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .mb-xl-4, .my-xl-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .ml-xl-4, .mx-xl-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .m-xl-5 { - margin: 3rem !important; } + margin: 3rem !important; + } + .mt-xl-5, .my-xl-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } + .mr-xl-5, .mx-xl-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .mb-xl-5, .my-xl-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .ml-xl-5, .mx-xl-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .p-xl-0 { - padding: 0 !important; } + padding: 0 !important; + } + .pt-xl-0, .py-xl-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } + .pr-xl-0, .px-xl-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } + .pb-xl-0, .py-xl-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .pl-xl-0, .px-xl-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } + .p-xl-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } + .pt-xl-1, .py-xl-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } + .pr-xl-1, .px-xl-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .pb-xl-1, .py-xl-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .pl-xl-1, .px-xl-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .p-xl-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } + .pt-xl-2, .py-xl-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } + .pr-xl-2, .px-xl-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .pb-xl-2, .py-xl-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .pl-xl-2, .px-xl-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .p-xl-3 { - padding: 1rem !important; } + padding: 1rem !important; + } + .pt-xl-3, .py-xl-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } + .pr-xl-3, .px-xl-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .pb-xl-3, .py-xl-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .pl-xl-3, .px-xl-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .p-xl-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } + .pt-xl-4, .py-xl-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } + .pr-xl-4, .px-xl-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .pb-xl-4, .py-xl-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .pl-xl-4, .px-xl-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .p-xl-5 { - padding: 3rem !important; } + padding: 3rem !important; + } + .pt-xl-5, .py-xl-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } + .pr-xl-5, .px-xl-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .pb-xl-5, .py-xl-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .pl-xl-5, .px-xl-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .m-xl-n1 { - margin: -0.25rem !important; } + margin: -0.25rem !important; + } + .mt-xl-n1, .my-xl-n1 { - margin-top: -0.25rem !important; } + margin-top: -0.25rem !important; + } + .mr-xl-n1, .mx-xl-n1 { - margin-right: -0.25rem !important; } + margin-right: -0.25rem !important; + } + .mb-xl-n1, .my-xl-n1 { - margin-bottom: -0.25rem !important; } + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, .mx-xl-n1 { - margin-left: -0.25rem !important; } + margin-left: -0.25rem !important; + } + .m-xl-n2 { - margin: -0.5rem !important; } + margin: -0.5rem !important; + } + .mt-xl-n2, .my-xl-n2 { - margin-top: -0.5rem !important; } + margin-top: -0.5rem !important; + } + .mr-xl-n2, .mx-xl-n2 { - margin-right: -0.5rem !important; } + margin-right: -0.5rem !important; + } + .mb-xl-n2, .my-xl-n2 { - margin-bottom: -0.5rem !important; } + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, .mx-xl-n2 { - margin-left: -0.5rem !important; } + margin-left: -0.5rem !important; + } + .m-xl-n3 { - margin: -1rem !important; } + margin: -1rem !important; + } + .mt-xl-n3, .my-xl-n3 { - margin-top: -1rem !important; } + margin-top: -1rem !important; + } + .mr-xl-n3, .mx-xl-n3 { - margin-right: -1rem !important; } + margin-right: -1rem !important; + } + .mb-xl-n3, .my-xl-n3 { - margin-bottom: -1rem !important; } + margin-bottom: -1rem !important; + } + .ml-xl-n3, .mx-xl-n3 { - margin-left: -1rem !important; } + margin-left: -1rem !important; + } + .m-xl-n4 { - margin: -1.5rem !important; } + margin: -1.5rem !important; + } + .mt-xl-n4, .my-xl-n4 { - margin-top: -1.5rem !important; } + margin-top: -1.5rem !important; + } + .mr-xl-n4, .mx-xl-n4 { - margin-right: -1.5rem !important; } + margin-right: -1.5rem !important; + } + .mb-xl-n4, .my-xl-n4 { - margin-bottom: -1.5rem !important; } + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, .mx-xl-n4 { - margin-left: -1.5rem !important; } + margin-left: -1.5rem !important; + } + .m-xl-n5 { - margin: -3rem !important; } + margin: -3rem !important; + } + .mt-xl-n5, .my-xl-n5 { - margin-top: -3rem !important; } + margin-top: -3rem !important; + } + .mr-xl-n5, .mx-xl-n5 { - margin-right: -3rem !important; } + margin-right: -3rem !important; + } + .mb-xl-n5, .my-xl-n5 { - margin-bottom: -3rem !important; } + margin-bottom: -3rem !important; + } + .ml-xl-n5, .mx-xl-n5 { - margin-left: -3rem !important; } + margin-left: -3rem !important; + } + .m-xl-auto { - margin: auto !important; } + margin: auto !important; + } + .mt-xl-auto, .my-xl-auto { - margin-top: auto !important; } + margin-top: auto !important; + } + .mr-xl-auto, .mx-xl-auto { - margin-right: auto !important; } + margin-right: auto !important; + } + .mb-xl-auto, .my-xl-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .ml-xl-auto, .mx-xl-auto { - margin-left: auto !important; } } + margin-left: auto !important; + } +} .text-monospace { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} .text-justify { - text-align: justify !important; } + text-align: justify !important; +} .text-wrap { - white-space: normal !important; } + white-space: normal !important; +} .text-nowrap { - white-space: nowrap !important; } + white-space: nowrap !important; +} .text-truncate { overflow: hidden; text-overflow: ellipsis; - white-space: nowrap; } + white-space: nowrap; +} .text-left { - text-align: left !important; } + text-align: left !important; +} .text-right { - text-align: right !important; } + text-align: right !important; +} .text-center { - text-align: center !important; } + text-align: center !important; +} @media (min-width: 576px) { .text-sm-left { - text-align: left !important; } + text-align: left !important; + } + .text-sm-right { - text-align: right !important; } + text-align: right !important; + } + .text-sm-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 768px) { .text-md-left { - text-align: left !important; } + text-align: left !important; + } + .text-md-right { - text-align: right !important; } + text-align: right !important; + } + .text-md-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 992px) { .text-lg-left { - text-align: left !important; } + text-align: left !important; + } + .text-lg-right { - text-align: right !important; } + text-align: right !important; + } + .text-lg-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 1200px) { .text-xl-left { - text-align: left !important; } + text-align: left !important; + } + .text-xl-right { - text-align: right !important; } + text-align: right !important; + } + .text-xl-center { - text-align: center !important; } } + text-align: center !important; + } +} .text-lowercase { - text-transform: lowercase !important; } + text-transform: lowercase !important; +} .text-uppercase { - text-transform: uppercase !important; } + text-transform: uppercase !important; +} .text-capitalize { - text-transform: capitalize !important; } + text-transform: capitalize !important; +} -.font-weight-light, .landing-page .feature-list .feature-list-row .feature-list-item p { - font-weight: 300 !important; } +.font-weight-light, +.landing-page .feature-list .feature-list-row .feature-list-item p { + font-weight: 300 !important; +} .font-weight-lighter { - font-weight: lighter !important; } + font-weight: lighter !important; +} -.font-weight-normal, .landing-page .feature-list .feature-list-row .feature-list-item h4 { - font-weight: 400 !important; } +.font-weight-normal, +.landing-page .feature-list .feature-list-row .feature-list-item h4 { + font-weight: 400 !important; +} .font-weight-bold { - font-weight: 700 !important; } + font-weight: 700 !important; +} .font-weight-bolder { - font-weight: bolder !important; } + font-weight: bolder !important; +} .font-italic { - font-style: italic !important; } + font-style: italic !important; +} .text-white { - color: #ffffff !important; } + color: #ffffff !important; +} .text-primary { - color: #2196f3 !important; } + color: #2196f3 !important; +} -a.text-primary:hover, a.text-primary:focus { - color: #0a6ebd !important; } +a.text-primary:hover, +a.text-primary:focus { + color: #0a6ebd !important; +} .text-secondary { - color: #dde4eb !important; } + color: #dde4eb !important; +} -a.text-secondary:hover, a.text-secondary:focus { - color: #adbecf !important; } +a.text-secondary:hover, +a.text-secondary:focus { + color: #adbecf !important; +} .text-success { - color: #19d895 !important; } + color: #19d895 !important; +} -a.text-success:hover, a.text-success:focus { - color: #119366 !important; } +a.text-success:hover, +a.text-success:focus { + color: #119366 !important; +} .text-info { - color: #8862e0 !important; } + color: #8862e0 !important; +} -a.text-info:hover, a.text-info:focus { - color: #5a28cd !important; } +a.text-info:hover, +a.text-info:focus { + color: #5a28cd !important; +} .text-warning { - color: #ffaf00 !important; } + color: #ffaf00 !important; +} -a.text-warning:hover, a.text-warning:focus { - color: #b37b00 !important; } +a.text-warning:hover, +a.text-warning:focus { + color: #b37b00 !important; +} .text-danger { - color: #ff6258 !important; } + color: #ff6258 !important; +} -a.text-danger:hover, a.text-danger:focus { - color: #ff1a0c !important; } +a.text-danger:hover, +a.text-danger:focus { + color: #ff1a0c !important; +} .text-light { - color: #fbfbfb !important; } + color: #fbfbfb !important; +} -a.text-light:hover, a.text-light:focus { - color: #d5d5d5 !important; } +a.text-light:hover, +a.text-light:focus { + color: #d5d5d5 !important; +} .text-dark { - color: #252C46 !important; } + color: #252C46 !important; +} -a.text-dark:hover, a.text-dark:focus { - color: #0b0d14 !important; } +a.text-dark:hover, +a.text-dark:focus { + color: #0b0d14 !important; +} .text-body { - color: #fff !important; } + color: #fff !important; +} -.text-muted, .preview-list .preview-item .preview-item-content p .content-category, .email-wrapper .mail-list-container .mail-list .content .message_text, .email-wrapper .mail-list-container .mail-list .details .date { - color: #b9c0d3 !important; } +.text-muted, +.preview-list .preview-item .preview-item-content p .content-category, +.email-wrapper .mail-list-container .mail-list .content .message_text, +.email-wrapper .mail-list-container .mail-list .details .date { + color: #b9c0d3 !important; +} .text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; } + color: rgba(0, 0, 0, 0.5) !important; +} .text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; } + color: rgba(255, 255, 255, 0.5) !important; +} .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; - border: 0; } + border: 0; +} .text-decoration-none { - text-decoration: none !important; } + text-decoration: none !important; +} .text-break { word-break: break-word !important; - overflow-wrap: break-word !important; } + overflow-wrap: break-word !important; +} .text-reset { - color: inherit !important; } + color: inherit !important; +} .visible { - visibility: visible !important; } + visibility: visible !important; +} .invisible { - visibility: hidden !important; } + visibility: hidden !important; +} @media print { + *, *::before, *::after { text-shadow: none !important; -webkit-box-shadow: none !important; - box-shadow: none !important; } + box-shadow: none !important; + } + a:not(.btn) { - text-decoration: underline; } + text-decoration: underline; + } + abbr[title]::after { - content: " (" attr(title) ")"; } + content: " (" attr(title) ")"; + } + pre { - white-space: pre-wrap !important; } + white-space: pre-wrap !important; + } + pre, blockquote { border: 1px solid #adb5bd; - page-break-inside: avoid; } + page-break-inside: avoid; + } + thead { - display: table-header-group; } + display: table-header-group; + } + tr, img { - page-break-inside: avoid; } + page-break-inside: avoid; + } + p, h2, h3 { orphans: 3; - widows: 3; } + widows: 3; + } + h2, h3 { - page-break-after: avoid; } + page-break-after: avoid; + } + @page { - size: a3; } + size: a3; + } + body { - min-width: 992px !important; } + min-width: 992px !important; + } + .container { - min-width: 992px !important; } + min-width: 992px !important; + } + .navbar { - display: none; } + display: none; + } + .badge { - border: 1px solid #000; } - .table, .jsgrid .jsgrid-table { - border-collapse: collapse !important; } - - .table td, - .jsgrid .jsgrid-table td, .table th, .jsgrid .jsgrid-table th { - background-color: #ffffff !important; } + border: 1px solid #000; + } + + .table, + .jsgrid .jsgrid-table { + border-collapse: collapse !important; + } + + .table td, + .jsgrid .jsgrid-table td, + .table th, + .jsgrid .jsgrid-table th { + background-color: #ffffff !important; + } + .table-bordered th, .table-bordered td { - border: 1px solid #dee2e6 !important; } + border: 1px solid #dee2e6 !important; + } + .table-dark { - color: inherit; } - .table-dark th, - .table-dark td, - .table-dark thead th, - .table-dark tbody + tbody { - border-color: #dee2e6; } - .table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th { color: inherit; - border-color: #dee2e6; } } + } + + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody+tbody { + border-color: #dee2e6; + } + + .table .thead-dark th, + .jsgrid .jsgrid-table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} /*-------------------------------------------------------------------*/ /* === Template mixins === */ @@ -8742,49 +13406,69 @@ a.text-dark:hover, a.text-dark:focus { from { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); } + transform: translate3d(0, -30px, 0); + } + to { opacity: 1; -webkit-transform: none; transform: none; -webkit-transform: translate3d(0, 0px, 0); - transform: translate3d(0, 0px, 0); } } + transform: translate3d(0, 0px, 0); + } +} + @keyframes dropdownAnimation { from { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); } + transform: translate3d(0, -30px, 0); + } + to { opacity: 1; -webkit-transform: none; transform: none; -webkit-transform: translate3d(0, 0px, 0); - transform: translate3d(0, 0px, 0); } } + transform: translate3d(0, 0px, 0); + } +} -.dropdownAnimation, .nav .nav-item.dropdown .navbar-dropdown, +.dropdownAnimation, +.nav .nav-item.dropdown .navbar-dropdown, .navbar-nav .nav-item.dropdown .navbar-dropdown { -webkit-animation-name: dropdownAnimation; animation-name: dropdownAnimation; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; - animation-fill-mode: both; } + animation-fill-mode: both; +} @-webkit-keyframes fadeOut { from { - opacity: 1; } + opacity: 1; + } + to { - opacity: 0; } } + opacity: 0; + } +} @keyframes fadeOut { from { - opacity: 1; } + opacity: 1; + } + to { - opacity: 0; } } + opacity: 0; + } +} .fadeOut { -webkit-animation-name: fadeOut; - animation-name: fadeOut; } + animation-name: fadeOut; +} .infinite-spin { -webkit-animation-name: spin; @@ -8794,77 +13478,113 @@ a.text-dark:hover, a.text-dark:focus { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; - animation-timing-function: linear; } + animation-timing-function: linear; +} @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); + } + to { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } + transform: rotate(360deg); + } +} @keyframes spin { from { -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); + } + to { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } + transform: rotate(360deg); + } +} @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } + transform: translate3d(0, 100%, 0); + } + to { opacity: 1; -webkit-transform: none; - transform: none; } } + transform: none; + } +} @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } + transform: translate3d(0, 100%, 0); + } + to { opacity: 1; -webkit-transform: none; - transform: none; } } + transform: none; + } +} .fadeInUp { -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; } + animation-name: fadeInUp; +} @-webkit-keyframes menufadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); } + transform: translate3d(-20px, 0, 0); + } + to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } + transform: translate3d(0, 0, 0); + } +} @keyframes menufadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); } + transform: translate3d(-20px, 0, 0); + } + to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } + transform: translate3d(0, 0, 0); + } +} .menufadeInLeft { -webkit-animation-name: menufadeInLeft; - animation-name: menufadeInLeft; } + animation-name: menufadeInLeft; +} -.new-accounts ul.chats li.chat-persons a div.user p.u-name, .new-accounts ul.chats li.chat-persons a div.user p.u-designation, .settings-panel .chat-list .list .info p, .list-wrapper ul li .form-check, .list-wrapper ul li .form-check .form-check-label, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation, .email-wrapper .mail-list-container .mail-list .content .sender-name, .email-wrapper .message-body .attachments-sections ul li .details p.file-name { +.new-accounts ul.chats li.chat-persons a div.user p.u-name, +.new-accounts ul.chats li.chat-persons a div.user p.u-designation, +.settings-panel .chat-list .list .info p, +.list-wrapper ul li .form-check, +.list-wrapper ul li .form-check .form-check-label, +.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name, +.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation, +.email-wrapper .mail-list-container .mail-list .content .sender-name, +.email-wrapper .message-body .attachments-sections ul li .details p.file-name { text-overflow: ellipsis; overflow: hidden; max-width: 100%; - white-space: nowrap; } + white-space: nowrap; +} /*-------------------------------------------------------------------*/ /* === Core Styles === */ @@ -8874,32 +13594,65 @@ body { margin: 0; overflow-x: hidden; -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } + -moz-osx-font-smoothing: grayscale; +} -.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint, +.form-control, +.asColorPicker-input, +.dataTables_wrapper select, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.select2-container--default .select2-selection--single, +.select2-container--default .select2-selection--single .select2-search__field, +.tt-hint, .tt-query, -.typeahead, .form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus, +.typeahead, +.form-control:focus, +.asColorPicker-input:focus, +.dataTables_wrapper select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], +.select2-container--default .select2-selection--single:focus, +.select2-container--default .select2-selection--single .select2-search__field:focus, +.tt-hint:focus, .tt-query:focus, .typeahead:focus { -webkit-box-shadow: none; - -moz-box-shadow: none; } + -moz-box-shadow: none; +} -.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint, +.form-control, +.asColorPicker-input, +.dataTables_wrapper select, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.select2-container--default .select2-selection--single, +.select2-container--default .select2-selection--single .select2-search__field, +.tt-hint, .tt-query, .typeahead { -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; +} -.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus, +.form-control:focus, +.asColorPicker-input:focus, +.dataTables_wrapper select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], +.select2-container--default .select2-selection--single:focus, +.select2-container--default .select2-selection--single .select2-search__field:focus, +.tt-hint:focus, .tt-query:focus, .typeahead:focus { outline: 0; -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; +} a, div, @@ -8910,7 +13663,8 @@ h4, h5, p, span { - text-shadow: none; } + text-shadow: none; +} [type=button]:focus, a:active, @@ -8918,14 +13672,22 @@ a:focus, a:visited, button::-moz-focus-inner, input[type=button]::-moz-focus-inner, -input[type=file] > input[type=button]::-moz-focus-inner, +input[type=file]>input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, select::-moz-focus-inner { - outline: 0; } + outline: 0; +} -.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .tt-hint:focus, +.form-control:focus, +.asColorPicker-input:focus, +.dataTables_wrapper select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], +.select2-container--default .select2-selection--single:focus, +.select2-container--default .select2-selection--single .select2-search__field:focus, +.tt-hint:focus, .tt-query:focus, .typeahead:focus, button:focus, @@ -8938,22 +13700,37 @@ textarea:focus { outline-color: transparent; -webkit-box-shadow: none; box-shadow: none; - outline-style: none; } + outline-style: none; +} textarea { resize: none; - overflow-x: hidden; } + overflow-x: hidden; +} -.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a, +.btn, +.ajax-upload-dragdrop .ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, +.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, +.wizard>.actions a, .btn-group.open .dropdown-toggle, .btn:active, .ajax-upload-dragdrop .ajax-file-upload:active, .swal2-modal .swal2-buttonswrapper .swal2-styled:active, -.wizard > .actions a:active, .btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus, .btn:hover, .ajax-upload-dragdrop .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .swal2-styled:hover, .wizard > .actions a:hover, +.wizard>.actions a:active, +.btn:focus, +.ajax-upload-dragdrop .ajax-file-upload:focus, +.swal2-modal .swal2-buttonswrapper .swal2-styled:focus, +.wizard>.actions a:focus, +.btn:hover, +.ajax-upload-dragdrop .ajax-file-upload:hover, +.swal2-modal .swal2-buttonswrapper .swal2-styled:hover, +.wizard>.actions a:hover, .btn:visited, .ajax-upload-dragdrop .ajax-file-upload:visited, .swal2-modal .swal2-buttonswrapper .swal2-styled:visited, -.wizard > .actions a:visited, +.wizard>.actions a:visited, a, a:active, a:checked, @@ -8981,21 +13758,33 @@ textarea:focus, textarea:hover, textarea:visited { -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; +} -.btn.active.focus, .ajax-upload-dragdrop .active.focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .active.focus.swal2-styled, .wizard > .actions a.active.focus, +.btn.active.focus, +.ajax-upload-dragdrop .active.focus.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .active.focus.swal2-styled, +.wizard>.actions a.active.focus, .btn.active:focus, .ajax-upload-dragdrop .active.ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .active.swal2-styled:focus, -.wizard > .actions a.active:focus, .btn.focus, .ajax-upload-dragdrop .focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .focus.swal2-styled, .wizard > .actions a.focus, +.wizard>.actions a.active:focus, +.btn.focus, +.ajax-upload-dragdrop .focus.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .focus.swal2-styled, +.wizard>.actions a.focus, .btn:active.focus, .ajax-upload-dragdrop .ajax-file-upload:active.focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:active.focus, -.wizard > .actions a:active.focus, +.wizard>.actions a:active.focus, .btn:active:focus, .ajax-upload-dragdrop .ajax-file-upload:active:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:active:focus, -.wizard > .actions a:active:focus, .btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus, +.wizard>.actions a:active:focus, +.btn:focus, +.ajax-upload-dragdrop .ajax-file-upload:focus, +.swal2-modal .swal2-buttonswrapper .swal2-styled:focus, +.wizard>.actions a:focus, button, button:active, button:checked, @@ -9003,90 +13792,115 @@ button:focus, button:hover, button:visited { outline: 0; - outline-offset: 0; } + outline-offset: 0; +} .bootstrap-select .dropdown-toggle:focus { outline: 0 !important; - outline-offset: 0; } + outline-offset: 0; +} -.dropdown-menu > li > a:active, -.dropdown-menu > li > a:focus, -.dropdown-menu > li > a:hover, -.dropdown-menu > li > a:visited { - outline: 0 !important; } +.dropdown-menu>li>a:active, +.dropdown-menu>li>a:focus, +.dropdown-menu>li>a:hover, +.dropdown-menu>li>a:visited { + outline: 0 !important; +} a:focus, input:focus { border-color: transparent; - outline: none; } + outline: none; +} /* Fonts */ .text-twitter { - color: #4DBFF5; } + color: #4DBFF5; +} .text-facebook { - color: #648ACA; } + color: #648ACA; +} .text-google { - color: #E55F4B; } + color: #E55F4B; +} .text-linkedin { - color: #0177b4; } + color: #0177b4; +} .text-pinterest { - color: #cc2127; } + color: #cc2127; +} .text-youtube { - color: #e52d27; } + color: #e52d27; +} .text-github { - color: #333333; } + color: #333333; +} .text-behance { - color: #1769ff; } + color: #1769ff; +} .text-dribbble { - color: #ea4c89; } + color: #ea4c89; +} .text-reddit { - color: #ff4500; } + color: #ff4500; +} .bg-twitter { - background: #4DBFF5; } + background: #4DBFF5; +} .bg-facebook { - background: #648ACA; } + background: #648ACA; +} .bg-google { - background: #E55F4B; } + background: #E55F4B; +} .bg-linkedin { - background: #0177b4; } + background: #0177b4; +} .bg-pinterest { - background: #cc2127; } + background: #cc2127; +} .bg-youtube { - background: #e52d27; } + background: #e52d27; +} .bg-github { - background: #333333; } + background: #333333; +} .bg-behance { - background: #1769ff; } + background: #1769ff; +} .bg-dribbble { - background: #ea4c89; } + background: #ea4c89; +} .bg-reddit { - background: #ff4500; } + background: #ff4500; +} /* Typography */ :root, body { font-size: 1rem; font-family: "roboto", sans-serif; - color: #fff; } + color: #fff; +} .h1, .h2, @@ -9104,120 +13918,176 @@ h6 { font-weight: normal; font-style: normal; font-stretch: normal; - line-height: normal; } + line-height: normal; +} p, a:not([href]):not([tabindex]) { color: #fff; - font-size: 0.875rem; } + font-size: 0.875rem; +} .h1, h1 { - font-size: 2.3125rem; } + font-size: 2.3125rem; +} .h2, h2 { - font-size: 2rem; } + font-size: 2rem; +} .h3, h3 { - font-size: 1.6875rem; } + font-size: 1.6875rem; +} .h4, h4 { - font-size: 1.25rem; } + font-size: 1.25rem; +} .h5, h5 { - font-size: 1.0625rem; } + font-size: 1.0625rem; +} .h6, h6 { - font-size: 1rem; } + font-size: 1rem; +} p { - font-size: 0.875rem; } + font-size: 0.875rem; +} .display-1 { - font-size: 3.75rem; } - @media (max-width: 991px) { - .display-1 { - font-size: 3rem; } } + font-size: 3.75rem; +} + +@media (max-width: 991px) { + .display-1 { + font-size: 3rem; + } +} .display-2 { - font-size: 3.125rem; } - @media (max-width: 991px) { - .display-2 { - font-size: 2.5rem; } } + font-size: 3.125rem; +} + +@media (max-width: 991px) { + .display-2 { + font-size: 2.5rem; + } +} .display-3 { - font-size: 2.5rem; } - @media (max-width: 991px) { - .display-3 { - font-size: 2rem; } } + font-size: 2.5rem; +} + +@media (max-width: 991px) { + .display-3 { + font-size: 2rem; + } +} .display-4 { - font-size: 1.875rem; } - @media (max-width: 991px) { - .display-4 { - font-size: 1.5rem; } } + font-size: 1.875rem; +} + +@media (max-width: 991px) { + .display-4 { + font-size: 1.5rem; + } +} .display-5 { - font-size: 1.25rem; } - @media (max-width: 991px) { - .display-5 { - font-size: 1rem; } } + font-size: 1.25rem; +} + +@media (max-width: 991px) { + .display-5 { + font-size: 1rem; + } +} .blockquote { padding: 1.25rem; - border: 1px solid #383e5d; } + border: 1px solid #383e5d; +} address p { - margin-bottom: 0; } + margin-bottom: 0; +} .blockquote-primary { - border-color: #2196f3; } - .blockquote-primary .blockquote-footer { - color: #2196f3; } + border-color: #2196f3; +} + +.blockquote-primary .blockquote-footer { + color: #2196f3; +} .blockquote-secondary { - border-color: #dde4eb; } - .blockquote-secondary .blockquote-footer { - color: #dde4eb; } + border-color: #dde4eb; +} + +.blockquote-secondary .blockquote-footer { + color: #dde4eb; +} .blockquote-success { - border-color: #19d895; } - .blockquote-success .blockquote-footer { - color: #19d895; } + border-color: #19d895; +} + +.blockquote-success .blockquote-footer { + color: #19d895; +} .blockquote-info { - border-color: #8862e0; } - .blockquote-info .blockquote-footer { - color: #8862e0; } + border-color: #8862e0; +} + +.blockquote-info .blockquote-footer { + color: #8862e0; +} .blockquote-warning { - border-color: #ffaf00; } - .blockquote-warning .blockquote-footer { - color: #ffaf00; } + border-color: #ffaf00; +} + +.blockquote-warning .blockquote-footer { + color: #ffaf00; +} .blockquote-danger { - border-color: #ff6258; } - .blockquote-danger .blockquote-footer { - color: #ff6258; } + border-color: #ff6258; +} + +.blockquote-danger .blockquote-footer { + color: #ff6258; +} .blockquote-light { - border-color: #fbfbfb; } - .blockquote-light .blockquote-footer { - color: #fbfbfb; } + border-color: #fbfbfb; +} + +.blockquote-light .blockquote-footer { + color: #fbfbfb; +} .blockquote-dark { - border-color: #252C46; } - .blockquote-dark .blockquote-footer { - color: #252C46; } + border-color: #252C46; +} + +.blockquote-dark .blockquote-footer { + color: #252C46; +} .page-title { color: #fff; - margin: 0.38rem 0 0.75rem; } + margin: 0.38rem 0 0.75rem; +} .card-title { font-family: "roboto", sans-serif; @@ -9225,145 +14095,195 @@ address p { color: #212229; margin-bottom: 15px; font-size: 14px; - text-transform: capitalize; } - .rtl .card-title { - text-align: right; } + text-transform: capitalize; +} + +.rtl .card-title { + text-align: right; +} .card-subtitle { font-weight: 300; font-family: "roboto", sans-serif; margin-top: 0.625rem; - margin-bottom: 0.625rem; } + margin-bottom: 0.625rem; +} .card-description { margin-bottom: 0.9375rem; - font-family: "roboto", sans-serif; } - .rtl .card-description { - text-align: right; } + font-family: "roboto", sans-serif; +} -.font-weight-normal, .landing-page .feature-list .feature-list-row .feature-list-item h4 { - font-weight: 400; } +.rtl .card-description { + text-align: right; +} + +.font-weight-normal, +.landing-page .feature-list .feature-list-row .feature-list-item h4 { + font-weight: 400; +} .font-weight-medium { - font-weight: 500; } + font-weight: 500; +} .font-weight-semibold { - font-weight: 600; } + font-weight: 600; +} small, .text-small { - font-size: 12px; } + font-size: 12px; +} .icon-lg { - font-size: 2.5rem; } + font-size: 2.5rem; +} .icon-md { - font-size: 1.875rem; } + font-size: 1.875rem; +} .icon-sm { - font-size: 1.3rem; } + font-size: 1.3rem; +} /* Miscellanoeous */ body, html { overflow-x: hidden; - padding-right: 0 !important; } + padding-right: 0 !important; +} *:-moz-full-screen, *:-webkit-full-screen, *:fullscreen *:-ms-fullscreen { - overflow: auto !important; } + overflow: auto !important; +} .scroll-container { - position: relative; } - .scroll-container.horizontally { - overflow-x: hidden; - width: 100%; - max-width: 100%; } - .scroll-container.vertically { - overflow-y: hidden; - height: 100%; - max-height: 100%; } + position: relative; +} + +.scroll-container.horizontally { + overflow-x: hidden; + width: 100%; + max-width: 100%; +} + +.scroll-container.vertically { + overflow-y: hidden; + height: 100%; + max-height: 100%; +} pre { padding: 15px; - font-size: 14px; } + font-size: 14px; +} /* Utilities */ .logo { width: 150px; - max-width: 100%; } + max-width: 100%; +} .grid-margin { - margin-bottom: 25px; } + margin-bottom: 25px; +} @media (min-width: 576px) { .grid-margin-sm-0 { - margin-bottom: 0; } } + margin-bottom: 0; + } +} @media (min-width: 768px) { .grid-margin-md-0 { - margin-bottom: 0; } } + margin-bottom: 0; + } +} @media (min-width: 992px) { .grid-margin-lg-0 { - margin-bottom: 0; } } + margin-bottom: 0; + } +} @media (min-width: 1200px) { .grid-margin-xl-0 { - margin-bottom: 0; } } + margin-bottom: 0; + } +} -.rounded-circle[class*='img'], .settings-panel .color-tiles .tiles[class*='img'] { +.rounded-circle[class*='img'], +.settings-panel .color-tiles .tiles[class*='img'] { position: relative; - overflow: hidden; } - .rounded-circle[class*='img'] .flag-icon, .settings-panel .color-tiles .tiles[class*='img'] .flag-icon { - position: absolute; - top: auto; - left: -10px; - right: 0; - bottom: auto; - width: calc(100% + 20px); - height: 100%; - display: block; - margin: auto; } + overflow: hidden; +} + +.rounded-circle[class*='img'] .flag-icon, +.settings-panel .color-tiles .tiles[class*='img'] .flag-icon { + position: absolute; + top: auto; + left: -10px; + right: 0; + bottom: auto; + width: calc(100% + 20px); + height: 100%; + display: block; + margin: auto; +} .img-curved { - border-radius: 10px; } + border-radius: 10px; +} .img-raised { -webkit-box-shadow: 0 4px 8px 0 rgba(42, 55, 71, 0.15); - box-shadow: 0 4px 8px 0 rgba(42, 55, 71, 0.15); } + box-shadow: 0 4px 8px 0 rgba(42, 55, 71, 0.15); +} .img-lg { width: 92px; min-width: 92px; - height: 92px; } + height: 92px; +} .img-md { width: 60px; min-width: 60px; - height: 60px; } + height: 60px; +} .img-sm { width: 43px; min-width: 43px; - height: 43px; } + height: 43px; +} .img-xs { width: 32px; min-width: 32px; - height: 32px; } + height: 32px; +} -.img-ss, .image-grouped .text-avatar, -.image-grouped img, .table td img:not(.thumb-image), .jsgrid .jsgrid-table td img:not(.thumb-image), +.img-ss, +.image-grouped .text-avatar, +.image-grouped img, +.table td img:not(.thumb-image), +.jsgrid .jsgrid-table td img:not(.thumb-image), .table th img:not(.thumb-image), -.jsgrid .jsgrid-table th img:not(.thumb-image), .settings-panel .color-tiles .tiles { +.jsgrid .jsgrid-table th img:not(.thumb-image), +.settings-panel .color-tiles .tiles { width: 35px; min-width: 35px; - height: 35px; } + height: 35px; +} .img-curved { - border-radius: 10px; } + border-radius: 10px; +} .display-avatar { display: -webkit-box; @@ -9380,7 +14300,8 @@ pre { height: 43px; font-size: 16px; font-weight: 600; - border-radius: 100%; } + border-radius: 100%; +} .stretch-card { display: -webkit-box; @@ -9391,18 +14312,24 @@ pre { align-items: stretch; -webkit-box-pack: stretch; -ms-flex-pack: stretch; - justify-content: stretch; } - .stretch-card > .card { - width: 100%; - min-width: 100%; } + justify-content: stretch; +} + +.stretch-card>.card { + width: 100%; + min-width: 100%; +} .dot-indicator { width: 10px; height: 10px; - border-radius: 100%; } - .dot-indicator.dot-indicator-sm { - width: 6px; - height: 6px; } + border-radius: 100%; +} + +.dot-indicator.dot-indicator-sm { + width: 6px; + height: 6px; +} .border-indicator { width: 10px; @@ -9410,84 +14337,119 @@ pre { border-width: 2px; border-style: solid; border-color: #383e5d; - border-radius: 100%; } + border-radius: 100%; +} .dropdown-divider { - border-color: #383e5d; } + border-color: #383e5d; +} @media (min-width: 576px) { .border-right-sm { - border-right: 1px solid #383e5d; } } + border-right: 1px solid #383e5d; + } +} @media (min-width: 768px) { .border-right-md { - border-right: 1px solid #383e5d; } } + border-right: 1px solid #383e5d; + } +} @media (min-width: 992px) { .border-right-lg { - border-right: 1px solid #383e5d; } } + border-right: 1px solid #383e5d; + } +} @media (min-width: 576px) { .border-left-sm { - border-left: 1px solid #383e5d; } } + border-left: 1px solid #383e5d; + } +} .border-strong { - border-color: black; } + border-color: black; +} .count-wrapper { - position: relative; } - .count-wrapper .count { - position: absolute; - width: auto; - min-width: 8px; - min-height: 8px; - padding: 2px 4px; - font-size: 75%; - line-height: 1; - vertical-align: middle; - border-radius: 100%; - color: #ffffff; - font-weight: 500; } - .count-wrapper .count.top-right { - top: -5px; - right: 0; } - .count-wrapper .count.bottom-right { - bottom: -5px; - right: 0; } - .count-wrapper .count.bottom-left { - bottom: -5px; - left: 0; } - .count-wrapper .count.top-left { - top: -5px; - left: 0; } + position: relative; +} + +.count-wrapper .count { + position: absolute; + width: auto; + min-width: 8px; + min-height: 8px; + padding: 2px 4px; + font-size: 75%; + line-height: 1; + vertical-align: middle; + border-radius: 100%; + color: #ffffff; + font-weight: 500; +} + +.count-wrapper .count.top-right { + top: -5px; + right: 0; +} + +.count-wrapper .count.bottom-right { + bottom: -5px; + right: 0; +} + +.count-wrapper .count.bottom-left { + bottom: -5px; + left: 0; +} + +.count-wrapper .count.top-left { + top: -5px; + left: 0; +} @media (min-width: 768px) { .border-left-md { - border-left: 1px solid #383e5d; } } + border-left: 1px solid #383e5d; + } +} @media (min-width: 992px) { .border-left-lg { - border-left: 1px solid #383e5d; } } + border-left: 1px solid #383e5d; + } +} -.text-gray, .card-subtitle, .new-accounts ul.chats li.chat-persons a p.joined-date { - color: #212529; } +.text-gray, +.card-subtitle, +.new-accounts ul.chats li.chat-persons a p.joined-date { + color: #212529; +} .text-black { - color: #000; } + color: #000; +} .flex-grow { -webkit-box-flex: 1; -ms-flex-positive: 1; - flex-grow: 1; } + flex-grow: 1; +} -.ellipsis, .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name, .tickets-card .ticket-float span { +.ellipsis, +.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name, +.tickets-card .ticket-float span { max-width: 95%; white-space: nowrap; text-overflow: ellipsis; - overflow: hidden; } + overflow: hidden; +} .no-wrap { - white-space: nowrap; } + white-space: nowrap; +} .status-indicator { border-width: 2px; @@ -9496,140 +14458,197 @@ pre { border-radius: 100%; display: inline-block; height: 8px; - width: 8px; } - .status-indicator.online { - border-color: #19d895; } - .status-indicator.offline { - border-color: #2196f3; } - .status-indicator.away { - border-color: #ffaf00; } + width: 8px; +} + +.status-indicator.online { + border-color: #19d895; +} + +.status-indicator.offline { + border-color: #2196f3; +} + +.status-indicator.away { + border-color: #ffaf00; +} .bg-transparent { - background: transparent; } + background: transparent; +} .aligner-wrapper { - position: relative; } - .aligner-wrapper .absolute { - position: absolute; } - .aligner-wrapper .absolute.absolute-center { - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - bottom: 0; - right: 0; - left: 0; - margin: auto; } - .aligner-wrapper .absolute.left { - left: 0; } - .aligner-wrapper .absolute.right { - right: 0; } - .aligner-wrapper .absolute.bottom { - bottom: 0; } - .aligner-wrapper .absolute.top { - top: 0; } + position: relative; +} + +.aligner-wrapper .absolute { + position: absolute; +} + +.aligner-wrapper .absolute.absolute-center { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + bottom: 0; + right: 0; + left: 0; + margin: auto; +} + +.aligner-wrapper .absolute.left { + left: 0; +} + +.aligner-wrapper .absolute.right { + right: 0; +} + +.aligner-wrapper .absolute.bottom { + bottom: 0; +} + +.aligner-wrapper .absolute.top { + top: 0; +} .image-grouped { display: -webkit-box; display: -ms-flexbox; - display: flex; } - .image-grouped .text-avatar, - .image-grouped img { - border-radius: 100%; - margin-left: -10px; - z-index: 0; - border: 4px solid #222437; - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-property: "box-shadow", "z-index", "transform", "border-width", "box-shadow", "transform"; - transition-property: "box-shadow", "z-index", "transform", "border-width", "box-shadow", "transform"; - transition-property: "box-shadow", "z-index", "transform", "border-width"; } - .image-grouped .text-avatar:first-child, - .image-grouped img:first-child { - margin-left: 0; } - .image-grouped .text-avatar:hover, - .image-grouped img:hover { - z-index: 1; - -webkit-box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5); - box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5); - -webkit-transform: scale(1.05); - transform: scale(1.05); - border-width: 0; } - .image-grouped .text-avatar { - color: #2196f3; - font-size: 11px; - font-weight: 600; } + display: flex; +} + +.image-grouped .text-avatar, +.image-grouped img { + border-radius: 100%; + margin-left: -10px; + z-index: 0; + border: 4px solid var(--dropdown-bg); + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; + -webkit-transition-property: "box-shadow", "z-index", "transform", "border-width", "box-shadow", "transform"; + transition-property: "box-shadow", "z-index", "transform", "border-width", "box-shadow", "transform"; + transition-property: "box-shadow", "z-index", "transform", "border-width"; +} + +.image-grouped .text-avatar:first-child, +.image-grouped img:first-child { + margin-left: 0; +} + +.image-grouped .text-avatar:hover, +.image-grouped img:hover { + z-index: 1; + -webkit-box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5); + -webkit-transform: scale(1.05); + transform: scale(1.05); + border-width: 0; +} + +.image-grouped .text-avatar { + color: #2196f3; + font-size: 11px; + font-weight: 600; +} .v-strock-1 { - width: 2px; } + width: 2px; +} .v-strock-2 { - width: 3px; } + width: 3px; +} .v-strock-3 { - width: 4px; } + width: 4px; +} .v-strock-4 { - width: 5px; } + width: 5px; +} .h-strock-1 { - height: 2px; } + height: 2px; +} .h-strock-2 { - height: 3px; } + height: 3px; +} .h-strock-3 { - height: 4px; } + height: 4px; +} .h-strock-4 { - height: 5px; } + height: 5px; +} -.bg-inverse-primary, .image-grouped .text-avatar { - background: rgba(33, 150, 243, 0.2); } +.bg-inverse-primary, +.image-grouped .text-avatar { + background: rgba(33, 150, 243, 0.2); +} .bg-inverse-secondary { - background: rgba(221, 228, 235, 0.2); } + background: rgba(221, 228, 235, 0.2); +} .bg-inverse-success { - background: rgba(25, 216, 149, 0.2); } + background: rgba(25, 216, 149, 0.2); +} .bg-inverse-info { - background: rgba(136, 98, 224, 0.2); } + background: rgba(136, 98, 224, 0.2); +} .bg-inverse-warning { - background: rgba(255, 175, 0, 0.2); } + background: rgba(255, 175, 0, 0.2); +} .bg-inverse-danger { - background: rgba(255, 98, 88, 0.2); } + background: rgba(255, 98, 88, 0.2); +} .bg-inverse-light { - background: rgba(251, 251, 251, 0.2); } + background: rgba(251, 251, 251, 0.2); +} .bg-inverse-dark { - background: rgba(37, 44, 70, 0.2); } + background: rgba(37, 44, 70, 0.2); +} .list { - padding-left: 0; } - .list.list-noborders .list-item { - border: none; } - .list .list-item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0 0 30px 0; } - .list .list-item:first-child { - padding-top: 0; } - .list .list-item:last-child { - padding-bottom: 0; } + padding-left: 0; +} + +.list.list-noborders .list-item { + border: none; +} + +.list .list-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 0 30px 0; +} + +.list .list-item:first-child { + padding-top: 0; +} + +.list .list-item:last-child { + padding-bottom: 0; +} .text-transparent { - opacity: 0.6; } + opacity: 0.6; +} .text-avatar { display: -webkit-box; @@ -9641,127 +14660,172 @@ pre { -webkit-box-align: center; -ms-flex-align: center; align-items: center; - font-weight: 500; } + font-weight: 500; +} .user-avatar { position: relative; - display: inline-block; } - .user-avatar .edit-avatar-icon { - position: absolute; - bottom: 8%; - right: -10px; - height: 35px; - width: 35px; - border-radius: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - background: #dde4eb; - color: #4d4c4c; - border: 3px solid #fff; } - .user-avatar .edit-avatar-icon i { - font-size: 15px; } + display: inline-block; +} + +.user-avatar .edit-avatar-icon { + position: absolute; + bottom: 8%; + right: -10px; + height: 35px; + width: 35px; + border-radius: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + background: #dde4eb; + color: #4d4c4c; + border: 3px solid #fff; +} + +.user-avatar .edit-avatar-icon i { + font-size: 15px; +} /* Demo Styles */ -.template-demo > .btn-group .btn, .template-demo > .btn-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .template-demo > .btn-group .ajax-file-upload, .template-demo > .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .template-demo > .btn-group .swal2-styled, .template-demo > .btn-group .wizard > .actions a, .wizard > .actions .template-demo > .btn-group a { - margin: 0 !important; } +.template-demo>.btn-group .btn, +.template-demo>.btn-group .ajax-upload-dragdrop .ajax-file-upload, +.ajax-upload-dragdrop .template-demo>.btn-group .ajax-file-upload, +.template-demo>.btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .template-demo>.btn-group .swal2-styled, +.template-demo>.btn-group .wizard>.actions a, +.wizard>.actions .template-demo>.btn-group a { + margin: 0 !important; +} .template-demo .progress { - margin-top: 1.5rem; } + margin-top: 1.5rem; +} -.template-demo > h2, -.template-demo > h3, -.template-demo > h4, -.template-demo > h5, -.template-demo > h6, -.template-demo > h1 { +.template-demo>h2, +.template-demo>h3, +.template-demo>h4, +.template-demo>h5, +.template-demo>h6, +.template-demo>h1 { border-top: 1px solid #383e5d; - padding: 0.5rem 0 0; } + padding: 0.5rem 0 0; +} .template-demo .ul-slider.noUi-horizontal { - margin-top: 2rem; } + margin-top: 2rem; +} .template-demo .ul-slider.noUi-vertical { - margin-right: 2rem; } + margin-right: 2rem; +} .template-demo .dropdown { display: inline-block; - margin-bottom: 0.5rem; } + margin-bottom: 0.5rem; +} .template-demo nav .breadcrumb { - margin-bottom: 1.375rem; } + margin-bottom: 1.375rem; +} .template-demo nav:last-child .breadcrumb { - margin-bottom: 0; } + margin-bottom: 0; +} -.template-demo .editable-form > .form-group { +.template-demo .editable-form>.form-group { border-bottom: 1px solid #383e5d; padding-bottom: 0.8rem; - margin-bottom: 0.8rem; } + margin-bottom: 0.8rem; +} .template-demo .circle-progress { - padding: 15px; } + padding: 15px; +} .demo-modal { position: static; - display: block; } - .demo-modal .modal-dialog { - margin-top: 0 !important; } - .demo-modal .modal-dialog.modal-lg { - max-width: 100%; } + display: block; +} + +.demo-modal .modal-dialog { + margin-top: 0 !important; +} + +.demo-modal .modal-dialog.modal-lg { + max-width: 100%; +} .documentation { padding-top: 0; - max-width: 100%; } - .documentation .content-wrapper { - padding-top: 0; - min-height: calc(100vh - 63px); } + max-width: 100%; +} + +.documentation .content-wrapper { + padding-top: 0; + min-height: calc(100vh - 63px); +} .doc-table-contents, .doc-header { - position: fixed; } + position: fixed; +} .doc-header { padding-top: 24px; padding-bottom: 24px; z-index: 2; - background: #1c1e2f; } + background: var(--deep-bg); +} .doc-content { - padding-top: 157px; } + padding-top: 157px; +} .doc-table-contents { overflow: auto; - max-height: calc(100% - 157px); } - .doc-table-contents ul li { - margin-top: 10px; } - .doc-table-contents ul li:before { - font-size: .5rem; } + max-height: calc(100% - 157px); +} + +.doc-table-contents ul li { + margin-top: 10px; +} + +.doc-table-contents ul li:before { + font-size: .5rem; +} .doc-credits ul li { - margin-bottom: 10px; } - .doc-credits ul li a { - margin-left: .25rem; } + margin-bottom: 10px; +} + +.doc-credits ul li a { + margin-left: .25rem; +} .demo_blank_card.card-1 { height: 100vh; - min-height: 400px; } + min-height: 400px; +} .demo_blank_card.card-2 { - height: 320px; } + height: 320px; +} .demo_blank_card.card-3 { - height: 500px; } + height: 500px; +} .loader-demo-box { width: 100%; - height: 200px; } + height: 200px; +} /* Dashboard */ .card-statistics .highlight-icon { @@ -9776,115 +14840,180 @@ pre { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - border-radius: 50px; } - .card-statistics .highlight-icon i { - font-size: 27px; } + border-radius: 50px; +} + +.card-statistics .highlight-icon i { + font-size: 27px; +} .card-statistics .card-col { - border-right: 1px solid #383e5d; } - .card-statistics .card-col:last-child { - border-right: none; } - @media (max-width: 767.98px) { - .card-statistics .card-col { - padding-left: 0; - padding-right: 0; - position: relative; - border: none; } - .card-statistics .card-col:first-child:after, .card-statistics .card-col:first-child:before, .card-statistics .card-col:nth-child(2):after, .card-statistics .card-col:nth-child(2):before, .card-statistics .card-col:nth-child(3):after, .card-statistics .card-col:nth-child(3):before { - content: ""; - position: absolute; - background: #383e5d; } - .card-statistics .card-col:first-child:before { - bottom: 0; - width: 94.2%; - height: 1px; - right: 0; } - .card-statistics .card-col:first-child:after { - bottom: 0; - width: 1px; - height: 100%; - right: 0; } - .card-statistics .card-col:nth-child(2):before { - bottom: 0; - width: 94.2%; - height: 1px; - left: 0; } - .card-statistics .card-col:nth-child(3):before { - width: 1px; - height: 100%; - right: 0; } } + border-right: 1px solid #383e5d; +} + +.card-statistics .card-col:last-child { + border-right: none; +} + +@media (max-width: 767.98px) { + .card-statistics .card-col { + padding-left: 0; + padding-right: 0; + position: relative; + border: none; + } + + .card-statistics .card-col:first-child:after, + .card-statistics .card-col:first-child:before, + .card-statistics .card-col:nth-child(2):after, + .card-statistics .card-col:nth-child(2):before, + .card-statistics .card-col:nth-child(3):after, + .card-statistics .card-col:nth-child(3):before { + content: ""; + position: absolute; + background: #383e5d; + } + + .card-statistics .card-col:first-child:before { + bottom: 0; + width: 94.2%; + height: 1px; + right: 0; + } + + .card-statistics .card-col:first-child:after { + bottom: 0; + width: 1px; + height: 100%; + right: 0; + } + + .card-statistics .card-col:nth-child(2):before { + bottom: 0; + width: 94.2%; + height: 1px; + left: 0; + } + + .card-statistics .card-col:nth-child(3):before { + width: 1px; + height: 100%; + right: 0; + } +} .card-revenue-table .revenue-item { - border-bottom: 1px solid #383e5d; } - .card-revenue-table .revenue-item:last-child { - border-bottom: 0; } - .card-revenue-table .revenue-item .revenue-desc { - margin-right: auto; - width: 80%; } - .card-revenue-table .revenue-item .revenue-desc p { - margin-bottom: 0; } - .card-revenue-table .revenue-item .revenue-amount { - margin-left: auto; - width: 40%; } - .card-revenue-table .revenue-item .revenue-amount p { - font-size: 1.25rem; - font-family: "roboto", sans-serif; - font-weight: 600; - text-align: right; } - .rtl .card-revenue-table .revenue-item .revenue-amount p { - text-align: left; } + border-bottom: 1px solid #383e5d; +} + +.card-revenue-table .revenue-item:last-child { + border-bottom: 0; +} + +.card-revenue-table .revenue-item .revenue-desc { + margin-right: auto; + width: 80%; +} + +.card-revenue-table .revenue-item .revenue-desc p { + margin-bottom: 0; +} + +.card-revenue-table .revenue-item .revenue-amount { + margin-left: auto; + width: 40%; +} + +.card-revenue-table .revenue-item .revenue-amount p { + font-size: 1.25rem; + font-family: "roboto", sans-serif; + font-weight: 600; + text-align: right; +} + +.rtl .card-revenue-table .revenue-item .revenue-amount p { + text-align: left; +} .card-revenue { background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); background-size: cover; - color: #ffffff; } - .card-revenue .highlight-text { - font-size: 1.875rem; - font-family: "roboto", sans-serif; - font-weight: 500; } - .card-revenue .badge { - background-color: rgba(255, 255, 255, 0.2); - font-size: 1.125rem; - padding: 0.5rem 1.25rem; } + color: #ffffff; +} + +.card-revenue .highlight-text { + font-size: 1.875rem; + font-family: "roboto", sans-serif; + font-weight: 500; +} + +.card-revenue .badge { + background-color: rgba(255, 255, 255, 0.2); + font-size: 1.125rem; + padding: 0.5rem 1.25rem; +} .card-weather { - background: #222437; } - .card-weather .card-body { - background: #ffffff; } - .card-weather .card-body:first-child { - background: url("../../images/samples/weather.svg") no-repeat center; - background-size: cover; } - .card-weather .weather-date-location { - padding: 0 0 38px; } - .card-weather .weather-data { - padding: 0 0 4.75rem; } - .card-weather .weather-data i { - font-size: 5.313rem; - line-height: 1; } - .card-weather .weakly-weather { - background: #222437; - overflow-x: auto; } - .card-weather .weakly-weather .weakly-weather-item { - -webkit-box-flex: 0; - -ms-flex: 0 0 14.28%; - flex: 0 0 14.28%; - border-right: 1px solid #383e5d; - padding: 1rem; - text-align: center; } - .card-weather .weakly-weather .weakly-weather-item i { - font-size: 1.2rem; } - .card-weather .weakly-weather .weakly-weather-item:last-child { - border-right: 0; } - .card-weather .weakly-weather .weakly-weather-item .symbol { - color: #b9c0d3; - font-size: 1.875rem; - font-weight: 300; } + background: var(--dropdown-bg); +} + +.card-weather .card-body { + background: #ffffff; +} + +.card-weather .card-body:first-child { + background: url("../../images/samples/weather.svg") no-repeat center; + background-size: cover; +} + +.card-weather .weather-date-location { + padding: 0 0 38px; +} + +.card-weather .weather-data { + padding: 0 0 4.75rem; +} + +.card-weather .weather-data i { + font-size: 5.313rem; + line-height: 1; +} + +.card-weather .weakly-weather { + background: var(--dropdown-bg); + overflow-x: auto; +} + +.card-weather .weakly-weather .weakly-weather-item { + -webkit-box-flex: 0; + -ms-flex: 0 0 14.28%; + flex: 0 0 14.28%; + border-right: 1px solid #383e5d; + padding: 1rem; + text-align: center; +} + +.card-weather .weakly-weather .weakly-weather-item i { + font-size: 1.2rem; +} + +.card-weather .weakly-weather .weakly-weather-item:last-child { + border-right: 0; +} + +.card-weather .weakly-weather .weakly-weather-item .symbol { + color: #b9c0d3; + font-size: 1.875rem; + font-weight: 300; +} .product-chart-wrapper { - height: 92%; } + height: 92%; +} #dashboardTrendingProgress { - width: 60px; } + width: 60px; +} .dashboard-bar-chart-legend .col { text-align: center; @@ -9897,20 +15026,29 @@ pre { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; - flex-direction: column; } - .dashboard-bar-chart-legend .col .bg { - margin-left: auto; - margin-right: auto; - height: 5px; - width: 30px; - display: block; - margin-top: 5px; } - .dashboard-bar-chart-legend .col:nth-child(1) .bg { - background: #8862e0; } - .dashboard-bar-chart-legend .col:nth-child(2) .bg { - background: #2196f3; } - .dashboard-bar-chart-legend .col:nth-child(3) .bg { - background: #ff6258; } + flex-direction: column; +} + +.dashboard-bar-chart-legend .col .bg { + margin-left: auto; + margin-right: auto; + height: 5px; + width: 30px; + display: block; + margin-top: 5px; +} + +.dashboard-bar-chart-legend .col:nth-child(1) .bg { + background: #8862e0; +} + +.dashboard-bar-chart-legend .col:nth-child(2) .bg { + background: #2196f3; +} + +.dashboard-bar-chart-legend .col:nth-child(3) .bg { + background: #ff6258; +} .intro-banner { background: #dbe4ec; @@ -9921,332 +15059,479 @@ pre { -ms-flex-align: center; align-items: center; padding: 20px; - border-radius: 2px; } - .intro-banner .banner-image { - width: 24%; - max-width: 100%; } - .intro-banner .banner-image img { - display: block; - margin: auto; } - .intro-banner .content-area { - width: 58%; - color: #000; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: end; - -ms-flex-align: end; - align-items: end; } + border-radius: 2px; +} + +.intro-banner .banner-image { + width: 24%; + max-width: 100%; +} + +.intro-banner .banner-image img { + display: block; + margin: auto; +} + +.intro-banner .content-area { + width: 58%; + color: #000; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: end; +} .sales-mini-tabs { - border-bottom: none; } - .sales-mini-tabs .nav-item .nav-link { - border: none; - font-weight: 500; - padding: 5px 15px; - border-radius: 2px; - -webkit-transition-duration: 0.7s; - transition-duration: 0.7s; - -webkit-transition-property: "color"; - transition-property: "color"; } - .sales-mini-tabs .nav-item .nav-link.active { - font-weight: 600; - background: #2a2c44; - color: #2196f3; } + border-bottom: none; +} + +.sales-mini-tabs .nav-item .nav-link { + border: none; + font-weight: 500; + padding: 5px 15px; + border-radius: 2px; + -webkit-transition-duration: 0.7s; + transition-duration: 0.7s; + -webkit-transition-property: "color"; + transition-property: "color"; +} + +.sales-mini-tabs .nav-item .nav-link.active { + font-weight: 600; + background: #2a2c44; + color: #2196f3; +} /*-------------------------------------------------------------------*/ /* === Components === */ .nav .nav-item, .navbar-nav .nav-item { - line-height: 1; } - @media (max-width: 992px) { - .nav .nav-item.dropdown, - .navbar-nav .nav-item.dropdown { - position: unset; } } - .nav .nav-item.dropdown .dropdown-toggle:after, - .navbar-nav .nav-item.dropdown .dropdown-toggle:after { - border: none; - content: "\F140"; - font-family: "Material Design Icons"; - font-size: 20px; - color: grey; - text-rendering: auto; - line-height: inherit; - vertical-align: 0; } - .nav .nav-item.dropdown .count-indicator, - .navbar-nav .nav-item.dropdown .count-indicator { - position: relative; - text-align: center; } - .nav .nav-item.dropdown .count-indicator i, - .navbar-nav .nav-item.dropdown .count-indicator i { - font-size: 21px; - margin-right: 0; - vertical-align: middle; } - .nav .nav-item.dropdown .count-indicator .count, - .navbar-nav .nav-item.dropdown .count-indicator .count { - position: absolute; - left: 50%; - width: 1rem; - height: 1rem; - border-radius: 100%; - background: #FF0017; - color: #ffffff; - font-size: 11px; - top: -1px; - font-weight: 600; - line-height: 1rem; - border: none; - text-align: center; } - .nav .nav-item.dropdown .count-indicator:after, - .navbar-nav .nav-item.dropdown .count-indicator:after { - display: none; } - .nav .nav-item.dropdown i, - .navbar-nav .nav-item.dropdown i { - margin-right: 0.5rem; - vertical-align: middle; } - .rtl .nav .nav-item.dropdown i, .rtl - .navbar-nav .nav-item.dropdown i { - margin-left: 0.5rem; - margin-right: 0; } + line-height: 1; +} + +@media (max-width: 992px) { + + .nav .nav-item.dropdown, + .navbar-nav .nav-item.dropdown { + position: unset; + } +} + +.nav .nav-item.dropdown .dropdown-toggle:after, +.navbar-nav .nav-item.dropdown .dropdown-toggle:after { + border: none; + content: "\F140"; + font-family: "Material Design Icons"; + font-size: 20px; + color: grey; + text-rendering: auto; + line-height: inherit; + vertical-align: 0; +} + +.nav .nav-item.dropdown .count-indicator, +.navbar-nav .nav-item.dropdown .count-indicator { + position: relative; + text-align: center; +} + +.nav .nav-item.dropdown .count-indicator i, +.navbar-nav .nav-item.dropdown .count-indicator i { + font-size: 21px; + margin-right: 0; + vertical-align: middle; +} + +.nav .nav-item.dropdown .count-indicator .count, +.navbar-nav .nav-item.dropdown .count-indicator .count { + position: absolute; + left: 50%; + width: 1rem; + height: 1rem; + border-radius: 100%; + background: #FF0017; + color: #ffffff; + font-size: 11px; + top: -1px; + font-weight: 600; + line-height: 1rem; + border: none; + text-align: center; +} + +.nav .nav-item.dropdown .count-indicator:after, +.navbar-nav .nav-item.dropdown .count-indicator:after { + display: none; +} + +.nav .nav-item.dropdown i, +.navbar-nav .nav-item.dropdown i { + margin-right: 0.5rem; + vertical-align: middle; +} + +.rtl .nav .nav-item.dropdown i, +.rtl .navbar-nav .nav-item.dropdown i { + margin-left: 0.5rem; + margin-right: 0; +} + +.nav .nav-item.dropdown .navbar-dropdown, +.navbar-nav .nav-item.dropdown .navbar-dropdown { + font-size: 0.9rem; + margin-top: 15px; + position: absolute; + right: 0; + left: auto; + border: 1px solid rgba(182, 182, 182, 0.1); + padding: 0 0 20px; + min-width: 100%; + border-radius: 2px; + -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); + box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); + overflow-x: hidden; +} + +.rtl .nav .nav-item.dropdown .navbar-dropdown, +.rtl .navbar-nav .nav-item.dropdown .navbar-dropdown { + right: auto; + left: 0; +} + +@media (max-width: 991px) { + .nav .nav-item.dropdown .navbar-dropdown, .navbar-nav .nav-item.dropdown .navbar-dropdown { - font-size: 0.9rem; - margin-top: 15px; - position: absolute; - right: 0; - left: auto; - border: 1px solid rgba(182, 182, 182, 0.1); - padding: 0 0 20px; - min-width: 100%; - border-radius: 2px; - -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); - box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); - overflow-x: hidden; } - .rtl .nav .nav-item.dropdown .navbar-dropdown, .rtl - .navbar-nav .nav-item.dropdown .navbar-dropdown { - right: auto; - left: 0; } - @media (max-width: 991px) { - .nav .nav-item.dropdown .navbar-dropdown, - .navbar-nav .nav-item.dropdown .navbar-dropdown { - right: -85px; } } - .nav .nav-item.dropdown .navbar-dropdown.dropdown-left, - .navbar-nav .nav-item.dropdown .navbar-dropdown.dropdown-left { - left: 0; - right: auto; } - .nav .nav-item.dropdown .navbar-dropdown .badge, - .navbar-nav .nav-item.dropdown .navbar-dropdown .badge { - margin-left: 0.5rem; } - .rtl .nav .nav-item.dropdown .navbar-dropdown .badge, .rtl - .navbar-nav .nav-item.dropdown .navbar-dropdown .badge { - margin-left: 0; - margin-right: 1.25rem; } - @media (max-width: 991px) { - .nav .nav-item.dropdown .navbar-dropdown .badge, - .navbar-nav .nav-item.dropdown .navbar-dropdown .badge { - margin-right: 0.5rem; } - .rtl .nav .nav-item.dropdown .navbar-dropdown .badge, .rtl - .navbar-nav .nav-item.dropdown .navbar-dropdown .badge { - margin-left: 0.5rem; - margin-right: 0; } } - .nav .nav-item.dropdown .navbar-dropdown .dropdown-item, - .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 0; - padding: 5px 25px; } - .nav .nav-item.dropdown .navbar-dropdown .dropdown-item i, - .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i { - font-size: 24px; } - .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis, .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name, .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .user-name, .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .tickets-card .ticket-float span, .tickets-card .ticket-float .nav .nav-item.dropdown .navbar-dropdown .dropdown-item span, - .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis, - .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name, - .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .user-name, - .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .tickets-card .ticket-float span, - .tickets-card .ticket-float .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item span { - max-width: 200px; - overflow: hidden; - text-overflow: ellipsis; } - .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon, - .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon { - width: 40px; - height: 40px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text, - .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text { - font-size: 0.75rem; } - .nav .nav-item.dropdown .navbar-dropdown .dropdown-divider, - .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider { - margin: 0; } + right: -85px; + } +} + +.nav .nav-item.dropdown .navbar-dropdown.dropdown-left, +.navbar-nav .nav-item.dropdown .navbar-dropdown.dropdown-left { + left: 0; + right: auto; +} + +.nav .nav-item.dropdown .navbar-dropdown .badge, +.navbar-nav .nav-item.dropdown .navbar-dropdown .badge { + margin-left: 0.5rem; +} + +.rtl .nav .nav-item.dropdown .navbar-dropdown .badge, +.rtl .navbar-nav .nav-item.dropdown .navbar-dropdown .badge { + margin-left: 0; + margin-right: 1.25rem; +} + +@media (max-width: 991px) { + + .nav .nav-item.dropdown .navbar-dropdown .badge, + .navbar-nav .nav-item.dropdown .navbar-dropdown .badge { + margin-right: 0.5rem; + } + + .rtl .nav .nav-item.dropdown .navbar-dropdown .badge, + .rtl .navbar-nav .nav-item.dropdown .navbar-dropdown .badge { + margin-left: 0.5rem; + margin-right: 0; + } +} + +.nav .nav-item.dropdown .navbar-dropdown .dropdown-item, +.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 0; + padding: 5px 25px; +} + +.nav .nav-item.dropdown .navbar-dropdown .dropdown-item i, +.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i { + font-size: 24px; +} + +.nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis, +.nav .nav-item.dropdown .navbar-dropdown .dropdown-item .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name, +.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .user-name, +.nav .nav-item.dropdown .navbar-dropdown .dropdown-item .tickets-card .ticket-float span, +.tickets-card .ticket-float .nav .nav-item.dropdown .navbar-dropdown .dropdown-item span, +.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis, +.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name, +.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .user-name, +.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .tickets-card .ticket-float span, +.tickets-card .ticket-float .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item span { + max-width: 200px; + overflow: hidden; + text-overflow: ellipsis; +} + +.nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon, +.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon { + width: 40px; + height: 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text, +.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text { + font-size: 0.75rem; +} + +.nav .nav-item.dropdown .navbar-dropdown .dropdown-divider, +.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider { + margin: 0; +} /* Navbar */ .navbar.default-layout { font-family: "roboto", sans-serif; - background: #222437; + background: var(--dropdown-bg); transition: background 0.25s ease; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; - -ms-transition: background 0.25s ease; } - .navbar.default-layout .navbar-brand-wrapper { - transition: width 0.25s ease, background 0.25s ease; - -webkit-transition: width 0.25s ease, background 0.25s ease; - -moz-transition: width 0.25s ease, background 0.25s ease; - -ms-transition: width 0.25s ease, background 0.25s ease; - background: #222437; - width: 270px; - height: 63px; } - .navbar.default-layout .navbar-brand-wrapper .navbar-brand { - color: #ffffff; - font-size: 1.5rem; - line-height: 48px; - margin-right: 0; - padding: 0.25rem 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - .navbar.default-layout .navbar-brand-wrapper .navbar-brand:active, .navbar.default-layout .navbar-brand-wrapper .navbar-brand:focus, .navbar.default-layout .navbar-brand-wrapper .navbar-brand:hover { - color: #424546; } - .navbar.default-layout .navbar-brand-wrapper .navbar-brand img { - width: 170px; - max-width: 100%; - margin: auto; - vertical-align: middle; } - .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini { - display: none; } - .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini img { - width: 40px; - max-width: 100%; - margin: auto; } + -ms-transition: background 0.25s ease; +} + +.navbar.default-layout .navbar-brand-wrapper { + transition: width 0.25s ease, background 0.25s ease; + -webkit-transition: width 0.25s ease, background 0.25s ease; + -moz-transition: width 0.25s ease, background 0.25s ease; + -ms-transition: width 0.25s ease, background 0.25s ease; + background: var(--dropdown-bg); + width: 270px; + height: 63px; +} + +.navbar.default-layout .navbar-brand-wrapper .navbar-brand { + color: #ffffff; + font-size: 1.5rem; + line-height: 48px; + margin-right: 0; + padding: 0.25rem 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.navbar.default-layout .navbar-brand-wrapper .navbar-brand:active, +.navbar.default-layout .navbar-brand-wrapper .navbar-brand:focus, +.navbar.default-layout .navbar-brand-wrapper .navbar-brand:hover { + color: #424546; +} + +.navbar.default-layout .navbar-brand-wrapper .navbar-brand img { + width: 170px; + max-width: 100%; + margin: auto; + vertical-align: middle; +} + +.navbar.default-layout .navbar-brand-wrapper .brand-logo-mini { + display: none; +} + +.navbar.default-layout .navbar-brand-wrapper .brand-logo-mini img { + width: 40px; + max-width: 100%; + margin: auto; +} + +.navbar.default-layout .navbar-menu-wrapper { + transition: width 0.25s ease; + -webkit-transition: width 0.25s ease; + -moz-transition: width 0.25s ease; + -ms-transition: width 0.25s ease; + color: #fff; + padding-left: 15px; + padding-right: 15px; + width: calc(100% - 270px); + height: 63px; + -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); + box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); +} + +@media (max-width: 991px) { .navbar.default-layout .navbar-menu-wrapper { - transition: width 0.25s ease; - -webkit-transition: width 0.25s ease; - -moz-transition: width 0.25s ease; - -ms-transition: width 0.25s ease; - color: #fff; - padding-left: 15px; - padding-right: 15px; - width: calc(100% - 270px); - height: 63px; - -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); - box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); } - @media (max-width: 991px) { - .navbar.default-layout .navbar-menu-wrapper { - width: calc(100% - 70px); } } - .navbar.default-layout .navbar-menu-wrapper .navbar-toggler { - border: 0; - color: inherit; } - @media (max-width: 991px) { - .navbar.default-layout .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) { - display: none; } } - .navbar.default-layout .navbar-menu-wrapper .search-form { - width: 35%; - margin-right: 30px; } - .navbar.default-layout .navbar-menu-wrapper .search-form .form-group { - margin-bottom: 0; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item { - margin-left: 1rem; } - @media (max-width: 992px) { - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item { - margin-left: 10px; - margin-right: 0px; } } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link { - color: inherit; - font-size: 15px; - vertical-align: middle; } - @media (max-width: 767px) { - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link { - margin-left: 0.5rem; - margin-right: 0.5rem; } } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i { - font-size: 1.25rem; - vertical-align: middle; - margin-right: 0; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown { - margin-left: 35px; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown:before { - position: relative; - top: 2px; - font-size: 20px; - color: grey; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu { - min-width: 250px; - margin-top: 9px; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu .dropdown-header { - padding: 20px; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu .dropdown-item { - padding: 10px 15px; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-toggle:after { - position: relative; - top: 50%; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu { - width: 170px; - left: -15px !important; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu .dropdown-item { - padding-left: 22px; - padding-right: 12px; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu .dropdown-item .flag-icon-holder { - margin-right: 15px; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .flag-icon-holder { - height: 25px; - width: 25px; - border-radius: 100%; - overflow: hidden; } - .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .flag-icon-holder i { - font-size: 25px; } - @media (min-width: 992px) { - .navbar.default-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right { - margin-left: auto; } - .rtl .navbar.default-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right { - margin-left: 0; - margin-right: auto; } } + width: calc(100% - 70px); + } +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-toggler { + border: 0; + color: inherit; +} + +@media (max-width: 991px) { + .navbar.default-layout .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) { + display: none; + } +} + +.navbar.default-layout .navbar-menu-wrapper .search-form { + width: 35%; + margin-right: 30px; +} + +.navbar.default-layout .navbar-menu-wrapper .search-form .form-group { + margin-bottom: 0; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item { + margin-left: 1rem; +} + +@media (max-width: 992px) { + .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item { + margin-left: 10px; + margin-right: 0px; + } +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link { + color: inherit; + font-size: 15px; + vertical-align: middle; +} + +@media (max-width: 767px) { + .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link { + margin-left: 0.5rem; + margin-right: 0.5rem; + } +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i { + font-size: 1.25rem; + vertical-align: middle; + margin-right: 0; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown { + margin-left: 35px; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown:before { + position: relative; + top: 2px; + font-size: 20px; + color: grey; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu { + min-width: 250px; + margin-top: 9px; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu .dropdown-header { + padding: 20px; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-menu .dropdown-item { + padding: 10px 15px; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.user-dropdown .dropdown-toggle:after { + position: relative; + top: 50%; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu { + width: 170px; + left: -15px !important; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu .dropdown-item { + padding-left: 22px; + padding-right: 12px; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .dropdown-menu .dropdown-item .flag-icon-holder { + margin-right: 15px; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .flag-icon-holder { + height: 25px; + width: 25px; + border-radius: 100%; + overflow: hidden; +} + +.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.language-dropdown .flag-icon-holder i { + font-size: 25px; +} + +@media (min-width: 992px) { + .navbar.default-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right { + margin-left: auto; + } + + .rtl .navbar.default-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right { + margin-left: 0; + margin-right: auto; + } +} @media (max-width: 991px) { .navbar.default-layout { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; } - .navbar.default-layout .navbar-brand-wrapper { - width: 70px; } - .navbar.default-layout .navbar-brand-wrapper .brand-logo { - display: none; } - .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini { - display: inline-block; } + flex-direction: row; + } + + .navbar.default-layout .navbar-brand-wrapper { + width: 70px; + } + + .navbar.default-layout .navbar-brand-wrapper .brand-logo { + display: none; + } + + .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini { + display: inline-block; + } + .navbar-collapse { display: -webkit-box; display: -ms-flexbox; display: flex; - margin-top: 0.5rem; } } + margin-top: 0.5rem; + } +} /* Sidebar */ .sidebar { min-height: calc(100vh - 63px); - background: -webkit-gradient(linear, left bottom, left top, from(#222437), to(#222437)); - background: linear-gradient(to top, #222437, #222437); + background: -webkit-gradient(linear, left bottom, left top, from(var(--dropdown-bg)), to(var(--dropdown-bg))); + background: linear-gradient(to top, var(--dropdown-bg), var(--dropdown-bg)); font-family: "roboto", sans-serif; padding: 0; width: 270px; @@ -10254,205 +15539,290 @@ pre { transition: width 0.25s ease, background 0.25s ease; -webkit-transition: width 0.25s ease, background 0.25s ease; -moz-transition: width 0.25s ease, background 0.25s ease; - -ms-transition: width 0.25s ease, background 0.25s ease; } - .sidebar > .nav { - overflow: hidden; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - .sidebar > .nav .nav-item .collapse { - z-index: 999; } - .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu, - .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu { - margin: 5px 0; } - .rtl .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu, .rtl - .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu { - padding: 0 3.45rem 0 0; } - .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link, - .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link { - padding: 10px 0px 10px 70px; - position: relative; - color: rgba(255, 255, 255, 0.8); - font-size: calc(15px - 2px); - font-weight: 500; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: "ease-in-out"; - transition-timing-function: "ease-in-out"; - -webkit-transition-property: "background", "color", "box-shadow", "padding", "box-shadow"; - transition-property: "background", "color", "box-shadow", "padding", "box-shadow"; - transition-property: "background", "color", "box-shadow", "padding"; } - .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:before, - .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:before { - content: ""; - position: absolute; - top: 0px; - left: 35px; - display: block; - height: 100%; - width: 2px; - background: #181a27; } - .rtl .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:before, .rtl - .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:before { - right: -5px; - left: unset; } - .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:hover, - .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:hover { - color: #fff; } - .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:hover:before, - .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:hover:before { - background: #fff; } - .rtl .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link, .rtl - .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link { - padding: 10px 15px 10px 0px; } - .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:first-child .nav-link, - .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item:first-child .nav-link { - padding-top: 0; } - .sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:last-child .nav-link, - .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item:last-child .nav-link { - padding-bottom: 0; } - .sidebar > .nav .nav-item .nav-link { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding: 15px 30px 15px 70px; - white-space: nowrap; - color: #fff; } - .rtl .sidebar > .nav .nav-item .nav-link { - padding: 15px 70px 15px 30px; } - .sidebar > .nav .nav-item .nav-link i.menu-arrow { - margin-left: auto; - margin-right: 0; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; } - .sidebar > .nav .nav-item .nav-link i.menu-arrow:before { - content: "\F054"; - font-family: "Material Design Icons"; - font-size: 18px; - line-height: 1; - font-style: normal; - vertical-align: middle; - color: #b9c0d3; } - .sidebar > .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); } - .sidebar > .nav .nav-item .nav-link .menu-icon { - display: none; - margin-right: 1.25rem; - width: 16px; - line-height: 1; - font-size: 18px; - color: #fff; } - .rtl .sidebar > .nav .nav-item .nav-link .menu-icon { - margin-right: 0; - margin-left: 1.25rem; } - .sidebar > .nav .nav-item .nav-link .menu-title { - color: inherit; - display: inline-block; - font-size: 15px; - line-height: 1; - vertical-align: middle; - font-weight: 500; } - .sidebar > .nav .nav-item .nav-link .badge { - margin-left: auto; } - .sidebar > .nav .nav-item .nav-link:hover { - color: #f2f2f2; } - .sidebar > .nav .nav-item.active > .nav-link { - color: #fff; } - .sidebar > .nav .nav-item.active > .nav-link .menu-title, - .sidebar > .nav .nav-item.active > .nav-link i { - color: inherit; } - .sidebar > .nav .nav-item.nav-profile { - max-width: 270px; - margin-right: auto; - margin-left: auto; - margin-top: 30px; - margin-bottom: 30px; } - .sidebar > .nav .nav-item.nav-profile .nav-link { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.11); - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - padding: 15px 25px; } - .sidebar > .nav .nav-item.nav-profile .nav-link .profile-image { - margin-right: 15px; - position: relative; } - .rtl .sidebar > .nav .nav-item.nav-profile .nav-link .profile-image { - margin-right: 0; - margin-left: 15px; } - .sidebar > .nav .nav-item.nav-profile .nav-link .dot-indicator { - position: absolute; - bottom: 0px; - right: 0px; } - .sidebar > .nav .nav-item.nav-profile .nav-link .profile-name { - margin-bottom: 5px; - font-weight: 500; - font-size: 15px; - color: #fff; } - .sidebar > .nav .nav-item.nav-profile .nav-link .designation { - margin-bottom: 0; - font-weight: 400; - color: #fff; } - .sidebar > .nav .nav-item.nav-category { - color: rgba(255, 255, 255, 0.7); - border-bottom: 1px solid rgba(255, 255, 255, 0.13); - margin: 0 30px; - font-size: 15px; - font-weight: 500; - padding: 10px 0px 15px 0px; } - .sidebar > .nav > .nav-item > .nav-link { - height: 52px; } - .sidebar > .nav > .nav-item:not(.nav-profile) > .nav-link { - position: relative; } - .sidebar > .nav > .nav-item:not(.nav-profile) > .nav-link:before { - content: ""; - position: absolute; - left: 30px; - right: 50%; - width: 10px; - height: 10px; - border-radius: 100%; - border: 2px solid #fff; - display: block; } - .rtl .sidebar > .nav > .nav-item:not(.nav-profile) > .nav-link:before { - left: auto; - right: 45px; } - .sidebar > .nav:not(.sub-menu) > .nav-item > .nav-link { - background: transparent; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: "ease-in-out"; - transition-timing-function: "ease-in-out"; - -webkit-transition-property: "background", "color", "box-shadow", "padding", "box-shadow"; - transition-property: "background", "color", "box-shadow", "padding", "box-shadow"; - transition-property: "background", "color", "box-shadow", "padding"; } - .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded="true"]) { - background: #fff; - padding-left: 65px; } - .rtl .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded="true"]) { - padding-left: 30px; - padding-right: 80px; } - .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded="true"]):before { - border-color: #0b0b0b; } - .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded="true"]) { - color: #0b0b0b; } - .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded="true"]) .menu-arrow::before { - color: #0b0b0b; } + -ms-transition: width 0.25s ease, background 0.25s ease; +} + +.sidebar>.nav { + overflow: hidden; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.sidebar>.nav .nav-item .collapse { + z-index: 999; +} + +.sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu, +.sidebar>.nav .nav-item:not(.hover-open) .collapsing .sub-menu { + margin: 5px 0; +} + +.rtl .sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu, +.rtl .sidebar>.nav .nav-item:not(.hover-open) .collapsing .sub-menu { + padding: 0 3.45rem 0 0; +} + +.sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link, +.sidebar>.nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link { + padding: 10px 0px 10px 70px; + position: relative; + color: rgba(255, 255, 255, 0.8); + font-size: calc(15px - 2px); + font-weight: 500; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: "ease-in-out"; + transition-timing-function: "ease-in-out"; + -webkit-transition-property: "background", "color", "box-shadow", "padding", "box-shadow"; + transition-property: "background", "color", "box-shadow", "padding", "box-shadow"; + transition-property: "background", "color", "box-shadow", "padding"; +} + +.sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:before, +.sidebar>.nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:before { + content: ""; + position: absolute; + top: 0px; + left: 35px; + display: block; + height: 100%; + width: 2px; + background: #181a27; +} + +.rtl .sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:before, +.rtl .sidebar>.nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:before { + right: -5px; + left: unset; +} + +.sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:hover, +.sidebar>.nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:hover { + color: #fff; +} + +.sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:hover:before, +.sidebar>.nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:hover:before { + background: #fff; +} + +.rtl .sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link, +.rtl .sidebar>.nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link { + padding: 10px 15px 10px 0px; +} + +.sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:first-child .nav-link, +.sidebar>.nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item:first-child .nav-link { + padding-top: 0; +} + +.sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:last-child .nav-link, +.sidebar>.nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item:last-child .nav-link { + padding-bottom: 0; +} + +.sidebar>.nav .nav-item .nav-link { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 15px 30px 15px 70px; + white-space: nowrap; + color: #fff; +} + +.rtl .sidebar>.nav .nav-item .nav-link { + padding: 15px 70px 15px 30px; +} + +.sidebar>.nav .nav-item .nav-link i.menu-arrow { + margin-left: auto; + margin-right: 0; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; +} + +.sidebar>.nav .nav-item .nav-link i.menu-arrow:before { + content: "\F054"; + font-family: "Material Design Icons"; + font-size: 18px; + line-height: 1; + font-style: normal; + vertical-align: middle; + color: #b9c0d3; +} + +.sidebar>.nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} + +.sidebar>.nav .nav-item .nav-link .menu-icon { + display: none; + margin-right: 1.25rem; + width: 16px; + line-height: 1; + font-size: 18px; + color: #fff; +} + +.rtl .sidebar>.nav .nav-item .nav-link .menu-icon { + margin-right: 0; + margin-left: 1.25rem; +} + +.sidebar>.nav .nav-item .nav-link .menu-title { + color: inherit; + display: inline-block; + font-size: 15px; + line-height: 1; + vertical-align: middle; + font-weight: 500; +} + +.sidebar>.nav .nav-item .nav-link .badge { + margin-left: auto; +} + +.sidebar>.nav .nav-item .nav-link:hover { + color: #f2f2f2; +} + +.sidebar>.nav .nav-item.active>.nav-link { + color: #fff; +} + +.sidebar>.nav .nav-item.active>.nav-link .menu-title, +.sidebar>.nav .nav-item.active>.nav-link i { + color: inherit; +} + +.sidebar>.nav .nav-item.nav-profile { + max-width: 270px; + margin-right: auto; + margin-left: auto; + margin-top: 30px; + margin-bottom: 30px; +} + +.sidebar>.nav .nav-item.nav-profile .nav-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.11); + background-color: rgba(255, 255, 255, 0.1); + color: #fff; + padding: 15px 25px; +} + +.sidebar>.nav .nav-item.nav-profile .nav-link .profile-image { + margin-right: 15px; + position: relative; +} + +.rtl .sidebar>.nav .nav-item.nav-profile .nav-link .profile-image { + margin-right: 0; + margin-left: 15px; +} + +.sidebar>.nav .nav-item.nav-profile .nav-link .dot-indicator { + position: absolute; + bottom: 0px; + right: 0px; +} + +.sidebar>.nav .nav-item.nav-profile .nav-link .profile-name { + margin-bottom: 5px; + font-weight: 500; + font-size: 15px; + color: #fff; +} + +.sidebar>.nav .nav-item.nav-profile .nav-link .designation { + margin-bottom: 0; + font-weight: 400; + color: #fff; +} + +.sidebar>.nav .nav-item.nav-category { + color: rgba(255, 255, 255, 0.7); + border-bottom: 1px solid rgba(255, 255, 255, 0.13); + margin: 0 30px; + font-size: 15px; + font-weight: 500; + padding: 10px 0px 15px 0px; +} + +.sidebar>.nav>.nav-item>.nav-link { + height: 52px; +} + +.sidebar>.nav>.nav-item:not(.nav-profile)>.nav-link { + position: relative; +} + +.sidebar>.nav>.nav-item:not(.nav-profile)>.nav-link:before { + content: ""; + position: absolute; + left: 30px; + right: 50%; + width: 10px; + height: 10px; + border-radius: 100%; + border: 2px solid #fff; + display: block; +} + +.rtl .sidebar>.nav>.nav-item:not(.nav-profile)>.nav-link:before { + left: auto; + right: 45px; +} + +.sidebar>.nav:not(.sub-menu)>.nav-item>.nav-link { + background: transparent; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: "ease-in-out"; + transition-timing-function: "ease-in-out"; + -webkit-transition-property: "background", "color", "box-shadow", "padding", "box-shadow"; + transition-property: "background", "color", "box-shadow", "padding", "box-shadow"; + transition-property: "background", "color", "box-shadow", "padding"; +} + +.sidebar>.nav:not(.sub-menu)>.nav-item:hover:not(.nav-profile):not(.hover-open)>.nav-link:not([aria-expanded="true"]) { + background: #fff; + padding-left: 65px; +} + +.rtl .sidebar>.nav:not(.sub-menu)>.nav-item:hover:not(.nav-profile):not(.hover-open)>.nav-link:not([aria-expanded="true"]) { + padding-left: 30px; + padding-right: 80px; +} + +.sidebar>.nav:not(.sub-menu)>.nav-item:hover:not(.nav-profile):not(.hover-open)>.nav-link:not([aria-expanded="true"]):before { + border-color: #0b0b0b; +} + +.sidebar>.nav:not(.sub-menu)>.nav-item:hover:not(.nav-profile):not(.hover-open)>.nav-link:not([aria-expanded="true"]) { + color: #0b0b0b; +} + +.sidebar>.nav:not(.sub-menu)>.nav-item:hover:not(.nav-profile):not(.hover-open)>.nav-link:not([aria-expanded="true"]) .menu-arrow::before { + color: #0b0b0b; +} /* style for off-canvas menu*/ @media screen and (max-width: 991px) { @@ -10464,13 +15834,17 @@ pre { overflow: auto; right: -270px; -webkit-transition: all 0.25s ease-out; - transition: all 0.25s ease-out; } - .sidebar-offcanvas.active { - right: 0; } } + transition: all 0.25s ease-out; + } + + .sidebar-offcanvas.active { + right: 0; + } +} /* Footer */ .footer { - background: #222437; + background: var(--dropdown-bg); color: #fff; padding: 20px 1rem; transition: all 0.25s ease; @@ -10479,197 +15853,312 @@ pre { -ms-transition: all 0.25s ease; border-top: 1px solid #383e5d; font-size: calc(0.875rem - 0.05rem); - font-family: "roboto", sans-serif; } - .footer a { - font-size: inherit; } - @media (max-width: 991px) { - .footer { - margin-left: 0; - width: 100%; } } + font-family: "roboto", sans-serif; +} -.navbar.fixed-top + .page-body-wrapper { - padding-top: 63px; } +.footer a { + font-size: inherit; +} + +@media (max-width: 991px) { + .footer { + margin-left: 0; + width: 100%; + } +} + +.navbar.fixed-top+.page-body-wrapper { + padding-top: 63px; +} @media (min-width: 992px) { .sidebar-mini .navbar .navbar-brand-wrapper { - width: 185px; } + width: 185px; + } + .sidebar-mini .navbar .navbar-menu-wrapper { - width: calc(100% - 185px); } + width: calc(100% - 185px); + } + .sidebar-mini .sidebar { - width: 185px; } - .sidebar-mini .sidebar .nav .nav-item .nav-link { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: relative; } - .sidebar-mini .sidebar .nav .nav-item .nav-link:before { - display: none; } - .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-title { - display: inline-block; } - .sidebar-mini .sidebar .nav .nav-item .nav-link .badge { - margin-left: 5px; - display: none; } - .sidebar-mini .sidebar .nav .nav-item .nav-link img { - display: block; - margin-right: auto; - margin-left: auto; - margin-bottom: 10px; } - .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-arrow { - position: absolute; - right: 7px; } - .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-icon { - margin-right: 0; } - .sidebar-mini .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded="true"]) { - padding-left: 0px; } - .rtl .sidebar-mini .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded="true"]) { - padding-left: 0px; - padding-right: 0px; } - .sidebar-mini .sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded="true"]):hover { - padding-left: 0px; - padding-right: 0px; } + width: 185px; + } + + .sidebar-mini .sidebar .nav .nav-item .nav-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + } + + .sidebar-mini .sidebar .nav .nav-item .nav-link:before { + display: none; + } + + .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-title { + display: inline-block; + } + + .sidebar-mini .sidebar .nav .nav-item .nav-link .badge { + margin-left: 5px; + display: none; + } + + .sidebar-mini .sidebar .nav .nav-item .nav-link img { + display: block; + margin-right: auto; + margin-left: auto; + margin-bottom: 10px; + } + + .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-arrow { + position: absolute; + right: 7px; + } + + .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-icon { + margin-right: 0; + } + + .sidebar-mini .sidebar>.nav:not(.sub-menu)>.nav-item:hover:not(.nav-profile):not(.hover-open)>.nav-link:not([aria-expanded="true"]) { + padding-left: 0px; + } + + .rtl .sidebar-mini .sidebar>.nav:not(.sub-menu)>.nav-item:hover:not(.nav-profile):not(.hover-open)>.nav-link:not([aria-expanded="true"]) { + padding-left: 0px; + padding-right: 0px; + } + + .sidebar-mini .sidebar>.nav:not(.sub-menu)>.nav-item:hover:not(.nav-profile):not(.hover-open)>.nav-link:not([aria-expanded="true"]):hover { + padding-left: 0px; + padding-right: 0px; + } + .sidebar-mini .main-panel { - width: calc(100% - 185px); } - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item { - border-top: 1px solid rgba(159, 158, 163, 0.2); } - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-profile .nav-link .profile-image { - margin-right: 0; } - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-profile .nav-link .dot-indicator { - bottom: 10px; } - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-profile .nav-link .text-wrapper { - text-align: center; } - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item.nav-category { - display: none; } - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item .nav-link { - height: auto; - padding: 0.8125rem 1rem 0.8125rem 1rem; } - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu) > .nav-item .nav-link i.menu-icon { - margin-bottom: 0.5rem; } + width: calc(100% - 185px); + } + + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item { + border-top: 1px solid rgba(159, 158, 163, 0.2); + } + + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item.nav-profile .nav-link .profile-image { + margin-right: 0; + } + + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item.nav-profile .nav-link .dot-indicator { + bottom: 10px; + } + + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item.nav-profile .nav-link .text-wrapper { + text-align: center; + } + + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item.nav-category { + display: none; + } + + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item .nav-link { + height: auto; + padding: 0.8125rem 1rem 0.8125rem 1rem; + } + + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item .nav-link i.menu-icon { + margin-bottom: 0.5rem; + } + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse .sub-menu, .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapsing .sub-menu, .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse.show .sub-menu { - padding: 0 0.5rem; } - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse .sub-menu .nav-item .nav-link, - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapsing .sub-menu .nav-item .nav-link, - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse.show .sub-menu .nav-item .nav-link { - padding: 10px 0; - text-align: center; } - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse .sub-menu .nav-item .nav-link:before, - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapsing .sub-menu .nav-item .nav-link:before, - .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse.show .sub-menu .nav-item .nav-link:before { - display: none; } } + padding: 0 0.5rem; + } + + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse .sub-menu .nav-item .nav-link, + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapsing .sub-menu .nav-item .nav-link, + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse.show .sub-menu .nav-item .nav-link { + padding: 10px 0; + text-align: center; + } + + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse .sub-menu .nav-item .nav-link:before, + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapsing .sub-menu .nav-item .nav-link:before, + .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav .nav-item .collapse.show .sub-menu .nav-item .nav-link:before { + display: none; + } +} @media (min-width: 992px) { .sidebar-icon-only .navbar .navbar-brand-wrapper { - width: 70px; } - .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo { - display: none; } - .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } + width: 70px; + } + + .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo { + display: none; + } + + .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .sidebar-icon-only .navbar .navbar-menu-wrapper { - width: calc(100% - 70px); } + width: calc(100% - 70px); + } + .sidebar-icon-only .sidebar { - width: 70px; } - .sidebar-icon-only .sidebar .nav { - overflow: visible; } - .sidebar-icon-only .sidebar .nav .nav-item { - position: relative; } - .sidebar-icon-only .sidebar .nav .nav-item .nav-link { - display: block; - text-align: center; - padding-left: 25px; - padding-right: 25px; } - .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, - .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title, .sidebar-icon-only .sidebar .nav .nav-item .nav-link:before { - display: none; } - .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon { - display: inline-block; - margin-right: 0; - font-size: 22px; } - .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow { - display: none; } - .sidebar-icon-only .sidebar .nav .nav-item.nav-profile, .sidebar-icon-only .sidebar .nav .nav-item.nav-category { - display: none; } - .sidebar-icon-only .sidebar .nav .nav-item .collapse { - display: none; } - .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link { - background: #2e3657; } - .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: #2e3657; - color: #9F9EA3; - padding: 12px 0 10px 25px; - left: 70px; - position: absolute; - text-align: left; - top: 0; - width: 200px; - z-index: 1; - height: 52px; - line-height: 1.8; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title { - padding: 12px 25px 10px 0px; - left: auto; - right: 70px; - text-align: right; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after { - display: none; } - .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link[data-toggle=collapse] .menu-title { - border-bottom-right-radius: 0; } - .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link[data-toggle=collapse] .menu-title { - border-bottom-left-radius: 0; } - .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, - .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, - .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing { - display: block; - padding: 0; - background: #fff; - color: #fff; - position: absolute; - top: 52px; - left: 70px; - width: 200px; - border-bottom-right-radius: 5px; - -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08); - box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08); } - .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing { - border-bottom-right-radius: 0; - border-bottom-left-radius: 5px; } - .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing { - left: auto; - right: 70px; } - .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link { - text-align: left; - color: #fff; } - .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:before { - display: none; } - .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:hover { - color: #cccccc; } - .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link { - text-align: right; } + width: 70px; + } + + .sidebar-icon-only .sidebar .nav { + overflow: visible; + } + + .sidebar-icon-only .sidebar .nav .nav-item { + position: relative; + } + + .sidebar-icon-only .sidebar .nav .nav-item .nav-link { + display: block; + text-align: center; + padding-left: 25px; + padding-right: 25px; + } + + .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, + .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title, + .sidebar-icon-only .sidebar .nav .nav-item .nav-link:before { + display: none; + } + + .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon { + display: inline-block; + margin-right: 0; + font-size: 22px; + } + + .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow { + display: none; + } + + .sidebar-icon-only .sidebar .nav .nav-item.nav-profile, + .sidebar-icon-only .sidebar .nav .nav-item.nav-category { + display: none; + } + + .sidebar-icon-only .sidebar .nav .nav-item .collapse { + display: none; + } + + .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link { + background: #2e3657; + } + + .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: #2e3657; + color: #9F9EA3; + padding: 12px 0 10px 25px; + left: 70px; + position: absolute; + text-align: left; + top: 0; + width: 200px; + z-index: 1; + height: 52px; + line-height: 1.8; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + + .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title { + padding: 12px 25px 10px 0px; + left: auto; + right: 70px; + text-align: right; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + } + + .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after { + display: none; + } + + .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link[data-toggle=collapse] .menu-title { + border-bottom-right-radius: 0; + } + + .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link[data-toggle=collapse] .menu-title { + border-bottom-left-radius: 0; + } + + .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, + .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, + .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing { + display: block; + padding: 0; + background: #fff; + color: #fff; + position: absolute; + top: 52px; + left: 70px; + width: 200px; + border-bottom-right-radius: 5px; + -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08); + box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08); + } + + .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, + .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, + .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing { + border-bottom-right-radius: 0; + border-bottom-left-radius: 5px; + } + + .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, + .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, + .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing { + left: auto; + right: 70px; + } + + .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link { + text-align: left; + color: #fff; + } + + .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:before { + display: none; + } + + .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:hover { + color: #cccccc; + } + + .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link { + text-align: right; + } + .sidebar-icon-only .main-panel { - width: calc(100% - 70px); } } + width: calc(100% - 70px); + } +} @media (min-width: 992px) { .sidebar-hidden .sidebar { @@ -10677,98 +16166,146 @@ pre { -webkit-transition: width 0.25s ease; -moz-transition: width 0.25s ease; -ms-transition: width 0.25s ease; - width: 0; } + width: 0; + } + .sidebar-hidden .main-panel { - width: 100%; } } + width: 100%; + } +} @media (min-width: 992px) { .sidebar-absolute .page-body-wrapper { - position: relative; } - .sidebar-absolute .page-body-wrapper .sidebar { - -webkit-transition: none; - transition: none; } + position: relative; + } + + .sidebar-absolute .page-body-wrapper .sidebar { + -webkit-transition: none; + transition: none; + } + .sidebar-absolute:not(.sidebar-hidden) .sidebar { position: absolute; height: 100%; -webkit-box-shadow: 0 0 3px 1px #a7a3a3; - box-shadow: 0 0 3px 1px #a7a3a3; } + box-shadow: 0 0 3px 1px #a7a3a3; + } + .sidebar-absolute .main-panel { width: 100%; -webkit-transition: none; - transition: none; } } + transition: none; + } +} @media (min-width: 992px) { .sidebar-fixed .sidebar { position: fixed; - max-height: auto; } - .sidebar-fixed .sidebar .nav { - max-height: calc(100vh - 63px); - overflow: auto; - position: relative; } - .sidebar-fixed .sidebar .nav.sub-menu { - max-height: none; } + max-height: auto; + } + + .sidebar-fixed .sidebar .nav { + max-height: calc(100vh - 63px); + overflow: auto; + position: relative; + } + + .sidebar-fixed .sidebar .nav.sub-menu { + max-height: none; + } + .sidebar-fixed .main-panel { - margin-left: 270px; } + margin-left: 270px; + } + .sidebar-fixed.sidebar-icon-only .main-panel { - margin-left: 70px; } } + margin-left: 70px; + } +} @media (min-width: 992px) { .boxed-layout { - background: #222439; } - .boxed-layout .container-scroller { - width: 100%; - max-width: 1200px; - margin-left: auto; - margin-right: auto; } - .boxed-layout .navbar { - width: 100%; - max-width: 1200px; - margin-left: auto; - margin-right: auto; } } + background: #222439; + } + + .boxed-layout .container-scroller { + width: 100%; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + } + + .boxed-layout .navbar { + width: 100%; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + } +} .rtl { direction: rtl; - text-align: right; } - .rtl .sidebar .nav { - padding-right: 0; } - .rtl .sidebar .nav .nav-item .nav-link i.menu-icon { - margin-right: 0; - margin-left: 0.5em; } - .rtl .sidebar .nav .nav-item .nav-link i.menu-arrow { - margin-left: 0; - margin-right: auto; } - .rtl .sidebar .nav .nav-item .nav-link .badge { - margin-left: 0; - margin-right: auto; } - .rtl .product-chart-wrapper::-webkit-scrollbar, - .rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar, - .rtl .sidebar-fixed .nav::-webkit-scrollbar, - .rtl .table-responsive::-webkit-scrollbar, - .rtl ul.chats::-webkit-scrollbar { - width: 0.5em; } - .rtl .product-chart-wrapper::-webkit-scrollbar-track, - .rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-track, - .rtl .sidebar-fixed .nav::-webkit-scrollbar-track, - .rtl .table-responsive::-webkit-scrollbar-track, - .rtl ul.chats::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } - .rtl .product-chart-wrapper::-webkit-scrollbar-thumb, - .rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-thumb, - .rtl .sidebar-fixed .nav::-webkit-scrollbar-thumb, - .rtl .table-responsive::-webkit-scrollbar-thumb, - .rtl ul.chats::-webkit-scrollbar-thumb { - background-color: darkgrey; - outline: 1px solid slategrey; } + text-align: right; +} + +.rtl .sidebar .nav { + padding-right: 0; +} + +.rtl .sidebar .nav .nav-item .nav-link i.menu-icon { + margin-right: 0; + margin-left: 0.5em; +} + +.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow { + margin-left: 0; + margin-right: auto; +} + +.rtl .sidebar .nav .nav-item .nav-link .badge { + margin-left: 0; + margin-right: auto; +} + +.rtl .product-chart-wrapper::-webkit-scrollbar, +.rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar, +.rtl .sidebar-fixed .nav::-webkit-scrollbar, +.rtl .table-responsive::-webkit-scrollbar, +.rtl ul.chats::-webkit-scrollbar { + width: 0.5em; +} + +.rtl .product-chart-wrapper::-webkit-scrollbar-track, +.rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-track, +.rtl .sidebar-fixed .nav::-webkit-scrollbar-track, +.rtl .table-responsive::-webkit-scrollbar-track, +.rtl ul.chats::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); +} + +.rtl .product-chart-wrapper::-webkit-scrollbar-thumb, +.rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-thumb, +.rtl .sidebar-fixed .nav::-webkit-scrollbar-thumb, +.rtl .table-responsive::-webkit-scrollbar-thumb, +.rtl ul.chats::-webkit-scrollbar-thumb { + background-color: darkgrey; + outline: 1px solid slategrey; +} .card { -webkit-box-shadow: 0 0 0 0 #181a27; box-shadow: 0 0 0 0 #181a27; - border: solid 1px #222437; - border-radius: 0px; } - .card .card-title { - color: #fff; } - .card .card-header { - background: #222437; } + border: solid 1px var(--dropdown-bg); + border-radius: 0px; +} + +.card .card-title { + color: #fff; +} + +.card .card-header { + background: var(--dropdown-bg); +} .page-body-wrapper { min-height: calc(100vh - 63px); @@ -10780,10 +16317,13 @@ pre { -ms-flex-direction: row; flex-direction: row; padding-left: 0; - padding-right: 0; } - .page-body-wrapper.full-page-wrapper { - width: 100%; - min-height: 100vh; } + padding-right: 0; +} + +.page-body-wrapper.full-page-wrapper { + width: 100%; + min-height: 100vh; +} .main-panel { -webkit-transition: width 0.25s ease, margin 0.25s ease; @@ -10796,22 +16336,28 @@ pre { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; - flex-direction: column; } - @media (max-width: 991px) { - .main-panel { - margin-left: 0; - width: 100%; } } + flex-direction: column; +} + +@media (max-width: 991px) { + .main-panel { + margin-left: 0; + width: 100%; + } +} .content-wrapper { - background: #1c1e2f; + background: var(--deep-bg); padding: 1.5rem 1.7rem; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; - flex-grow: 1; } + flex-grow: 1; +} .container-scroller { - overflow: hidden; } + overflow: hidden; +} .page-header { display: -webkit-box; @@ -10820,17 +16366,25 @@ pre { width: 100%; padding-bottom: 15px; border-bottom: 1px solid #383e5d; - margin-bottom: 15px; } - @media (max-width: 992px) { - .page-header { - display: inline-block; } } + margin-bottom: 15px; +} + +@media (max-width: 992px) { + .page-header { + display: inline-block; + } +} .page-title { margin-top: 0; - margin-bottom: 2px; } - @media (max-width: 992px) { - .page-title { - margin-botttom: 15px; } } + margin-bottom: 2px; +} + +@media (max-width: 992px) { + .page-title { + margin-botttom: 15px; + } +} .quick-links { list-style: none; @@ -10842,27 +16396,40 @@ pre { -ms-flex-align: center; align-items: center; margin-top: 4px; - padding-left: 0; } - @media (min-width: 992px) { - .quick-links { - padding-left: 10px; } } - .quick-links li { - margin-right: 10px; - border-right: 1px solid #fff; - line-height: 1; } - .quick-links li a { - display: inline-block; - color: #fff; - text-decoration: none; - padding-right: 10px; } - .quick-links li:last-child { - margin-right: 0; - border-right: none; } - .quick-links li:last-child a { - padding-right: 0; } + padding-left: 0; +} + +@media (min-width: 992px) { + .quick-links { + padding-left: 10px; + } +} + +.quick-links li { + margin-right: 10px; + border-right: 1px solid #fff; + line-height: 1; +} + +.quick-links li a { + display: inline-block; + color: #fff; + text-decoration: none; + padding-right: 10px; +} + +.quick-links li:last-child { + margin-right: 0; + border-right: none; +} + +.quick-links li:last-child a { + padding-right: 0; +} .page-title-header { - margin-bottom: 20px; } + margin-bottom: 20px; +} .page-header-toolbar { display: -webkit-box; @@ -10871,58 +16438,78 @@ pre { -webkit-box-align: center; -ms-flex-align: center; align-items: center; - width: 100%; } - @media (max-width: 992px) { - .page-header-toolbar { - display: inline-block; } - .page-header-toolbar .toolbar-item { - margin-top: 20px; } } - .page-header-toolbar .btn-group, - .page-header-toolbar .btn, - .page-header-toolbar .ajax-upload-dragdrop .ajax-file-upload, - .ajax-upload-dragdrop .page-header-toolbar .ajax-file-upload, - .page-header-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled, - .swal2-modal .swal2-buttonswrapper .page-header-toolbar .swal2-styled, - .page-header-toolbar .wizard > .actions a, - .wizard > .actions .page-header-toolbar a { - border: none; } - .page-header-toolbar .btn-group i, - .page-header-toolbar .btn i, - .page-header-toolbar .ajax-upload-dragdrop .ajax-file-upload i, - .ajax-upload-dragdrop .page-header-toolbar .ajax-file-upload i, - .page-header-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled i, - .swal2-modal .swal2-buttonswrapper .page-header-toolbar .swal2-styled i, - .page-header-toolbar .wizard > .actions a i, - .wizard > .actions .page-header-toolbar a i { - font-size: 1.24rem; - color: #2196f3; } - .page-header-toolbar .btn-group.dropdown-toggle:after, - .page-header-toolbar .btn.dropdown-toggle:after, - .page-header-toolbar .ajax-upload-dragdrop .dropdown-toggle.ajax-file-upload:after, - .ajax-upload-dragdrop .page-header-toolbar .dropdown-toggle.ajax-file-upload:after, - .page-header-toolbar .swal2-modal .swal2-buttonswrapper .dropdown-toggle.swal2-styled:after, - .swal2-modal .swal2-buttonswrapper .page-header-toolbar .dropdown-toggle.swal2-styled:after, - .page-header-toolbar .wizard > .actions a.dropdown-toggle:after, - .wizard > .actions .page-header-toolbar a.dropdown-toggle:after { - color: #2196f3; } + width: 100%; +} + +@media (max-width: 992px) { + .page-header-toolbar { + display: inline-block; + } + + .page-header-toolbar .toolbar-item { + margin-top: 20px; + } +} + +.page-header-toolbar .btn-group, +.page-header-toolbar .btn, +.page-header-toolbar .ajax-upload-dragdrop .ajax-file-upload, +.ajax-upload-dragdrop .page-header-toolbar .ajax-file-upload, +.page-header-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .page-header-toolbar .swal2-styled, +.page-header-toolbar .wizard>.actions a, +.wizard>.actions .page-header-toolbar a { + border: none; +} + +.page-header-toolbar .btn-group i, +.page-header-toolbar .btn i, +.page-header-toolbar .ajax-upload-dragdrop .ajax-file-upload i, +.ajax-upload-dragdrop .page-header-toolbar .ajax-file-upload i, +.page-header-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled i, +.swal2-modal .swal2-buttonswrapper .page-header-toolbar .swal2-styled i, +.page-header-toolbar .wizard>.actions a i, +.wizard>.actions .page-header-toolbar a i { + font-size: 1.24rem; + color: #2196f3; +} + +.page-header-toolbar .btn-group.dropdown-toggle:after, +.page-header-toolbar .btn.dropdown-toggle:after, +.page-header-toolbar .ajax-upload-dragdrop .dropdown-toggle.ajax-file-upload:after, +.ajax-upload-dragdrop .page-header-toolbar .dropdown-toggle.ajax-file-upload:after, +.page-header-toolbar .swal2-modal .swal2-buttonswrapper .dropdown-toggle.swal2-styled:after, +.swal2-modal .swal2-buttonswrapper .page-header-toolbar .dropdown-toggle.swal2-styled:after, +.page-header-toolbar .wizard>.actions a.dropdown-toggle:after, +.wizard>.actions .page-header-toolbar a.dropdown-toggle:after { + color: #2196f3; +} .filter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; - margin-left: 15px; } - @media (max-width: 992px) { - .filter-wrapper { - margin-left: 0; } } + margin-left: 15px; +} + +@media (max-width: 992px) { + .filter-wrapper { + margin-left: 0; + } +} .sort-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; - width: 46%; } - @media (max-width: 992px) { - .sort-wrapper { - width: 100%; } } + width: 46%; +} + +@media (max-width: 992px) { + .sort-wrapper { + width: 100%; + } +} .advanced-link { display: -webkit-box; @@ -10933,27 +16520,36 @@ pre { align-items: center; margin-left: 30px; margin-right: 20px; - white-space: nowrap; } + white-space: nowrap; +} #sales-statistics-legend .chartjs-legend { margin-top: 20px; - margin-right: 20px; } - #sales-statistics-legend .chartjs-legend ul li { - color: #fff; } - #sales-statistics-legend .chartjs-legend ul li span { - width: 20px; - height: 3px; - border-radius: 0px; } + margin-right: 20px; +} + +#sales-statistics-legend .chartjs-legend ul li { + color: #fff; +} + +#sales-statistics-legend .chartjs-legend ul li span { + width: 20px; + height: 3px; + border-radius: 0px; +} #net-profit-legend .chartjs-legend li { font-weight: 500; - color: #fff; } + color: #fff; +} .average-price-card .card { - background: #030aac; } + background: #030aac; +} .average-price-card h3 { - margin-bottom: 0; } + margin-bottom: 0; +} .average-price-card .icon-holder { border-radius: 5px; @@ -10971,521 +16567,823 @@ pre { justify-content: center; background: #2944b5; color: #fff; - font-size: 20px; } - .average-price-card .icon-holder i { - line-height: 1; } + font-size: 20px; +} + +.average-price-card .icon-holder i { + line-height: 1; +} #dashboard-vmap { height: 161px; - width: 100%; } - #dashboard-vmap .jvectormap-zoomin, - #dashboard-vmap .jvectormap-zoomout { - display: none; } + width: 100%; +} + +#dashboard-vmap .jvectormap-zoomin, +#dashboard-vmap .jvectormap-zoomout { + display: none; +} /* Accordions */ .accordion .card { margin-bottom: 15px; border: 1px solid #383e5d; - border-radius: 4px; } - .accordion .card .card-header { - background-color: transparent; - border: none; - padding: 0; - font-size: 14px; } - .accordion .card .card-header a { - display: block; - padding: 0.75rem 1.70rem 0.75rem 1.25rem; - background: #2a2c44; - color: #fff; - text-decoration: none; - font-size: 0.875rem; - position: relative; - font-weight: 600; - -webkit-transition-property: border-color, background; - transition-property: border-color, background; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - text-overflow: ellipsis; - overflow: hidden; - max-width: 100%; - white-space: nowrap; } - .accordion .card .card-header a:before { - font-family: "Material Design Icons"; - position: absolute; - right: 8px; - top: 16px; - font-size: 16px; - display: block; - font-weight: 500; - color: #fff; } - .accordion .card .card-header a .card-icon { - margin-right: 15px; - font-size: 20px; } - .accordion .card .card-body { - font-size: 0.88rem; - padding: 12px 20px 26px; } - .accordion .card .card-body i { - font-size: 1.25rem; } + border-radius: 4px; +} + +.accordion .card .card-header { + background-color: transparent; + border: none; + padding: 0; + font-size: 14px; +} + +.accordion .card .card-header a { + display: block; + padding: 0.75rem 1.70rem 0.75rem 1.25rem; + background: #2a2c44; + color: #fff; + text-decoration: none; + font-size: 0.875rem; + position: relative; + font-weight: 600; + -webkit-transition-property: border-color, background; + transition-property: border-color, background; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + text-overflow: ellipsis; + overflow: hidden; + max-width: 100%; + white-space: nowrap; +} + +.accordion .card .card-header a:before { + font-family: "Material Design Icons"; + position: absolute; + right: 8px; + top: 16px; + font-size: 16px; + display: block; + font-weight: 500; + color: #fff; +} + +.accordion .card .card-header a .card-icon { + margin-right: 15px; + font-size: 20px; +} + +.accordion .card .card-body { + font-size: 0.88rem; + padding: 12px 20px 26px; +} + +.accordion .card .card-body i { + font-size: 1.25rem; +} .accordion.basic-accordion .card .card-header a[aria-expanded="true"] { - background: #323550; } - .accordion.basic-accordion .card .card-header a[aria-expanded="true"]:before { - content: "\F374"; } + background: #323550; +} + +.accordion.basic-accordion .card .card-header a[aria-expanded="true"]:before { + content: "\F374"; +} .accordion.basic-accordion .card .card-header a[aria-expanded="false"]:before { - content: "\F415"; } + content: "\F415"; +} .accordion.accordion-multiple-outline .card:nth-child(5n+1) { - border-color: #8862e0; } - .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a .card-icon { - color: #8862e0; } - .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a:before { - color: #8862e0; } - .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a[aria-expanded="true"] { - border-bottom: 1px solid #8862e0; } - .accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a[aria-expanded="false"] { - border-bottom: 1px solid #ffffff; } + border-color: #8862e0; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a .card-icon { + color: #8862e0; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a:before { + color: #8862e0; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a[aria-expanded="true"] { + border-bottom: 1px solid #8862e0; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+1) .card-header a[aria-expanded="false"] { + border-bottom: 1px solid #ffffff; +} .accordion.accordion-multiple-outline .card:nth-child(5n+2) { - border-color: #19d895; } - .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a .card-icon { - color: #19d895; } - .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a:before { - color: #19d895; } - .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a[aria-expanded="true"] { - border-bottom: 1px solid #19d895; } - .accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a[aria-expanded="false"] { - border-bottom: 1px solid #ffffff; } + border-color: #19d895; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a .card-icon { + color: #19d895; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a:before { + color: #19d895; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a[aria-expanded="true"] { + border-bottom: 1px solid #19d895; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+2) .card-header a[aria-expanded="false"] { + border-bottom: 1px solid #ffffff; +} .accordion.accordion-multiple-outline .card:nth-child(5n+3) { - border-color: #2196f3; } - .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a .card-icon { - color: #2196f3; } - .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a:before { - color: #2196f3; } - .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a[aria-expanded="true"] { - border-bottom: 1px solid #2196f3; } - .accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a[aria-expanded="false"] { - border-bottom: 1px solid #ffffff; } + border-color: #2196f3; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a .card-icon { + color: #2196f3; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a:before { + color: #2196f3; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a[aria-expanded="true"] { + border-bottom: 1px solid #2196f3; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+3) .card-header a[aria-expanded="false"] { + border-bottom: 1px solid #ffffff; +} .accordion.accordion-multiple-outline .card:nth-child(5n+4) { - border-color: #ffaf00; } - .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a .card-icon { - color: #ffaf00; } - .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a:before { - color: #ffaf00; } - .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a[aria-expanded="true"] { - border-bottom: 1px solid #ffaf00; } - .accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a[aria-expanded="false"] { - border-bottom: 1px solid #ffffff; } + border-color: #ffaf00; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a .card-icon { + color: #ffaf00; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a:before { + color: #ffaf00; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a[aria-expanded="true"] { + border-bottom: 1px solid #ffaf00; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+4) .card-header a[aria-expanded="false"] { + border-bottom: 1px solid #ffffff; +} .accordion.accordion-multiple-outline .card:nth-child(5n+5) { - border-color: #ff6258; } - .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a .card-icon { - color: #ff6258; } - .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a:before { - color: #ff6258; } - .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a[aria-expanded="true"] { - border-bottom: 1px solid #ff6258; } - .accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a[aria-expanded="false"] { - border-bottom: 1px solid #ffffff; } + border-color: #ff6258; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a .card-icon { + color: #ff6258; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a:before { + color: #ff6258; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a[aria-expanded="true"] { + border-bottom: 1px solid #ff6258; +} + +.accordion.accordion-multiple-outline .card:nth-child(5n+5) .card-header a[aria-expanded="false"] { + border-bottom: 1px solid #ffffff; +} .accordion.accordion-multiple-outline .card .card-header a[aria-expanded="true"]:before { - content: "\F143"; } + content: "\F143"; +} .accordion.accordion-multiple-outline .card .card-header a[aria-expanded="false"]:before { - content: "\F140"; } + content: "\F140"; +} .accordion.accordion-multiple-filled .card { - overflow: hidden; } - .accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a { - background: #8862e0; } - .accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a[aria-expanded="true"] { - background: #8862e0; } - .accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a[aria-expanded="false"] { - background: #8862e0; } - .accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a { - background: #19d895; } - .accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a[aria-expanded="true"] { - background: #19d895; } - .accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a[aria-expanded="false"] { - background: #19d895; } - .accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a { - background: #2196f3; } - .accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a[aria-expanded="true"] { - background: #2196f3; } - .accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a[aria-expanded="false"] { - background: #2196f3; } - .accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a { - background: #ffaf00; } - .accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a[aria-expanded="true"] { - background: #ffaf00; } - .accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a[aria-expanded="false"] { - background: #ffaf00; } - .accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a { - background: #ff6258; } - .accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a[aria-expanded="true"] { - background: #ff6258; } - .accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a[aria-expanded="false"] { - background: #ff6258; } - .accordion.accordion-multiple-filled .card .card-header a { - padding-left: 2.5rem; - padding-right: 1rem; - color: #ffffff; - font-weight: 300; } - .accordion.accordion-multiple-filled .card .card-header a:before { - left: 10px; - right: unset; - top: 12px; - color: #ffffff; } - .accordion.accordion-multiple-filled .card .card-header a[aria-expanded="true"]:before { - content: "\F143"; } - .accordion.accordion-multiple-filled .card .card-header a[aria-expanded="false"]:before { - content: "\F140"; } + overflow: hidden; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a { + background: #8862e0; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a[aria-expanded="true"] { + background: #8862e0; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a[aria-expanded="false"] { + background: #8862e0; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a { + background: #19d895; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a[aria-expanded="true"] { + background: #19d895; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a[aria-expanded="false"] { + background: #19d895; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a { + background: #2196f3; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a[aria-expanded="true"] { + background: #2196f3; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a[aria-expanded="false"] { + background: #2196f3; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a { + background: #ffaf00; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a[aria-expanded="true"] { + background: #ffaf00; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a[aria-expanded="false"] { + background: #ffaf00; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a { + background: #ff6258; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a[aria-expanded="true"] { + background: #ff6258; +} + +.accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a[aria-expanded="false"] { + background: #ff6258; +} + +.accordion.accordion-multiple-filled .card .card-header a { + padding-left: 2.5rem; + padding-right: 1rem; + color: #ffffff; + font-weight: 300; +} + +.accordion.accordion-multiple-filled .card .card-header a:before { + left: 10px; + right: unset; + top: 12px; + color: #ffffff; +} + +.accordion.accordion-multiple-filled .card .card-header a[aria-expanded="true"]:before { + content: "\F143"; +} + +.accordion.accordion-multiple-filled .card .card-header a[aria-expanded="false"]:before { + content: "\F140"; +} .accordion.accordion-solid-bg .card { - background: #fbfbfb; } - .accordion.accordion-solid-bg .card .card-header a { - color: #8862e0; - font-weight: 400; } - .accordion.accordion-solid-bg .card .card-header a:before { - top: 12px; - color: #8862e0; } - .accordion.accordion-solid-bg .card .card-header a[aria-expanded="true"] { - background: #fbfbfb; } - .accordion.accordion-solid-bg .card .card-header a[aria-expanded="true"]:before { - content: "\F143"; } - .accordion.accordion-solid-bg .card .card-header a[aria-expanded="false"] { - background: #ffffff; } - .accordion.accordion-solid-bg .card .card-header a[aria-expanded="false"]:before { - content: "\F140"; } + background: #fbfbfb; +} + +.accordion.accordion-solid-bg .card .card-header a { + color: #8862e0; + font-weight: 400; +} + +.accordion.accordion-solid-bg .card .card-header a:before { + top: 12px; + color: #8862e0; +} + +.accordion.accordion-solid-bg .card .card-header a[aria-expanded="true"] { + background: #fbfbfb; +} + +.accordion.accordion-solid-bg .card .card-header a[aria-expanded="true"]:before { + content: "\F143"; +} + +.accordion.accordion-solid-bg .card .card-header a[aria-expanded="false"] { + background: #ffffff; +} + +.accordion.accordion-solid-bg .card .card-header a[aria-expanded="false"]:before { + content: "\F140"; +} .accordion.accordion-body-filled .card { border-top: none; border-right: none; border-left: none; - margin-bottom: 0; } - .accordion.accordion-body-filled .card .card-header a { - padding: 23px 10px 23px 2.5rem; - font-weight: 300; } - .accordion.accordion-body-filled .card .card-header a:before { - right: unset; - left: 8px; - top: 22px; - font-size: 24px; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: color; - transition-property: color; } - .accordion.accordion-body-filled .card .card-header a[aria-expanded="true"]:before { - content: "\F376"; - color: #2196f3; } - .accordion.accordion-body-filled .card .card-header a[aria-expanded="false"]:before { - content: "\F417"; - color: #dde4eb; } - .accordion.accordion-body-filled .card .card-body { - background: #2196f3; - color: #ffffff; - border-radius: 4px; } + margin-bottom: 0; +} + +.accordion.accordion-body-filled .card .card-header a { + padding: 23px 10px 23px 2.5rem; + font-weight: 300; +} + +.accordion.accordion-body-filled .card .card-header a:before { + right: unset; + left: 8px; + top: 22px; + font-size: 24px; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: color; + transition-property: color; +} + +.accordion.accordion-body-filled .card .card-header a[aria-expanded="true"]:before { + content: "\F376"; + color: #2196f3; +} + +.accordion.accordion-body-filled .card .card-header a[aria-expanded="false"]:before { + content: "\F417"; + color: #dde4eb; +} + +.accordion.accordion-body-filled .card .card-body { + background: #2196f3; + color: #ffffff; + border-radius: 4px; +} .accordion.accordion-minimal .card { border-top: none; border-right: none; border-left: none; - margin-bottom: 0; } - .accordion.accordion-minimal .card .card-header a { - padding: 23px 20px; - -webkit-transition-duration: 0.4s; - transition-duration: 0.4s; - -webkit-transition-property: font-weight; - transition-property: font-weight; } - .accordion.accordion-minimal .card .card-header a[aria-expanded="true"] { - font-weight: 600; } - .accordion.accordion-minimal .card .card-header a[aria-expanded="false"] { - font-weight: 300; } - .accordion.accordion-minimal .card .card-body { - padding: 30px 0; } + margin-bottom: 0; +} + +.accordion.accordion-minimal .card .card-header a { + padding: 23px 20px; + -webkit-transition-duration: 0.4s; + transition-duration: 0.4s; + -webkit-transition-property: font-weight; + transition-property: font-weight; +} + +.accordion.accordion-minimal .card .card-header a[aria-expanded="true"] { + font-weight: 600; +} + +.accordion.accordion-minimal .card .card-header a[aria-expanded="false"] { + font-weight: 300; +} + +.accordion.accordion-minimal .card .card-body { + padding: 30px 0; +} /* inverse buttons */ .accordion-inverse-primary { background: rgba(33, 150, 243, 0.16); color: #2196f3; - border: none; } - .accordion-inverse-primary .card-header { - color: #2196f3; - border: none; } - .accordion-inverse-primary .card-header a, - .accordion-inverse-primary .card-header h1, - .accordion-inverse-primary .card-header h2, - .accordion-inverse-primary .card-header h3, - .accordion-inverse-primary .card-header h4, - .accordion-inverse-primary .card-header h5, - .accordion-inverse-primary .card-header h6, - .accordion-inverse-primary .card-header p, - .accordion-inverse-primary .card-header span { - color: #2196f3 !important; } - .accordion-inverse-primary .card-header a { - border-color: #2196f3; } - .accordion-inverse-primary .card-header a:before { - color: #2196f3 !important; } - .accordion-inverse-primary .card-header a[aria-expanded="true"] { - border-bottom: 1px solid rgba(33, 150, 243, 0.16); } - .accordion-inverse-primary .card-header a[aria-expanded="false"] { - border-bottom: 1px solid transparent; } + border: none; +} + +.accordion-inverse-primary .card-header { + color: #2196f3; + border: none; +} + +.accordion-inverse-primary .card-header a, +.accordion-inverse-primary .card-header h1, +.accordion-inverse-primary .card-header h2, +.accordion-inverse-primary .card-header h3, +.accordion-inverse-primary .card-header h4, +.accordion-inverse-primary .card-header h5, +.accordion-inverse-primary .card-header h6, +.accordion-inverse-primary .card-header p, +.accordion-inverse-primary .card-header span { + color: #2196f3 !important; +} + +.accordion-inverse-primary .card-header a { + border-color: #2196f3; +} + +.accordion-inverse-primary .card-header a:before { + color: #2196f3 !important; +} + +.accordion-inverse-primary .card-header a[aria-expanded="true"] { + border-bottom: 1px solid rgba(33, 150, 243, 0.16); +} + +.accordion-inverse-primary .card-header a[aria-expanded="false"] { + border-bottom: 1px solid transparent; +} .accordion-inverse-secondary { background: rgba(221, 228, 235, 0.16); color: #dde4eb; - border: none; } - .accordion-inverse-secondary .card-header { - color: #dde4eb; - border: none; } - .accordion-inverse-secondary .card-header a, - .accordion-inverse-secondary .card-header h1, - .accordion-inverse-secondary .card-header h2, - .accordion-inverse-secondary .card-header h3, - .accordion-inverse-secondary .card-header h4, - .accordion-inverse-secondary .card-header h5, - .accordion-inverse-secondary .card-header h6, - .accordion-inverse-secondary .card-header p, - .accordion-inverse-secondary .card-header span { - color: #dde4eb !important; } - .accordion-inverse-secondary .card-header a { - border-color: #dde4eb; } - .accordion-inverse-secondary .card-header a:before { - color: #dde4eb !important; } - .accordion-inverse-secondary .card-header a[aria-expanded="true"] { - border-bottom: 1px solid rgba(221, 228, 235, 0.16); } - .accordion-inverse-secondary .card-header a[aria-expanded="false"] { - border-bottom: 1px solid transparent; } + border: none; +} + +.accordion-inverse-secondary .card-header { + color: #dde4eb; + border: none; +} + +.accordion-inverse-secondary .card-header a, +.accordion-inverse-secondary .card-header h1, +.accordion-inverse-secondary .card-header h2, +.accordion-inverse-secondary .card-header h3, +.accordion-inverse-secondary .card-header h4, +.accordion-inverse-secondary .card-header h5, +.accordion-inverse-secondary .card-header h6, +.accordion-inverse-secondary .card-header p, +.accordion-inverse-secondary .card-header span { + color: #dde4eb !important; +} + +.accordion-inverse-secondary .card-header a { + border-color: #dde4eb; +} + +.accordion-inverse-secondary .card-header a:before { + color: #dde4eb !important; +} + +.accordion-inverse-secondary .card-header a[aria-expanded="true"] { + border-bottom: 1px solid rgba(221, 228, 235, 0.16); +} + +.accordion-inverse-secondary .card-header a[aria-expanded="false"] { + border-bottom: 1px solid transparent; +} .accordion-inverse-success { background: rgba(25, 216, 149, 0.16); color: #19d895; - border: none; } - .accordion-inverse-success .card-header { - color: #19d895; - border: none; } - .accordion-inverse-success .card-header a, - .accordion-inverse-success .card-header h1, - .accordion-inverse-success .card-header h2, - .accordion-inverse-success .card-header h3, - .accordion-inverse-success .card-header h4, - .accordion-inverse-success .card-header h5, - .accordion-inverse-success .card-header h6, - .accordion-inverse-success .card-header p, - .accordion-inverse-success .card-header span { - color: #19d895 !important; } - .accordion-inverse-success .card-header a { - border-color: #19d895; } - .accordion-inverse-success .card-header a:before { - color: #19d895 !important; } - .accordion-inverse-success .card-header a[aria-expanded="true"] { - border-bottom: 1px solid rgba(25, 216, 149, 0.16); } - .accordion-inverse-success .card-header a[aria-expanded="false"] { - border-bottom: 1px solid transparent; } + border: none; +} + +.accordion-inverse-success .card-header { + color: #19d895; + border: none; +} + +.accordion-inverse-success .card-header a, +.accordion-inverse-success .card-header h1, +.accordion-inverse-success .card-header h2, +.accordion-inverse-success .card-header h3, +.accordion-inverse-success .card-header h4, +.accordion-inverse-success .card-header h5, +.accordion-inverse-success .card-header h6, +.accordion-inverse-success .card-header p, +.accordion-inverse-success .card-header span { + color: #19d895 !important; +} + +.accordion-inverse-success .card-header a { + border-color: #19d895; +} + +.accordion-inverse-success .card-header a:before { + color: #19d895 !important; +} + +.accordion-inverse-success .card-header a[aria-expanded="true"] { + border-bottom: 1px solid rgba(25, 216, 149, 0.16); +} + +.accordion-inverse-success .card-header a[aria-expanded="false"] { + border-bottom: 1px solid transparent; +} .accordion-inverse-info { background: rgba(136, 98, 224, 0.16); color: #8862e0; - border: none; } - .accordion-inverse-info .card-header { - color: #8862e0; - border: none; } - .accordion-inverse-info .card-header a, - .accordion-inverse-info .card-header h1, - .accordion-inverse-info .card-header h2, - .accordion-inverse-info .card-header h3, - .accordion-inverse-info .card-header h4, - .accordion-inverse-info .card-header h5, - .accordion-inverse-info .card-header h6, - .accordion-inverse-info .card-header p, - .accordion-inverse-info .card-header span { - color: #8862e0 !important; } - .accordion-inverse-info .card-header a { - border-color: #8862e0; } - .accordion-inverse-info .card-header a:before { - color: #8862e0 !important; } - .accordion-inverse-info .card-header a[aria-expanded="true"] { - border-bottom: 1px solid rgba(136, 98, 224, 0.16); } - .accordion-inverse-info .card-header a[aria-expanded="false"] { - border-bottom: 1px solid transparent; } + border: none; +} + +.accordion-inverse-info .card-header { + color: #8862e0; + border: none; +} + +.accordion-inverse-info .card-header a, +.accordion-inverse-info .card-header h1, +.accordion-inverse-info .card-header h2, +.accordion-inverse-info .card-header h3, +.accordion-inverse-info .card-header h4, +.accordion-inverse-info .card-header h5, +.accordion-inverse-info .card-header h6, +.accordion-inverse-info .card-header p, +.accordion-inverse-info .card-header span { + color: #8862e0 !important; +} + +.accordion-inverse-info .card-header a { + border-color: #8862e0; +} + +.accordion-inverse-info .card-header a:before { + color: #8862e0 !important; +} + +.accordion-inverse-info .card-header a[aria-expanded="true"] { + border-bottom: 1px solid rgba(136, 98, 224, 0.16); +} + +.accordion-inverse-info .card-header a[aria-expanded="false"] { + border-bottom: 1px solid transparent; +} .accordion-inverse-warning { background: rgba(255, 175, 0, 0.16); color: #ffaf00; - border: none; } - .accordion-inverse-warning .card-header { - color: #ffaf00; - border: none; } - .accordion-inverse-warning .card-header a, - .accordion-inverse-warning .card-header h1, - .accordion-inverse-warning .card-header h2, - .accordion-inverse-warning .card-header h3, - .accordion-inverse-warning .card-header h4, - .accordion-inverse-warning .card-header h5, - .accordion-inverse-warning .card-header h6, - .accordion-inverse-warning .card-header p, - .accordion-inverse-warning .card-header span { - color: #ffaf00 !important; } - .accordion-inverse-warning .card-header a { - border-color: #ffaf00; } - .accordion-inverse-warning .card-header a:before { - color: #ffaf00 !important; } - .accordion-inverse-warning .card-header a[aria-expanded="true"] { - border-bottom: 1px solid rgba(255, 175, 0, 0.16); } - .accordion-inverse-warning .card-header a[aria-expanded="false"] { - border-bottom: 1px solid transparent; } + border: none; +} + +.accordion-inverse-warning .card-header { + color: #ffaf00; + border: none; +} + +.accordion-inverse-warning .card-header a, +.accordion-inverse-warning .card-header h1, +.accordion-inverse-warning .card-header h2, +.accordion-inverse-warning .card-header h3, +.accordion-inverse-warning .card-header h4, +.accordion-inverse-warning .card-header h5, +.accordion-inverse-warning .card-header h6, +.accordion-inverse-warning .card-header p, +.accordion-inverse-warning .card-header span { + color: #ffaf00 !important; +} + +.accordion-inverse-warning .card-header a { + border-color: #ffaf00; +} + +.accordion-inverse-warning .card-header a:before { + color: #ffaf00 !important; +} + +.accordion-inverse-warning .card-header a[aria-expanded="true"] { + border-bottom: 1px solid rgba(255, 175, 0, 0.16); +} + +.accordion-inverse-warning .card-header a[aria-expanded="false"] { + border-bottom: 1px solid transparent; +} .accordion-inverse-danger { background: rgba(255, 98, 88, 0.16); color: #ff6258; - border: none; } - .accordion-inverse-danger .card-header { - color: #ff6258; - border: none; } - .accordion-inverse-danger .card-header a, - .accordion-inverse-danger .card-header h1, - .accordion-inverse-danger .card-header h2, - .accordion-inverse-danger .card-header h3, - .accordion-inverse-danger .card-header h4, - .accordion-inverse-danger .card-header h5, - .accordion-inverse-danger .card-header h6, - .accordion-inverse-danger .card-header p, - .accordion-inverse-danger .card-header span { - color: #ff6258 !important; } - .accordion-inverse-danger .card-header a { - border-color: #ff6258; } - .accordion-inverse-danger .card-header a:before { - color: #ff6258 !important; } - .accordion-inverse-danger .card-header a[aria-expanded="true"] { - border-bottom: 1px solid rgba(255, 98, 88, 0.16); } - .accordion-inverse-danger .card-header a[aria-expanded="false"] { - border-bottom: 1px solid transparent; } + border: none; +} + +.accordion-inverse-danger .card-header { + color: #ff6258; + border: none; +} + +.accordion-inverse-danger .card-header a, +.accordion-inverse-danger .card-header h1, +.accordion-inverse-danger .card-header h2, +.accordion-inverse-danger .card-header h3, +.accordion-inverse-danger .card-header h4, +.accordion-inverse-danger .card-header h5, +.accordion-inverse-danger .card-header h6, +.accordion-inverse-danger .card-header p, +.accordion-inverse-danger .card-header span { + color: #ff6258 !important; +} + +.accordion-inverse-danger .card-header a { + border-color: #ff6258; +} + +.accordion-inverse-danger .card-header a:before { + color: #ff6258 !important; +} + +.accordion-inverse-danger .card-header a[aria-expanded="true"] { + border-bottom: 1px solid rgba(255, 98, 88, 0.16); +} + +.accordion-inverse-danger .card-header a[aria-expanded="false"] { + border-bottom: 1px solid transparent; +} .accordion-inverse-light { background: rgba(251, 251, 251, 0.16); color: #fbfbfb; - border: none; } - .accordion-inverse-light .card-header { - color: #fbfbfb; - border: none; } - .accordion-inverse-light .card-header a, - .accordion-inverse-light .card-header h1, - .accordion-inverse-light .card-header h2, - .accordion-inverse-light .card-header h3, - .accordion-inverse-light .card-header h4, - .accordion-inverse-light .card-header h5, - .accordion-inverse-light .card-header h6, - .accordion-inverse-light .card-header p, - .accordion-inverse-light .card-header span { - color: #fbfbfb !important; } - .accordion-inverse-light .card-header a { - border-color: #fbfbfb; } - .accordion-inverse-light .card-header a:before { - color: #fbfbfb !important; } - .accordion-inverse-light .card-header a[aria-expanded="true"] { - border-bottom: 1px solid rgba(251, 251, 251, 0.16); } - .accordion-inverse-light .card-header a[aria-expanded="false"] { - border-bottom: 1px solid transparent; } + border: none; +} + +.accordion-inverse-light .card-header { + color: #fbfbfb; + border: none; +} + +.accordion-inverse-light .card-header a, +.accordion-inverse-light .card-header h1, +.accordion-inverse-light .card-header h2, +.accordion-inverse-light .card-header h3, +.accordion-inverse-light .card-header h4, +.accordion-inverse-light .card-header h5, +.accordion-inverse-light .card-header h6, +.accordion-inverse-light .card-header p, +.accordion-inverse-light .card-header span { + color: #fbfbfb !important; +} + +.accordion-inverse-light .card-header a { + border-color: #fbfbfb; +} + +.accordion-inverse-light .card-header a:before { + color: #fbfbfb !important; +} + +.accordion-inverse-light .card-header a[aria-expanded="true"] { + border-bottom: 1px solid rgba(251, 251, 251, 0.16); +} + +.accordion-inverse-light .card-header a[aria-expanded="false"] { + border-bottom: 1px solid transparent; +} .accordion-inverse-dark { background: rgba(37, 44, 70, 0.16); color: #252C46; - border: none; } - .accordion-inverse-dark .card-header { - color: #252C46; - border: none; } - .accordion-inverse-dark .card-header a, - .accordion-inverse-dark .card-header h1, - .accordion-inverse-dark .card-header h2, - .accordion-inverse-dark .card-header h3, - .accordion-inverse-dark .card-header h4, - .accordion-inverse-dark .card-header h5, - .accordion-inverse-dark .card-header h6, - .accordion-inverse-dark .card-header p, - .accordion-inverse-dark .card-header span { - color: #252C46 !important; } - .accordion-inverse-dark .card-header a { - border-color: #252C46; } - .accordion-inverse-dark .card-header a:before { - color: #252C46 !important; } - .accordion-inverse-dark .card-header a[aria-expanded="true"] { - border-bottom: 1px solid rgba(37, 44, 70, 0.16); } - .accordion-inverse-dark .card-header a[aria-expanded="false"] { - border-bottom: 1px solid transparent; } + border: none; +} + +.accordion-inverse-dark .card-header { + color: #252C46; + border: none; +} + +.accordion-inverse-dark .card-header a, +.accordion-inverse-dark .card-header h1, +.accordion-inverse-dark .card-header h2, +.accordion-inverse-dark .card-header h3, +.accordion-inverse-dark .card-header h4, +.accordion-inverse-dark .card-header h5, +.accordion-inverse-dark .card-header h6, +.accordion-inverse-dark .card-header p, +.accordion-inverse-dark .card-header span { + color: #252C46 !important; +} + +.accordion-inverse-dark .card-header a { + border-color: #252C46; +} + +.accordion-inverse-dark .card-header a:before { + color: #252C46 !important; +} + +.accordion-inverse-dark .card-header a[aria-expanded="true"] { + border-bottom: 1px solid rgba(37, 44, 70, 0.16); +} + +.accordion-inverse-dark .card-header a[aria-expanded="false"] { + border-bottom: 1px solid transparent; +} .accordion-outline-primary .card { - border-color: #2196f3; } - .accordion-outline-primary .card .card-header { - border: none; } - .accordion-outline-primary .card .card-header a { - border-color: #2196f3; } - .accordion-outline-primary .card .card-header a:before { - color: #2196f3; } + border-color: #2196f3; +} + +.accordion-outline-primary .card .card-header { + border: none; +} + +.accordion-outline-primary .card .card-header a { + border-color: #2196f3; +} + +.accordion-outline-primary .card .card-header a:before { + color: #2196f3; +} .accordion-outline-secondary .card { - border-color: #dde4eb; } - .accordion-outline-secondary .card .card-header { - border: none; } - .accordion-outline-secondary .card .card-header a { - border-color: #dde4eb; } - .accordion-outline-secondary .card .card-header a:before { - color: #dde4eb; } + border-color: #dde4eb; +} + +.accordion-outline-secondary .card .card-header { + border: none; +} + +.accordion-outline-secondary .card .card-header a { + border-color: #dde4eb; +} + +.accordion-outline-secondary .card .card-header a:before { + color: #dde4eb; +} .accordion-outline-success .card { - border-color: #19d895; } - .accordion-outline-success .card .card-header { - border: none; } - .accordion-outline-success .card .card-header a { - border-color: #19d895; } - .accordion-outline-success .card .card-header a:before { - color: #19d895; } + border-color: #19d895; +} + +.accordion-outline-success .card .card-header { + border: none; +} + +.accordion-outline-success .card .card-header a { + border-color: #19d895; +} + +.accordion-outline-success .card .card-header a:before { + color: #19d895; +} .accordion-outline-info .card { - border-color: #8862e0; } - .accordion-outline-info .card .card-header { - border: none; } - .accordion-outline-info .card .card-header a { - border-color: #8862e0; } - .accordion-outline-info .card .card-header a:before { - color: #8862e0; } + border-color: #8862e0; +} + +.accordion-outline-info .card .card-header { + border: none; +} + +.accordion-outline-info .card .card-header a { + border-color: #8862e0; +} + +.accordion-outline-info .card .card-header a:before { + color: #8862e0; +} .accordion-outline-warning .card { - border-color: #ffaf00; } - .accordion-outline-warning .card .card-header { - border: none; } - .accordion-outline-warning .card .card-header a { - border-color: #ffaf00; } - .accordion-outline-warning .card .card-header a:before { - color: #ffaf00; } + border-color: #ffaf00; +} + +.accordion-outline-warning .card .card-header { + border: none; +} + +.accordion-outline-warning .card .card-header a { + border-color: #ffaf00; +} + +.accordion-outline-warning .card .card-header a:before { + color: #ffaf00; +} .accordion-outline-danger .card { - border-color: #ff6258; } - .accordion-outline-danger .card .card-header { - border: none; } - .accordion-outline-danger .card .card-header a { - border-color: #ff6258; } - .accordion-outline-danger .card .card-header a:before { - color: #ff6258; } + border-color: #ff6258; +} + +.accordion-outline-danger .card .card-header { + border: none; +} + +.accordion-outline-danger .card .card-header a { + border-color: #ff6258; +} + +.accordion-outline-danger .card .card-header a:before { + color: #ff6258; +} .accordion-outline-light .card { - border-color: #fbfbfb; } - .accordion-outline-light .card .card-header { - border: none; } - .accordion-outline-light .card .card-header a { - border-color: #fbfbfb; } - .accordion-outline-light .card .card-header a:before { - color: #fbfbfb; } + border-color: #fbfbfb; +} + +.accordion-outline-light .card .card-header { + border: none; +} + +.accordion-outline-light .card .card-header a { + border-color: #fbfbfb; +} + +.accordion-outline-light .card .card-header a:before { + color: #fbfbfb; +} .accordion-outline-dark .card { - border-color: #252C46; } - .accordion-outline-dark .card .card-header { - border: none; } - .accordion-outline-dark .card .card-header a { - border-color: #252C46; } - .accordion-outline-dark .card .card-header a:before { - color: #252C46; } + border-color: #252C46; +} + +.accordion-outline-dark .card .card-header { + border: none; +} + +.accordion-outline-dark .card .card-header a { + border-color: #252C46; +} + +.accordion-outline-dark .card .card-header a:before { + color: #252C46; +} /* Badges */ .badge { @@ -11496,1236 +17394,2208 @@ pre { padding: 4px 6px; font-family: "roboto", sans-serif; font-weight: 600; - letter-spacing: 0.04rem; } - .badge:empty { - display: inline-block; - min-width: 10px; - min-height: 10px; - padding: 0; - margin-right: 10px; - border-radius: 100%; } - .rtl .badge:empty { - margin-left: 10px; - margin-right: 0; } - .badge.badge-pill { - border-radius: 10rem; } - .badge.badge-fw { - min-width: 70px; } - .badge.badge-lg { - padding: 0.4rem 0.9rem; } + letter-spacing: 0.04rem; +} + +.badge:empty { + display: inline-block; + min-width: 10px; + min-height: 10px; + padding: 0; + margin-right: 10px; + border-radius: 100%; +} + +.rtl .badge:empty { + margin-left: 10px; + margin-right: 0; +} + +.badge.badge-pill { + border-radius: 10rem; +} + +.badge.badge-fw { + min-width: 70px; +} + +.badge.badge-lg { + padding: 0.4rem 0.9rem; +} /*Badge variations*/ .badge-primary { border: 1px solid #2196f3; - color: #ffffff; } + color: #ffffff; +} .badge-secondary { border: 1px solid #dde4eb; - color: #ffffff; } + color: #ffffff; +} -.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online { +.badge-success, +.preview-list .preview-item .preview-thumbnail .badge.badge-online { border: 1px solid #19d895; - color: #ffffff; } + color: #ffffff; +} -.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline { +.badge-info, +.preview-list .preview-item .preview-thumbnail .badge.badge-offline { border: 1px solid #8862e0; - color: #ffffff; } + color: #ffffff; +} -.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy { +.badge-warning, +.preview-list .preview-item .preview-thumbnail .badge.badge-busy { border: 1px solid #ffaf00; - color: #ffffff; } + color: #ffffff; +} .badge-danger { border: 1px solid #ff6258; - color: #ffffff; } + color: #ffffff; +} .badge-light { border: 1px solid #fbfbfb; - color: #ffffff; } + color: #ffffff; +} .badge-dark { border: 1px solid #252C46; - color: #ffffff; } + color: #ffffff; +} /*Badge inverse variations*/ .badge-inverse-primary { background: rgba(33, 150, 243, 0.3); - color: #2196f3; } + color: #2196f3; +} .badge-inverse-secondary { background: rgba(221, 228, 235, 0.3); - color: #dde4eb; } + color: #dde4eb; +} .badge-inverse-success { background: rgba(25, 216, 149, 0.3); - color: #19d895; } + color: #19d895; +} .badge-inverse-info { background: rgba(136, 98, 224, 0.3); - color: #8862e0; } + color: #8862e0; +} .badge-inverse-warning { background: rgba(255, 175, 0, 0.3); - color: #ffaf00; } + color: #ffaf00; +} .badge-inverse-danger { background: rgba(255, 98, 88, 0.3); - color: #ff6258; } + color: #ff6258; +} .badge-inverse-light { background: rgba(251, 251, 251, 0.3); - color: #fbfbfb; } + color: #fbfbfb; +} .badge-inverse-dark { background: rgba(37, 44, 70, 0.3); - color: #252C46; } + color: #252C46; +} /*Badge outlined variations*/ .badge-outline-primary { color: #2196f3; - border: 1px solid #2196f3; } + border: 1px solid #2196f3; +} .badge-outline-secondary { color: #dde4eb; - border: 1px solid #dde4eb; } + border: 1px solid #dde4eb; +} .badge-outline-success { color: #19d895; - border: 1px solid #19d895; } + border: 1px solid #19d895; +} .badge-outline-info { color: #8862e0; - border: 1px solid #8862e0; } + border: 1px solid #8862e0; +} .badge-outline-warning { color: #ffaf00; - border: 1px solid #ffaf00; } + border: 1px solid #ffaf00; +} .badge-outline-danger { color: #ff6258; - border: 1px solid #ff6258; } + border: 1px solid #ff6258; +} .badge-outline-light { color: #fbfbfb; - border: 1px solid #fbfbfb; } + border: 1px solid #fbfbfb; +} .badge-outline-dark { color: #252C46; - border: 1px solid #252C46; } + border: 1px solid #252C46; +} /* Bootstrap Alerts */ .alert { - font-size: 0.875rem; } - .alert i { - font-size: 1.25rem; - margin-right: 1.25rem; - vertical-align: middle; - line-height: 0.5; } + font-size: 0.875rem; +} + +.alert i { + font-size: 1.25rem; + margin-right: 1.25rem; + vertical-align: middle; + line-height: 0.5; +} .alert-primary { color: #1972b9; background-color: rgba(33, 150, 243, 0.2); - border-color: #1e8ae0; } - .alert-primary hr { - border-top-color: #1b7cca; } - .alert-primary .alert-link { - color: #13568c; } + border-color: #1e8ae0; +} + +.alert-primary hr { + border-top-color: #1b7cca; +} + +.alert-primary .alert-link { + color: #13568c; +} .alert-secondary { color: #a8adb3; background-color: rgba(221, 228, 235, 0.2); - border-color: #cbd2d8; } - .alert-secondary hr { - border-top-color: #bcc5cd; } - .alert-secondary .alert-link { - color: #8d939b; } + border-color: #cbd2d8; +} + +.alert-secondary hr { + border-top-color: #bcc5cd; +} + +.alert-secondary .alert-link { + color: #8d939b; +} .alert-success { color: #13a471; background-color: rgba(25, 216, 149, 0.2); - border-color: #17c789; } - .alert-success hr { - border-top-color: #14b079; } - .alert-success .alert-link { - color: #0e7652; } + border-color: #17c789; +} + +.alert-success hr { + border-top-color: #14b079; +} + +.alert-success .alert-link { + color: #0e7652; +} .alert-info { color: #674aaa; background-color: rgba(136, 98, 224, 0.2); - border-color: #7d5ace; } - .alert-info hr { - border-top-color: #6e46c8; } - .alert-info .alert-link { - color: #513b86; } + border-color: #7d5ace; +} + +.alert-info hr { + border-top-color: #6e46c8; +} + +.alert-info .alert-link { + color: #513b86; +} .alert-warning { color: #c28500; background-color: rgba(255, 175, 0, 0.2); - border-color: #eba100; } - .alert-warning hr { - border-top-color: #d29000; } - .alert-warning .alert-link { - color: #8f6200; } + border-color: #eba100; +} + +.alert-warning hr { + border-top-color: #d29000; +} + +.alert-warning .alert-link { + color: #8f6200; +} .alert-danger { color: #c24a43; background-color: rgba(255, 98, 88, 0.2); - border-color: #eb5a51; } - .alert-danger hr { - border-top-color: #e8443a; } - .alert-danger .alert-link { - color: #9f3933; } + border-color: #eb5a51; +} + +.alert-danger hr { + border-top-color: #e8443a; +} + +.alert-danger .alert-link { + color: #9f3933; +} .alert-light { color: #bfbfbf; background-color: rgba(251, 251, 251, 0.2); - border-color: #e7e7e7; } - .alert-light hr { - border-top-color: #dadada; } - .alert-light .alert-link { - color: #a6a6a6; } + border-color: #e7e7e7; +} + +.alert-light hr { + border-top-color: #dadada; +} + +.alert-light .alert-link { + color: #a6a6a6; +} .alert-dark { color: #1c2135; background-color: rgba(37, 44, 70, 0.2); - border-color: #222840; } - .alert-dark hr { - border-top-color: #191e2f; } - .alert-dark .alert-link { - color: #0a0c14; } + border-color: #222840; +} + +.alert-dark hr { + border-top-color: #191e2f; +} + +.alert-dark .alert-link { + color: #0a0c14; +} .alert-fill-primary { color: #ffffff; background-color: #2196f3; - border-color: #2196f3; } - .alert-fill-primary hr { - border-top-color: #0d8aee; } - .alert-fill-primary .alert-link { - color: #e6e6e6; } + border-color: #2196f3; +} + +.alert-fill-primary hr { + border-top-color: #0d8aee; +} + +.alert-fill-primary .alert-link { + color: #e6e6e6; +} .alert-fill-secondary { color: #ffffff; background-color: #dde4eb; - border-color: #dde4eb; } - .alert-fill-secondary hr { - border-top-color: #cdd7e2; } - .alert-fill-secondary .alert-link { - color: #e6e6e6; } + border-color: #dde4eb; +} + +.alert-fill-secondary hr { + border-top-color: #cdd7e2; +} + +.alert-fill-secondary .alert-link { + color: #e6e6e6; +} .alert-fill-success { color: #ffffff; background-color: #19d895; - border-color: #19d895; } - .alert-fill-success hr { - border-top-color: #16c185; } - .alert-fill-success .alert-link { - color: #e6e6e6; } + border-color: #19d895; +} + +.alert-fill-success hr { + border-top-color: #16c185; +} + +.alert-fill-success .alert-link { + color: #e6e6e6; +} .alert-fill-info { color: #ffffff; background-color: #8862e0; - border-color: #8862e0; } - .alert-fill-info hr { - border-top-color: #784ddc; } - .alert-fill-info .alert-link { - color: #e6e6e6; } + border-color: #8862e0; +} + +.alert-fill-info hr { + border-top-color: #784ddc; +} + +.alert-fill-info .alert-link { + color: #e6e6e6; +} .alert-fill-warning { color: #ffffff; background-color: #ffaf00; - border-color: #ffaf00; } - .alert-fill-warning hr { - border-top-color: #e69e00; } - .alert-fill-warning .alert-link { - color: #e6e6e6; } + border-color: #ffaf00; +} + +.alert-fill-warning hr { + border-top-color: #e69e00; +} + +.alert-fill-warning .alert-link { + color: #e6e6e6; +} .alert-fill-danger { color: #ffffff; background-color: #ff6258; - border-color: #ff6258; } - .alert-fill-danger hr { - border-top-color: #ff4a3f; } - .alert-fill-danger .alert-link { - color: #e6e6e6; } + border-color: #ff6258; +} + +.alert-fill-danger hr { + border-top-color: #ff4a3f; +} + +.alert-fill-danger .alert-link { + color: #e6e6e6; +} .alert-fill-light { color: #ffffff; background-color: #fbfbfb; - border-color: #fbfbfb; } - .alert-fill-light hr { - border-top-color: #eeeeee; } - .alert-fill-light .alert-link { - color: #e6e6e6; } + border-color: #fbfbfb; +} + +.alert-fill-light hr { + border-top-color: #eeeeee; +} + +.alert-fill-light .alert-link { + color: #e6e6e6; +} .alert-fill-dark { color: #ffffff; background-color: #252C46; - border-color: #252C46; } - .alert-fill-dark hr { - border-top-color: #1c2235; } - .alert-fill-dark .alert-link { - color: #e6e6e6; } + border-color: #252C46; +} + +.alert-fill-dark hr { + border-top-color: #1c2235; +} + +.alert-fill-dark .alert-link { + color: #e6e6e6; +} /* Bootstrap Progress */ .progress { border-radius: 3px; height: 8px; - background: #323550; } - .progress .progress-bar { - border-radius: 3px; } - .progress.grouped .progress-bar { - border-radius: 0px; } - .progress.grouped .progress-bar:last-child { - border-radius: 0px 3px 3px 0px; } - .progress.progress-sm { - height: 0.375rem; } - .progress.progress-md { - height: 8px; } - .progress.progress-lg { - height: 15px; } - .progress.progress-xl { - height: 18px; } + background: #323550; +} + +.progress .progress-bar { + border-radius: 3px; +} + +.progress.grouped .progress-bar { + border-radius: 0px; +} + +.progress.grouped .progress-bar:last-child { + border-radius: 0px 3px 3px 0px; +} + +.progress.progress-sm { + height: 0.375rem; +} + +.progress.progress-md { + height: 8px; +} + +.progress.progress-lg { + height: 15px; +} + +.progress.progress-xl { + height: 18px; +} /* Buttons */ -.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a { +.btn, +.ajax-upload-dragdrop .ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, +.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, +.wizard>.actions a { font-size: 0.875rem; line-height: 1; - font-family: "roboto", sans-serif; } - .btn i, .ajax-upload-dragdrop .ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .swal2-styled i, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm i, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel i, .wizard > .actions a i { - margin-right: 0.3125rem; - font-size: inherit; } - .btn .btn-label:before, .ajax-upload-dragdrop .ajax-file-upload .btn-label:before, .swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label:before, .wizard > .actions a .btn-label:before { - font-size: 1rem; - line-height: 5px; - vertical-align: middle; } - .btn .btn-label.btn-label-left, .ajax-upload-dragdrop .ajax-file-upload .btn-label.btn-label-left, .swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label.btn-label-left, .wizard > .actions a .btn-label.btn-label-left { - margin-right: 5px; } - .btn .btn-label.btn-label-right, .ajax-upload-dragdrop .ajax-file-upload .btn-label.btn-label-right, .swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label.btn-label-right, .wizard > .actions a .btn-label.btn-label-right { - margin-left: 5px; } - .btn.btn-rounded, .ajax-upload-dragdrop .btn-rounded.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-rounded.swal2-styled, .wizard > .actions a.btn-rounded { - border-radius: 50px; } - .btn.btn-square, .ajax-upload-dragdrop .btn-square.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-square.swal2-styled, .wizard > .actions a.btn-square { - border-radius: 0px; } - .btn.btn-icons, .ajax-upload-dragdrop .btn-icons.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-icons.swal2-styled, .wizard > .actions a.btn-icons { - width: 40px; - height: 40px; - padding: 10px; - text-align: center; - vertical-align: middle; } - .btn.btn-icons i, .ajax-upload-dragdrop .btn-icons.ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .btn-icons.swal2-styled i, .wizard > .actions a.btn-icons i { - margin: auto; - line-height: initial; } - .btn.btn-fw, .ajax-upload-dragdrop .btn-fw.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-fw.swal2-styled, .wizard > .actions a.btn-fw { - min-width: 120px; } - .btn.icon-btn i, .ajax-upload-dragdrop .icon-btn.ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .icon-btn.swal2-styled i, .wizard > .actions a.icon-btn i { - margin-right: 0; } - .btn.social-btn, .ajax-upload-dragdrop .social-btn.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .social-btn.swal2-styled, .wizard > .actions a.social-btn { - padding: 13px; } - .btn.social-btn i, .ajax-upload-dragdrop .social-btn.ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .social-btn.swal2-styled i, .wizard > .actions a.social-btn i { - margin-right: 0; - font-size: 1rem; } - .btn.btn-sm, .btn-group-sm > .btn, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled, .wizard > .actions .btn-group-sm > a, .ajax-upload-dragdrop .btn-sm.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-sm.swal2-styled, .wizard > .actions a.btn-sm { - font-size: 0.875rem; } - .btn.btn-lg, .btn-group-lg > .btn, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled, .wizard > .actions .btn-group-lg > a, .ajax-upload-dragdrop .btn-lg.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-lg.swal2-styled, .wizard > .actions a.btn-lg { - font-size: 0.875rem; } - .btn.btn-xs, .ajax-upload-dragdrop .btn-xs.ajax-file-upload, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, .swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-cancel, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, .wizard > .actions a.btn-xs { - padding: 0.5rem 0.75rem; - font-size: 0.625rem; } - .btn.btn-transparent, .ajax-upload-dragdrop .btn-transparent.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-transparent.swal2-styled, .wizard > .actions a.btn-transparent { - background: transparent; } - .btn.btn-danger, .ajax-upload-dragdrop .btn-danger.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-danger.swal2-styled, .wizard > .actions a.btn-danger, .btn.btn-info, .ajax-upload-dragdrop .btn-info.ajax-file-upload, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .swal2-modal .swal2-buttonswrapper .btn-info.swal2-styled, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .wizard > .actions a.btn-info, .btn.btn-success, .ajax-upload-dragdrop .btn-success.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-success.swal2-styled, .wizard > .actions a.btn-success, .btn.btn-teal, .ajax-upload-dragdrop .btn-teal.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-teal.swal2-styled, .wizard > .actions a.btn-teal, .btn.btn-warning, .ajax-upload-dragdrop .btn-warning.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-warning.swal2-styled, .wizard > .actions a.btn-warning { - color: #ffffff; } - .btn.btn-outline-light, .ajax-upload-dragdrop .btn-outline-light.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-outline-light.swal2-styled, .wizard > .actions a.btn-outline-light { - border-color: #d5d5d5; - color: #d5d5d5; } - .btn.btn-outline-secondary, .ajax-upload-dragdrop .btn-outline-secondary.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-outline-secondary.swal2-styled, .wizard > .actions a.btn-outline-secondary { - color: rgba(0, 0, 0, 0.5); } - .btn.btn-inverse-secondary, .ajax-upload-dragdrop .btn-inverse-secondary.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-inverse-secondary.swal2-styled, .wizard > .actions a.btn-inverse-secondary { - background-color: rgba(221, 228, 235, 0.5); - color: rgba(0, 0, 0, 0.5); } - .btn.btn-inverse-secondary:hover, .ajax-upload-dragdrop .btn-inverse-secondary.ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .btn-inverse-secondary.swal2-styled:hover, .wizard > .actions a.btn-inverse-secondary:hover { - color: rgba(0, 0, 0, 0.5); } - .btn.btn-inverse-light, .ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled, .wizard > .actions a.btn-inverse-light { - background-color: #ffffff; - color: rgba(0, 0, 0, 0.5); - border-color: #d9d9d9; } - .btn.btn-inverse-light:hover, .ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled:hover, .wizard > .actions a.btn-inverse-light:hover { - color: rgba(0, 0, 0, 0.5); - border-color: #d9d9d9; } + font-family: "roboto", sans-serif; +} + +.btn i, +.ajax-upload-dragdrop .ajax-file-upload i, +.swal2-modal .swal2-buttonswrapper .swal2-styled i, +.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm i, +.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel i, +.wizard>.actions a i { + margin-right: 0.3125rem; + font-size: inherit; +} + +.btn .btn-label:before, +.ajax-upload-dragdrop .ajax-file-upload .btn-label:before, +.swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label:before, +.wizard>.actions a .btn-label:before { + font-size: 1rem; + line-height: 5px; + vertical-align: middle; +} + +.btn .btn-label.btn-label-left, +.ajax-upload-dragdrop .ajax-file-upload .btn-label.btn-label-left, +.swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label.btn-label-left, +.wizard>.actions a .btn-label.btn-label-left { + margin-right: 5px; +} + +.btn .btn-label.btn-label-right, +.ajax-upload-dragdrop .ajax-file-upload .btn-label.btn-label-right, +.swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label.btn-label-right, +.wizard>.actions a .btn-label.btn-label-right { + margin-left: 5px; +} + +.btn.btn-rounded, +.ajax-upload-dragdrop .btn-rounded.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-rounded.swal2-styled, +.wizard>.actions a.btn-rounded { + border-radius: 50px; +} + +.btn.btn-square, +.ajax-upload-dragdrop .btn-square.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-square.swal2-styled, +.wizard>.actions a.btn-square { + border-radius: 0px; +} + +.btn.btn-icons, +.ajax-upload-dragdrop .btn-icons.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-icons.swal2-styled, +.wizard>.actions a.btn-icons { + width: 40px; + height: 40px; + padding: 10px; + text-align: center; + vertical-align: middle; +} + +.btn.btn-icons i, +.ajax-upload-dragdrop .btn-icons.ajax-file-upload i, +.swal2-modal .swal2-buttonswrapper .btn-icons.swal2-styled i, +.wizard>.actions a.btn-icons i { + margin: auto; + line-height: initial; +} + +.btn.btn-fw, +.ajax-upload-dragdrop .btn-fw.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-fw.swal2-styled, +.wizard>.actions a.btn-fw { + min-width: 120px; +} + +.btn.icon-btn i, +.ajax-upload-dragdrop .icon-btn.ajax-file-upload i, +.swal2-modal .swal2-buttonswrapper .icon-btn.swal2-styled i, +.wizard>.actions a.icon-btn i { + margin-right: 0; +} + +.btn.social-btn, +.ajax-upload-dragdrop .social-btn.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .social-btn.swal2-styled, +.wizard>.actions a.social-btn { + padding: 13px; +} + +.btn.social-btn i, +.ajax-upload-dragdrop .social-btn.ajax-file-upload i, +.swal2-modal .swal2-buttonswrapper .social-btn.swal2-styled i, +.wizard>.actions a.social-btn i { + margin-right: 0; + font-size: 1rem; +} + +.btn.btn-sm, +.btn-group-sm>.btn, +.ajax-upload-dragdrop .btn-group-sm>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group-sm>.swal2-styled, +.wizard>.actions .btn-group-sm>a, +.ajax-upload-dragdrop .btn-sm.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-sm.swal2-styled, +.wizard>.actions a.btn-sm { + font-size: 0.875rem; +} + +.btn.btn-lg, +.btn-group-lg>.btn, +.ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled, +.wizard>.actions .btn-group-lg>a, +.ajax-upload-dragdrop .btn-lg.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-lg.swal2-styled, +.wizard>.actions a.btn-lg { + font-size: 0.875rem; +} + +.btn.btn-xs, +.ajax-upload-dragdrop .btn-xs.ajax-file-upload, +.ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, +.ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, +.swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled, +.swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, +.swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions a.editable-submit, +.wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions a.editable-cancel, +.wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, +.wizard>.actions a.btn-xs { + padding: 0.5rem 0.75rem; + font-size: 0.625rem; +} + +.btn.btn-transparent, +.ajax-upload-dragdrop .btn-transparent.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-transparent.swal2-styled, +.wizard>.actions a.btn-transparent { + background: transparent; +} + +.btn.btn-danger, +.ajax-upload-dragdrop .btn-danger.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-danger.swal2-styled, +.wizard>.actions a.btn-danger, +.btn.btn-info, +.ajax-upload-dragdrop .btn-info.ajax-file-upload, +.ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, +.swal2-modal .swal2-buttonswrapper .btn-info.swal2-styled, +.swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions a.editable-submit, +.wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, +.wizard>.actions a.btn-info, +.btn.btn-success, +.ajax-upload-dragdrop .btn-success.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-success.swal2-styled, +.wizard>.actions a.btn-success, +.btn.btn-teal, +.ajax-upload-dragdrop .btn-teal.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-teal.swal2-styled, +.wizard>.actions a.btn-teal, +.btn.btn-warning, +.ajax-upload-dragdrop .btn-warning.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-warning.swal2-styled, +.wizard>.actions a.btn-warning { + color: #ffffff; +} + +.btn.btn-outline-light, +.ajax-upload-dragdrop .btn-outline-light.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-outline-light.swal2-styled, +.wizard>.actions a.btn-outline-light { + border-color: #d5d5d5; + color: #d5d5d5; +} + +.btn.btn-outline-secondary, +.ajax-upload-dragdrop .btn-outline-secondary.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-outline-secondary.swal2-styled, +.wizard>.actions a.btn-outline-secondary { + color: rgba(0, 0, 0, 0.5); +} + +.btn.btn-inverse-secondary, +.ajax-upload-dragdrop .btn-inverse-secondary.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-inverse-secondary.swal2-styled, +.wizard>.actions a.btn-inverse-secondary { + background-color: rgba(221, 228, 235, 0.5); + color: rgba(0, 0, 0, 0.5); +} + +.btn.btn-inverse-secondary:hover, +.ajax-upload-dragdrop .btn-inverse-secondary.ajax-file-upload:hover, +.swal2-modal .swal2-buttonswrapper .btn-inverse-secondary.swal2-styled:hover, +.wizard>.actions a.btn-inverse-secondary:hover { + color: rgba(0, 0, 0, 0.5); +} + +.btn.btn-inverse-light, +.ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload, +.swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled, +.wizard>.actions a.btn-inverse-light { + background-color: #ffffff; + color: rgba(0, 0, 0, 0.5); + border-color: #d9d9d9; +} + +.btn.btn-inverse-light:hover, +.ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload:hover, +.swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled:hover, +.wizard>.actions a.btn-inverse-light:hover { + color: rgba(0, 0, 0, 0.5); + border-color: #d9d9d9; +} .btn-group { border: 1px solid #383e5d; - border-radius: 0.1875rem; } - .btn-group .btn, .btn-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .btn-group .ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled, .btn-group .wizard > .actions a, .wizard > .actions .btn-group a { - border-top: none; - border-bottom: none; - border-left: none; } - .btn-group .btn:last-child, .btn-group .ajax-upload-dragdrop .ajax-file-upload:last-child, .ajax-upload-dragdrop .btn-group .ajax-file-upload:last-child, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled:last-child, .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled:last-child, .btn-group .wizard > .actions a:last-child, .wizard > .actions .btn-group a:last-child { - border-right: none; } - .btn-group .btn.btn-primary, .btn-group .ajax-upload-dragdrop .btn-primary.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-primary.ajax-file-upload, .btn-group .ajax-upload-dragdrop .wizard > .actions a.ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .btn-group a.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-primary.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-primary.swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .wizard > .actions a.swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .btn-group a.swal2-styled, .btn-group .wizard > .actions .swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-confirm, .wizard > .actions .swal2-modal .swal2-buttonswrapper .btn-group a.swal2-styled.swal2-confirm, .btn-group .wizard > .actions .swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-cancel, .wizard > .actions .swal2-modal .swal2-buttonswrapper .btn-group a.swal2-styled.swal2-cancel, .btn-group .wizard > .actions a, .wizard > .actions .btn-group a { - border-color: #128ff2; } - .btn-group .btn.btn-secondary, .btn-group .ajax-upload-dragdrop .btn-secondary.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-secondary.ajax-file-upload, .btn-group .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .ajax-file-upload.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .btn-group .ajax-file-upload.editable-cancel, .btn-group .swal2-modal .swal2-buttonswrapper .btn-secondary.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-secondary.swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .swal2-styled.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .btn.editable-cancel, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .btn-group a.editable-cancel, .btn-group .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group a.editable-cancel, .btn-group .wizard > .actions a.btn-secondary, .wizard > .actions .btn-group a.btn-secondary { - border-color: #d3dce5; } - .btn-group .btn.btn-info, .btn-group .ajax-upload-dragdrop .btn-info.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-info.ajax-file-upload, .btn-group .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .ajax-file-upload.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .btn-group .ajax-file-upload.editable-submit, .btn-group .swal2-modal .swal2-buttonswrapper .btn-info.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-info.swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .swal2-styled.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .btn.editable-submit, .btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .btn-group a.editable-submit, .btn-group .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group a.editable-submit, .btn-group .wizard > .actions a.btn-info, .wizard > .actions .btn-group a.btn-info { - border-color: #7e55dd; } - .btn-group .btn.btn-warning, .btn-group .ajax-upload-dragdrop .btn-warning.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-warning.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-warning.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-warning.swal2-styled, .btn-group .wizard > .actions a.btn-warning, .wizard > .actions .btn-group a.btn-warning { - border-color: #f0a500; } - .btn-group .btn.btn-success, .btn-group .ajax-upload-dragdrop .btn-success.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-success.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-success.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-success.swal2-styled, .btn-group .wizard > .actions a.btn-success, .wizard > .actions .btn-group a.btn-success { - border-color: #17ca8c; } - .btn-group .btn.btn-danger, .btn-group .ajax-upload-dragdrop .btn-danger.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-danger.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-danger.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-danger.swal2-styled, .btn-group .wizard > .actions a.btn-danger, .wizard > .actions .btn-group a.btn-danger { - border-color: #ff5449; } - .btn-group .btn.btn-dark, .btn-group .ajax-upload-dragdrop .btn-dark.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-dark.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-dark.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-dark.swal2-styled, .btn-group .wizard > .actions a.btn-dark, .wizard > .actions .btn-group a.btn-dark { - border-color: #20263c; } - .btn-group .btn.btn-light, .btn-group .ajax-upload-dragdrop .btn-light.ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-light.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-light.swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-light.swal2-styled, .btn-group .wizard > .actions a.btn-light, .wizard > .actions .btn-group a.btn-light { - border-color: #f3f3f3; } + border-radius: 0.1875rem; +} + +.btn-group .btn, +.btn-group .ajax-upload-dragdrop .ajax-file-upload, +.ajax-upload-dragdrop .btn-group .ajax-file-upload, +.btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled, +.btn-group .wizard>.actions a, +.wizard>.actions .btn-group a { + border-top: none; + border-bottom: none; + border-left: none; +} + +.btn-group .btn:last-child, +.btn-group .ajax-upload-dragdrop .ajax-file-upload:last-child, +.ajax-upload-dragdrop .btn-group .ajax-file-upload:last-child, +.btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled:last-child, +.swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled:last-child, +.btn-group .wizard>.actions a:last-child, +.wizard>.actions .btn-group a:last-child { + border-right: none; +} + +.btn-group .btn.btn-primary, +.btn-group .ajax-upload-dragdrop .btn-primary.ajax-file-upload, +.ajax-upload-dragdrop .btn-group .btn-primary.ajax-file-upload, +.btn-group .ajax-upload-dragdrop .wizard>.actions a.ajax-file-upload, +.ajax-upload-dragdrop .wizard>.actions .btn-group a.ajax-file-upload, +.btn-group .swal2-modal .swal2-buttonswrapper .btn-primary.swal2-styled, +.swal2-modal .swal2-buttonswrapper .btn-group .btn-primary.swal2-styled, +.btn-group .swal2-modal .swal2-buttonswrapper .wizard>.actions a.swal2-styled, +.swal2-modal .swal2-buttonswrapper .wizard>.actions .btn-group a.swal2-styled, +.btn-group .wizard>.actions .swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-confirm, +.wizard>.actions .swal2-modal .swal2-buttonswrapper .btn-group a.swal2-styled.swal2-confirm, +.btn-group .wizard>.actions .swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-cancel, +.wizard>.actions .swal2-modal .swal2-buttonswrapper .btn-group a.swal2-styled.swal2-cancel, +.btn-group .wizard>.actions a, +.wizard>.actions .btn-group a { + border-color: #128ff2; +} + +.btn-group .btn.btn-secondary, +.btn-group .ajax-upload-dragdrop .btn-secondary.ajax-file-upload, +.ajax-upload-dragdrop .btn-group .btn-secondary.ajax-file-upload, +.btn-group .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, +.ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .ajax-file-upload.editable-cancel, +.btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .btn-group .ajax-file-upload.editable-cancel, +.btn-group .swal2-modal .swal2-buttonswrapper .btn-secondary.swal2-styled, +.swal2-modal .swal2-buttonswrapper .btn-group .btn-secondary.swal2-styled, +.btn-group .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, +.swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .swal2-styled.editable-cancel, +.btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled.editable-cancel, +.btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .btn.editable-cancel, +.btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions a.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions .btn-group a.editable-cancel, +.btn-group .wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, +.wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group a.editable-cancel, +.btn-group .wizard>.actions a.btn-secondary, +.wizard>.actions .btn-group a.btn-secondary { + border-color: #d3dce5; +} + +.btn-group .btn.btn-info, +.btn-group .ajax-upload-dragdrop .btn-info.ajax-file-upload, +.ajax-upload-dragdrop .btn-group .btn-info.ajax-file-upload, +.btn-group .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, +.ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .ajax-file-upload.editable-submit, +.btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .btn-group .ajax-file-upload.editable-submit, +.btn-group .swal2-modal .swal2-buttonswrapper .btn-info.swal2-styled, +.swal2-modal .swal2-buttonswrapper .btn-group .btn-info.swal2-styled, +.btn-group .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, +.swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .swal2-styled.editable-submit, +.btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled.editable-submit, +.btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group .btn.editable-submit, +.btn-group .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions a.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions .btn-group a.editable-submit, +.btn-group .wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, +.wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons .btn-group a.editable-submit, +.btn-group .wizard>.actions a.btn-info, +.wizard>.actions .btn-group a.btn-info { + border-color: #7e55dd; +} + +.btn-group .btn.btn-warning, +.btn-group .ajax-upload-dragdrop .btn-warning.ajax-file-upload, +.ajax-upload-dragdrop .btn-group .btn-warning.ajax-file-upload, +.btn-group .swal2-modal .swal2-buttonswrapper .btn-warning.swal2-styled, +.swal2-modal .swal2-buttonswrapper .btn-group .btn-warning.swal2-styled, +.btn-group .wizard>.actions a.btn-warning, +.wizard>.actions .btn-group a.btn-warning { + border-color: #f0a500; +} + +.btn-group .btn.btn-success, +.btn-group .ajax-upload-dragdrop .btn-success.ajax-file-upload, +.ajax-upload-dragdrop .btn-group .btn-success.ajax-file-upload, +.btn-group .swal2-modal .swal2-buttonswrapper .btn-success.swal2-styled, +.swal2-modal .swal2-buttonswrapper .btn-group .btn-success.swal2-styled, +.btn-group .wizard>.actions a.btn-success, +.wizard>.actions .btn-group a.btn-success { + border-color: #17ca8c; +} + +.btn-group .btn.btn-danger, +.btn-group .ajax-upload-dragdrop .btn-danger.ajax-file-upload, +.ajax-upload-dragdrop .btn-group .btn-danger.ajax-file-upload, +.btn-group .swal2-modal .swal2-buttonswrapper .btn-danger.swal2-styled, +.swal2-modal .swal2-buttonswrapper .btn-group .btn-danger.swal2-styled, +.btn-group .wizard>.actions a.btn-danger, +.wizard>.actions .btn-group a.btn-danger { + border-color: #ff5449; +} + +.btn-group .btn.btn-dark, +.btn-group .ajax-upload-dragdrop .btn-dark.ajax-file-upload, +.ajax-upload-dragdrop .btn-group .btn-dark.ajax-file-upload, +.btn-group .swal2-modal .swal2-buttonswrapper .btn-dark.swal2-styled, +.swal2-modal .swal2-buttonswrapper .btn-group .btn-dark.swal2-styled, +.btn-group .wizard>.actions a.btn-dark, +.wizard>.actions .btn-group a.btn-dark { + border-color: #20263c; +} + +.btn-group .btn.btn-light, +.btn-group .ajax-upload-dragdrop .btn-light.ajax-file-upload, +.ajax-upload-dragdrop .btn-group .btn-light.ajax-file-upload, +.btn-group .swal2-modal .swal2-buttonswrapper .btn-light.swal2-styled, +.swal2-modal .swal2-buttonswrapper .btn-group .btn-light.swal2-styled, +.btn-group .wizard>.actions a.btn-light, +.wizard>.actions .btn-group a.btn-light { + border-color: #f3f3f3; +} /*social buttons*/ .btn-twitter { background: #4DBFF5; - color: #ffffff; } - .btn-twitter:hover { - background: #1daef2; } - .btn-twitter.btn-link { - background: none; - color: #4DBFF5; } - .btn-twitter.btn-link:hover { - color: #1daef2; } + color: #ffffff; +} + +.btn-twitter:hover { + background: #1daef2; +} + +.btn-twitter.btn-link { + background: none; + color: #4DBFF5; +} + +.btn-twitter.btn-link:hover { + color: #1daef2; +} .btn-facebook { background: #648ACA; - color: #ffffff; } - .btn-facebook:hover { - background: #406ebb; } - .btn-facebook.btn-link { - background: none; - color: #648ACA; } - .btn-facebook.btn-link:hover { - color: #406ebb; } + color: #ffffff; +} + +.btn-facebook:hover { + background: #406ebb; +} + +.btn-facebook.btn-link { + background: none; + color: #648ACA; +} + +.btn-facebook.btn-link:hover { + color: #406ebb; +} .btn-google { background: #E55F4B; - color: #ffffff; } - .btn-google:hover { - background: #dd3820; } - .btn-google.btn-link { - background: none; - color: #E55F4B; } - .btn-google.btn-link:hover { - color: #dd3820; } + color: #ffffff; +} + +.btn-google:hover { + background: #dd3820; +} + +.btn-google.btn-link { + background: none; + color: #E55F4B; +} + +.btn-google.btn-link:hover { + color: #dd3820; +} .btn-linkedin { background: #0177b4; - color: #ffffff; } - .btn-linkedin:hover { - background: #015581; } - .btn-linkedin.btn-link { - background: none; - color: #0177b4; } - .btn-linkedin.btn-link:hover { - color: #015581; } + color: #ffffff; +} + +.btn-linkedin:hover { + background: #015581; +} + +.btn-linkedin.btn-link { + background: none; + color: #0177b4; +} + +.btn-linkedin.btn-link:hover { + color: #015581; +} .btn-pinterest { background: #cc2127; - color: #ffffff; } - .btn-pinterest:hover { - background: #a01a1f; } - .btn-pinterest.btn-link { - background: none; - color: #cc2127; } - .btn-pinterest.btn-link:hover { - color: #a01a1f; } + color: #ffffff; +} + +.btn-pinterest:hover { + background: #a01a1f; +} + +.btn-pinterest.btn-link { + background: none; + color: #cc2127; +} + +.btn-pinterest.btn-link:hover { + color: #a01a1f; +} .btn-youtube { background: #e52d27; - color: #ffffff; } - .btn-youtube:hover { - background: #c21d17; } - .btn-youtube.btn-link { - background: none; - color: #e52d27; } - .btn-youtube.btn-link:hover { - color: #c21d17; } + color: #ffffff; +} + +.btn-youtube:hover { + background: #c21d17; +} + +.btn-youtube.btn-link { + background: none; + color: #e52d27; +} + +.btn-youtube.btn-link:hover { + color: #c21d17; +} .btn-github { background: #333333; - color: #ffffff; } - .btn-github:hover { - background: #1a1a1a; } - .btn-github.btn-link { - background: none; - color: #333333; } - .btn-github.btn-link:hover { - color: #1a1a1a; } + color: #ffffff; +} + +.btn-github:hover { + background: #1a1a1a; +} + +.btn-github.btn-link { + background: none; + color: #333333; +} + +.btn-github.btn-link:hover { + color: #1a1a1a; +} .btn-behance { background: #1769ff; - color: #ffffff; } - .btn-behance:hover { - background: #0050e3; } - .btn-behance.btn-link { - background: none; - color: #1769ff; } - .btn-behance.btn-link:hover { - color: #0050e3; } + color: #ffffff; +} + +.btn-behance:hover { + background: #0050e3; +} + +.btn-behance.btn-link { + background: none; + color: #1769ff; +} + +.btn-behance.btn-link:hover { + color: #0050e3; +} .btn-dribbble { background: #ea4c89; - color: #ffffff; } - .btn-dribbble:hover { - background: #e51e6b; } - .btn-dribbble.btn-link { - background: none; - color: #ea4c89; } - .btn-dribbble.btn-link:hover { - color: #e51e6b; } + color: #ffffff; +} + +.btn-dribbble:hover { + background: #e51e6b; +} + +.btn-dribbble.btn-link { + background: none; + color: #ea4c89; +} + +.btn-dribbble.btn-link:hover { + color: #e51e6b; +} .btn-reddit { background: #ff4500; - color: #ffffff; } - .btn-reddit:hover { - background: #cc3700; } - .btn-reddit.btn-link { - background: none; - color: #ff4500; } - .btn-reddit.btn-link:hover { - color: #cc3700; } + color: #ffffff; +} + +.btn-reddit:hover { + background: #cc3700; +} + +.btn-reddit.btn-link { + background: none; + color: #ff4500; +} + +.btn-reddit.btn-link:hover { + color: #cc3700; +} /*social buttons*/ .btn-social-outline-twitter { background: transparent; border-color: #4DBFF5; - color: #4DBFF5; } - .btn-social-outline-twitter:hover { - background: rgba(77, 191, 245, 0.2); } + color: #4DBFF5; +} + +.btn-social-outline-twitter:hover { + background: rgba(77, 191, 245, 0.2); +} .btn-social-outline-facebook { background: transparent; border-color: #648ACA; - color: #648ACA; } - .btn-social-outline-facebook:hover { - background: rgba(100, 138, 202, 0.2); } + color: #648ACA; +} + +.btn-social-outline-facebook:hover { + background: rgba(100, 138, 202, 0.2); +} .btn-social-outline-google { background: transparent; border-color: #E55F4B; - color: #E55F4B; } - .btn-social-outline-google:hover { - background: rgba(229, 95, 75, 0.2); } + color: #E55F4B; +} + +.btn-social-outline-google:hover { + background: rgba(229, 95, 75, 0.2); +} .btn-social-outline-linkedin { background: transparent; border-color: #0177b4; - color: #0177b4; } - .btn-social-outline-linkedin:hover { - background: rgba(1, 119, 180, 0.2); } + color: #0177b4; +} + +.btn-social-outline-linkedin:hover { + background: rgba(1, 119, 180, 0.2); +} .btn-social-outline-pinterest { background: transparent; border-color: #cc2127; - color: #cc2127; } - .btn-social-outline-pinterest:hover { - background: rgba(204, 33, 39, 0.2); } + color: #cc2127; +} + +.btn-social-outline-pinterest:hover { + background: rgba(204, 33, 39, 0.2); +} .btn-social-outline-youtube { background: transparent; border-color: #e52d27; - color: #e52d27; } - .btn-social-outline-youtube:hover { - background: rgba(229, 45, 39, 0.2); } + color: #e52d27; +} + +.btn-social-outline-youtube:hover { + background: rgba(229, 45, 39, 0.2); +} .btn-social-outline-github { background: transparent; border-color: #333333; - color: #333333; } - .btn-social-outline-github:hover { - background: rgba(51, 51, 51, 0.2); } + color: #333333; +} + +.btn-social-outline-github:hover { + background: rgba(51, 51, 51, 0.2); +} .btn-social-outline-behance { background: transparent; border-color: #1769ff; - color: #1769ff; } - .btn-social-outline-behance:hover { - background: rgba(23, 105, 255, 0.2); } + color: #1769ff; +} + +.btn-social-outline-behance:hover { + background: rgba(23, 105, 255, 0.2); +} .btn-social-outline-dribbble { background: transparent; border-color: #ea4c89; - color: #ea4c89; } - .btn-social-outline-dribbble:hover { - background: rgba(234, 76, 137, 0.2); } + color: #ea4c89; +} + +.btn-social-outline-dribbble:hover { + background: rgba(234, 76, 137, 0.2); +} .btn-social-outline-reddit { background: transparent; border-color: #ff4500; - color: #ff4500; } - .btn-social-outline-reddit:hover { - background: rgba(255, 69, 0, 0.2); } + color: #ff4500; +} + +.btn-social-outline-reddit:hover { + background: rgba(255, 69, 0, 0.2); +} /* inverse buttons */ .btn-inverse-primary { color: #2196f3; background-color: rgba(33, 150, 243, 0.2); background-image: none; - border-color: rgba(33, 150, 243, 0); } - .btn-inverse-primary:hover { - color: #ffffff; - background-color: #2196f3; - border-color: #2196f3; } - .btn-inverse-primary.disabled, .btn-inverse-primary:disabled { - color: #2196f3; - background-color: transparent; } - .btn-inverse-primary.active, .btn-inverse-primary:active, - .show > .btn-inverse-primary.dropdown-toggle { - color: #ffffff; - background-color: #2196f3; - border-color: #2196f3; } + border-color: rgba(33, 150, 243, 0); +} + +.btn-inverse-primary:hover { + color: #ffffff; + background-color: #2196f3; + border-color: #2196f3; +} + +.btn-inverse-primary.disabled, +.btn-inverse-primary:disabled { + color: #2196f3; + background-color: transparent; +} + +.btn-inverse-primary.active, +.btn-inverse-primary:active, +.show>.btn-inverse-primary.dropdown-toggle { + color: #ffffff; + background-color: #2196f3; + border-color: #2196f3; +} .btn-inverse-secondary { color: #dde4eb; background-color: rgba(221, 228, 235, 0.2); background-image: none; - border-color: rgba(221, 228, 235, 0); } - .btn-inverse-secondary:hover { - color: #ffffff; - background-color: #dde4eb; - border-color: #dde4eb; } - .btn-inverse-secondary.disabled, .btn-inverse-secondary:disabled { - color: #dde4eb; - background-color: transparent; } - .btn-inverse-secondary.active, .btn-inverse-secondary:active, - .show > .btn-inverse-secondary.dropdown-toggle { - color: #ffffff; - background-color: #dde4eb; - border-color: #dde4eb; } + border-color: rgba(221, 228, 235, 0); +} + +.btn-inverse-secondary:hover { + color: #ffffff; + background-color: #dde4eb; + border-color: #dde4eb; +} + +.btn-inverse-secondary.disabled, +.btn-inverse-secondary:disabled { + color: #dde4eb; + background-color: transparent; +} + +.btn-inverse-secondary.active, +.btn-inverse-secondary:active, +.show>.btn-inverse-secondary.dropdown-toggle { + color: #ffffff; + background-color: #dde4eb; + border-color: #dde4eb; +} .btn-inverse-success { color: #19d895; background-color: rgba(25, 216, 149, 0.2); background-image: none; - border-color: rgba(25, 216, 149, 0); } - .btn-inverse-success:hover { - color: #ffffff; - background-color: #19d895; - border-color: #19d895; } - .btn-inverse-success.disabled, .btn-inverse-success:disabled { - color: #19d895; - background-color: transparent; } - .btn-inverse-success.active, .btn-inverse-success:active, - .show > .btn-inverse-success.dropdown-toggle { - color: #ffffff; - background-color: #19d895; - border-color: #19d895; } + border-color: rgba(25, 216, 149, 0); +} + +.btn-inverse-success:hover { + color: #ffffff; + background-color: #19d895; + border-color: #19d895; +} + +.btn-inverse-success.disabled, +.btn-inverse-success:disabled { + color: #19d895; + background-color: transparent; +} + +.btn-inverse-success.active, +.btn-inverse-success:active, +.show>.btn-inverse-success.dropdown-toggle { + color: #ffffff; + background-color: #19d895; + border-color: #19d895; +} .btn-inverse-info { color: #8862e0; background-color: rgba(136, 98, 224, 0.2); background-image: none; - border-color: rgba(136, 98, 224, 0); } - .btn-inverse-info:hover { - color: #ffffff; - background-color: #8862e0; - border-color: #8862e0; } - .btn-inverse-info.disabled, .btn-inverse-info:disabled { - color: #8862e0; - background-color: transparent; } - .btn-inverse-info.active, .btn-inverse-info:active, - .show > .btn-inverse-info.dropdown-toggle { - color: #ffffff; - background-color: #8862e0; - border-color: #8862e0; } + border-color: rgba(136, 98, 224, 0); +} + +.btn-inverse-info:hover { + color: #ffffff; + background-color: #8862e0; + border-color: #8862e0; +} + +.btn-inverse-info.disabled, +.btn-inverse-info:disabled { + color: #8862e0; + background-color: transparent; +} + +.btn-inverse-info.active, +.btn-inverse-info:active, +.show>.btn-inverse-info.dropdown-toggle { + color: #ffffff; + background-color: #8862e0; + border-color: #8862e0; +} .btn-inverse-warning { color: #ffaf00; background-color: rgba(255, 175, 0, 0.2); background-image: none; - border-color: rgba(255, 175, 0, 0); } - .btn-inverse-warning:hover { - color: #ffffff; - background-color: #ffaf00; - border-color: #ffaf00; } - .btn-inverse-warning.disabled, .btn-inverse-warning:disabled { - color: #ffaf00; - background-color: transparent; } - .btn-inverse-warning.active, .btn-inverse-warning:active, - .show > .btn-inverse-warning.dropdown-toggle { - color: #ffffff; - background-color: #ffaf00; - border-color: #ffaf00; } + border-color: rgba(255, 175, 0, 0); +} + +.btn-inverse-warning:hover { + color: #ffffff; + background-color: #ffaf00; + border-color: #ffaf00; +} + +.btn-inverse-warning.disabled, +.btn-inverse-warning:disabled { + color: #ffaf00; + background-color: transparent; +} + +.btn-inverse-warning.active, +.btn-inverse-warning:active, +.show>.btn-inverse-warning.dropdown-toggle { + color: #ffffff; + background-color: #ffaf00; + border-color: #ffaf00; +} .btn-inverse-danger { color: #ff6258; background-color: rgba(255, 98, 88, 0.2); background-image: none; - border-color: rgba(255, 98, 88, 0); } - .btn-inverse-danger:hover { - color: #ffffff; - background-color: #ff6258; - border-color: #ff6258; } - .btn-inverse-danger.disabled, .btn-inverse-danger:disabled { - color: #ff6258; - background-color: transparent; } - .btn-inverse-danger.active, .btn-inverse-danger:active, - .show > .btn-inverse-danger.dropdown-toggle { - color: #ffffff; - background-color: #ff6258; - border-color: #ff6258; } + border-color: rgba(255, 98, 88, 0); +} + +.btn-inverse-danger:hover { + color: #ffffff; + background-color: #ff6258; + border-color: #ff6258; +} + +.btn-inverse-danger.disabled, +.btn-inverse-danger:disabled { + color: #ff6258; + background-color: transparent; +} + +.btn-inverse-danger.active, +.btn-inverse-danger:active, +.show>.btn-inverse-danger.dropdown-toggle { + color: #ffffff; + background-color: #ff6258; + border-color: #ff6258; +} .btn-inverse-light { color: #fbfbfb; background-color: rgba(251, 251, 251, 0.2); background-image: none; - border-color: rgba(251, 251, 251, 0); } - .btn-inverse-light:hover { - color: #ffffff; - background-color: #fbfbfb; - border-color: #fbfbfb; } - .btn-inverse-light.disabled, .btn-inverse-light:disabled { - color: #fbfbfb; - background-color: transparent; } - .btn-inverse-light.active, .btn-inverse-light:active, - .show > .btn-inverse-light.dropdown-toggle { - color: #ffffff; - background-color: #fbfbfb; - border-color: #fbfbfb; } + border-color: rgba(251, 251, 251, 0); +} + +.btn-inverse-light:hover { + color: #ffffff; + background-color: #fbfbfb; + border-color: #fbfbfb; +} + +.btn-inverse-light.disabled, +.btn-inverse-light:disabled { + color: #fbfbfb; + background-color: transparent; +} + +.btn-inverse-light.active, +.btn-inverse-light:active, +.show>.btn-inverse-light.dropdown-toggle { + color: #ffffff; + background-color: #fbfbfb; + border-color: #fbfbfb; +} .btn-inverse-dark { color: #252C46; background-color: rgba(37, 44, 70, 0.2); background-image: none; - border-color: rgba(37, 44, 70, 0); } - .btn-inverse-dark:hover { - color: #ffffff; - background-color: #252C46; - border-color: #252C46; } - .btn-inverse-dark.disabled, .btn-inverse-dark:disabled { - color: #252C46; - background-color: transparent; } - .btn-inverse-dark.active, .btn-inverse-dark:active, - .show > .btn-inverse-dark.dropdown-toggle { - color: #ffffff; - background-color: #252C46; - border-color: #252C46; } + border-color: rgba(37, 44, 70, 0); +} + +.btn-inverse-dark:hover { + color: #ffffff; + background-color: #252C46; + border-color: #252C46; +} + +.btn-inverse-dark.disabled, +.btn-inverse-dark:disabled { + color: #252C46; + background-color: transparent; +} + +.btn-inverse-dark.active, +.btn-inverse-dark:active, +.show>.btn-inverse-dark.dropdown-toggle { + color: #ffffff; + background-color: #252C46; + border-color: #252C46; +} /* Inverse Outlined Buttons */ .btn-inverse-outline-primary { color: #2196f3; background-image: none; background: transparent; - border-color: rgba(33, 150, 243, 0.2); } - .btn-inverse-outline-primary:hover { - color: #2196f3; - background-color: rgba(33, 150, 243, 0.2); - border-color: rgba(33, 150, 243, 0.2); } - .btn-inverse-outline-primary.focus, .btn-inverse-outline-primary:focus { - -webkit-box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.5); - box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.5); } - .btn-inverse-outline-primary.disabled, .btn-inverse-outline-primary:disabled { - color: #2196f3; - background-color: transparent; } - .btn-inverse-outline-primary.active, .btn-inverse-outline-primary:active, - .show > .btn-inverse-outline-primary.dropdown-toggle { - color: #ffffff; - border-color: #2196f3; } + border-color: rgba(33, 150, 243, 0.2); +} + +.btn-inverse-outline-primary:hover { + color: #2196f3; + background-color: rgba(33, 150, 243, 0.2); + border-color: rgba(33, 150, 243, 0.2); +} + +.btn-inverse-outline-primary.focus, +.btn-inverse-outline-primary:focus { + -webkit-box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.5); + box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.5); +} + +.btn-inverse-outline-primary.disabled, +.btn-inverse-outline-primary:disabled { + color: #2196f3; + background-color: transparent; +} + +.btn-inverse-outline-primary.active, +.btn-inverse-outline-primary:active, +.show>.btn-inverse-outline-primary.dropdown-toggle { + color: #ffffff; + border-color: #2196f3; +} .btn-inverse-outline-secondary { color: #dde4eb; background-image: none; background: transparent; - border-color: rgba(221, 228, 235, 0.2); } - .btn-inverse-outline-secondary:hover { - color: #dde4eb; - background-color: rgba(221, 228, 235, 0.2); - border-color: rgba(221, 228, 235, 0.2); } - .btn-inverse-outline-secondary.focus, .btn-inverse-outline-secondary:focus { - -webkit-box-shadow: 0 0 0 3px rgba(221, 228, 235, 0.5); - box-shadow: 0 0 0 3px rgba(221, 228, 235, 0.5); } - .btn-inverse-outline-secondary.disabled, .btn-inverse-outline-secondary:disabled { - color: #dde4eb; - background-color: transparent; } - .btn-inverse-outline-secondary.active, .btn-inverse-outline-secondary:active, - .show > .btn-inverse-outline-secondary.dropdown-toggle { - color: #ffffff; - border-color: #dde4eb; } + border-color: rgba(221, 228, 235, 0.2); +} + +.btn-inverse-outline-secondary:hover { + color: #dde4eb; + background-color: rgba(221, 228, 235, 0.2); + border-color: rgba(221, 228, 235, 0.2); +} + +.btn-inverse-outline-secondary.focus, +.btn-inverse-outline-secondary:focus { + -webkit-box-shadow: 0 0 0 3px rgba(221, 228, 235, 0.5); + box-shadow: 0 0 0 3px rgba(221, 228, 235, 0.5); +} + +.btn-inverse-outline-secondary.disabled, +.btn-inverse-outline-secondary:disabled { + color: #dde4eb; + background-color: transparent; +} + +.btn-inverse-outline-secondary.active, +.btn-inverse-outline-secondary:active, +.show>.btn-inverse-outline-secondary.dropdown-toggle { + color: #ffffff; + border-color: #dde4eb; +} .btn-inverse-outline-success { color: #19d895; background-image: none; background: transparent; - border-color: rgba(25, 216, 149, 0.2); } - .btn-inverse-outline-success:hover { - color: #19d895; - background-color: rgba(25, 216, 149, 0.2); - border-color: rgba(25, 216, 149, 0.2); } - .btn-inverse-outline-success.focus, .btn-inverse-outline-success:focus { - -webkit-box-shadow: 0 0 0 3px rgba(25, 216, 149, 0.5); - box-shadow: 0 0 0 3px rgba(25, 216, 149, 0.5); } - .btn-inverse-outline-success.disabled, .btn-inverse-outline-success:disabled { - color: #19d895; - background-color: transparent; } - .btn-inverse-outline-success.active, .btn-inverse-outline-success:active, - .show > .btn-inverse-outline-success.dropdown-toggle { - color: #ffffff; - border-color: #19d895; } + border-color: rgba(25, 216, 149, 0.2); +} + +.btn-inverse-outline-success:hover { + color: #19d895; + background-color: rgba(25, 216, 149, 0.2); + border-color: rgba(25, 216, 149, 0.2); +} + +.btn-inverse-outline-success.focus, +.btn-inverse-outline-success:focus { + -webkit-box-shadow: 0 0 0 3px rgba(25, 216, 149, 0.5); + box-shadow: 0 0 0 3px rgba(25, 216, 149, 0.5); +} + +.btn-inverse-outline-success.disabled, +.btn-inverse-outline-success:disabled { + color: #19d895; + background-color: transparent; +} + +.btn-inverse-outline-success.active, +.btn-inverse-outline-success:active, +.show>.btn-inverse-outline-success.dropdown-toggle { + color: #ffffff; + border-color: #19d895; +} .btn-inverse-outline-info { color: #8862e0; background-image: none; background: transparent; - border-color: rgba(136, 98, 224, 0.2); } - .btn-inverse-outline-info:hover { - color: #8862e0; - background-color: rgba(136, 98, 224, 0.2); - border-color: rgba(136, 98, 224, 0.2); } - .btn-inverse-outline-info.focus, .btn-inverse-outline-info:focus { - -webkit-box-shadow: 0 0 0 3px rgba(136, 98, 224, 0.5); - box-shadow: 0 0 0 3px rgba(136, 98, 224, 0.5); } - .btn-inverse-outline-info.disabled, .btn-inverse-outline-info:disabled { - color: #8862e0; - background-color: transparent; } - .btn-inverse-outline-info.active, .btn-inverse-outline-info:active, - .show > .btn-inverse-outline-info.dropdown-toggle { - color: #ffffff; - border-color: #8862e0; } + border-color: rgba(136, 98, 224, 0.2); +} + +.btn-inverse-outline-info:hover { + color: #8862e0; + background-color: rgba(136, 98, 224, 0.2); + border-color: rgba(136, 98, 224, 0.2); +} + +.btn-inverse-outline-info.focus, +.btn-inverse-outline-info:focus { + -webkit-box-shadow: 0 0 0 3px rgba(136, 98, 224, 0.5); + box-shadow: 0 0 0 3px rgba(136, 98, 224, 0.5); +} + +.btn-inverse-outline-info.disabled, +.btn-inverse-outline-info:disabled { + color: #8862e0; + background-color: transparent; +} + +.btn-inverse-outline-info.active, +.btn-inverse-outline-info:active, +.show>.btn-inverse-outline-info.dropdown-toggle { + color: #ffffff; + border-color: #8862e0; +} .btn-inverse-outline-warning { color: #ffaf00; background-image: none; background: transparent; - border-color: rgba(255, 175, 0, 0.2); } - .btn-inverse-outline-warning:hover { - color: #ffaf00; - background-color: rgba(255, 175, 0, 0.2); - border-color: rgba(255, 175, 0, 0.2); } - .btn-inverse-outline-warning.focus, .btn-inverse-outline-warning:focus { - -webkit-box-shadow: 0 0 0 3px rgba(255, 175, 0, 0.5); - box-shadow: 0 0 0 3px rgba(255, 175, 0, 0.5); } - .btn-inverse-outline-warning.disabled, .btn-inverse-outline-warning:disabled { - color: #ffaf00; - background-color: transparent; } - .btn-inverse-outline-warning.active, .btn-inverse-outline-warning:active, - .show > .btn-inverse-outline-warning.dropdown-toggle { - color: #ffffff; - border-color: #ffaf00; } + border-color: rgba(255, 175, 0, 0.2); +} + +.btn-inverse-outline-warning:hover { + color: #ffaf00; + background-color: rgba(255, 175, 0, 0.2); + border-color: rgba(255, 175, 0, 0.2); +} + +.btn-inverse-outline-warning.focus, +.btn-inverse-outline-warning:focus { + -webkit-box-shadow: 0 0 0 3px rgba(255, 175, 0, 0.5); + box-shadow: 0 0 0 3px rgba(255, 175, 0, 0.5); +} + +.btn-inverse-outline-warning.disabled, +.btn-inverse-outline-warning:disabled { + color: #ffaf00; + background-color: transparent; +} + +.btn-inverse-outline-warning.active, +.btn-inverse-outline-warning:active, +.show>.btn-inverse-outline-warning.dropdown-toggle { + color: #ffffff; + border-color: #ffaf00; +} .btn-inverse-outline-danger { color: #ff6258; background-image: none; background: transparent; - border-color: rgba(255, 98, 88, 0.2); } - .btn-inverse-outline-danger:hover { - color: #ff6258; - background-color: rgba(255, 98, 88, 0.2); - border-color: rgba(255, 98, 88, 0.2); } - .btn-inverse-outline-danger.focus, .btn-inverse-outline-danger:focus { - -webkit-box-shadow: 0 0 0 3px rgba(255, 98, 88, 0.5); - box-shadow: 0 0 0 3px rgba(255, 98, 88, 0.5); } - .btn-inverse-outline-danger.disabled, .btn-inverse-outline-danger:disabled { - color: #ff6258; - background-color: transparent; } - .btn-inverse-outline-danger.active, .btn-inverse-outline-danger:active, - .show > .btn-inverse-outline-danger.dropdown-toggle { - color: #ffffff; - border-color: #ff6258; } + border-color: rgba(255, 98, 88, 0.2); +} + +.btn-inverse-outline-danger:hover { + color: #ff6258; + background-color: rgba(255, 98, 88, 0.2); + border-color: rgba(255, 98, 88, 0.2); +} + +.btn-inverse-outline-danger.focus, +.btn-inverse-outline-danger:focus { + -webkit-box-shadow: 0 0 0 3px rgba(255, 98, 88, 0.5); + box-shadow: 0 0 0 3px rgba(255, 98, 88, 0.5); +} + +.btn-inverse-outline-danger.disabled, +.btn-inverse-outline-danger:disabled { + color: #ff6258; + background-color: transparent; +} + +.btn-inverse-outline-danger.active, +.btn-inverse-outline-danger:active, +.show>.btn-inverse-outline-danger.dropdown-toggle { + color: #ffffff; + border-color: #ff6258; +} .btn-inverse-outline-light { color: #fbfbfb; background-image: none; background: transparent; - border-color: rgba(251, 251, 251, 0.2); } - .btn-inverse-outline-light:hover { - color: #fbfbfb; - background-color: rgba(251, 251, 251, 0.2); - border-color: rgba(251, 251, 251, 0.2); } - .btn-inverse-outline-light.focus, .btn-inverse-outline-light:focus { - -webkit-box-shadow: 0 0 0 3px rgba(251, 251, 251, 0.5); - box-shadow: 0 0 0 3px rgba(251, 251, 251, 0.5); } - .btn-inverse-outline-light.disabled, .btn-inverse-outline-light:disabled { - color: #fbfbfb; - background-color: transparent; } - .btn-inverse-outline-light.active, .btn-inverse-outline-light:active, - .show > .btn-inverse-outline-light.dropdown-toggle { - color: #ffffff; - border-color: #fbfbfb; } + border-color: rgba(251, 251, 251, 0.2); +} + +.btn-inverse-outline-light:hover { + color: #fbfbfb; + background-color: rgba(251, 251, 251, 0.2); + border-color: rgba(251, 251, 251, 0.2); +} + +.btn-inverse-outline-light.focus, +.btn-inverse-outline-light:focus { + -webkit-box-shadow: 0 0 0 3px rgba(251, 251, 251, 0.5); + box-shadow: 0 0 0 3px rgba(251, 251, 251, 0.5); +} + +.btn-inverse-outline-light.disabled, +.btn-inverse-outline-light:disabled { + color: #fbfbfb; + background-color: transparent; +} + +.btn-inverse-outline-light.active, +.btn-inverse-outline-light:active, +.show>.btn-inverse-outline-light.dropdown-toggle { + color: #ffffff; + border-color: #fbfbfb; +} .btn-inverse-outline-dark { color: #252C46; background-image: none; background: transparent; - border-color: rgba(37, 44, 70, 0.2); } - .btn-inverse-outline-dark:hover { - color: #252C46; - background-color: rgba(37, 44, 70, 0.2); - border-color: rgba(37, 44, 70, 0.2); } - .btn-inverse-outline-dark.focus, .btn-inverse-outline-dark:focus { - -webkit-box-shadow: 0 0 0 3px rgba(37, 44, 70, 0.5); - box-shadow: 0 0 0 3px rgba(37, 44, 70, 0.5); } - .btn-inverse-outline-dark.disabled, .btn-inverse-outline-dark:disabled { - color: #252C46; - background-color: transparent; } - .btn-inverse-outline-dark.active, .btn-inverse-outline-dark:active, - .show > .btn-inverse-outline-dark.dropdown-toggle { - color: #ffffff; - border-color: #252C46; } + border-color: rgba(37, 44, 70, 0.2); +} + +.btn-inverse-outline-dark:hover { + color: #252C46; + background-color: rgba(37, 44, 70, 0.2); + border-color: rgba(37, 44, 70, 0.2); +} + +.btn-inverse-outline-dark.focus, +.btn-inverse-outline-dark:focus { + -webkit-box-shadow: 0 0 0 3px rgba(37, 44, 70, 0.5); + box-shadow: 0 0 0 3px rgba(37, 44, 70, 0.5); +} + +.btn-inverse-outline-dark.disabled, +.btn-inverse-outline-dark:disabled { + color: #252C46; + background-color: transparent; +} + +.btn-inverse-outline-dark.active, +.btn-inverse-outline-dark:active, +.show>.btn-inverse-outline-dark.dropdown-toggle { + color: #ffffff; + border-color: #252C46; +} /* Breadcrumbs */ .breadcrumb .breadcrumb-item { - font-size: 0.875rem; } - .breadcrumb .breadcrumb-item.active { - color: rgba(255, 255, 255, 0.8); } + font-size: 0.875rem; +} + +.breadcrumb .breadcrumb-item.active { + color: rgba(255, 255, 255, 0.8); +} .breadcrumb.breadcrumb-custom { padding: 0 0; - border-color: #dbe3e6; } - .breadcrumb.breadcrumb-custom .breadcrumb-item { - font-size: 0.875rem; - background: #dbe3e6; - padding: 0.56rem 10px; - color: #fff; - display: inline-block; - vertical-align: top; } - .breadcrumb.breadcrumb-custom .breadcrumb-item.active { - color: #fff; } - .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { - background: transparent; } - .breadcrumb.breadcrumb-custom .breadcrumb-item:before { - content: ""; } - .breadcrumb.breadcrumb-custom .breadcrumb-item a { - position: relative; - color: inherit; - border: 1px solid #dbe3e6; - display: inline-block; - vertical-align: top; } - .breadcrumb.breadcrumb-custom .breadcrumb-item a:after, .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { - position: absolute; - top: -9px; - width: 0; - height: 0; - content: ""; - border-top: 21px solid transparent; - border-bottom: 21px solid transparent; } - .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { - right: -22px; - z-index: 3; - border-left-color: #dbe3e6; - border-left-style: solid; - border-left-width: 12px; } - .breadcrumb.breadcrumb-custom .breadcrumb-item a:after { - border-top: 21px solid transparent; - border-bottom: 22px solid transparent; - border-left: 12px solid #ffffff; - top: -9px; - right: -23px; } - .breadcrumb.breadcrumb-custom .breadcrumb-item span { - display: inline-block; - vertical-align: top; } + border-color: #dbe3e6; +} -.breadcrumb.bg-danger, .settings-panel .color-tiles .breadcrumb.tiles.danger, .breadcrumb.bg-dark, .settings-panel .color-tiles .breadcrumb.tiles.dark, .breadcrumb.bg-info, .settings-panel .color-tiles .breadcrumb.tiles.info, .breadcrumb.bg-primary, .settings-panel .color-tiles .breadcrumb.tiles.primary, .breadcrumb.bg-success, .settings-panel .color-tiles .breadcrumb.tiles.success, .breadcrumb.bg-warning, .settings-panel .color-tiles .breadcrumb.tiles.warning { - border: none; } - .breadcrumb.bg-danger .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item, .breadcrumb.bg-dark .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item, .breadcrumb.bg-info .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item, .breadcrumb.bg-primary .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item, .breadcrumb.bg-success .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item, .breadcrumb.bg-warning .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item { - color: #000; } - .breadcrumb.bg-danger .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item:before, .breadcrumb.bg-dark .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item:before, .breadcrumb.bg-info .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item:before, .breadcrumb.bg-primary .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item:before, .breadcrumb.bg-success .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item:before, .breadcrumb.bg-warning .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item:before { - color: inherit; } - .breadcrumb.bg-danger .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item a, - .breadcrumb.bg-danger .breadcrumb-item span, - .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item span, .breadcrumb.bg-dark .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item a, - .breadcrumb.bg-dark .breadcrumb-item span, - .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item span, .breadcrumb.bg-info .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item a, - .breadcrumb.bg-info .breadcrumb-item span, - .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item span, .breadcrumb.bg-primary .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item a, - .breadcrumb.bg-primary .breadcrumb-item span, - .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item span, .breadcrumb.bg-success .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item a, - .breadcrumb.bg-success .breadcrumb-item span, - .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item span, .breadcrumb.bg-warning .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item a, - .breadcrumb.bg-warning .breadcrumb-item span, - .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item span { - color: inherit; } +.breadcrumb.breadcrumb-custom .breadcrumb-item { + font-size: 0.875rem; + background: #dbe3e6; + padding: 0.56rem 10px; + color: #fff; + display: inline-block; + vertical-align: top; +} + +.breadcrumb.breadcrumb-custom .breadcrumb-item.active { + color: #fff; +} + +.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { + background: transparent; +} + +.breadcrumb.breadcrumb-custom .breadcrumb-item:before { + content: ""; +} + +.breadcrumb.breadcrumb-custom .breadcrumb-item a { + position: relative; + color: inherit; + border: 1px solid #dbe3e6; + display: inline-block; + vertical-align: top; +} + +.breadcrumb.breadcrumb-custom .breadcrumb-item a:after, +.breadcrumb.breadcrumb-custom .breadcrumb-item a:before { + position: absolute; + top: -9px; + width: 0; + height: 0; + content: ""; + border-top: 21px solid transparent; + border-bottom: 21px solid transparent; +} + +.breadcrumb.breadcrumb-custom .breadcrumb-item a:before { + right: -22px; + z-index: 3; + border-left-color: #dbe3e6; + border-left-style: solid; + border-left-width: 12px; +} + +.breadcrumb.breadcrumb-custom .breadcrumb-item a:after { + border-top: 21px solid transparent; + border-bottom: 22px solid transparent; + border-left: 12px solid #ffffff; + top: -9px; + right: -23px; +} + +.breadcrumb.breadcrumb-custom .breadcrumb-item span { + display: inline-block; + vertical-align: top; +} + +.breadcrumb.bg-danger, +.settings-panel .color-tiles .breadcrumb.tiles.danger, +.breadcrumb.bg-dark, +.settings-panel .color-tiles .breadcrumb.tiles.dark, +.breadcrumb.bg-info, +.settings-panel .color-tiles .breadcrumb.tiles.info, +.breadcrumb.bg-primary, +.settings-panel .color-tiles .breadcrumb.tiles.primary, +.breadcrumb.bg-success, +.settings-panel .color-tiles .breadcrumb.tiles.success, +.breadcrumb.bg-warning, +.settings-panel .color-tiles .breadcrumb.tiles.warning { + border: none; +} + +.breadcrumb.bg-danger .breadcrumb-item, +.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item, +.breadcrumb.bg-dark .breadcrumb-item, +.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item, +.breadcrumb.bg-info .breadcrumb-item, +.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item, +.breadcrumb.bg-primary .breadcrumb-item, +.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item, +.breadcrumb.bg-success .breadcrumb-item, +.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item, +.breadcrumb.bg-warning .breadcrumb-item, +.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item { + color: #000; +} + +.breadcrumb.bg-danger .breadcrumb-item:before, +.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item:before, +.breadcrumb.bg-dark .breadcrumb-item:before, +.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item:before, +.breadcrumb.bg-info .breadcrumb-item:before, +.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item:before, +.breadcrumb.bg-primary .breadcrumb-item:before, +.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item:before, +.breadcrumb.bg-success .breadcrumb-item:before, +.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item:before, +.breadcrumb.bg-warning .breadcrumb-item:before, +.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item:before { + color: inherit; +} + +.breadcrumb.bg-danger .breadcrumb-item a, +.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item a, +.breadcrumb.bg-danger .breadcrumb-item span, +.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item span, +.breadcrumb.bg-dark .breadcrumb-item a, +.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item a, +.breadcrumb.bg-dark .breadcrumb-item span, +.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item span, +.breadcrumb.bg-info .breadcrumb-item a, +.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item a, +.breadcrumb.bg-info .breadcrumb-item span, +.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item span, +.breadcrumb.bg-primary .breadcrumb-item a, +.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item a, +.breadcrumb.bg-primary .breadcrumb-item span, +.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item span, +.breadcrumb.bg-success .breadcrumb-item a, +.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item a, +.breadcrumb.bg-success .breadcrumb-item span, +.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item span, +.breadcrumb.bg-warning .breadcrumb-item a, +.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item a, +.breadcrumb.bg-warning .breadcrumb-item span, +.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item span { + color: inherit; +} /* inverse breadcrumb */ -.bg-inverse-primary .breadcrumb, .image-grouped .text-avatar .breadcrumb { +.bg-inverse-primary .breadcrumb, +.image-grouped .text-avatar .breadcrumb { background: #9acffa; - border-color: #2196f3; } - .bg-inverse-primary .breadcrumb .breadcrumb-item, .image-grouped .text-avatar .breadcrumb .breadcrumb-item { - color: #2196f3; } - .bg-inverse-primary .breadcrumb .breadcrumb-item:before, .image-grouped .text-avatar .breadcrumb .breadcrumb-item:before { - color: inherit; } - .bg-inverse-primary .breadcrumb .breadcrumb-item a, .image-grouped .text-avatar .breadcrumb .breadcrumb-item a { - color: inherit; } - .bg-inverse-primary .breadcrumb.breadcrumb-custom, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom { - background: #2196f3; } - .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item { - background: #9acffa; } - .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item a, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item a { - color: #2196f3; - border: none; } - .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item a:before, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { - border-left-color: #9acffa; } - .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item span, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item span { - color: #2196f3; } - .bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child, .image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { - background: transparent; } + border-color: #2196f3; +} + +.bg-inverse-primary .breadcrumb .breadcrumb-item, +.image-grouped .text-avatar .breadcrumb .breadcrumb-item { + color: #2196f3; +} + +.bg-inverse-primary .breadcrumb .breadcrumb-item:before, +.image-grouped .text-avatar .breadcrumb .breadcrumb-item:before { + color: inherit; +} + +.bg-inverse-primary .breadcrumb .breadcrumb-item a, +.image-grouped .text-avatar .breadcrumb .breadcrumb-item a { + color: inherit; +} + +.bg-inverse-primary .breadcrumb.breadcrumb-custom, +.image-grouped .text-avatar .breadcrumb.breadcrumb-custom { + background: #2196f3; +} + +.bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item, +.image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item { + background: #9acffa; +} + +.bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item a, +.image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item a { + color: #2196f3; + border: none; +} + +.bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item a:before, +.image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { + border-left-color: #9acffa; +} + +.bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item span, +.image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item span { + color: #2196f3; +} + +.bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child, +.image-grouped .text-avatar .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { + background: transparent; +} .bg-inverse-secondary .breadcrumb { background: white; - border-color: #dde4eb; } - .bg-inverse-secondary .breadcrumb .breadcrumb-item { - color: #dde4eb; } - .bg-inverse-secondary .breadcrumb .breadcrumb-item:before { - color: inherit; } - .bg-inverse-secondary .breadcrumb .breadcrumb-item a { - color: inherit; } - .bg-inverse-secondary .breadcrumb.breadcrumb-custom { - background: #dde4eb; } - .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item { - background: white; } - .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item a { - color: #dde4eb; - border: none; } - .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { - border-left-color: white; } - .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item span { - color: #dde4eb; } - .bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { - background: transparent; } + border-color: #dde4eb; +} + +.bg-inverse-secondary .breadcrumb .breadcrumb-item { + color: #dde4eb; +} + +.bg-inverse-secondary .breadcrumb .breadcrumb-item:before { + color: inherit; +} + +.bg-inverse-secondary .breadcrumb .breadcrumb-item a { + color: inherit; +} + +.bg-inverse-secondary .breadcrumb.breadcrumb-custom { + background: #dde4eb; +} + +.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item { + background: white; +} + +.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item a { + color: #dde4eb; + border: none; +} + +.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { + border-left-color: white; +} + +.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item span { + color: #dde4eb; +} + +.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { + background: transparent; +} .bg-inverse-success .breadcrumb { background: #80f0c9; - border-color: #19d895; } - .bg-inverse-success .breadcrumb .breadcrumb-item { - color: #19d895; } - .bg-inverse-success .breadcrumb .breadcrumb-item:before { - color: inherit; } - .bg-inverse-success .breadcrumb .breadcrumb-item a { - color: inherit; } - .bg-inverse-success .breadcrumb.breadcrumb-custom { - background: #19d895; } - .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item { - background: #80f0c9; } - .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item a { - color: #19d895; - border: none; } - .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { - border-left-color: #80f0c9; } - .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item span { - color: #19d895; } - .bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { - background: transparent; } + border-color: #19d895; +} + +.bg-inverse-success .breadcrumb .breadcrumb-item { + color: #19d895; +} + +.bg-inverse-success .breadcrumb .breadcrumb-item:before { + color: inherit; +} + +.bg-inverse-success .breadcrumb .breadcrumb-item a { + color: inherit; +} + +.bg-inverse-success .breadcrumb.breadcrumb-custom { + background: #19d895; +} + +.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item { + background: #80f0c9; +} + +.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item a { + color: #19d895; + border: none; +} + +.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { + border-left-color: #80f0c9; +} + +.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item span { + color: #19d895; +} + +.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { + background: transparent; +} .bg-inverse-info .breadcrumb { background: #d9ccf5; - border-color: #8862e0; } - .bg-inverse-info .breadcrumb .breadcrumb-item { - color: #8862e0; } - .bg-inverse-info .breadcrumb .breadcrumb-item:before { - color: inherit; } - .bg-inverse-info .breadcrumb .breadcrumb-item a { - color: inherit; } - .bg-inverse-info .breadcrumb.breadcrumb-custom { - background: #8862e0; } - .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item { - background: #d9ccf5; } - .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item a { - color: #8862e0; - border: none; } - .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { - border-left-color: #d9ccf5; } - .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item span { - color: #8862e0; } - .bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { - background: transparent; } + border-color: #8862e0; +} + +.bg-inverse-info .breadcrumb .breadcrumb-item { + color: #8862e0; +} + +.bg-inverse-info .breadcrumb .breadcrumb-item:before { + color: inherit; +} + +.bg-inverse-info .breadcrumb .breadcrumb-item a { + color: inherit; +} + +.bg-inverse-info .breadcrumb.breadcrumb-custom { + background: #8862e0; +} + +.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item { + background: #d9ccf5; +} + +.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item a { + color: #8862e0; + border: none; +} + +.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { + border-left-color: #d9ccf5; +} + +.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item span { + color: #8862e0; +} + +.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { + background: transparent; +} .bg-inverse-warning .breadcrumb { background: #ffd780; - border-color: #ffaf00; } - .bg-inverse-warning .breadcrumb .breadcrumb-item { - color: #ffaf00; } - .bg-inverse-warning .breadcrumb .breadcrumb-item:before { - color: inherit; } - .bg-inverse-warning .breadcrumb .breadcrumb-item a { - color: inherit; } - .bg-inverse-warning .breadcrumb.breadcrumb-custom { - background: #ffaf00; } - .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item { - background: #ffd780; } - .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item a { - color: #ffaf00; - border: none; } - .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { - border-left-color: #ffd780; } - .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item span { - color: #ffaf00; } - .bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { - background: transparent; } + border-color: #ffaf00; +} + +.bg-inverse-warning .breadcrumb .breadcrumb-item { + color: #ffaf00; +} + +.bg-inverse-warning .breadcrumb .breadcrumb-item:before { + color: inherit; +} + +.bg-inverse-warning .breadcrumb .breadcrumb-item a { + color: inherit; +} + +.bg-inverse-warning .breadcrumb.breadcrumb-custom { + background: #ffaf00; +} + +.bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item { + background: #ffd780; +} + +.bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item a { + color: #ffaf00; + border: none; +} + +.bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { + border-left-color: #ffd780; +} + +.bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item span { + color: #ffaf00; +} + +.bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { + background: transparent; +} .bg-inverse-danger .breadcrumb { background: #ffdad8; - border-color: #ff6258; } - .bg-inverse-danger .breadcrumb .breadcrumb-item { - color: #ff6258; } - .bg-inverse-danger .breadcrumb .breadcrumb-item:before { - color: inherit; } - .bg-inverse-danger .breadcrumb .breadcrumb-item a { - color: inherit; } - .bg-inverse-danger .breadcrumb.breadcrumb-custom { - background: #ff6258; } - .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item { - background: #ffdad8; } - .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item a { - color: #ff6258; - border: none; } - .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { - border-left-color: #ffdad8; } - .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item span { - color: #ff6258; } - .bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { - background: transparent; } + border-color: #ff6258; +} + +.bg-inverse-danger .breadcrumb .breadcrumb-item { + color: #ff6258; +} + +.bg-inverse-danger .breadcrumb .breadcrumb-item:before { + color: inherit; +} + +.bg-inverse-danger .breadcrumb .breadcrumb-item a { + color: inherit; +} + +.bg-inverse-danger .breadcrumb.breadcrumb-custom { + background: #ff6258; +} + +.bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item { + background: #ffdad8; +} + +.bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item a { + color: #ff6258; + border: none; +} + +.bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { + border-left-color: #ffdad8; +} + +.bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item span { + color: #ff6258; +} + +.bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { + background: transparent; +} .bg-inverse-light .breadcrumb { background: white; - border-color: #fbfbfb; } - .bg-inverse-light .breadcrumb .breadcrumb-item { - color: #fbfbfb; } - .bg-inverse-light .breadcrumb .breadcrumb-item:before { - color: inherit; } - .bg-inverse-light .breadcrumb .breadcrumb-item a { - color: inherit; } - .bg-inverse-light .breadcrumb.breadcrumb-custom { - background: #fbfbfb; } - .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item { - background: white; } - .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item a { - color: #fbfbfb; - border: none; } - .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { - border-left-color: white; } - .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item span { - color: #fbfbfb; } - .bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { - background: transparent; } + border-color: #fbfbfb; +} + +.bg-inverse-light .breadcrumb .breadcrumb-item { + color: #fbfbfb; +} + +.bg-inverse-light .breadcrumb .breadcrumb-item:before { + color: inherit; +} + +.bg-inverse-light .breadcrumb .breadcrumb-item a { + color: inherit; +} + +.bg-inverse-light .breadcrumb.breadcrumb-custom { + background: #fbfbfb; +} + +.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item { + background: white; +} + +.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item a { + color: #fbfbfb; + border: none; +} + +.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { + border-left-color: white; +} + +.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item span { + color: #fbfbfb; +} + +.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { + background: transparent; +} .bg-inverse-dark .breadcrumb { background: #516099; - border-color: #252C46; } - .bg-inverse-dark .breadcrumb .breadcrumb-item { - color: #252C46; } - .bg-inverse-dark .breadcrumb .breadcrumb-item:before { - color: inherit; } - .bg-inverse-dark .breadcrumb .breadcrumb-item a { - color: inherit; } - .bg-inverse-dark .breadcrumb.breadcrumb-custom { - background: #252C46; } - .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item { - background: #516099; } - .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item a { - color: #252C46; - border: none; } - .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { - border-left-color: #516099; } - .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item span { - color: #252C46; } - .bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { - background: transparent; } + border-color: #252C46; +} + +.bg-inverse-dark .breadcrumb .breadcrumb-item { + color: #252C46; +} + +.bg-inverse-dark .breadcrumb .breadcrumb-item:before { + color: inherit; +} + +.bg-inverse-dark .breadcrumb .breadcrumb-item a { + color: inherit; +} + +.bg-inverse-dark .breadcrumb.breadcrumb-custom { + background: #252C46; +} + +.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item { + background: #516099; +} + +.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item a { + color: #252C46; + border: none; +} + +.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item a:before { + border-left-color: #516099; +} + +.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item span { + color: #252C46; +} + +.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child { + background: transparent; +} /* Cards */ .card { - border: none; } - .card .card-header { - background: #282a40; - padding: 1.88rem 1.81rem; - border-bottom: 1px solid #383e5d; } - .card .card-header h1, - .card .card-header h2, - .card .card-header h3, - .card .card-header h4, - .card .card-header h5, - .card .card-header h6, - .card .card-header p, - .card .card-header small { - margin-bottom: 0px; } - .card .card-header.header-sm { - padding: 15px 1.81rem; - height: 60px; } - .card .card-header.header-sm p, - .card .card-header.header-sm .dropdown .dropdown-toggle i { - color: #b9c0d3; } - .card .card-body { - padding: 1.88rem 1.81rem; } - .card .card-body.no-gutter { - padding: 0; } - .card .card-body + .card-body { - padding-top: 0; } - .card.card-outline-success { - border: 1px solid #19d895; } - .card.card-outline-primary { - border: 1px solid #2196f3; } - .card.card-outline-warning { - border: 1px solid #ffaf00; } - .card.card-outline-danger { - border: 1px solid #ff6258; } - .card.card-rounded { - border-radius: 5px; } - .card.card-faded { - background: #b5b0b2; - border-color: #b5b0b2; } - .card .card-subtitle { - color: rgba(255, 255, 255, 0.7); } - .card.card-circle-progress { - color: #ffffff; - text-align: center; } - .card.bg-blue-gradient { - background: -webkit-gradient(linear, left top, right top, from(#065efd), color-stop(#3169fd), to(#6f79fc)); - background: linear-gradient(to right, #065efd, #3169fd, #6f79fc); - color: #fff; } - .card.bg-orange-gradient { - background: -webkit-gradient(linear, left top, right top, from(#ff7f2e), to(#fe7452)); - background: linear-gradient(to right, #ff7f2e, #fe7452); - color: #fff; } - .card.bg-green-gradient { - background: -webkit-gradient(linear, left top, right top, from(#24e8a6), to(#09cdd1)); - background: linear-gradient(to right, #24e8a6, #09cdd1); - color: #fff; } - .card.card-no-shadow { - -webkit-box-shadow: none; - box-shadow: none; } + border: none; +} + +.card .card-header { + background: var(--card-banner-bg); + padding: 1.88rem 1.81rem; + border-bottom: 1px solid #383e5d; +} + +.card .card-header h1, +.card .card-header h2, +.card .card-header h3, +.card .card-header h4, +.card .card-header h5, +.card .card-header h6, +.card .card-header p, +.card .card-header small { + margin-bottom: 0px; +} + +.card .card-header.header-sm { + padding: 15px 1.81rem; + height: 60px; +} + +.card .card-header.header-sm p, +.card .card-header.header-sm .dropdown .dropdown-toggle i { + color: #b9c0d3; +} + +.card .card-body { + padding: 1.88rem 1.81rem; +} + +.card .card-body.no-gutter { + padding: 0; +} + +.card .card-body+.card-body { + padding-top: 0; +} + +.card.card-outline-success { + border: 1px solid #19d895; +} + +.card.card-outline-primary { + border: 1px solid #2196f3; +} + +.card.card-outline-warning { + border: 1px solid #ffaf00; +} + +.card.card-outline-danger { + border: 1px solid #ff6258; +} + +.card.card-rounded { + border-radius: 5px; +} + +.card.card-faded { + background: #b5b0b2; + border-color: #b5b0b2; +} + +.card .card-subtitle { + color: rgba(255, 255, 255, 0.7); +} + +.card.card-circle-progress { + color: #ffffff; + text-align: center; +} + +.card.bg-blue-gradient { + background: -webkit-gradient(linear, left top, right top, from(#065efd), color-stop(#3169fd), to(#6f79fc)); + background: linear-gradient(to right, #065efd, #3169fd, #6f79fc); + color: #fff; +} + +.card.bg-orange-gradient { + background: -webkit-gradient(linear, left top, right top, from(#ff7f2e), to(#fe7452)); + background: linear-gradient(to right, #ff7f2e, #fe7452); + color: #fff; +} + +.card.bg-green-gradient { + background: -webkit-gradient(linear, left top, right top, from(#24e8a6), to(#09cdd1)); + background: linear-gradient(to right, #24e8a6, #09cdd1); + color: #fff; +} + +.card.card-no-shadow { + -webkit-box-shadow: none; + box-shadow: none; +} .card-inverse-primary { background: rgba(33, 150, 243, 0.2); border: 1px solid #1e8ae0; - color: #1972b9; } + color: #1972b9; +} .card-inverse-secondary { background: rgba(221, 228, 235, 0.2); border: 1px solid #cbd2d8; - color: #a8adb3; } + color: #a8adb3; +} .card-inverse-success { background: rgba(25, 216, 149, 0.2); border: 1px solid #17c789; - color: #13a471; } + color: #13a471; +} .card-inverse-info { background: rgba(136, 98, 224, 0.2); border: 1px solid #7d5ace; - color: #674aaa; } + color: #674aaa; +} .card-inverse-warning { background: rgba(255, 175, 0, 0.2); border: 1px solid #eba100; - color: #c28500; } + color: #c28500; +} .card-inverse-danger { background: rgba(255, 98, 88, 0.2); border: 1px solid #eb5a51; - color: #c24a43; } + color: #c24a43; +} .card-inverse-light { background: rgba(251, 251, 251, 0.2); border: 1px solid #e7e7e7; - color: #bfbfbf; } + color: #bfbfbf; +} .card-inverse-dark { background: rgba(37, 44, 70, 0.2); border: 1px solid #222840; - color: #1c2135; } + color: #1c2135; +} /* Checkboxes and Radios */ .form-check, @@ -12733,114 +19603,146 @@ pre { position: relative; display: block; margin-top: 15px; - margin-bottom: 10px; } - .form-check .form-check-label, - .form-radio .form-check-label { - display: block; - padding-left: 30px; - line-height: 1.5; } - .rtl .form-check .form-check-label, .rtl - .form-radio .form-check-label { - padding-left: 0; - padding-right: 30px; } - .form-check .form-check-label input, - .form-radio .form-check-label input { - position: absolute; - margin-left: -20px; - margin-top: 4px\9; - top: 0; - left: 0; - z-index: 1; - cursor: pointer; - opacity: 0; - filter: alpha(opacity=0); - margin-top: 0; } - .rtl .form-check .form-check-label input, .rtl - .form-radio .form-check-label input { - left: auto; - right: 0; } + margin-bottom: 10px; +} + +.form-check .form-check-label, +.form-radio .form-check-label { + display: block; + padding-left: 30px; + line-height: 1.5; +} + +.rtl .form-check .form-check-label, +.rtl .form-radio .form-check-label { + padding-left: 0; + padding-right: 30px; +} + +.form-check .form-check-label input, +.form-radio .form-check-label input { + position: absolute; + margin-left: -20px; + margin-top: 4px\9; + top: 0; + left: 0; + z-index: 1; + cursor: pointer; + opacity: 0; + filter: alpha(opacity=0); + margin-top: 0; +} + +.rtl .form-check .form-check-label input, +.rtl .form-radio .form-check-label input { + left: auto; + right: 0; +} .form-check .form-check-label { font-size: 0.875rem; line-height: 1.5; - padding-left: 10px; } - .form-check .form-check-label input:checked + .input-helper:before { - background-color: #fbfbfb; } - .form-check .form-check-label input:checked + .input-helper:after { - width: 18px; - opacity: 1; - line-height: 18px; - -webkit-transform: scale(1); - transform: scale(1); } - .form-check .form-check-label input:disabled + .input-helper:before { - border-color: #383e5d; } - .form-check .form-check-label input:disabled:checked + .input-helper:after { - color: #383e5d; } - .form-check .form-check-label .input-helper:before { - position: absolute; - content: ""; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 18px; - height: 18px; - border-radius: 2px; - left: 0; - border: 2px solid #383e5d; - -webkit-transition: all; - transition: all; - -webkit-transition-duration: 0s; - transition-duration: 0s; - -webkit-transition-duration: 250ms; - transition-duration: 250ms; } - .rtl .form-check .form-check-label .input-helper:before { - left: auto; - right: 0; } - .form-check .form-check-label .input-helper:after { - -webkit-transition: all; - transition: all; - -webkit-transition-duration: 0s; - transition-duration: 0s; - -webkit-transition-duration: 250ms; - transition-duration: 250ms; - font-family: Material Design Icons; - opacity: 0; - filter: alpha(opacity=0); - -webkit-transform: scale(0); - transform: scale(0); - content: '\F12C'; - position: absolute; - font-size: 0.9375rem; - font-weight: bold; - left: 0; - top: 14%; - -webkit-transform: translateY(-14%); - transform: translateY(-14%); - color: #8862e0; } - .rtl .form-check .form-check-label .input-helper:after { - left: auto; - right: 0; } + padding-left: 10px; +} -.form-check.form-check-flat label input:checked + .input-helper:before { +.form-check .form-check-label input:checked+.input-helper:before { + background-color: #fbfbfb; +} + +.form-check .form-check-label input:checked+.input-helper:after { + width: 18px; + opacity: 1; + line-height: 18px; + -webkit-transform: scale(1); + transform: scale(1); +} + +.form-check .form-check-label input:disabled+.input-helper:before { + border-color: #383e5d; +} + +.form-check .form-check-label input:disabled:checked+.input-helper:after { + color: #383e5d; +} + +.form-check .form-check-label .input-helper:before { + position: absolute; + content: ""; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 18px; + height: 18px; + border-radius: 2px; + left: 0; + border: 2px solid #383e5d; + -webkit-transition: all; + transition: all; + -webkit-transition-duration: 0s; + transition-duration: 0s; + -webkit-transition-duration: 250ms; + transition-duration: 250ms; +} + +.rtl .form-check .form-check-label .input-helper:before { + left: auto; + right: 0; +} + +.form-check .form-check-label .input-helper:after { + -webkit-transition: all; + transition: all; + -webkit-transition-duration: 0s; + transition-duration: 0s; + -webkit-transition-duration: 250ms; + transition-duration: 250ms; + font-family: Material Design Icons; + opacity: 0; + filter: alpha(opacity=0); + -webkit-transform: scale(0); + transform: scale(0); + content: '\F12C'; + position: absolute; + font-size: 0.9375rem; + font-weight: bold; + left: 0; + top: 14%; + -webkit-transform: translateY(-14%); + transform: translateY(-14%); + color: #8862e0; +} + +.rtl .form-check .form-check-label .input-helper:after { + left: auto; + right: 0; +} + +.form-check.form-check-flat label input:checked+.input-helper:before { background-color: #19d895; - border: none; } + border: none; +} -.form-check.form-check-flat label input:disabled + .input-helper:after { - color: #fbfbfb; } +.form-check.form-check-flat label input:disabled+.input-helper:after { + color: #fbfbfb; +} -.form-check.form-check-flat label input:disabled + .input-helper:before { - border-color: #383e5d; } +.form-check.form-check-flat label input:disabled+.input-helper:before { + border-color: #383e5d; +} -.form-check.form-check-flat label input:disabled:checked + .input-helper:before { - background: #fbfbfb; } +.form-check.form-check-flat label input:disabled:checked+.input-helper:before { + background: #fbfbfb; +} .form-check.form-check-flat label .input-helper:before { - border: 2px solid #383e5d; } + border: 2px solid #383e5d; +} .form-check.form-check-flat label .input-helper:after { - color: #fbfbfb; } + color: #fbfbfb; +} -.form-radio label input + .input-helper:before { +.form-radio label input+.input-helper:before { position: absolute; content: ""; top: 50%; @@ -12855,12 +19757,15 @@ pre { transition: all; transition-duration: 0s; -webkit-transition-duration: 250ms; - transition-duration: 250ms; } - .rtl .form-radio label input + .input-helper:before { - left: auto; - right: 0; } + transition-duration: 250ms; +} -.form-radio label input + .input-helper:after { +.rtl .form-radio label input+.input-helper:before { + left: auto; + right: 0; +} + +.form-radio label input+.input-helper:after { content: ""; width: 8px; height: 8px; @@ -12878,43 +19783,52 @@ pre { filter: alpha(opacity=0); -webkit-transform: scale(0); transform: scale(0); - position: absolute; } - .rtl .form-radio label input + .input-helper:after { - left: auto; - right: 6px; } + position: absolute; +} -.form-radio label input:checked + .input-helper:before { +.rtl .form-radio label input+.input-helper:after { + left: auto; + right: 6px; +} + +.form-radio label input:checked+.input-helper:before { background-color: #fbfbfb; border: 2px solid #383e5d; top: 30%; -webkit-transform: translateY(-30%); - transform: translateY(-30%); } + transform: translateY(-30%); +} -.form-radio label input:checked + .input-helper:after { +.form-radio label input:checked+.input-helper:after { opacity: 1; line-height: 1.5; filter: alpha(opacity=100); -webkit-transform: scale(1); - transform: scale(1); } + transform: scale(1); +} -.form-radio label input:disabled + .input-helper:before { - border-color: #383e5d; } +.form-radio label input:disabled+.input-helper:before { + border-color: #383e5d; +} -.form-radio label input:disabled:checked + .input-helper:before { +.form-radio label input:disabled:checked+.input-helper:before { background-color: #fbfbfb; - border-color: #383e5d; } + border-color: #383e5d; +} -.form-radio label input:disabled:checked + .input-helper:after { - background-color: #383e5d; } +.form-radio label input:disabled:checked+.input-helper:after { + background-color: #383e5d; +} -.form-radio.form-radio-flat label input:checked + .input-helper:before { +.form-radio.form-radio-flat label input:checked+.input-helper:before { background: #19d895; border-color: #19d895; top: 50%; -webkit-transform: translateY(-50%); - transform: translateY(-50%); } + transform: translateY(-50%); +} -.form-radio.form-radio-flat label input:checked + .input-helper:after { +.form-radio.form-radio-flat label input:checked+.input-helper:after { width: 20px; height: 20px; top: 50%; @@ -12926,14 +19840,18 @@ pre { content: '\F12C'; font-family: Material Design Icons; text-align: center; - font-weight: bold; } - .rtl .form-radio.form-radio-flat label input:checked + .input-helper:after { - left: auto; - right: -2px; } + font-weight: bold; +} -.form-radio.form-radio-flat label input:disabled + .input-helper:before { +.rtl .form-radio.form-radio-flat label input:checked+.input-helper:after { + left: auto; + right: -2px; +} + +.form-radio.form-radio-flat label input:disabled+.input-helper:before { background: rgba(25, 216, 149, 0.4); - border-color: rgba(25, 216, 149, 0.05); } + border-color: rgba(25, 216, 149, 0.05); +} /* Dropdowns */ .dropdown .dropdown-toggle { @@ -12942,86 +19860,139 @@ pre { display: flex; -webkit-box-align: center; -ms-flex-align: center; - align-items: center; } - .dropdown .dropdown-toggle:after { - border: none; - content: "\F140"; - font-family: "Material Design Icons"; - font-size: 20px; - color: #fff; - text-rendering: auto; - line-height: inherit; - vertical-align: 0; } - .dropdown .dropdown-toggle.arrow-disabled { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; } - .dropdown .dropdown-toggle.arrow-disabled:focus, .dropdown .dropdown-toggle.arrow-disabled:visited, .dropdown .dropdown-toggle.arrow-disabled:active { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; } - .dropdown .dropdown-toggle.arrow-disabled:after { - display: none; } + align-items: center; +} + +.dropdown .dropdown-toggle:after { + border: none; + content: "\F140"; + font-family: "Material Design Icons"; + font-size: 20px; + color: #fff; + text-rendering: auto; + line-height: inherit; + vertical-align: 0; +} + +.dropdown .dropdown-toggle.arrow-disabled { + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.dropdown .dropdown-toggle.arrow-disabled:focus, +.dropdown .dropdown-toggle.arrow-disabled:visited, +.dropdown .dropdown-toggle.arrow-disabled:active { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.dropdown .dropdown-toggle.arrow-disabled:after { + display: none; +} .dropdown-menu { font-size: 0.875rem; - border: 1px solid #383e5d; } - @media (max-width: 992px) { - .dropdown-menu { - position: unset; } } - .dropdown-menu .dropdown-header { - background: #222437; - color: #fff; } - .dropdown-menu .dropdown-header * { - background: inherit; - color: inherit; } - .dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item, - .dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item { - background: #222437; - color: #fff; } - .dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item:hover, - .dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item:hover { - background: #2c2e47; - color: #ffffff; } - .dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item:active, - .dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item:active { - background: initial; } - .dropdown-menu .dropdown-item { - background: #222437; - color: #fff; } - .dropdown-menu .dropdown-item:hover { - background: #2c2e47; - color: #ffffff; } - .dropdown-menu .dropdown-item:active { - background: initial; } + border: 1px solid #383e5d; +} + +@media (max-width: 992px) { + .dropdown-menu { + position: unset; + } +} + +.dropdown-menu .dropdown-header { + background: var(--dropdown-bg); + color: #fff; +} + +.dropdown-menu .dropdown-header * { + background: inherit; + color: inherit; +} + +.dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item, +.dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item { + background: var(--dropdown-bg); + color: #fff; +} + +.dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item:hover, +.dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item:hover { + background: #2c2e47; + color: #ffffff; +} + +.dropdown-menu a:not([href]):not([tabindex]):hover.dropdown-item:active, +.dropdown-menu a:not([href]):not([tabindex]):focus.dropdown-item:active { + background: initial; +} + +.dropdown-menu .dropdown-item { + background: var(--dropdown-bg); + color: #fff; +} + +.dropdown-menu .dropdown-item:hover { + background: #2c2e47; + color: #ffffff; +} + +.dropdown-menu .dropdown-item:active { + background: initial; +} + +.dropdown-menu.dropdown-menu-left { + left: 0 !important; + right: auto !important; +} + +@media (max-width: 991px) { .dropdown-menu.dropdown-menu-left { - left: 0 !important; - right: auto !important; } - @media (max-width: 991px) { - .dropdown-menu.dropdown-menu-left { - right: 0 !important; } } + right: 0 !important; + } +} + +.dropdown-menu.dropdown-menu-right { + left: auto !important; + right: 0 !important; +} + +@media (max-width: 991px) { .dropdown-menu.dropdown-menu-right { - left: auto !important; - right: 0 !important; } - @media (max-width: 991px) { - .dropdown-menu.dropdown-menu-right { - left: 0 !important; } } + left: 0 !important; + } +} /* Forms */ -.input-group-append, .input-group-prepend, .asColorPicker-trigger { +.input-group-append, +.input-group-prepend, +.asColorPicker-trigger { background: #2a2c44; color: #6c757d; width: auto; - border: none; } - .input-group-append .input-group-text, - .input-group-prepend .input-group-text, - .asColorPicker-trigger .input-group-text { - background: transparent; - border-color: #383e5d; } + border: none; +} -.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], -.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .tt-hint, +.input-group-append .input-group-text, +.input-group-prepend .input-group-text, +.asColorPicker-trigger .input-group-text { + background: transparent; + border-color: #383e5d; +} + +.form-control, +.asColorPicker-input, +.dataTables_wrapper select, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.select2-container--default .select2-selection--single, +.select2-container--default .select2-selection--single .select2-search__field, +.tt-hint, .tt-query, .typeahead { display: inline-block; @@ -13031,48 +20002,95 @@ pre { color: #fff; padding: 0 .75rem; line-height: 14px; - font-weight: 300; } - .form-control.form-control-lg, .form-control-lg.asColorPicker-input, .dataTables_wrapper select.form-control-lg, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-lg[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row select.form-control-lg, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-lg[type=number], .select2-container--default .form-control-lg.select2-selection--single, .select2-container--default .select2-selection--single .form-control-lg.select2-search__field, .form-control-lg.tt-hint, - .form-control-lg.tt-query, - .form-control-lg.typeahead { - padding: 0.5rem 0.75rem; } - .form-control.form-control-sm, .form-control-sm.asColorPicker-input, .dataTables_wrapper select.form-control-sm, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-sm[type=text], - .jsgrid .jsgrid-table .jsgrid-filter-row select.form-control-sm, .jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-sm[type=number], .select2-container--default .form-control-sm.select2-selection--single, .select2-container--default .select2-selection--single .form-control-sm.select2-search__field, .form-control-sm.tt-hint, - .form-control-sm.tt-query, - .form-control-sm.typeahead { - padding: 0.25rem 0.75rem; } + font-weight: 300; +} -textarea.form-control, textarea.asColorPicker-input, .select2-container--default textarea.select2-selection--single, .select2-container--default .select2-selection--single textarea.select2-search__field, textarea.tt-hint, +.form-control.form-control-lg, +.form-control-lg.asColorPicker-input, +.dataTables_wrapper select.form-control-lg, +.jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-lg[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select.form-control-lg, +.jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-lg[type=number], +.select2-container--default .form-control-lg.select2-selection--single, +.select2-container--default .select2-selection--single .form-control-lg.select2-search__field, +.form-control-lg.tt-hint, +.form-control-lg.tt-query, +.form-control-lg.typeahead { + padding: 0.5rem 0.75rem; +} + +.form-control.form-control-sm, +.form-control-sm.asColorPicker-input, +.dataTables_wrapper select.form-control-sm, +.jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-sm[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row select.form-control-sm, +.jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-sm[type=number], +.select2-container--default .form-control-sm.select2-selection--single, +.select2-container--default .select2-selection--single .form-control-sm.select2-search__field, +.form-control-sm.tt-hint, +.form-control-sm.tt-query, +.form-control-sm.typeahead { + padding: 0.25rem 0.75rem; +} + +textarea.form-control, +textarea.asColorPicker-input, +.select2-container--default textarea.select2-selection--single, +.select2-container--default .select2-selection--single textarea.select2-search__field, +textarea.tt-hint, textarea.tt-query, textarea.typeahead { height: auto; padding-top: 1rem; - padding-bottom: 1rem; } + padding-bottom: 1rem; +} -select.form-control, select.asColorPicker-input, .dataTables_wrapper select, -.jsgrid .jsgrid-table .jsgrid-filter-row select, .select2-container--default select.select2-selection--single, .select2-container--default .select2-selection--single select.select2-search__field, select.tt-hint, +select.form-control, +select.asColorPicker-input, +.dataTables_wrapper select, +.jsgrid .jsgrid-table .jsgrid-filter-row select, +.select2-container--default select.select2-selection--single, +.select2-container--default .select2-selection--single select.select2-search__field, +select.tt-hint, select.tt-query, select.typeahead { - padding: 0.4375rem 0.75rem; } + padding: 0.4375rem 0.75rem; +} .form-group label { font-size: 0.875rem; line-height: 1; - vertical-align: top; } + vertical-align: top; +} -.form-group.has-danger .form-control, .form-group.has-danger .asColorPicker-input, .form-group.has-danger .dataTables_wrapper select, .dataTables_wrapper .form-group.has-danger select, .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=text], -.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger select, .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=number], .form-group.has-danger .select2-container--default .select2-selection--single, .select2-container--default .form-group.has-danger .select2-selection--single, .form-group.has-danger .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .form-group.has-danger .select2-search__field, .form-group.has-danger .tt-hint, +.form-group.has-danger .form-control, +.form-group.has-danger .asColorPicker-input, +.form-group.has-danger .dataTables_wrapper select, +.dataTables_wrapper .form-group.has-danger select, +.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=text], +.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger select, +.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=number], +.form-group.has-danger .select2-container--default .select2-selection--single, +.select2-container--default .form-group.has-danger .select2-selection--single, +.form-group.has-danger .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .form-group.has-danger .select2-search__field, +.form-group.has-danger .tt-hint, .form-group.has-danger .tt-query, .form-group.has-danger .typeahead { - border-color: #ff6258; } + border-color: #ff6258; +} .form-group .file-upload-default { visibility: hidden; - position: absolute; } + position: absolute; +} .form-group .file-upload-info { - background: transparent; } + background: transparent; +} .map-container { position: relative; @@ -13081,242 +20099,344 @@ select.typeahead { display: block; padding: 35% 0; overflow: hidden; - border-radius: 5px; } - .map-container .google-map { - display: block; - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - width: 100%; - height: 100%; } - .map-container .google-map.no-controls .gm-style-cc, - .map-container .google-map.no-controls .gmnoprint { - display: none; } + border-radius: 5px; +} + +.map-container .google-map { + display: block; + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + width: 100%; + height: 100%; +} + +.map-container .google-map.no-controls .gm-style-cc, +.map-container .google-map.no-controls .gmnoprint { + display: none; +} /* Icons */ .icons-list { border-left: 1px solid #383e5d; - border-bottom: 1px solid #383e5d; } - .icons-list > div { - background: #222437; - border-top: 1px solid #383e5d; - border-right: 1px solid #383e5d; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 15px; - font-family: "roboto", sans-serif; - font-size: 0.875rem; } - .icons-list > div i { - display: inline-block; - font-size: 20px; - width: 40px; - text-align: left; - color: #2196f3; } + border-bottom: 1px solid #383e5d; +} + +.icons-list>div { + background: var(--dropdown-bg); + border-top: 1px solid #383e5d; + border-right: 1px solid #383e5d; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 15px; + font-family: "roboto", sans-serif; + font-size: 0.875rem; +} + +.icons-list>div i { + display: inline-block; + font-size: 20px; + width: 40px; + text-align: left; + color: #2196f3; +} /* Lists */ dl, ol, ul { padding-left: 1rem; - font-size: 0.875rem; } - dl li, - ol li, - ul li { - line-height: 1.8; } + font-size: 0.875rem; +} + +dl li, +ol li, +ul li { + line-height: 1.8; +} .list-arrow, .list-star, .list-ticked { list-style: none; - padding: 0; } - .list-arrow li, - .list-star li, - .list-ticked li { - padding-left: 1.5rem; } - .list-arrow li:before, - .list-star li:before, - .list-ticked li:before { - font-family: "Material Design Icons"; - margin-left: -1.5rem; - width: 1.5rem; - margin-right: 0.5rem; } + padding: 0; +} + +.list-arrow li, +.list-star li, +.list-ticked li { + padding-left: 1.5rem; +} + +.list-arrow li:before, +.list-star li:before, +.list-ticked li:before { + font-family: "Material Design Icons"; + margin-left: -1.5rem; + width: 1.5rem; + margin-right: 0.5rem; +} .list-ticked li:before { content: '\F12D'; - color: #ff6258; } + color: #ff6258; +} .list-arrow li:before { content: '\F142'; - color: #19d895; } + color: #19d895; +} .list-star li:before { content: '\F4CE'; - color: #ffaf00; } + color: #ffaf00; +} .bullet-line-list { padding-left: 30px; margin-bottom: 0; position: relative; - list-style-type: none; } - .rtl .bullet-line-list { - padding-right: 0px; } - .bullet-line-list li { - position: relative; - line-height: 1; - padding-bottom: 10px; } - .bullet-line-list li:before { - content: ""; - position: absolute; - border-radius: 100%; - width: 12px; - height: 12px; - left: -28px; - top: 6px; - border: 3px solid #2196f3; - margin-right: 15px; - z-index: 2; - background: #ffffff; } - .bullet-line-list li:after { - content: ""; - border: 1px solid #383e5d; - position: absolute; - bottom: 0; - left: -23px; - height: 100%; } - .bullet-line-list li:first-child:after { - content: ""; - height: 80%; } - .bullet-line-list li:last-child { - padding-bottom: 0; } - .bullet-line-list li:last-child:after { - content: ""; - top: 0; - height: 30%; } + list-style-type: none; +} + +.rtl .bullet-line-list { + padding-right: 0px; +} + +.bullet-line-list li { + position: relative; + line-height: 1; + padding-bottom: 10px; +} + +.bullet-line-list li:before { + content: ""; + position: absolute; + border-radius: 100%; + width: 12px; + height: 12px; + left: -28px; + top: 6px; + border: 3px solid #2196f3; + margin-right: 15px; + z-index: 2; + background: #ffffff; +} + +.bullet-line-list li:after { + content: ""; + border: 1px solid #383e5d; + position: absolute; + bottom: 0; + left: -23px; + height: 100%; +} + +.bullet-line-list li:first-child:after { + content: ""; + height: 80%; +} + +.bullet-line-list li:last-child { + padding-bottom: 0; +} + +.bullet-line-list li:last-child:after { + content: ""; + top: 0; + height: 30%; +} /* Loaders */ #pgloading { - position: static; } - #pgloading .bokeh { - font-size: 100px; - width: 1em; - height: 1em; - position: relative; - margin: 0 auto; - border-radius: 50%; - border: 0.01em solid #383e5d; - list-style: none; - padding: 0; } - #pgloading .bokeh li { - position: absolute; - width: 0.2em; - height: 0.2em; - border-radius: 50%; } - #pgloading .bokeh li:nth-child(1) { - left: 50%; - top: 0; - margin: 0 0 0 -.1em; - background: #19d895; - -webkit-transform-origin: 50% 250%; - transform-origin: 50% 250%; - -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; - animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; } - #pgloading .bokeh li:nth-child(2) { - top: 50%; - right: 0; - margin: -.1em 0 0; - background: #ff6258; - -webkit-transform-origin: -150% 50%; - transform-origin: -150% 50%; - -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; - animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; } - #pgloading .bokeh li:nth-child(3) { - left: 50%; - bottom: 0; - margin: 0 0 0 -.1em; - background: #ffaf00; - -webkit-transform-origin: 50% -150%; - transform-origin: 50% -150%; - -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; - animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; } - #pgloading .bokeh li:nth-child(4) { - top: 50%; - left: 0; - margin: -.1em 0 0; - background: #2196f3; - -webkit-transform-origin: 250% 50%; - transform-origin: 250% 50%; - -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; - animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; } + position: static; +} + +#pgloading .bokeh { + font-size: 100px; + width: 1em; + height: 1em; + position: relative; + margin: 0 auto; + border-radius: 50%; + border: 0.01em solid #383e5d; + list-style: none; + padding: 0; +} + +#pgloading .bokeh li { + position: absolute; + width: 0.2em; + height: 0.2em; + border-radius: 50%; +} + +#pgloading .bokeh li:nth-child(1) { + left: 50%; + top: 0; + margin: 0 0 0 -.1em; + background: #19d895; + -webkit-transform-origin: 50% 250%; + transform-origin: 50% 250%; + -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; + animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; +} + +#pgloading .bokeh li:nth-child(2) { + top: 50%; + right: 0; + margin: -.1em 0 0; + background: #ff6258; + -webkit-transform-origin: -150% 50%; + transform-origin: -150% 50%; + -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; + animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; +} + +#pgloading .bokeh li:nth-child(3) { + left: 50%; + bottom: 0; + margin: 0 0 0 -.1em; + background: #ffaf00; + -webkit-transform-origin: 50% -150%; + transform-origin: 50% -150%; + -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; + animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; +} + +#pgloading .bokeh li:nth-child(4) { + top: 50%; + left: 0; + margin: -.1em 0 0; + background: #2196f3; + -webkit-transform-origin: 250% 50%; + transform-origin: 250% 50%; + -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; + animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; +} @-webkit-keyframes rota { - from { } - to { - -webkit-transform: rotate(360deg); } } + from {} -@keyframes rota { - from { } to { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } + } +} + +@keyframes rota { + from {} + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} @-webkit-keyframes opa { - 0% { } + 0% {} + 12.0% { - opacity: 0.80; } + opacity: 0.80; + } + 19.5% { - opacity: 0.88; } + opacity: 0.88; + } + 37.2% { - opacity: 0.64; } + opacity: 0.64; + } + 40.5% { - opacity: 0.52; } + opacity: 0.52; + } + 52.7% { - opacity: 0.69; } + opacity: 0.69; + } + 60.2% { - opacity: 0.60; } + opacity: 0.60; + } + 66.6% { - opacity: 0.52; } + opacity: 0.52; + } + 70.0% { - opacity: 0.63; } + opacity: 0.63; + } + 79.9% { - opacity: 0.60; } + opacity: 0.60; + } + 84.2% { - opacity: 0.75; } + opacity: 0.75; + } + 91.0% { - opacity: 0.87; } } + opacity: 0.87; + } +} @keyframes opa { - 0% { } + 0% {} + 12.0% { - opacity: 0.80; } + opacity: 0.80; + } + 19.5% { - opacity: 0.88; } + opacity: 0.88; + } + 37.2% { - opacity: 0.64; } + opacity: 0.64; + } + 40.5% { - opacity: 0.52; } + opacity: 0.52; + } + 52.7% { - opacity: 0.69; } + opacity: 0.69; + } + 60.2% { - opacity: 0.60; } + opacity: 0.60; + } + 66.6% { - opacity: 0.52; } + opacity: 0.52; + } + 70.0% { - opacity: 0.63; } + opacity: 0.63; + } + 79.9% { - opacity: 0.60; } + opacity: 0.60; + } + 84.2% { - opacity: 0.75; } + opacity: 0.75; + } + 91.0% { - opacity: 0.87; } } + opacity: 0.87; + } +} .glowing-loader { - position: relative; } + position: relative; +} .s2 { position: absolute; @@ -13326,7 +20446,8 @@ ul { background-color: transparent; left: 50%; -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); } + transform: translate(-50%, -50%); +} .s1 { position: absolute; @@ -13338,7 +20459,8 @@ ul { transform-origin: center; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); - background-color: transparent; } + background-color: transparent; +} .bigcon { position: absolute; @@ -13354,11 +20476,13 @@ ul { -webkit-animation: bigcon 2s infinite linear; animation: bigcon 2s infinite linear; -webkit-animation-delay: 0.25s; - animation-delay: 0.25s; } + animation-delay: 0.25s; +} .b { border-radius: 50%; - position: absolute; } + position: absolute; +} .s { width: 15px; @@ -13367,23 +20491,28 @@ ul { animation: small 2s infinite ease; -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px rgba(0, 0, 0, 0.3); - background-color: #2196f3; } + background-color: #2196f3; +} .s:nth-child(1) { top: 0; - left: 0; } + left: 0; +} .s:nth-child(2) { top: 0; - right: 0; } + right: 0; +} .s:nth-child(3) { right: 0; - bottom: 0; } + bottom: 0; +} .s:nth-child(4) { bottom: 0; - left: 0; } + left: 0; +} .big { width: 15px; @@ -13394,105 +20523,142 @@ ul { z-index: 1; background-color: #2196f3; -webkit-animation: bigball 1s infinite linear; - animation: bigball 1s infinite linear; } + animation: bigball 1s infinite linear; +} .sb1 { -webkit-animation-delay: -1.75s; - animation-delay: -1.75s; } + animation-delay: -1.75s; +} .sb6 { -webkit-animation-delay: -1.5s; - animation-delay: -1.5s; } + animation-delay: -1.5s; +} .sb2 { -webkit-animation-delay: -1.25s; - animation-delay: -1.25s; } + animation-delay: -1.25s; +} .sb7 { -webkit-animation-delay: -1s; - animation-delay: -1s; } + animation-delay: -1s; +} .sb3 { -webkit-animation-delay: -0.75s; - animation-delay: -0.75s; } + animation-delay: -0.75s; +} .sb8 { -webkit-animation-delay: -0.5s; - animation-delay: -0.5s; } + animation-delay: -0.5s; +} .sb4 { -webkit-animation-delay: -0.25s; - animation-delay: -0.25s; } + animation-delay: -0.25s; +} .sb5 { -webkit-animation-delay: -0s; - animation-delay: -0s; } + animation-delay: -0s; +} @-webkit-keyframes bigcon { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(-50%, -50%) rotate(45deg); - transform: translate(-50%, -50%) rotate(45deg); } + transform: translate(-50%, -50%) rotate(45deg); + } + 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(-50%, -50%) rotate(405deg); - transform: translate(-50%, -50%) rotate(405deg); } } + transform: translate(-50%, -50%) rotate(405deg); + } +} @keyframes bigcon { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(-50%, -50%) rotate(45deg); - transform: translate(-50%, -50%) rotate(45deg); } + transform: translate(-50%, -50%) rotate(45deg); + } + 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(-50%, -50%) rotate(405deg); - transform: translate(-50%, -50%) rotate(405deg); } } + transform: translate(-50%, -50%) rotate(405deg); + } +} @-webkit-keyframes small { 0% { -webkit-transform: scale(1); transform: scale(1); - background-color: #82c4f8; } + background-color: #82c4f8; + } + 10% { -webkit-transform: scale(1.3); transform: scale(1.3); - background-color: #2196f3; } + background-color: #2196f3; + } + 15% { -webkit-transform: scale(1); - transform: scale(1); } + transform: scale(1); + } + 25% { -webkit-transform: scale(1); transform: scale(1); - background-color: #2196f3; } + background-color: #2196f3; + } + 100% { -webkit-transform: scale(1); transform: scale(1); - background-color: #2196f3; } } + background-color: #2196f3; + } +} @keyframes small { 0% { -webkit-transform: scale(1); transform: scale(1); - background-color: #82c4f8; } + background-color: #82c4f8; + } + 10% { -webkit-transform: scale(1.3); transform: scale(1.3); - background-color: #2196f3; } + background-color: #2196f3; + } + 15% { -webkit-transform: scale(1); - transform: scale(1); } + transform: scale(1); + } + 25% { -webkit-transform: scale(1); transform: scale(1); - background-color: #2196f3; } + background-color: #2196f3; + } + 100% { -webkit-transform: scale(1); transform: scale(1); - background-color: #2196f3; } } + background-color: #2196f3; + } +} /* Pixel loader */ .pixel-loader { @@ -13504,57 +20670,87 @@ ul { -webkit-box-shadow: 15px 15px 0 0, -15px -15px 0 0, 15px -15px 0 0, -15px 15px 0 0, 0 15px 0 0, 15px 0 0 0, -15px 0 0 0, 0 -15px 0 0; box-shadow: 15px 15px 0 0, -15px -15px 0 0, 15px -15px 0 0, -15px 15px 0 0, 0 15px 0 0, 15px 0 0 0, -15px 0 0 0, 0 -15px 0 0; -webkit-animation: anim 2s linear infinite; - animation: anim 2s linear infinite; } + animation: anim 2s linear infinite; +} @-webkit-keyframes anim { 0% { - -webkit-filter: hue-rotate(0deg); } + -webkit-filter: hue-rotate(0deg); + } + 50% { -webkit-box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; - box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; } + box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; + } + 75% { -webkit-box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; - box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; } + box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; + } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); - -webkit-filter: hue-rotate(360deg); } } + -webkit-filter: hue-rotate(360deg); + } +} @keyframes anim { 0% { - -webkit-filter: hue-rotate(0deg); } + -webkit-filter: hue-rotate(0deg); + } + 50% { -webkit-box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; - box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; } + box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; + } + 75% { -webkit-box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; - box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; } + box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0; + } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); - -webkit-filter: hue-rotate(360deg); } } + -webkit-filter: hue-rotate(360deg); + } +} /* Square box loader */ @-webkit-keyframes dyinglight { 15% { -webkit-transform: scale(1.6); - transform: scale(1.6); } + transform: scale(1.6); + } + 50% { -webkit-transform: rotate(-89deg); - transform: rotate(-89deg); } + transform: rotate(-89deg); + } + 100% { -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); } } + transform: rotate(-90deg); + } +} + @keyframes dyinglight { 15% { -webkit-transform: scale(1.6); - transform: scale(1.6); } + transform: scale(1.6); + } + 50% { -webkit-transform: rotate(-89deg); - transform: rotate(-89deg); } + transform: rotate(-89deg); + } + 100% { -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); } } + transform: rotate(-90deg); + } +} .square-box-loader { position: absolute; @@ -13562,13 +20758,15 @@ ul { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); - display: inline-block; } + display: inline-block; +} .square-box-loader-square { display: block; width: 30px; height: 30px; - background: #2196f3; } + background: #2196f3; +} .square-box-loader-container { position: absolute; @@ -13581,7 +20779,8 @@ ul { -webkit-animation: dyinglight 1s ease infinite; animation: dyinglight 1s ease infinite; -webkit-backface-visibility: hidden; - backface-visibility: hidden; } + backface-visibility: hidden; +} .square-box-loader-corner-bottom:after, .square-box-loader-corner-bottom:before, @@ -13591,31 +20790,36 @@ ul { width: 10px; height: 10px; color: #2196f3; - content: ''; } + content: ''; +} .square-box-loader-corner-top:before { border-left: 1px solid; border-top: 1px solid; top: -4px; - left: -4px; } + left: -4px; +} .square-box-loader-corner-top:after { border-right: 1px solid; border-top: 1px solid; top: -4px; - right: -4px; } + right: -4px; +} .square-box-loader-corner-bottom:before { border-left: 1px solid; border-bottom: 1px solid; bottom: -4px; - left: -4px; } + left: -4px; +} .square-box-loader-corner-bottom:after { border-right: 1px solid; border-bottom: 1px solid; bottom: -4px; - right: -4px; } + right: -4px; +} /* Circle loader */ .circle-loader { @@ -13623,7 +20827,8 @@ ul { height: 70px; border-radius: 100%; position: relative; - margin: 0 auto; } + margin: 0 auto; +} .circle-loader:after, .circle-loader:before { @@ -13635,23 +20840,30 @@ ul { height: 100%; border-radius: 100%; border: 10px solid transparent; - border-top-color: #ffaf00; } + border-top-color: #ffaf00; +} .circle-loader:before { z-index: 100; -webkit-animation: spin 1s infinite; - animation: spin 1s infinite; } + animation: spin 1s infinite; +} .circle-loader:after { - border: 10px solid #dde4eb; } + border: 10px solid #dde4eb; +} @keyframes spin { 0% { -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); + } + 100% { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } + transform: rotate(360deg); + } +} /* Jumping dots loader */ .jumping-dots-loader { @@ -13659,7 +20871,8 @@ ul { height: 100px; border-radius: 100%; position: relative; - margin: 0 auto; } + margin: 0 auto; +} .jumping-dots-loader span { display: inline-block; @@ -13667,39 +20880,53 @@ ul { height: 20px; border-radius: 100%; background-color: rgba(255, 98, 88, 0.8); - margin: 35px 5px; } + margin: 35px 5px; +} .jumping-dots-loader span:nth-child(1) { -webkit-animation: bounce 1s ease-in-out infinite; - animation: bounce 1s ease-in-out infinite; } + animation: bounce 1s ease-in-out infinite; +} .jumping-dots-loader span:nth-child(2) { -webkit-animation: bounce 1s ease-in-out 0.33s infinite; - animation: bounce 1s ease-in-out 0.33s infinite; } + animation: bounce 1s ease-in-out 0.33s infinite; +} .jumping-dots-loader span:nth-child(3) { -webkit-animation: bounce 1s ease-in-out 0.66s infinite; - animation: bounce 1s ease-in-out 0.66s infinite; } + animation: bounce 1s ease-in-out 0.66s infinite; +} @-webkit-keyframes bounce { + 0%, 100%, 75% { -webkit-transform: translateY(0); - transform: translateY(0); } + transform: translateY(0); + } + 25% { -webkit-transform: translateY(-20px); - transform: translateY(-20px); } } + transform: translateY(-20px); + } +} @keyframes bounce { + 0%, 100%, 75% { -webkit-transform: translateY(0); - transform: translateY(0); } + transform: translateY(0); + } + 25% { -webkit-transform: translateY(-20px); - transform: translateY(-20px); } } + transform: translateY(-20px); + } +} /* Bar loader */ .bar-loader { @@ -13707,47 +20934,63 @@ ul { height: 50px; border-radius: 100%; position: relative; - margin: 0 auto; } + margin: 0 auto; +} .bar-loader span { display: inline-block; width: 5px; height: 30px; - background-color: rgba(255, 98, 88, 0.7); } + background-color: rgba(255, 98, 88, 0.7); +} .bar-loader span:nth-child(1) { -webkit-animation: grow 1s ease-in-out infinite; - animation: grow 1s ease-in-out infinite; } + animation: grow 1s ease-in-out infinite; +} .bar-loader span:nth-child(2) { -webkit-animation: grow 1s ease-in-out 0.15s infinite; - animation: grow 1s ease-in-out 0.15s infinite; } + animation: grow 1s ease-in-out 0.15s infinite; +} .bar-loader span:nth-child(3) { -webkit-animation: grow 1s ease-in-out 0.30s infinite; - animation: grow 1s ease-in-out 0.30s infinite; } + animation: grow 1s ease-in-out 0.30s infinite; +} .bar-loader span:nth-child(4) { -webkit-animation: grow 1s ease-in-out 0.45s infinite; - animation: grow 1s ease-in-out 0.45s infinite; } + animation: grow 1s ease-in-out 0.45s infinite; +} @-webkit-keyframes grow { + 0%, 100% { -webkit-transform: scaleY(1); - transform: scaleY(1); } + transform: scaleY(1); + } + 50% { -webkit-transform: scaleY(1.8); - transform: scaleY(1.8); } } + transform: scaleY(1.8); + } +} @keyframes grow { + 0%, 100% { -webkit-transform: scaleY(1); - transform: scaleY(1); } + transform: scaleY(1); + } + 50% { -webkit-transform: scaleY(1.8); - transform: scaleY(1.8); } } + transform: scaleY(1.8); + } +} /* Square path loader */ .square-path-loader { @@ -13755,7 +20998,8 @@ ul { height: 100px; border-radius: 100%; position: relative; - margin: 0 auto; } + margin: 0 auto; +} .square-path-loader:after, .square-path-loader:before { @@ -13767,42 +21011,62 @@ ul { left: calc(50% - 10px); background-color: rgba(25, 216, 149, 0.7); -webkit-animation: squaremove 1s ease-in-out infinite; - animation: squaremove 1s ease-in-out infinite; } + animation: squaremove 1s ease-in-out infinite; +} .square-path-loader:after { bottom: 0; -webkit-animation-delay: 0.5s; - animation-delay: 0.5s; } + animation-delay: 0.5s; +} @-webkit-keyframes squaremove { + 0%, 100% { -webkit-transform: translate(0, 0) rotate(0); - transform: translate(0, 0) rotate(0); } + transform: translate(0, 0) rotate(0); + } + 25% { -webkit-transform: translate(40px, 40px) rotate(45deg); - transform: translate(40px, 40px) rotate(45deg); } + transform: translate(40px, 40px) rotate(45deg); + } + 50% { -webkit-transform: translate(0px, 80px) rotate(0deg); - transform: translate(0px, 80px) rotate(0deg); } + transform: translate(0px, 80px) rotate(0deg); + } + 75% { -webkit-transform: translate(-40px, 40px) rotate(45deg); - transform: translate(-40px, 40px) rotate(45deg); } } + transform: translate(-40px, 40px) rotate(45deg); + } +} @keyframes squaremove { + 0%, 100% { -webkit-transform: translate(0, 0) rotate(0); - transform: translate(0, 0) rotate(0); } + transform: translate(0, 0) rotate(0); + } + 25% { -webkit-transform: translate(40px, 40px) rotate(45deg); - transform: translate(40px, 40px) rotate(45deg); } + transform: translate(40px, 40px) rotate(45deg); + } + 50% { -webkit-transform: translate(0px, 80px) rotate(0deg); - transform: translate(0px, 80px) rotate(0deg); } + transform: translate(0px, 80px) rotate(0deg); + } + 75% { -webkit-transform: translate(-40px, 40px) rotate(45deg); - transform: translate(-40px, 40px) rotate(45deg); } } + transform: translate(-40px, 40px) rotate(45deg); + } +} /* Dot opacity loader */ .dot-opacity-loader { @@ -13810,7 +21074,8 @@ ul { height: 100px; border-radius: 100%; position: relative; - margin: 0 auto; } + margin: 0 auto; +} .dot-opacity-loader span { display: inline-block; @@ -13819,33 +21084,47 @@ ul { border-radius: 100%; background-color: #2196f3; margin: 35px 5px; - opacity: 0; } + opacity: 0; +} .dot-opacity-loader span:nth-child(1) { -webkit-animation: opacitychange 1s ease-in-out infinite; - animation: opacitychange 1s ease-in-out infinite; } + animation: opacitychange 1s ease-in-out infinite; +} .dot-opacity-loader span:nth-child(2) { -webkit-animation: opacitychange 1s ease-in-out 0.33s infinite; - animation: opacitychange 1s ease-in-out 0.33s infinite; } + animation: opacitychange 1s ease-in-out 0.33s infinite; +} .dot-opacity-loader span:nth-child(3) { -webkit-animation: opacitychange 1s ease-in-out 0.66s infinite; - animation: opacitychange 1s ease-in-out 0.66s infinite; } + animation: opacitychange 1s ease-in-out 0.66s infinite; +} @-webkit-keyframes opacitychange { + 0%, 100% { - opacity: 0; } + opacity: 0; + } + 60% { - opacity: 1; } } + opacity: 1; + } +} @keyframes opacitychange { + 0%, 100% { - opacity: 0; } + opacity: 0; + } + 60% { - opacity: 1; } } + opacity: 1; + } +} /* Flip square */ .flip-square-loader { @@ -13856,7 +21135,8 @@ ul { height: 100px; border-radius: 100%; position: relative; - margin: 0 auto; } + margin: 0 auto; +} .flip-square-loader:before { content: ""; @@ -13867,29 +21147,42 @@ ul { height: 50px; background-color: rgba(25, 216, 149, 0.7); -webkit-animation: flip 1s infinite; - animation: flip 1s infinite; } + animation: flip 1s infinite; +} @-webkit-keyframes flip { 0% { -webkit-transform: rotate(0); - transform: rotate(0); } + transform: rotate(0); + } + 50% { -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); } + transform: rotateY(180deg); + } + 100% { -webkit-transform: rotateY(180deg) rotateX(180deg); - transform: rotateY(180deg) rotateX(180deg); } } + transform: rotateY(180deg) rotateX(180deg); + } +} @keyframes flip { 0% { -webkit-transform: rotate(0); - transform: rotate(0); } + transform: rotate(0); + } + 50% { -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); } + transform: rotateY(180deg); + } + 100% { -webkit-transform: rotateY(180deg) rotateX(180deg); - transform: rotateY(180deg) rotateX(180deg); } } + transform: rotateY(180deg) rotateX(180deg); + } +} /* Moving square loader */ .moving-square-loader { @@ -13897,7 +21190,8 @@ ul { height: 100px; border-radius: 100%; position: relative; - margin: 0 auto; } + margin: 0 auto; +} .moving-square-loader:before { content: ""; @@ -13908,304 +21202,818 @@ ul { left: 0; background-color: rgba(255, 98, 88, 0.7); -webkit-animation: rotatemove 1s infinite; - animation: rotatemove 1s infinite; } + animation: rotatemove 1s infinite; +} @-webkit-keyframes rotatemove { 0% { -webkit-transform: scale(1) translateX(0px); - transform: scale(1) translateX(0px); } + transform: scale(1) translateX(0px); + } + 100% { -webkit-transform: scale(2) translateX(45px); - transform: scale(2) translateX(45px); } } + transform: scale(2) translateX(45px); + } +} @keyframes rotatemove { 0% { -webkit-transform: scale(1) translateX(0px); - transform: scale(1) translateX(0px); } + transform: scale(1) translateX(0px); + } + 100% { -webkit-transform: scale(2) translateX(45px); - transform: scale(2) translateX(45px); } } + transform: scale(2) translateX(45px); + } +} /* Modals */ .modal .modal-dialog .modal-content { - background: #2a2c44; } - .modal .modal-dialog .modal-content .modal-header { - padding: 25px 26px; - border-bottom: 1px solid #383e5d; } - .modal .modal-dialog .modal-content .modal-header .close span { - font-size: 20px; - font-weight: 400; - color: #6a6a6a; } - .modal .modal-dialog .modal-content .modal-body { - padding: 35px 26px; } - .modal .modal-dialog .modal-content .modal-footer { - padding: 15px 31px; - border-top: 1px solid #383e5d; } + background: #2a2c44; +} + +.modal .modal-dialog .modal-content .modal-header { + padding: 25px 26px; + border-bottom: 1px solid #383e5d; +} + +.modal .modal-dialog .modal-content .modal-header .close span { + font-size: 20px; + font-weight: 400; + color: #6a6a6a; +} + +.modal .modal-dialog .modal-content .modal-body { + padding: 35px 26px; +} + +.modal .modal-dialog .modal-content .modal-footer { + padding: 15px 31px; + border-top: 1px solid #383e5d; +} /* New Account */ .new-accounts { overflow: hidden; - position: relative; } - .new-accounts ul.chats { - height: 100%; - padding: 0; - margin-bottom: 0; - overflow-x: hidden; } - .new-accounts ul.chats li.chat-persons { - padding: 15px 0; - display: block; - border-bottom: 1px solid #383e5d; } - .new-accounts ul.chats li.chat-persons:last-child { - border-bottom: none; } - .new-accounts ul.chats li.chat-persons .btn.btn-xs, .new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .btn-xs.ajax-file-upload, .ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .btn-xs.ajax-file-upload, .new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-submit, .new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-cancel, .new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled, .swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .btn-xs.swal2-styled, .new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .swal2-styled.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .swal2-styled.editable-submit, .new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .swal2-styled.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .swal2-styled.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .btn.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .new-accounts ul.chats li.chat-persons a.editable-submit, .new-accounts ul.chats li.chat-persons .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons a.editable-submit, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .btn.editable-cancel, .new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions .new-accounts ul.chats li.chat-persons a.editable-cancel, .new-accounts ul.chats li.chat-persons .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons a.editable-cancel, .new-accounts ul.chats li.chat-persons .wizard > .actions a.btn-xs, .wizard > .actions .new-accounts ul.chats li.chat-persons a.btn-xs { - padding: 0.2rem 0.75rem; } - .new-accounts ul.chats li.chat-persons a { - text-decoration: none; } - .new-accounts ul.chats li.chat-persons a span.pro-pic { - display: inline-block; - padding: 0; - width: 20%; - max-width: 40px; } - .new-accounts ul.chats li.chat-persons a span.pro-pic img { - max-width: 100%; - width: 100%; - border-radius: 100%; } - .new-accounts ul.chats li.chat-persons a div.user { - width: 60%; - padding: 5px 10px 0 15px; } - .new-accounts ul.chats li.chat-persons a div.user p.u-name { - margin: 0; - color: #fff; } - .new-accounts ul.chats li.chat-persons a div.user p.u-designation { - margin: 0; - color: #fff; - font-size: 12px; } - .new-accounts ul.chats li.chat-persons a p.joined-date { - text-align: right; - margin-left: auto; - margin-bottom: 0; - font-size: 12px; } - .rtl .new-accounts ul.chats li.chat-persons a p.joined-date { - margin-left: 0; - margin-right: auto; } + position: relative; +} + +.new-accounts ul.chats { + height: 100%; + padding: 0; + margin-bottom: 0; + overflow-x: hidden; +} + +.new-accounts ul.chats li.chat-persons { + padding: 15px 0; + display: block; + border-bottom: 1px solid #383e5d; +} + +.new-accounts ul.chats li.chat-persons:last-child { + border-bottom: none; +} + +.new-accounts ul.chats li.chat-persons .btn.btn-xs, +.new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .btn-xs.ajax-file-upload, +.ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .btn-xs.ajax-file-upload, +.new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, +.ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-submit, +.new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-submit, +.new-accounts ul.chats li.chat-persons .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, +.ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-cancel, +.new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .new-accounts ul.chats li.chat-persons .ajax-file-upload.editable-cancel, +.new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled, +.swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .btn-xs.swal2-styled, +.new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, +.swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .swal2-styled.editable-submit, +.new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .swal2-styled.editable-submit, +.new-accounts ul.chats li.chat-persons .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, +.swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .swal2-styled.editable-cancel, +.new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .new-accounts ul.chats li.chat-persons .swal2-styled.editable-cancel, +.new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .btn.editable-submit, +.new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions a.editable-submit, +.editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions .new-accounts ul.chats li.chat-persons a.editable-submit, +.new-accounts ul.chats li.chat-persons .wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, +.wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons a.editable-submit, +.new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons .btn.editable-cancel, +.new-accounts ul.chats li.chat-persons .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions a.editable-cancel, +.editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions .new-accounts ul.chats li.chat-persons a.editable-cancel, +.new-accounts ul.chats li.chat-persons .wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, +.wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons .new-accounts ul.chats li.chat-persons a.editable-cancel, +.new-accounts ul.chats li.chat-persons .wizard>.actions a.btn-xs, +.wizard>.actions .new-accounts ul.chats li.chat-persons a.btn-xs { + padding: 0.2rem 0.75rem; +} + +.new-accounts ul.chats li.chat-persons a { + text-decoration: none; +} + +.new-accounts ul.chats li.chat-persons a span.pro-pic { + display: inline-block; + padding: 0; + width: 20%; + max-width: 40px; +} + +.new-accounts ul.chats li.chat-persons a span.pro-pic img { + max-width: 100%; + width: 100%; + border-radius: 100%; +} + +.new-accounts ul.chats li.chat-persons a div.user { + width: 60%; + padding: 5px 10px 0 15px; +} + +.new-accounts ul.chats li.chat-persons a div.user p.u-name { + margin: 0; + color: #fff; +} + +.new-accounts ul.chats li.chat-persons a div.user p.u-designation { + margin: 0; + color: #fff; + font-size: 12px; +} + +.new-accounts ul.chats li.chat-persons a p.joined-date { + text-align: right; + margin-left: auto; + margin-bottom: 0; + font-size: 12px; +} + +.rtl .new-accounts ul.chats li.chat-persons a p.joined-date { + margin-left: 0; + margin-right: auto; +} /* Pagination */ -.pagination .page-item .page-link, .jsgrid .jsgrid-pager .page-item .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.pagination .page-item .page-link, +.jsgrid .jsgrid-pager .page-item .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page a { border-color: #383e5d; color: #fff; font-size: 0.875rem; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; - background: #2a2c44; } - .pagination .page-item .page-link:focus, .jsgrid .jsgrid-pager .page-item .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus, - .jsgrid .jsgrid-pager .jsgrid-pager-page a:focus { - background: inherit; } - .pagination .page-item .page-link i:before, .jsgrid .jsgrid-pager .page-item .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a i:before, .jsgrid .jsgrid-pager .jsgrid-pager-page a i:before { - font-size: inherit; - line-height: 1; - vertical-align: middle; } + background: #2a2c44; +} -.pagination .page-item.active .page-link, .jsgrid .jsgrid-pager .page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, +.pagination .page-item .page-link:focus, +.jsgrid .jsgrid-pager .page-item .page-link:focus, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:focus, +.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:focus, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus, +.jsgrid .jsgrid-pager .jsgrid-pager-page a:focus { + background: inherit; +} + +.pagination .page-item .page-link i:before, +.jsgrid .jsgrid-pager .page-item .page-link i:before, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link i:before, +.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link i:before, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a i:before, +.jsgrid .jsgrid-pager .jsgrid-pager-page a i:before { + font-size: inherit; + line-height: 1; + vertical-align: middle; +} + +.pagination .page-item.active .page-link, +.jsgrid .jsgrid-pager .page-item.active .page-link, +.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, +.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, +.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, -.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a, -.jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .pagination .page-item:active .page-link, .jsgrid .jsgrid-pager .page-item:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a, +.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a, +.jsgrid .jsgrid-pager .active.jsgrid-pager-page a, +.pagination .page-item:active .page-link, +.jsgrid .jsgrid-pager .page-item:active .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link, +.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a, -.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a, -.jsgrid .jsgrid-pager .jsgrid-pager-page:active a, .pagination .page-item:focus .page-link, .jsgrid .jsgrid-pager .page-item:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a, +.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a, +.jsgrid .jsgrid-pager .jsgrid-pager-page:active a, +.pagination .page-item:focus .page-link, +.jsgrid .jsgrid-pager .page-item:focus .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link, +.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a, -.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a, -.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a, .pagination .page-item:hover .page-link, .jsgrid .jsgrid-pager .page-item:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, +.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a, +.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a, +.pagination .page-item:hover .page-link, +.jsgrid .jsgrid-pager .page-item:hover .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, +.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a, -.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a, +.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a, .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a { background: #2196f3; border-color: #2196f3; - color: #ffffff; } + color: #ffffff; +} -.pagination.flat .page-item .page-link, .jsgrid .flat.jsgrid-pager .page-item .page-link, .pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button .page-link, .jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page .page-link, .jsgrid .flat.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.flat .page-item a, .pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button a, .jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.flat .page-item a, -.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page a, +.pagination.flat .page-item .page-link, +.jsgrid .flat.jsgrid-pager .page-item .page-link, +.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button .page-link, +.jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button .page-link, +.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page .page-link, +.jsgrid .flat.jsgrid-pager .jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.flat .page-item a, +.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button a, +.jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.flat .page-item a, +.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page a, .jsgrid .flat.jsgrid-pager .jsgrid-pager-page a { border: none; - border-radius: 2px; } + border-radius: 2px; +} -.pagination.separated .page-item, .jsgrid .separated.jsgrid-pager .page-item, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button, -.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page, +.pagination.separated .page-item, +.jsgrid .separated.jsgrid-pager .page-item, +.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, +.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button, +.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button, +.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page, +.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page, .jsgrid .separated.jsgrid-pager .jsgrid-pager-page { margin-left: 2px; - margin-right: 2px; } - .pagination.separated .page-item:first-child, .jsgrid .separated.jsgrid-pager .page-item:first-child, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:first-child, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:first-child, - .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:first-child, - .jsgrid .separated.jsgrid-pager .jsgrid-pager-page:first-child { - margin-left: 0; } - .pagination.separated .page-item:last-child, .jsgrid .separated.jsgrid-pager .page-item:last-child, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:last-child, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:last-child, - .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:last-child, - .jsgrid .separated.jsgrid-pager .jsgrid-pager-page:last-child { - margin-right: 0; } - .pagination.separated .page-item .page-link, .jsgrid .separated.jsgrid-pager .page-item .page-link, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button .page-link, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page .page-link, .jsgrid .separated.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.separated .page-item a, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button a, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.separated .page-item a, - .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page a, - .jsgrid .separated.jsgrid-pager .jsgrid-pager-page a { - border-radius: 2px; } + margin-right: 2px; +} -.pagination.rounded .page-item:first-child .page-link, .pagination.loader-demo-box .page-item:first-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .page-link, .jsgrid .rounded.jsgrid-pager .page-item:first-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child .page-link, .pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:first-child a, .pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:first-child a, .jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child a, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child a, -.pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:first-child a, -.pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:first-child a, -.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:first-child a, -.jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:first-child a, -.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child a, -.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child a, +.pagination.separated .page-item:first-child, +.jsgrid .separated.jsgrid-pager .page-item:first-child, +.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child, +.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:first-child, +.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:first-child, +.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child, +.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:first-child, +.jsgrid .separated.jsgrid-pager .jsgrid-pager-page:first-child { + margin-left: 0; +} + +.pagination.separated .page-item:last-child, +.jsgrid .separated.jsgrid-pager .page-item:last-child, +.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child, +.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:last-child, +.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:last-child, +.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child, +.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:last-child, +.jsgrid .separated.jsgrid-pager .jsgrid-pager-page:last-child { + margin-right: 0; +} + +.pagination.separated .page-item .page-link, +.jsgrid .separated.jsgrid-pager .page-item .page-link, +.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button .page-link, +.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button .page-link, +.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page .page-link, +.jsgrid .separated.jsgrid-pager .jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.separated .page-item a, +.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button a, +.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.separated .page-item a, +.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page a, +.jsgrid .separated.jsgrid-pager .jsgrid-pager-page a { + border-radius: 2px; +} + +.pagination.rounded .page-item:first-child .page-link, +.pagination.loader-demo-box .page-item:first-child .page-link, +.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .page-link, +.jsgrid .rounded.jsgrid-pager .page-item:first-child .page-link, +.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, +.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child .page-link, +.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, +.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child .page-link, +.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, +.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, +.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, +.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child .page-link, +.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, +.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child .page-link, +.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child .page-link, +.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child .page-link, +.pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:first-child a, +.pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:first-child a, +.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, +.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, +.jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, +.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, +.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, +.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child a, +.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, +.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child a, +.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child a, +.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child a, +.pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:first-child a, +.pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:first-child a, +.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, +.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:first-child a, +.jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, +.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:first-child a, +.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, +.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child a, +.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, +.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child a { - border-radius: 25px 0 0 25px; } + border-radius: 25px 0 0 25px; +} -.pagination.rounded .page-item:last-child .page-link, .pagination.loader-demo-box .page-item:last-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .page-link, .jsgrid .rounded.jsgrid-pager .page-item:last-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child .page-link, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child .page-link, .pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:last-child a, .pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:last-child a, .jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child a, .pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child a, -.pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:last-child a, -.pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:last-child a, -.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:last-child a, -.jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:last-child a, -.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child a, -.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child a, +.pagination.rounded .page-item:last-child .page-link, +.pagination.loader-demo-box .page-item:last-child .page-link, +.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .page-link, +.jsgrid .rounded.jsgrid-pager .page-item:last-child .page-link, +.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, +.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child .page-link, +.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, +.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child .page-link, +.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, +.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, +.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, +.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child .page-link, +.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, +.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child .page-link, +.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child .page-link, +.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child .page-link, +.pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:last-child a, +.pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:last-child a, +.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, +.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, +.jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, +.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, +.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, +.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child a, +.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, +.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child a, +.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child a, +.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child a, +.pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:last-child a, +.pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:last-child a, +.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, +.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:last-child a, +.jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, +.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:last-child a, +.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, +.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child a, +.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, +.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child a { - border-radius: 0 25px 25px 0; } + border-radius: 0 25px 25px 0; +} -.pagination.rounded-flat .page-item, .jsgrid .rounded-flat.jsgrid-pager .page-item, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button, -.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page, +.pagination.rounded-flat .page-item, +.jsgrid .rounded-flat.jsgrid-pager .page-item, +.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, +.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button, +.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button, +.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page, +.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page { margin-right: 3px; - margin-left: 3px; } - .pagination.rounded-flat .page-item .page-link, .jsgrid .rounded-flat.jsgrid-pager .page-item .page-link, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button .page-link, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page .page-link, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-flat .page-item a, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button a, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-flat .page-item a, - .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page a, - .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page a { - border: none; - border-radius: 50px; } + margin-left: 3px; +} -.pagination.rounded-separated .page-item, .jsgrid .rounded-separated.jsgrid-pager .page-item, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button, -.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page, +.pagination.rounded-flat .page-item .page-link, +.jsgrid .rounded-flat.jsgrid-pager .page-item .page-link, +.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button .page-link, +.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button .page-link, +.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page .page-link, +.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-flat .page-item a, +.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button a, +.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-flat .page-item a, +.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page a, +.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page a { + border: none; + border-radius: 50px; +} + +.pagination.rounded-separated .page-item, +.jsgrid .rounded-separated.jsgrid-pager .page-item, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page { margin-left: 2px; - margin-right: 2px; } - .pagination.rounded-separated .page-item:first-child, .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child, - .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child, - .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child { - margin-left: 0; } - .pagination.rounded-separated .page-item:first-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child .page-link, .pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:first-child a, .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child a, - .pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:first-child a, - .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:first-child a, - .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child a, - .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child a { - border-radius: 10px 0 0 10px; } - .pagination.rounded-separated .page-item:last-child, .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child, - .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child, - .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child { - margin-right: 0; } - .pagination.rounded-separated .page-item:last-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child .page-link, .pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:last-child a, .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child a, - .pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:last-child a, - .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:last-child a, - .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child a, - .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child a { - border-radius: 0 10px 10px 0; } - .pagination.rounded-separated .page-item .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item a, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item a, - .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page a, - .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page a { - border-radius: 2px; } + margin-right: 2px; +} + +.pagination.rounded-separated .page-item:first-child, +.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child { + margin-left: 0; +} + +.pagination.rounded-separated .page-item:first-child .page-link, +.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .page-link, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child .page-link, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child .page-link, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child .page-link, +.pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:first-child a, +.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child a, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child a, +.pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:first-child a, +.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:first-child a, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child a, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child a { + border-radius: 10px 0 0 10px; +} + +.pagination.rounded-separated .page-item:last-child, +.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child { + margin-right: 0; +} + +.pagination.rounded-separated .page-item:last-child .page-link, +.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .page-link, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child .page-link, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child .page-link, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child .page-link, +.pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:last-child a, +.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child a, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child a, +.pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:last-child a, +.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:last-child a, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child a, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child a { + border-radius: 0 10px 10px 0; +} + +.pagination.rounded-separated .page-item .page-link, +.jsgrid .rounded-separated.jsgrid-pager .page-item .page-link, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button .page-link, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-link, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page .page-link, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item a, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button a, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item a, +.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page a, +.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page a { + border-radius: 2px; +} /* pagination variations */ -.pagination-primary .page-item.active .page-link, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button .page-link, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page .page-link, .pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item.active a, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button a, -.pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item.active a, -.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page a { +.pagination-primary .page-item.active .page-link, +.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button .page-link, +.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page .page-link, +.pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item.active a, +.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button a, +.pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item.active a, +.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page a { background: #2196f3; - border-color: #2196f3; } + border-color: #2196f3; +} -.pagination-primary .page-item .page-link:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button .page-link:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item a:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item a:hover, -.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page a:hover { +.pagination-primary .page-item .page-link:hover, +.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, +.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button .page-link:hover, +.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item a:hover, +.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item a:hover, +.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, +.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page a:hover { background: #39a1f4; border-color: #2196f3; - color: #ffffff; } + color: #ffffff; +} -.pagination-secondary .page-item.active .page-link, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button .page-link, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page .page-link, .pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item.active a, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button a, -.pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item.active a, -.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page a { +.pagination-secondary .page-item.active .page-link, +.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button .page-link, +.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page .page-link, +.pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item.active a, +.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button a, +.pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item.active a, +.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page a { background: #dde4eb; - border-color: #dde4eb; } + border-color: #dde4eb; +} -.pagination-secondary .page-item .page-link:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button .page-link:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item a:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item a:hover, -.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page a:hover { +.pagination-secondary .page-item .page-link:hover, +.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, +.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button .page-link:hover, +.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item a:hover, +.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item a:hover, +.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, +.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page a:hover { background: #edf1f4; border-color: #dde4eb; - color: #ffffff; } + color: #ffffff; +} -.pagination-success .page-item.active .page-link, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button .page-link, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page .page-link, .pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item.active a, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button a, -.pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item.active a, -.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page a { +.pagination-success .page-item.active .page-link, +.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button .page-link, +.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page .page-link, +.pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item.active a, +.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button a, +.pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item.active a, +.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page a { background: #19d895; - border-color: #19d895; } + border-color: #19d895; +} -.pagination-success .page-item .page-link:hover, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button .page-link:hover, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item a:hover, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item a:hover, -.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page a:hover { +.pagination-success .page-item .page-link:hover, +.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, +.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button .page-link:hover, +.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item a:hover, +.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item a:hover, +.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, +.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page a:hover { background: #25e6a2; border-color: #19d895; - color: #ffffff; } + color: #ffffff; +} -.pagination-info .page-item.active .page-link, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button .page-link, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page .page-link, .pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item.active a, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button a, -.pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item.active a, -.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page a { +.pagination-info .page-item.active .page-link, +.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button .page-link, +.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page .page-link, +.pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item.active a, +.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button a, +.pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item.active a, +.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page a { background: #8862e0; - border-color: #8862e0; } + border-color: #8862e0; +} -.pagination-info .page-item .page-link:hover, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button .page-link:hover, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item a:hover, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item a:hover, -.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page a:hover { +.pagination-info .page-item .page-link:hover, +.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, +.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button .page-link:hover, +.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item a:hover, +.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item a:hover, +.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, +.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page a:hover { background: #9877e4; border-color: #8862e0; - color: #ffffff; } + color: #ffffff; +} -.pagination-warning .page-item.active .page-link, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button .page-link, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page .page-link, .pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item.active a, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button a, -.pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item.active a, -.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page a { +.pagination-warning .page-item.active .page-link, +.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button .page-link, +.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page .page-link, +.pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item.active a, +.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button a, +.pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item.active a, +.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page a { background: #ffaf00; - border-color: #ffaf00; } + border-color: #ffaf00; +} -.pagination-warning .page-item .page-link:hover, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button .page-link:hover, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item a:hover, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item a:hover, -.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page a:hover { +.pagination-warning .page-item .page-link:hover, +.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, +.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button .page-link:hover, +.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item a:hover, +.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item a:hover, +.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, +.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page a:hover { background: #ffb71a; border-color: #ffaf00; - color: #ffffff; } + color: #ffffff; +} -.pagination-danger .page-item.active .page-link, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button .page-link, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page .page-link, .pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item.active a, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button a, -.pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item.active a, -.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page a { +.pagination-danger .page-item.active .page-link, +.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button .page-link, +.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page .page-link, +.pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item.active a, +.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button a, +.pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item.active a, +.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page a { background: #ff6258; - border-color: #ff6258; } + border-color: #ff6258; +} -.pagination-danger .page-item .page-link:hover, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button .page-link:hover, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item a:hover, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item a:hover, -.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page a:hover { +.pagination-danger .page-item .page-link:hover, +.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, +.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button .page-link:hover, +.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item a:hover, +.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item a:hover, +.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, +.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page a:hover { background: #ff7a72; border-color: #ff6258; - color: #ffffff; } + color: #ffffff; +} -.pagination-light .page-item.active .page-link, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button .page-link, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page .page-link, .pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item.active a, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button a, -.pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item.active a, -.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page a { +.pagination-light .page-item.active .page-link, +.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button .page-link, +.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page .page-link, +.pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item.active a, +.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button a, +.pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item.active a, +.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page a { background: #fbfbfb; - border-color: #fbfbfb; } + border-color: #fbfbfb; +} -.pagination-light .page-item .page-link:hover, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button .page-link:hover, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item a:hover, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item a:hover, -.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page a:hover { +.pagination-light .page-item .page-link:hover, +.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, +.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button .page-link:hover, +.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item a:hover, +.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item a:hover, +.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, +.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page a:hover { background: white; border-color: #fbfbfb; - color: #ffffff; } + color: #ffffff; +} -.pagination-dark .page-item.active .page-link, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button .page-link, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page .page-link, .pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item.active a, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button a, -.pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item.active a, -.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page a { +.pagination-dark .page-item.active .page-link, +.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, +.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button .page-link, +.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, +.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page .page-link, +.pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item.active a, +.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, +.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button a, +.pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item.active a, +.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, +.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page a { background: #252C46; - border-color: #252C46; } + border-color: #252C46; +} -.pagination-dark .page-item .page-link:hover, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button .page-link:hover, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item a:hover, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item a:hover, -.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page a:hover { +.pagination-dark .page-item .page-link:hover, +.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, +.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button .page-link:hover, +.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page .page-link:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item a:hover, +.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button a:hover, +.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item a:hover, +.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, +.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page a:hover { background: #2e3657; border-color: #252C46; - color: #ffffff; } + color: #ffffff; +} /* Popovers */ .popover-static-demo .popover { @@ -14213,176 +22021,346 @@ ul { position: relative; display: block; float: left; - margin: 1rem 0.5rem; } - .popover-static-demo .popover.bs-popover-bottom-demo .arrow, .popover-static-demo .popover.bs-popover-top-demo .arrow { - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); } - .popover-static-demo .popover.bs-popover-left-demo .arrow, .popover-static-demo .popover.bs-popover-right-demo .arrow { - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); } + margin: 1rem 0.5rem; +} + +.popover-static-demo .popover.bs-popover-bottom-demo .arrow, +.popover-static-demo .popover.bs-popover-top-demo .arrow { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.popover-static-demo .popover.bs-popover-left-demo .arrow, +.popover-static-demo .popover.bs-popover-right-demo .arrow { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} .popover { - z-index: 1029; } - .popover.bs-popover-top-demo .arrow:before { - border-top-color: #2a2c44; } - .popover.bs-popover-top-demo .arrow:after { - border-top-color: #2a2c44; } - .popover.bs-popover-right-demo .arrow:before { - border-right-color: #2a2c44; } - .popover.bs-popover-right-demo .arrow:after { - border-right-color: #2a2c44; } - .popover.bs-popover-bottom-demo .arrow:before { - border-bottom-color: #2a2c44; } - .popover.bs-popover-bottom-demo .arrow:after { - border-bottom-color: #2a2c44; } - .popover.bs-popover-bottom-demo .popover-header:before { - border-bottom: 0; } - .popover.bs-popover-left-demo .arrow:before { - border-left-color: #2a2c44; } - .popover.bs-popover-left-demo .arrow:after { - border-left-color: #2a2c44; } - .popover .popover-header { - font-size: 0.9375rem; - border-bottom: 0; - color: #2196f3; - background: #2a2c44; } - .popover .popover-body { - color: #000; - background: #2a2c44; } - .popover.left .arrow:after { - border-left-color: #2a2c44; } - .popover.right .arrow:after { - border-right-color: #2a2c44; } + z-index: 1029; +} + +.popover.bs-popover-top-demo .arrow:before { + border-top-color: #2a2c44; +} + +.popover.bs-popover-top-demo .arrow:after { + border-top-color: #2a2c44; +} + +.popover.bs-popover-right-demo .arrow:before { + border-right-color: #2a2c44; +} + +.popover.bs-popover-right-demo .arrow:after { + border-right-color: #2a2c44; +} + +.popover.bs-popover-bottom-demo .arrow:before { + border-bottom-color: #2a2c44; +} + +.popover.bs-popover-bottom-demo .arrow:after { + border-bottom-color: #2a2c44; +} + +.popover.bs-popover-bottom-demo .popover-header:before { + border-bottom: 0; +} + +.popover.bs-popover-left-demo .arrow:before { + border-left-color: #2a2c44; +} + +.popover.bs-popover-left-demo .arrow:after { + border-left-color: #2a2c44; +} + +.popover .popover-header { + font-size: 0.9375rem; + border-bottom: 0; + color: #2196f3; + background: #2a2c44; +} + +.popover .popover-body { + color: #000; + background: #2a2c44; +} + +.popover.left .arrow:after { + border-left-color: #2a2c44; +} + +.popover.right .arrow:after { + border-right-color: #2a2c44; +} .popover-primary .popover-header { background: #2196f3; - color: #ffffff; } + color: #ffffff; +} -.popover-primary.bs-popover-top .arrow:after, .popover-primary.bs-popover-auto[x-placement^="top"] .arrow:after, .popover-primary.bs-popover-top .arrow:before, .popover-primary.bs-popover-auto[x-placement^="top"] .arrow:before { - border-top-color: #2196f3; } +.popover-primary.bs-popover-top .arrow:after, +.popover-primary.bs-popover-auto[x-placement^="top"] .arrow:after, +.popover-primary.bs-popover-top .arrow:before, +.popover-primary.bs-popover-auto[x-placement^="top"] .arrow:before { + border-top-color: #2196f3; +} -.popover-primary.bs-popover-right .arrow:after, .popover-primary.bs-popover-auto[x-placement^="right"] .arrow:after, .popover-primary.bs-popover-right .arrow:before, .popover-primary.bs-popover-auto[x-placement^="right"] .arrow:before { - border-right-color: #2196f3; } +.popover-primary.bs-popover-right .arrow:after, +.popover-primary.bs-popover-auto[x-placement^="right"] .arrow:after, +.popover-primary.bs-popover-right .arrow:before, +.popover-primary.bs-popover-auto[x-placement^="right"] .arrow:before { + border-right-color: #2196f3; +} -.popover-primary.bs-popover-bottom .arrow:after, .popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:after, .popover-primary.bs-popover-bottom .arrow:before, .popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:before { - border-bottom-color: #2196f3; } +.popover-primary.bs-popover-bottom .arrow:after, +.popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:after, +.popover-primary.bs-popover-bottom .arrow:before, +.popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:before { + border-bottom-color: #2196f3; +} -.popover-primary.bs-popover-left .arrow:after, .popover-primary.bs-popover-auto[x-placement^="left"] .arrow:after, .popover-primary.bs-popover-left .arrow:before, .popover-primary.bs-popover-auto[x-placement^="left"] .arrow:before { - border-left-color: #2196f3; } +.popover-primary.bs-popover-left .arrow:after, +.popover-primary.bs-popover-auto[x-placement^="left"] .arrow:after, +.popover-primary.bs-popover-left .arrow:before, +.popover-primary.bs-popover-auto[x-placement^="left"] .arrow:before { + border-left-color: #2196f3; +} .popover-secondary .popover-header { background: #dde4eb; - color: #ffffff; } + color: #ffffff; +} -.popover-secondary.bs-popover-top .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:after, .popover-secondary.bs-popover-top .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:before { - border-top-color: #dde4eb; } +.popover-secondary.bs-popover-top .arrow:after, +.popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:after, +.popover-secondary.bs-popover-top .arrow:before, +.popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:before { + border-top-color: #dde4eb; +} -.popover-secondary.bs-popover-right .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:after, .popover-secondary.bs-popover-right .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:before { - border-right-color: #dde4eb; } +.popover-secondary.bs-popover-right .arrow:after, +.popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:after, +.popover-secondary.bs-popover-right .arrow:before, +.popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:before { + border-right-color: #dde4eb; +} -.popover-secondary.bs-popover-bottom .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:after, .popover-secondary.bs-popover-bottom .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:before { - border-bottom-color: #dde4eb; } +.popover-secondary.bs-popover-bottom .arrow:after, +.popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:after, +.popover-secondary.bs-popover-bottom .arrow:before, +.popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:before { + border-bottom-color: #dde4eb; +} -.popover-secondary.bs-popover-left .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:after, .popover-secondary.bs-popover-left .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:before { - border-left-color: #dde4eb; } +.popover-secondary.bs-popover-left .arrow:after, +.popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:after, +.popover-secondary.bs-popover-left .arrow:before, +.popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:before { + border-left-color: #dde4eb; +} .popover-success .popover-header { background: #19d895; - color: #ffffff; } + color: #ffffff; +} -.popover-success.bs-popover-top .arrow:after, .popover-success.bs-popover-auto[x-placement^="top"] .arrow:after, .popover-success.bs-popover-top .arrow:before, .popover-success.bs-popover-auto[x-placement^="top"] .arrow:before { - border-top-color: #19d895; } +.popover-success.bs-popover-top .arrow:after, +.popover-success.bs-popover-auto[x-placement^="top"] .arrow:after, +.popover-success.bs-popover-top .arrow:before, +.popover-success.bs-popover-auto[x-placement^="top"] .arrow:before { + border-top-color: #19d895; +} -.popover-success.bs-popover-right .arrow:after, .popover-success.bs-popover-auto[x-placement^="right"] .arrow:after, .popover-success.bs-popover-right .arrow:before, .popover-success.bs-popover-auto[x-placement^="right"] .arrow:before { - border-right-color: #19d895; } +.popover-success.bs-popover-right .arrow:after, +.popover-success.bs-popover-auto[x-placement^="right"] .arrow:after, +.popover-success.bs-popover-right .arrow:before, +.popover-success.bs-popover-auto[x-placement^="right"] .arrow:before { + border-right-color: #19d895; +} -.popover-success.bs-popover-bottom .arrow:after, .popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:after, .popover-success.bs-popover-bottom .arrow:before, .popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:before { - border-bottom-color: #19d895; } +.popover-success.bs-popover-bottom .arrow:after, +.popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:after, +.popover-success.bs-popover-bottom .arrow:before, +.popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:before { + border-bottom-color: #19d895; +} -.popover-success.bs-popover-left .arrow:after, .popover-success.bs-popover-auto[x-placement^="left"] .arrow:after, .popover-success.bs-popover-left .arrow:before, .popover-success.bs-popover-auto[x-placement^="left"] .arrow:before { - border-left-color: #19d895; } +.popover-success.bs-popover-left .arrow:after, +.popover-success.bs-popover-auto[x-placement^="left"] .arrow:after, +.popover-success.bs-popover-left .arrow:before, +.popover-success.bs-popover-auto[x-placement^="left"] .arrow:before { + border-left-color: #19d895; +} .popover-info .popover-header { background: #8862e0; - color: #ffffff; } + color: #ffffff; +} -.popover-info.bs-popover-top .arrow:after, .popover-info.bs-popover-auto[x-placement^="top"] .arrow:after, .popover-info.bs-popover-top .arrow:before, .popover-info.bs-popover-auto[x-placement^="top"] .arrow:before { - border-top-color: #8862e0; } +.popover-info.bs-popover-top .arrow:after, +.popover-info.bs-popover-auto[x-placement^="top"] .arrow:after, +.popover-info.bs-popover-top .arrow:before, +.popover-info.bs-popover-auto[x-placement^="top"] .arrow:before { + border-top-color: #8862e0; +} -.popover-info.bs-popover-right .arrow:after, .popover-info.bs-popover-auto[x-placement^="right"] .arrow:after, .popover-info.bs-popover-right .arrow:before, .popover-info.bs-popover-auto[x-placement^="right"] .arrow:before { - border-right-color: #8862e0; } +.popover-info.bs-popover-right .arrow:after, +.popover-info.bs-popover-auto[x-placement^="right"] .arrow:after, +.popover-info.bs-popover-right .arrow:before, +.popover-info.bs-popover-auto[x-placement^="right"] .arrow:before { + border-right-color: #8862e0; +} -.popover-info.bs-popover-bottom .arrow:after, .popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:after, .popover-info.bs-popover-bottom .arrow:before, .popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:before { - border-bottom-color: #8862e0; } +.popover-info.bs-popover-bottom .arrow:after, +.popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:after, +.popover-info.bs-popover-bottom .arrow:before, +.popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:before { + border-bottom-color: #8862e0; +} -.popover-info.bs-popover-left .arrow:after, .popover-info.bs-popover-auto[x-placement^="left"] .arrow:after, .popover-info.bs-popover-left .arrow:before, .popover-info.bs-popover-auto[x-placement^="left"] .arrow:before { - border-left-color: #8862e0; } +.popover-info.bs-popover-left .arrow:after, +.popover-info.bs-popover-auto[x-placement^="left"] .arrow:after, +.popover-info.bs-popover-left .arrow:before, +.popover-info.bs-popover-auto[x-placement^="left"] .arrow:before { + border-left-color: #8862e0; +} .popover-warning .popover-header { background: #ffaf00; - color: #ffffff; } + color: #ffffff; +} -.popover-warning.bs-popover-top .arrow:after, .popover-warning.bs-popover-auto[x-placement^="top"] .arrow:after, .popover-warning.bs-popover-top .arrow:before, .popover-warning.bs-popover-auto[x-placement^="top"] .arrow:before { - border-top-color: #ffaf00; } +.popover-warning.bs-popover-top .arrow:after, +.popover-warning.bs-popover-auto[x-placement^="top"] .arrow:after, +.popover-warning.bs-popover-top .arrow:before, +.popover-warning.bs-popover-auto[x-placement^="top"] .arrow:before { + border-top-color: #ffaf00; +} -.popover-warning.bs-popover-right .arrow:after, .popover-warning.bs-popover-auto[x-placement^="right"] .arrow:after, .popover-warning.bs-popover-right .arrow:before, .popover-warning.bs-popover-auto[x-placement^="right"] .arrow:before { - border-right-color: #ffaf00; } +.popover-warning.bs-popover-right .arrow:after, +.popover-warning.bs-popover-auto[x-placement^="right"] .arrow:after, +.popover-warning.bs-popover-right .arrow:before, +.popover-warning.bs-popover-auto[x-placement^="right"] .arrow:before { + border-right-color: #ffaf00; +} -.popover-warning.bs-popover-bottom .arrow:after, .popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:after, .popover-warning.bs-popover-bottom .arrow:before, .popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:before { - border-bottom-color: #ffaf00; } +.popover-warning.bs-popover-bottom .arrow:after, +.popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:after, +.popover-warning.bs-popover-bottom .arrow:before, +.popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:before { + border-bottom-color: #ffaf00; +} -.popover-warning.bs-popover-left .arrow:after, .popover-warning.bs-popover-auto[x-placement^="left"] .arrow:after, .popover-warning.bs-popover-left .arrow:before, .popover-warning.bs-popover-auto[x-placement^="left"] .arrow:before { - border-left-color: #ffaf00; } +.popover-warning.bs-popover-left .arrow:after, +.popover-warning.bs-popover-auto[x-placement^="left"] .arrow:after, +.popover-warning.bs-popover-left .arrow:before, +.popover-warning.bs-popover-auto[x-placement^="left"] .arrow:before { + border-left-color: #ffaf00; +} .popover-danger .popover-header { background: #ff6258; - color: #ffffff; } + color: #ffffff; +} -.popover-danger.bs-popover-top .arrow:after, .popover-danger.bs-popover-auto[x-placement^="top"] .arrow:after, .popover-danger.bs-popover-top .arrow:before, .popover-danger.bs-popover-auto[x-placement^="top"] .arrow:before { - border-top-color: #ff6258; } +.popover-danger.bs-popover-top .arrow:after, +.popover-danger.bs-popover-auto[x-placement^="top"] .arrow:after, +.popover-danger.bs-popover-top .arrow:before, +.popover-danger.bs-popover-auto[x-placement^="top"] .arrow:before { + border-top-color: #ff6258; +} -.popover-danger.bs-popover-right .arrow:after, .popover-danger.bs-popover-auto[x-placement^="right"] .arrow:after, .popover-danger.bs-popover-right .arrow:before, .popover-danger.bs-popover-auto[x-placement^="right"] .arrow:before { - border-right-color: #ff6258; } +.popover-danger.bs-popover-right .arrow:after, +.popover-danger.bs-popover-auto[x-placement^="right"] .arrow:after, +.popover-danger.bs-popover-right .arrow:before, +.popover-danger.bs-popover-auto[x-placement^="right"] .arrow:before { + border-right-color: #ff6258; +} -.popover-danger.bs-popover-bottom .arrow:after, .popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:after, .popover-danger.bs-popover-bottom .arrow:before, .popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:before { - border-bottom-color: #ff6258; } +.popover-danger.bs-popover-bottom .arrow:after, +.popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:after, +.popover-danger.bs-popover-bottom .arrow:before, +.popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:before { + border-bottom-color: #ff6258; +} -.popover-danger.bs-popover-left .arrow:after, .popover-danger.bs-popover-auto[x-placement^="left"] .arrow:after, .popover-danger.bs-popover-left .arrow:before, .popover-danger.bs-popover-auto[x-placement^="left"] .arrow:before { - border-left-color: #ff6258; } +.popover-danger.bs-popover-left .arrow:after, +.popover-danger.bs-popover-auto[x-placement^="left"] .arrow:after, +.popover-danger.bs-popover-left .arrow:before, +.popover-danger.bs-popover-auto[x-placement^="left"] .arrow:before { + border-left-color: #ff6258; +} .popover-light .popover-header { background: #fbfbfb; - color: #ffffff; } + color: #ffffff; +} -.popover-light.bs-popover-top .arrow:after, .popover-light.bs-popover-auto[x-placement^="top"] .arrow:after, .popover-light.bs-popover-top .arrow:before, .popover-light.bs-popover-auto[x-placement^="top"] .arrow:before { - border-top-color: #fbfbfb; } +.popover-light.bs-popover-top .arrow:after, +.popover-light.bs-popover-auto[x-placement^="top"] .arrow:after, +.popover-light.bs-popover-top .arrow:before, +.popover-light.bs-popover-auto[x-placement^="top"] .arrow:before { + border-top-color: #fbfbfb; +} -.popover-light.bs-popover-right .arrow:after, .popover-light.bs-popover-auto[x-placement^="right"] .arrow:after, .popover-light.bs-popover-right .arrow:before, .popover-light.bs-popover-auto[x-placement^="right"] .arrow:before { - border-right-color: #fbfbfb; } +.popover-light.bs-popover-right .arrow:after, +.popover-light.bs-popover-auto[x-placement^="right"] .arrow:after, +.popover-light.bs-popover-right .arrow:before, +.popover-light.bs-popover-auto[x-placement^="right"] .arrow:before { + border-right-color: #fbfbfb; +} -.popover-light.bs-popover-bottom .arrow:after, .popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:after, .popover-light.bs-popover-bottom .arrow:before, .popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:before { - border-bottom-color: #fbfbfb; } +.popover-light.bs-popover-bottom .arrow:after, +.popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:after, +.popover-light.bs-popover-bottom .arrow:before, +.popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:before { + border-bottom-color: #fbfbfb; +} -.popover-light.bs-popover-left .arrow:after, .popover-light.bs-popover-auto[x-placement^="left"] .arrow:after, .popover-light.bs-popover-left .arrow:before, .popover-light.bs-popover-auto[x-placement^="left"] .arrow:before { - border-left-color: #fbfbfb; } +.popover-light.bs-popover-left .arrow:after, +.popover-light.bs-popover-auto[x-placement^="left"] .arrow:after, +.popover-light.bs-popover-left .arrow:before, +.popover-light.bs-popover-auto[x-placement^="left"] .arrow:before { + border-left-color: #fbfbfb; +} .popover-dark .popover-header { background: #252C46; - color: #ffffff; } + color: #ffffff; +} -.popover-dark.bs-popover-top .arrow:after, .popover-dark.bs-popover-auto[x-placement^="top"] .arrow:after, .popover-dark.bs-popover-top .arrow:before, .popover-dark.bs-popover-auto[x-placement^="top"] .arrow:before { - border-top-color: #252C46; } +.popover-dark.bs-popover-top .arrow:after, +.popover-dark.bs-popover-auto[x-placement^="top"] .arrow:after, +.popover-dark.bs-popover-top .arrow:before, +.popover-dark.bs-popover-auto[x-placement^="top"] .arrow:before { + border-top-color: #252C46; +} -.popover-dark.bs-popover-right .arrow:after, .popover-dark.bs-popover-auto[x-placement^="right"] .arrow:after, .popover-dark.bs-popover-right .arrow:before, .popover-dark.bs-popover-auto[x-placement^="right"] .arrow:before { - border-right-color: #252C46; } +.popover-dark.bs-popover-right .arrow:after, +.popover-dark.bs-popover-auto[x-placement^="right"] .arrow:after, +.popover-dark.bs-popover-right .arrow:before, +.popover-dark.bs-popover-auto[x-placement^="right"] .arrow:before { + border-right-color: #252C46; +} -.popover-dark.bs-popover-bottom .arrow:after, .popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:after, .popover-dark.bs-popover-bottom .arrow:before, .popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:before { - border-bottom-color: #252C46; } +.popover-dark.bs-popover-bottom .arrow:after, +.popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:after, +.popover-dark.bs-popover-bottom .arrow:before, +.popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:before { + border-bottom-color: #252C46; +} -.popover-dark.bs-popover-left .arrow:after, .popover-dark.bs-popover-auto[x-placement^="left"] .arrow:after, .popover-dark.bs-popover-left .arrow:before, .popover-dark.bs-popover-auto[x-placement^="left"] .arrow:before { - border-left-color: #252C46; } +.popover-dark.bs-popover-left .arrow:after, +.popover-dark.bs-popover-auto[x-placement^="left"] .arrow:after, +.popover-dark.bs-popover-left .arrow:before, +.popover-dark.bs-popover-auto[x-placement^="left"] .arrow:before { + border-left-color: #252C46; +} /* Portfolio */ .portfolio-grid figure { @@ -14392,69 +22370,96 @@ ul { width: 100%; background: #ffaf00; text-align: center; - cursor: pointer; } - @media (max-width: 767px) { - .portfolio-grid figure { - width: 270px; } } - .portfolio-grid figure img { - position: relative; - display: block; - min-height: 100%; - max-width: 100%; - width: 100%; - opacity: 0.8; } - .portfolio-grid figure figcaption { - padding: 2em; - color: #ffffff; - text-transform: uppercase; - font-size: 1.25em; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - .portfolio-grid figure figcaption:after, .portfolio-grid figure figcaption:before { - pointer-events: none; } - .portfolio-grid figure.effect-text-in { - border-radius: 0.25rem; } - .portfolio-grid figure.effect-text-in h4, - .portfolio-grid figure.effect-text-in img { - -webkit-transition: -webkit-transform 0.35s; - transition: -webkit-transform 0.35s; - transition: transform 0.35s; - transition: transform 0.35s, -webkit-transform 0.35s; } - .portfolio-grid figure.effect-text-in img { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - .portfolio-grid figure.effect-text-in h4, - .portfolio-grid figure.effect-text-in p { - position: absolute; - bottom: 10px; - left: 0; - padding: 10px; - margin-bottom: 0; - width: 100%; } - .portfolio-grid figure.effect-text-in p { - text-transform: none; - opacity: 0; - -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; - transition: opacity 0.35s, -webkit-transform 0.35s; - transition: opacity 0.35s, transform 0.35s; - transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; - -webkit-transform: translate3d(0, 50px, 0); - transform: translate3d(0, 50px, 0); } - .portfolio-grid figure.effect-text-in:hover img { - -webkit-transform: translate3d(0, -80px, 0); - transform: translate3d(0, -80px, 0); } - .portfolio-grid figure.effect-text-in:hover h4 { - -webkit-transform: translate3d(0, -100px, 0); - transform: translate3d(0, -100px, 0); } - .portfolio-grid figure.effect-text-in:hover p { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } + cursor: pointer; +} + +@media (max-width: 767px) { + .portfolio-grid figure { + width: 270px; + } +} + +.portfolio-grid figure img { + position: relative; + display: block; + min-height: 100%; + max-width: 100%; + width: 100%; + opacity: 0.8; +} + +.portfolio-grid figure figcaption { + padding: 2em; + color: #ffffff; + text-transform: uppercase; + font-size: 1.25em; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.portfolio-grid figure figcaption:after, +.portfolio-grid figure figcaption:before { + pointer-events: none; +} + +.portfolio-grid figure.effect-text-in { + border-radius: 0.25rem; +} + +.portfolio-grid figure.effect-text-in h4, +.portfolio-grid figure.effect-text-in img { + -webkit-transition: -webkit-transform 0.35s; + transition: -webkit-transform 0.35s; + transition: transform 0.35s; + transition: transform 0.35s, -webkit-transform 0.35s; +} + +.portfolio-grid figure.effect-text-in img { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.portfolio-grid figure.effect-text-in h4, +.portfolio-grid figure.effect-text-in p { + position: absolute; + bottom: 10px; + left: 0; + padding: 10px; + margin-bottom: 0; + width: 100%; +} + +.portfolio-grid figure.effect-text-in p { + text-transform: none; + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; + -webkit-transform: translate3d(0, 50px, 0); + transform: translate3d(0, 50px, 0); +} + +.portfolio-grid figure.effect-text-in:hover img { + -webkit-transform: translate3d(0, -80px, 0); + transform: translate3d(0, -80px, 0); +} + +.portfolio-grid figure.effect-text-in:hover h4 { + -webkit-transform: translate3d(0, -100px, 0); + transform: translate3d(0, -100px, 0); +} + +.portfolio-grid figure.effect-text-in:hover p { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} /* Preview */ .preview-list .preview-item { @@ -14470,197 +22475,312 @@ ul { align-items: flex-start; padding: 0.75rem 1.5rem; font-size: 0.875rem; - border-bottom: 1px solid #383e5d; } - .preview-list .preview-item:last-child { - border-bottom: 0; } - .preview-list .preview-item .form-check { - margin-top: 8px; - margin-right: 1rem; } - .preview-list .preview-item .preview-thumbnail { - color: #ffffff; - position: relative; } - .preview-list .preview-item .preview-thumbnail .preview-icon, - .preview-list .preview-item .preview-thumbnail img { - border-radius: 100%; } - .preview-list .preview-item .preview-thumbnail .preview-icon { - padding: 6px; - text-align: center; } - .preview-list .preview-item .preview-thumbnail .preview-icon i { - font-size: 1.125rem; } - .preview-list .preview-item .preview-thumbnail .badge { - border: 2px solid #383e5d; - border-radius: 100%; - bottom: 5px; - display: block; - height: 14px; - left: -5px; - padding: 0; - position: absolute; - width: 14px; } - .preview-list .preview-item .preview-item-content { - line-height: 1; - padding-left: 1.5rem; - color: #fff; } - .rtl .preview-list .preview-item .preview-item-content { - padding-left: 0; - padding-right: 1.5rem; } - .preview-list .preview-item .preview-item-content:first-child { - padding-left: 0; } - .rtl .preview-list .preview-item .preview-item-content:first-child { - padding-right: 0; } - .preview-list .preview-item .preview-item-content p { - margin-bottom: 10px; } - .preview-list .preview-item .preview-item-content p .content-category { - font-family: "roboto", sans-serif; - padding-right: 15px; - border-right: 1px solid #383e5d; } - .preview-list .preview-item .preview-actions { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - .preview-list .preview-item .preview-actions i { - width: 29px; - color: #f7f7f9; - height: 29px; - border: 2px solid #f7f7f9; - border-radius: 100%; - padding: 3px 6px; - display: inline-block; } - .preview-list .preview-item .preview-actions i:first-child { - margin-right: 10px; } + border-bottom: 1px solid #383e5d; +} + +.preview-list .preview-item:last-child { + border-bottom: 0; +} + +.preview-list .preview-item .form-check { + margin-top: 8px; + margin-right: 1rem; +} + +.preview-list .preview-item .preview-thumbnail { + color: #ffffff; + position: relative; +} + +.preview-list .preview-item .preview-thumbnail .preview-icon, +.preview-list .preview-item .preview-thumbnail img { + border-radius: 100%; +} + +.preview-list .preview-item .preview-thumbnail .preview-icon { + padding: 6px; + text-align: center; +} + +.preview-list .preview-item .preview-thumbnail .preview-icon i { + font-size: 1.125rem; +} + +.preview-list .preview-item .preview-thumbnail .badge { + border: 2px solid #383e5d; + border-radius: 100%; + bottom: 5px; + display: block; + height: 14px; + left: -5px; + padding: 0; + position: absolute; + width: 14px; +} + +.preview-list .preview-item .preview-item-content { + line-height: 1; + padding-left: 1.5rem; + color: #fff; +} + +.rtl .preview-list .preview-item .preview-item-content { + padding-left: 0; + padding-right: 1.5rem; +} + +.preview-list .preview-item .preview-item-content:first-child { + padding-left: 0; +} + +.rtl .preview-list .preview-item .preview-item-content:first-child { + padding-right: 0; +} + +.preview-list .preview-item .preview-item-content p { + margin-bottom: 10px; +} + +.preview-list .preview-item .preview-item-content p .content-category { + font-family: "roboto", sans-serif; + padding-right: 15px; + border-right: 1px solid #383e5d; +} + +.preview-list .preview-item .preview-actions { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; +} + +.preview-list .preview-item .preview-actions i { + width: 29px; + color: #f7f7f9; + height: 29px; + border: 2px solid #f7f7f9; + border-radius: 100%; + padding: 3px 6px; + display: inline-block; +} + +.preview-list .preview-item .preview-actions i:first-child { + margin-right: 10px; +} .preview-list.comment-preview .preview-item { - padding: 0.87rem 0; } - .preview-list.comment-preview .preview-item:first-child { - padding-top: 0; } - .preview-list.comment-preview .preview-item p { - line-height: 27px; } + padding: 0.87rem 0; +} + +.preview-list.comment-preview .preview-item:first-child { + padding-top: 0; +} + +.preview-list.comment-preview .preview-item p { + line-height: 27px; +} .preview-list.bordered .preview-item { - border-bottom: 1px solid #383e5d; } - .preview-list.bordered .preview-item:last-child { - border-bottom: 0; } + border-bottom: 1px solid #383e5d; +} + +.preview-list.bordered .preview-item:last-child { + border-bottom: 0; +} /* Pricing table */ .pricing-table .pricing-card .pricing-card-body { - padding: 50px 56px 43px; } - .pricing-table .pricing-card .pricing-card-body .plan-features { - width: 100%; - margin-bottom: 32px; } - .pricing-table .pricing-card .pricing-card-body .plan-features li { - text-align: left; - padding: 4px 0; - font-family: "roboto", sans-serif; - font-size: 0.875rem; } + padding: 50px 56px 43px; +} + +.pricing-table .pricing-card .pricing-card-body .plan-features { + width: 100%; + margin-bottom: 32px; +} + +.pricing-table .pricing-card .pricing-card-body .plan-features li { + text-align: left; + padding: 4px 0; + font-family: "roboto", sans-serif; + font-size: 0.875rem; +} /* Tables */ -.table, .jsgrid .jsgrid-table { - margin-bottom: 0; } - .table thead th, .jsgrid .jsgrid-table thead th { - border-top: 0; - border-bottom-width: 1px; - font-family: "roboto", sans-serif; - font-weight: 500; - color: #fff; - border-bottom-color: #383e5d; } - .table thead th i, .jsgrid .jsgrid-table thead th i { - margin-left: 0.325rem; } - .table tbody td, .jsgrid .jsgrid-table tbody td { - border-top-color: #383e5d; } - - .table td, - .jsgrid .jsgrid-table td, .table th, .jsgrid .jsgrid-table th { - vertical-align: middle; - font-size: 0.875rem; - line-height: 1; - white-space: nowrap; - height: 35px; - padding: 12px 15px; } - .table td img:not(.thumb-image), .jsgrid .jsgrid-table td img:not(.thumb-image), - .table th img:not(.thumb-image), - .jsgrid .jsgrid-table th img:not(.thumb-image) { - border-radius: 100%; } - .table td img.thumb-image, .jsgrid .jsgrid-table td img.thumb-image, - .table th img.thumb-image, - .jsgrid .jsgrid-table th img.thumb-image { - width: 50px; - height: 50px; - border: 1px solid #383e5d; } - .table td .badge, .jsgrid .jsgrid-table td .badge, - .table th .badge, - .jsgrid .jsgrid-table th .badge { - margin-bottom: 0; } - .table td .form-check, .jsgrid .jsgrid-table td .form-check, - .table td .form-radio, - .jsgrid .jsgrid-table td .form-radio, - .table th .form-check, - .jsgrid .jsgrid-table th .form-check, - .table th .form-radio, - .jsgrid .jsgrid-table th .form-radio { - margin-top: 0; - margin-bottom: -0px; } - - .table td, - .jsgrid .jsgrid-table td { - color: #fff; } - .table td .form-check .form-check-label input:checked + .input-helper:after, .jsgrid .jsgrid-table td .form-check .form-check-label input:checked + .input-helper:after { - line-height: 1px; } - .table.table-borderless, .jsgrid .table-borderless.jsgrid-table { - border: none; } - .table.table-borderless td, .jsgrid .table-borderless.jsgrid-table td, - .table.table-borderless th, - .jsgrid .table-borderless.jsgrid-table th, - .table.table-borderless tr, - .jsgrid .table-borderless.jsgrid-table tr { - border: none; } - .table.table-bordered thead, .jsgrid .table-bordered.jsgrid-table thead { - border: 1px solid #383e5d; - border-bottom: none; } - .table.table-bordered thead tr:not(.enable-border) th, .jsgrid .table-bordered.jsgrid-table thead tr:not(.enable-border) th { - border-left: none; - border-right: none; } - .table.table-bordered td, .jsgrid .table-bordered.jsgrid-table td { - border-color: #383e5d; } - .table.table-bordered.table-edge-border-0, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table { - border-left: none; - border-right: none; - border-bottom: none; } - .table.table-bordered.table-edge-border-0 thead, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table thead { - border-left: none; - border-right: none; } - .table.table-bordered.table-edge-border-0 th:first-child, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table th:first-child, - .table.table-bordered.table-edge-border-0 td:first-child, - .jsgrid .table-bordered.table-edge-border-0.jsgrid-table td:first-child { - border-left: 1px solid transparent; } - .table.table-bordered.table-edge-border-0 th:last-child, .jsgrid .table-bordered.table-edge-border-0.jsgrid-table th:last-child, - .table.table-bordered.table-edge-border-0 td:last-child, - .jsgrid .table-bordered.table-edge-border-0.jsgrid-table td:last-child { - border-right: 1px solid transparent; } - .table.table-striped tbody tr:nth-child(odd), .jsgrid .table-striped.jsgrid-table tbody tr:nth-child(odd) { - background: rgba(0, 0, 0, 0.05); } - .table.table-striped tbody tr:nth-child(even), .jsgrid .table-striped.jsgrid-table tbody tr:nth-child(even) { - background: transparent; } - .table.table-stretched thead tr th:first-child, .jsgrid .table-stretched.jsgrid-table thead tr th:first-child, - .table.table-stretched thead tr td:first-child, - .jsgrid .table-stretched.jsgrid-table thead tr td:first-child, - .table.table-stretched tbody tr th:first-child, - .jsgrid .table-stretched.jsgrid-table tbody tr th:first-child, - .table.table-stretched tbody tr td:first-child, - .jsgrid .table-stretched.jsgrid-table tbody tr td:first-child { - padding-left: 0; } - .table.table-stretched thead tr th:last-child, .jsgrid .table-stretched.jsgrid-table thead tr th:last-child, - .table.table-stretched thead tr td:last-child, - .jsgrid .table-stretched.jsgrid-table thead tr td:last-child, - .table.table-stretched tbody tr th:last-child, - .jsgrid .table-stretched.jsgrid-table tbody tr th:last-child, - .table.table-stretched tbody tr td:last-child, - .jsgrid .table-stretched.jsgrid-table tbody tr td:last-child { - padding-right: 0; - text-align: right; } +.table, +.jsgrid .jsgrid-table { + margin-bottom: 0; +} + +.table thead th, +.jsgrid .jsgrid-table thead th { + border-top: 0; + border-bottom-width: 1px; + font-family: "roboto", sans-serif; + font-weight: 500; + color: #fff; + border-bottom-color: #383e5d; +} + +.table thead th i, +.jsgrid .jsgrid-table thead th i { + margin-left: 0.325rem; +} + +.table tbody td, +.jsgrid .jsgrid-table tbody td { + border-top-color: #383e5d; +} + +.table td, +.jsgrid .jsgrid-table td, +.table th, +.jsgrid .jsgrid-table th { + vertical-align: middle; + font-size: 0.875rem; + line-height: 1; + white-space: nowrap; + height: 35px; + padding: 12px 15px; +} + +.table td img:not(.thumb-image), +.jsgrid .jsgrid-table td img:not(.thumb-image), +.table th img:not(.thumb-image), +.jsgrid .jsgrid-table th img:not(.thumb-image) { + border-radius: 100%; +} + +.table td img.thumb-image, +.jsgrid .jsgrid-table td img.thumb-image, +.table th img.thumb-image, +.jsgrid .jsgrid-table th img.thumb-image { + width: 50px; + height: 50px; + border: 1px solid #383e5d; +} + +.table td .badge, +.jsgrid .jsgrid-table td .badge, +.table th .badge, +.jsgrid .jsgrid-table th .badge { + margin-bottom: 0; +} + +.table td .form-check, +.jsgrid .jsgrid-table td .form-check, +.table td .form-radio, +.jsgrid .jsgrid-table td .form-radio, +.table th .form-check, +.jsgrid .jsgrid-table th .form-check, +.table th .form-radio, +.jsgrid .jsgrid-table th .form-radio { + margin-top: 0; + margin-bottom: -0px; +} + +.table td, +.jsgrid .jsgrid-table td { + color: #fff; +} + +.table td .form-check .form-check-label input:checked+.input-helper:after, +.jsgrid .jsgrid-table td .form-check .form-check-label input:checked+.input-helper:after { + line-height: 1px; +} + +.table.table-borderless, +.jsgrid .table-borderless.jsgrid-table { + border: none; +} + +.table.table-borderless td, +.jsgrid .table-borderless.jsgrid-table td, +.table.table-borderless th, +.jsgrid .table-borderless.jsgrid-table th, +.table.table-borderless tr, +.jsgrid .table-borderless.jsgrid-table tr { + border: none; +} + +.table.table-bordered thead, +.jsgrid .table-bordered.jsgrid-table thead { + border: 1px solid #383e5d; + border-bottom: none; +} + +.table.table-bordered thead tr:not(.enable-border) th, +.jsgrid .table-bordered.jsgrid-table thead tr:not(.enable-border) th { + border-left: none; + border-right: none; +} + +.table.table-bordered td, +.jsgrid .table-bordered.jsgrid-table td { + border-color: #383e5d; +} + +.table.table-bordered.table-edge-border-0, +.jsgrid .table-bordered.table-edge-border-0.jsgrid-table { + border-left: none; + border-right: none; + border-bottom: none; +} + +.table.table-bordered.table-edge-border-0 thead, +.jsgrid .table-bordered.table-edge-border-0.jsgrid-table thead { + border-left: none; + border-right: none; +} + +.table.table-bordered.table-edge-border-0 th:first-child, +.jsgrid .table-bordered.table-edge-border-0.jsgrid-table th:first-child, +.table.table-bordered.table-edge-border-0 td:first-child, +.jsgrid .table-bordered.table-edge-border-0.jsgrid-table td:first-child { + border-left: 1px solid transparent; +} + +.table.table-bordered.table-edge-border-0 th:last-child, +.jsgrid .table-bordered.table-edge-border-0.jsgrid-table th:last-child, +.table.table-bordered.table-edge-border-0 td:last-child, +.jsgrid .table-bordered.table-edge-border-0.jsgrid-table td:last-child { + border-right: 1px solid transparent; +} + +.table.table-striped tbody tr:nth-child(odd), +.jsgrid .table-striped.jsgrid-table tbody tr:nth-child(odd) { + background: rgba(0, 0, 0, 0.05); +} + +.table.table-striped tbody tr:nth-child(even), +.jsgrid .table-striped.jsgrid-table tbody tr:nth-child(even) { + background: transparent; +} + +.table.table-stretched thead tr th:first-child, +.jsgrid .table-stretched.jsgrid-table thead tr th:first-child, +.table.table-stretched thead tr td:first-child, +.jsgrid .table-stretched.jsgrid-table thead tr td:first-child, +.table.table-stretched tbody tr th:first-child, +.jsgrid .table-stretched.jsgrid-table tbody tr th:first-child, +.table.table-stretched tbody tr td:first-child, +.jsgrid .table-stretched.jsgrid-table tbody tr td:first-child { + padding-left: 0; +} + +.table.table-stretched thead tr th:last-child, +.jsgrid .table-stretched.jsgrid-table thead tr th:last-child, +.table.table-stretched thead tr td:last-child, +.jsgrid .table-stretched.jsgrid-table thead tr td:last-child, +.table.table-stretched tbody tr th:last-child, +.jsgrid .table-stretched.jsgrid-table tbody tr th:last-child, +.table.table-stretched tbody tr td:last-child, +.jsgrid .table-stretched.jsgrid-table tbody tr td:last-child { + padding-right: 0; + text-align: right; +} /* Tabs */ .nav-pills .nav-item .nav-link, @@ -14672,103 +22792,144 @@ ul { text-align: center; display: -webkit-box; display: -ms-flexbox; - display: flex; } - .nav-pills .nav-item .nav-link i, - .nav-tabs .nav-item .nav-link i { - margin-right: 10px; } + display: flex; +} + +.nav-pills .nav-item .nav-link i, +.nav-tabs .nav-item .nav-link i { + margin-right: 10px; +} .tab-content { font-family: "roboto", sans-serif; font-size: 0.875rem; - line-height: 1.71; } + line-height: 1.71; +} .tab-basic { border-bottom: none; - margin-bottom: 20px; } - .tab-basic .nav-item { - margin-right: 7%; } - .tab-basic .nav-item .nav-link { - color: #b9c0d3; - padding: 0 0 7px; - border-top: none; - border-right: none; - border-left: none; - border-bottom: 2px solid #383e5d; } - .tab-basic .nav-item .nav-link.active { - border-top: none; - border-right: none; - border-left: none; - border-bottom: 2px solid #19d895; - color: #19d895; - background: #222437; } + margin-bottom: 20px; +} + +.tab-basic .nav-item { + margin-right: 7%; +} + +.tab-basic .nav-item .nav-link { + color: #b9c0d3; + padding: 0 0 7px; + border-top: none; + border-right: none; + border-left: none; + border-bottom: 2px solid #383e5d; +} + +.tab-basic .nav-item .nav-link.active { + border-top: none; + border-right: none; + border-left: none; + border-bottom: 2px solid #19d895; + color: #19d895; + background: var(--dropdown-bg); +} .tab-solid { border: none; - margin-bottom: 30px; } - .tab-solid .nav-item .nav-link { - border: none; - padding: 10px 16px; - border-radius: 4px; } - .tab-solid .nav-item .nav-link:nth(fist-child) { - padding-left: 0; } - .tab-solid .nav-item .nav-link.active { - border: none; - color: #ffffff; } + margin-bottom: 30px; +} + +.tab-solid .nav-item .nav-link { + border: none; + padding: 10px 16px; + border-radius: 4px; +} + +.tab-solid .nav-item .nav-link:nth(fist-child) { + padding-left: 0; +} + +.tab-solid .nav-item .nav-link.active { + border: none; + color: #ffffff; +} .tab-content-solid { border: none; padding-left: 0; - padding-right: 0; } + padding-right: 0; +} .tab-solid-primary .nav-link.active { - background: #2196f3; } + background: #2196f3; +} .tab-solid-secondary .nav-link.active { - background: #dde4eb; } + background: #dde4eb; +} .tab-solid-success .nav-link.active { - background: #19d895; } + background: #19d895; +} .tab-solid-info .nav-link.active { - background: #8862e0; } + background: #8862e0; +} .tab-solid-warning .nav-link.active { - background: #ffaf00; } + background: #ffaf00; +} .tab-solid-danger .nav-link.active { - background: #ff6258; } + background: #ff6258; +} .tab-solid-light .nav-link.active { - background: #fbfbfb; } + background: #fbfbfb; +} .tab-solid-dark .nav-link.active { - background: #252C46; } + background: #252C46; +} .tab-minimal .nav-tabs { - border: none; } - .tab-minimal .nav-tabs .nav-item .nav-link { - border: none; - font-size: 14px; } - .tab-minimal .nav-tabs .nav-item .nav-link.active { - font-weight: 600; - background: #222437; - color: #fff; } - .tab-minimal .nav-tabs .nav-item .nav-link:first-child { - padding-left: 0; } + border: none; +} + +.tab-minimal .nav-tabs .nav-item .nav-link { + border: none; + font-size: 14px; +} + +.tab-minimal .nav-tabs .nav-item .nav-link.active { + font-weight: 600; + background: var(--dropdown-bg); + color: #fff; +} + +.tab-minimal .nav-tabs .nav-item .nav-link:first-child { + padding-left: 0; +} .tab-simple-styled { border-bottom: none; margin-top: 30px; - margin-bottom: 30px; } - .tab-simple-styled .nav-item { - margin-right: 30px; } - .tab-simple-styled .nav-item .nav-link { - border: none; - padding: 0; - color: #b9c0d3; } - .tab-simple-styled .nav-item .nav-link.active { - background: #222437; - color: #8862e0; } + margin-bottom: 30px; +} + +.tab-simple-styled .nav-item { + margin-right: 30px; +} + +.tab-simple-styled .nav-item .nav-link { + border: none; + padding: 0; + color: #b9c0d3; +} + +.tab-simple-styled .nav-item .nav-link.active { + background: var(--dropdown-bg); + color: #8862e0; +} .tab-tile-style { display: -webkit-box; @@ -14777,53 +22938,69 @@ ul { -ms-flex-pack: distribute; justify-content: space-around; border-bottom: none; - margin-bottom: 30px; } - .tab-tile-style .nav-item .nav-link { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - padding: 15px 25px; - border-radius: 0px; - border: none; } - .tab-tile-style .nav-item .nav-link p { - margin-bottom: 0; } - .tab-tile-style .nav-item:hover { - border: none; } - .tab-tile-style .nav-item.active .nav-link { - background: rgba(230, 236, 245, 0.4); } - .tab-tile-style .nav-item.active .nav-link:before { - content: ""; - position: absolute; - top: 0px; - width: 100%; - left: 0; - height: 2px; - background: #ff6258; - right: 0; } + margin-bottom: 30px; +} + +.tab-tile-style .nav-item .nav-link { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + padding: 15px 25px; + border-radius: 0px; + border: none; +} + +.tab-tile-style .nav-item .nav-link p { + margin-bottom: 0; +} + +.tab-tile-style .nav-item:hover { + border: none; +} + +.tab-tile-style .nav-item.active .nav-link { + background: rgba(230, 236, 245, 0.4); +} + +.tab-tile-style .nav-item.active .nav-link:before { + content: ""; + position: absolute; + top: 0px; + width: 100%; + left: 0; + height: 2px; + background: #ff6258; + right: 0; +} .vertical-tab { display: -webkit-box; display: -ms-flexbox; - display: flex; } - .vertical-tab .nav-tabs { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 0; } - .vertical-tab .tab-content { - margin-bottom: 0; } + display: flex; +} + +.vertical-tab .nav-tabs { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 0; +} + +.vertical-tab .tab-content { + margin-bottom: 0; +} /* Settings Panel */ .settings-panel { @@ -14835,7 +23012,7 @@ ul { width: 300px; height: 100vh; min-height: 100%; - background: #222437; + background: var(--dropdown-bg); padding-top: 50px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; @@ -14845,233 +23022,326 @@ ul { transition-property: right, -webkit-box-shadow; transition-property: right, box-shadow; transition-property: right, box-shadow, -webkit-box-shadow; - z-index: 9999; } - .settings-panel .nav-tabs { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - width: auto; - margin: 0; - padding: 0; - background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); } - .settings-panel .nav-tabs .nav-item { - border: none; } - .settings-panel .nav-tabs .nav-item .nav-link { - text-align: center; - border: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: rgba(255, 255, 255, 0.5); - -webkit-transition-duration: 0.4s; - transition-duration: 0.4s; - -webkit-transition-property: color; - transition-property: color; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .settings-panel .nav-tabs .nav-item .nav-link.active { - background: transparent; - color: #ffffff; } - .settings-panel .tab-content { - border: none; - padding: 20px 0 0; } - .settings-panel .tab-content .tab-pane.scroll-wrapper { - position: relative; - max-height: 100vh; - height: 100%; - padding-bottom: 150px; } - .settings-panel .settings-heading { - padding: 16px 0 13px 20px; } - .rtl .settings-panel .settings-heading { - padding: 16px 35px 13px 0; - text-align: right; } - .rtl .settings-panel small.settings-heading { - padding: 16px 0 13px 12px; } - .settings-panel .sidebar-bg-options { - padding: 13px 35px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-size: 0.875rem; - line-height: 1; - color: #595959; - background: #ffffff; - -webkit-transition-duration: 0.25s; - transition-duration: 0.25s; - -webkit-transition-property: background; - transition-property: background; } - .settings-panel .sidebar-bg-options.selected { - background: #f7f7f9; } - .settings-panel .color-tiles { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 35px 10px; - padding-top: 15px; } - .settings-panel .color-tiles .tiles { - margin: 10px 18px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .settings-panel .color-tiles .tiles:before { - content: ""; - width: 0; - height: 0; - opacity: 0; - background: rgba(255, 255, 255, 0.5); - border-radius: 100%; - border: 0 solid rgba(255, 255, 255, 0.4); - -webkit-transition-duration: 0.25s; - transition-duration: 0.25s; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; } - .settings-panel .color-tiles .tiles.selected:before { - width: 10px; - height: 10px; - opacity: 1; - border-width: 1px; } - .settings-panel .color-tiles .tiles.pink { - background: #E91E63; } - .settings-panel .color-tiles .tiles.default { - border: 1px solid white; - background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); } - .settings-panel .chat-list { - padding-left: 0; } - .settings-panel .chat-list .list { - padding: 0.4rem 0.8rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - border-bottom: 1px solid #383e5d; } - .settings-panel .chat-list .list:last-child { - border-bottom: none; } - .settings-panel .chat-list .list .profile { - position: relative; - margin-right: 1rem; } - .settings-panel .chat-list .list .profile img { - width: 2.50rem; - height: 2.50rem; - border-radius: 100%; } - .settings-panel .chat-list .list .profile span { - height: 0.75rem; - width: 0.75rem; - position: absolute; - bottom: 0.34rem; - right: 0; - border: 0.13rem solid #ffffff; - border-radius: 100%; } - .settings-panel .chat-list .list .profile span.online { - background: #19d895; } - .settings-panel .chat-list .list .profile span.offline { - background: #ffaf00; } - .settings-panel .chat-list .list .info { - margin-right: auto; } - .settings-panel .chat-list .list .info p { - display: block; - margin-bottom: 0; } - .settings-panel .chat-list .list .info p:last-child { - opacity: 0.5; - font-size: 0.8rem; } - .rtl .settings-panel .chat-list .list .info p:last-child { - text-align: right; } - .settings-panel .chat-list .list.active { - background: #26283f; } - .settings-panel.open { - right: 0; - -webkit-box-shadow: 7px 0 80px -9px rgba(0, 0, 0, 0.2); - box-shadow: 7px 0 80px -9px rgba(0, 0, 0, 0.2); } - .settings-panel .settings-close { - position: absolute; - top: 47px; - right: 10px; - color: #2196f3; - background: transparent; - border-radius: 4px; - padding: 0 3px; - cursor: pointer; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; - z-index: 999; } - .settings-panel .settings-close:hover { - background: rgba(255, 255, 255, 0.3); } - .rtl .settings-panel .settings-close { - right: unset; - left: 10px; } - .settings-panel .events p { - font-family: "roboto", sans-serif; } - .rtl .settings-panel .events p { - text-align: right; } - .rtl .settings-panel { - right: unset; - left: -300px; - -webkit-transition-property: left; - transition-property: left; } - .rtl .settings-panel .chat-list { - padding-right: 0; } - .rtl .settings-panel .chat-list .list .profile { - margin-right: 0; - margin-left: 1rem; } - .rtl .settings-panel .chat-list .list .info { - margin-right: 0; - margin-left: auto; } - .rtl .settings-panel .chat-list .list .info .badge { - margin-right: 10px; } - .rtl .settings-panel.open { - left: 0; - right: unset; } - .settings-panel .demo-screen-wrapper { - height: 100vh; - overflow-y: auto; - padding-bottom: 100px; - padding-top: 20px; } - .settings-panel .demo-screen-wrapper .demo-thumb-image { - display: block; - margin-bottom: 5px; - padding: 10px 25px; } - .settings-panel .demo-screen-wrapper .demo-thumb-image img { - width: 100%; - max-width: 100%; - -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5); - box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5); - -webkit-transform: scale(1); - transform: scale(1); - border-radius: 4px; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-property: "transform", "box-shadow", "transform", "box-shadow"; - transition-property: "transform", "box-shadow", "transform", "box-shadow"; - transition-property: "transform", "box-shadow"; } - .settings-panel .demo-screen-wrapper .demo-thumb-image img:hover { - -webkit-transform: scale(1.05); - transform: scale(1.05); - -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); - box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); } + z-index: 9999; +} + +.settings-panel .nav-tabs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + margin: 0; + padding: 0; + background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); +} + +.settings-panel .nav-tabs .nav-item { + border: none; +} + +.settings-panel .nav-tabs .nav-item .nav-link { + text-align: center; + border: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: rgba(255, 255, 255, 0.5); + -webkit-transition-duration: 0.4s; + transition-duration: 0.4s; + -webkit-transition-property: color; + transition-property: color; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.settings-panel .nav-tabs .nav-item .nav-link.active { + background: transparent; + color: #ffffff; +} + +.settings-panel .tab-content { + border: none; + padding: 20px 0 0; +} + +.settings-panel .tab-content .tab-pane.scroll-wrapper { + position: relative; + max-height: 100vh; + height: 100%; + padding-bottom: 150px; +} + +.settings-panel .settings-heading { + padding: 16px 0 13px 20px; +} + +.rtl .settings-panel .settings-heading { + padding: 16px 35px 13px 0; + text-align: right; +} + +.rtl .settings-panel small.settings-heading { + padding: 16px 0 13px 12px; +} + +.settings-panel .sidebar-bg-options { + padding: 13px 35px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 0.875rem; + line-height: 1; + color: #595959; + background: #ffffff; + -webkit-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-property: background; + transition-property: background; +} + +.settings-panel .sidebar-bg-options.selected { + background: #f7f7f9; +} + +.settings-panel .color-tiles { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 35px 10px; + padding-top: 15px; +} + +.settings-panel .color-tiles .tiles { + margin: 10px 18px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.settings-panel .color-tiles .tiles:before { + content: ""; + width: 0; + height: 0; + opacity: 0; + background: rgba(255, 255, 255, 0.5); + border-radius: 100%; + border: 0 solid rgba(255, 255, 255, 0.4); + -webkit-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; +} + +.settings-panel .color-tiles .tiles.selected:before { + width: 10px; + height: 10px; + opacity: 1; + border-width: 1px; +} + +.settings-panel .color-tiles .tiles.pink { + background: #E91E63; +} + +.settings-panel .color-tiles .tiles.default { + border: 1px solid white; + background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); +} + +.settings-panel .chat-list { + padding-left: 0; +} + +.settings-panel .chat-list .list { + padding: 0.4rem 0.8rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid #383e5d; +} + +.settings-panel .chat-list .list:last-child { + border-bottom: none; +} + +.settings-panel .chat-list .list .profile { + position: relative; + margin-right: 1rem; +} + +.settings-panel .chat-list .list .profile img { + width: 2.50rem; + height: 2.50rem; + border-radius: 100%; +} + +.settings-panel .chat-list .list .profile span { + height: 0.75rem; + width: 0.75rem; + position: absolute; + bottom: 0.34rem; + right: 0; + border: 0.13rem solid #ffffff; + border-radius: 100%; +} + +.settings-panel .chat-list .list .profile span.online { + background: #19d895; +} + +.settings-panel .chat-list .list .profile span.offline { + background: #ffaf00; +} + +.settings-panel .chat-list .list .info { + margin-right: auto; +} + +.settings-panel .chat-list .list .info p { + display: block; + margin-bottom: 0; +} + +.settings-panel .chat-list .list .info p:last-child { + opacity: 0.5; + font-size: 0.8rem; +} + +.rtl .settings-panel .chat-list .list .info p:last-child { + text-align: right; +} + +.settings-panel .chat-list .list.active { + background: #26283f; +} + +.settings-panel.open { + right: 0; + -webkit-box-shadow: 7px 0 80px -9px rgba(0, 0, 0, 0.2); + box-shadow: 7px 0 80px -9px rgba(0, 0, 0, 0.2); +} + +.settings-panel .settings-close { + position: absolute; + top: 47px; + right: 10px; + color: #2196f3; + background: transparent; + border-radius: 4px; + padding: 0 3px; + cursor: pointer; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; + z-index: 999; +} + +.settings-panel .settings-close:hover { + background: rgba(255, 255, 255, 0.3); +} + +.rtl .settings-panel .settings-close { + right: unset; + left: 10px; +} + +.settings-panel .events p { + font-family: "roboto", sans-serif; +} + +.rtl .settings-panel .events p { + text-align: right; +} + +.rtl .settings-panel { + right: unset; + left: -300px; + -webkit-transition-property: left; + transition-property: left; +} + +.rtl .settings-panel .chat-list { + padding-right: 0; +} + +.rtl .settings-panel .chat-list .list .profile { + margin-right: 0; + margin-left: 1rem; +} + +.rtl .settings-panel .chat-list .list .info { + margin-right: 0; + margin-left: auto; +} + +.rtl .settings-panel .chat-list .list .info .badge { + margin-right: 10px; +} + +.rtl .settings-panel.open { + left: 0; + right: unset; +} + +.settings-panel .demo-screen-wrapper { + height: 100vh; + overflow-y: auto; + padding-bottom: 100px; + padding-top: 20px; +} + +.settings-panel .demo-screen-wrapper .demo-thumb-image { + display: block; + margin-bottom: 5px; + padding: 10px 25px; +} + +.settings-panel .demo-screen-wrapper .demo-thumb-image img { + width: 100%; + max-width: 100%; + -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5); + -webkit-transform: scale(1); + transform: scale(1); + border-radius: 4px; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; + -webkit-transition-property: "transform", "box-shadow", "transform", "box-shadow"; + transition-property: "transform", "box-shadow", "transform", "box-shadow"; + transition-property: "transform", "box-shadow"; +} + +.settings-panel .demo-screen-wrapper .demo-thumb-image img:hover { + -webkit-transform: scale(1.05); + transform: scale(1.05); + -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); +} .right-sidebar-toggler-wrapper { position: fixed; @@ -15079,238 +23349,361 @@ ul { right: 10px; z-index: 99; padding: 5px; - background: #1c1e2f; + background: var(--deep-bg); border-radius: 4px; -webkit-box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.4); - box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.4); } - .right-sidebar-toggler-wrapper .sidebar-toggler { - padding: 7px 10px; - color: #fff; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; - background: #222437; - margin-bottom: 5px; - border-radius: 4px; } - .right-sidebar-toggler-wrapper .sidebar-toggler:last-child { - margin-bottom: 0; } - .right-sidebar-toggler-wrapper .sidebar-toggler:hover { - background: rgba(33, 150, 243, 0.2); - color: #2196f3; } - .right-sidebar-toggler-wrapper .sidebar-toggler#layout-toggler { - background: rgba(25, 216, 149, 0.2); - color: #19d895; } - .right-sidebar-toggler-wrapper .sidebar-toggler a { - color: inherit; } - .right-sidebar-toggler-wrapper .sidebar-toggler:last-child { - border-bottom: none; } + box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.4); +} + +.right-sidebar-toggler-wrapper .sidebar-toggler { + padding: 7px 10px; + color: #fff; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; + background: var(--dropdown-bg); + margin-bottom: 5px; + border-radius: 4px; +} + +.right-sidebar-toggler-wrapper .sidebar-toggler:last-child { + margin-bottom: 0; +} + +.right-sidebar-toggler-wrapper .sidebar-toggler:hover { + background: rgba(33, 150, 243, 0.2); + color: #2196f3; +} + +.right-sidebar-toggler-wrapper .sidebar-toggler#layout-toggler { + background: rgba(25, 216, 149, 0.2); + color: #19d895; +} + +.right-sidebar-toggler-wrapper .sidebar-toggler a { + color: inherit; +} + +.right-sidebar-toggler-wrapper .sidebar-toggler:last-child { + border-bottom: none; +} /* Tabs */ .add-items { margin-bottom: 1.5rem; - overflow: hidden; } - .add-items input[type="text"] { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - width: 100%; } - .add-items .btn, .add-items .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .add-items .ajax-file-upload, .add-items .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .add-items .swal2-styled, .add-items .wizard > .actions a, .wizard > .actions .add-items a { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } + overflow: hidden; +} + +.add-items input[type="text"] { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + width: 100%; +} + +.add-items .btn, +.add-items .ajax-upload-dragdrop .ajax-file-upload, +.ajax-upload-dragdrop .add-items .ajax-file-upload, +.add-items .swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .add-items .swal2-styled, +.add-items .wizard>.actions a, +.wizard>.actions .add-items a { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} .list-wrapper { height: 100%; - max-height: 100%; } - .list-wrapper ul { - padding: 0; - text-align: left; - list-style: none; - margin-bottom: 0; } - .list-wrapper ul li { - font-size: 0.9375rem; - padding: 0.4rem 0; - border-bottom: 1px solid #383e5d; } - .list-wrapper ul li .form-check { - max-width: 90%; } - .list-wrapper ul li .col-content { - width: 100%; } - .list-wrapper ul li .col-content > div { - width: 100%; } - .list-wrapper input[type="checkbox"] { - margin-right: 15px; } - .list-wrapper .remove { - margin-left: auto; - cursor: pointer; - font-size: 1.3rem; - font-weight: 600; - color: #2196f3; - width: 1.25rem; - height: 1.25rem; - line-height: 20px; - text-align: center; } - .rtl .list-wrapper .remove { - margin-right: auto; - margin-left: 0; } - .list-wrapper .completed { - text-decoration: line-through; - -webkit-text-decoration-color: #2196f3; - text-decoration-color: #2196f3; } - .list-wrapper .completed .remove { - text-decoration: none; } + max-height: 100%; +} + +.list-wrapper ul { + padding: 0; + text-align: left; + list-style: none; + margin-bottom: 0; +} + +.list-wrapper ul li { + font-size: 0.9375rem; + padding: 0.4rem 0; + border-bottom: 1px solid #383e5d; +} + +.list-wrapper ul li .form-check { + max-width: 90%; +} + +.list-wrapper ul li .col-content { + width: 100%; +} + +.list-wrapper ul li .col-content>div { + width: 100%; +} + +.list-wrapper input[type="checkbox"] { + margin-right: 15px; +} + +.list-wrapper .remove { + margin-left: auto; + cursor: pointer; + font-size: 1.3rem; + font-weight: 600; + color: #2196f3; + width: 1.25rem; + height: 1.25rem; + line-height: 20px; + text-align: center; +} + +.rtl .list-wrapper .remove { + margin-right: auto; + margin-left: 0; +} + +.list-wrapper .completed { + text-decoration: line-through; + -webkit-text-decoration-color: #2196f3; + text-decoration-color: #2196f3; +} + +.list-wrapper .completed .remove { + text-decoration: none; +} /* Tooltips */ .tooltip-static-demo .tooltip { position: relative; display: inline-block; opacity: 1; - margin: 0 10px 10px 0; } + margin: 0 10px 10px 0; +} .tooltip-static-demo .bs-tooltip-bottom-demo .arrow, .tooltip-static-demo .bs-tooltip-top-demo .arrow { left: 50%; -webkit-transform: translateX(-50%); - transform: translateX(-50%); } + transform: translateX(-50%); +} .tooltip-static-demo .bs-tooltip-left-demo .arrow, .tooltip-static-demo .bs-tooltip-right-demo .arrow { top: 50%; -webkit-transform: translateY(-50%); - transform: translateY(-50%); } + transform: translateY(-50%); +} .tooltip { font-size: 0.75rem; min-width: 5.625rem; - z-index: 1029; } - .tooltip .tooltip-inner { - font-family: "roboto", sans-serif; } + z-index: 1029; +} + +.tooltip .tooltip-inner { + font-family: "roboto", sans-serif; +} .tooltip-primary .tooltip-inner { background: #2196f3; - color: #ffffff; } + color: #ffffff; +} -.tooltip-primary.bs-tooltip-top .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before { - border-top-color: #2196f3; } +.tooltip-primary.bs-tooltip-top .arrow::before, +.tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #2196f3; +} -.tooltip-primary.bs-tooltip-right .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before { - border-right-color: #2196f3; } +.tooltip-primary.bs-tooltip-right .arrow::before, +.tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #2196f3; +} -.tooltip-primary.bs-tooltip-bottom .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - border-bottom-color: #2196f3; } +.tooltip-primary.bs-tooltip-bottom .arrow::before, +.tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #2196f3; +} -.tooltip-primary.bs-tooltip-left .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before { - border-left-color: #2196f3; } +.tooltip-primary.bs-tooltip-left .arrow::before, +.tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #2196f3; +} .tooltip-secondary .tooltip-inner { background: #dde4eb; - color: #ffffff; } + color: #ffffff; +} -.tooltip-secondary.bs-tooltip-top .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow::before { - border-top-color: #dde4eb; } +.tooltip-secondary.bs-tooltip-top .arrow::before, +.tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #dde4eb; +} -.tooltip-secondary.bs-tooltip-right .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow::before { - border-right-color: #dde4eb; } +.tooltip-secondary.bs-tooltip-right .arrow::before, +.tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #dde4eb; +} -.tooltip-secondary.bs-tooltip-bottom .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - border-bottom-color: #dde4eb; } +.tooltip-secondary.bs-tooltip-bottom .arrow::before, +.tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #dde4eb; +} -.tooltip-secondary.bs-tooltip-left .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow::before { - border-left-color: #dde4eb; } +.tooltip-secondary.bs-tooltip-left .arrow::before, +.tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #dde4eb; +} .tooltip-success .tooltip-inner { background: #19d895; - color: #ffffff; } + color: #ffffff; +} -.tooltip-success.bs-tooltip-top .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^="top"] .arrow::before { - border-top-color: #19d895; } +.tooltip-success.bs-tooltip-top .arrow::before, +.tooltip-success.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #19d895; +} -.tooltip-success.bs-tooltip-right .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow::before { - border-right-color: #19d895; } +.tooltip-success.bs-tooltip-right .arrow::before, +.tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #19d895; +} -.tooltip-success.bs-tooltip-bottom .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - border-bottom-color: #19d895; } +.tooltip-success.bs-tooltip-bottom .arrow::before, +.tooltip-success.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #19d895; +} -.tooltip-success.bs-tooltip-left .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow::before { - border-left-color: #19d895; } +.tooltip-success.bs-tooltip-left .arrow::before, +.tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #19d895; +} .tooltip-info .tooltip-inner { background: #8862e0; - color: #ffffff; } + color: #ffffff; +} -.tooltip-info.bs-tooltip-top .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow::before { - border-top-color: #8862e0; } +.tooltip-info.bs-tooltip-top .arrow::before, +.tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #8862e0; +} -.tooltip-info.bs-tooltip-right .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow::before { - border-right-color: #8862e0; } +.tooltip-info.bs-tooltip-right .arrow::before, +.tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #8862e0; +} -.tooltip-info.bs-tooltip-bottom .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - border-bottom-color: #8862e0; } +.tooltip-info.bs-tooltip-bottom .arrow::before, +.tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #8862e0; +} -.tooltip-info.bs-tooltip-left .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow::before { - border-left-color: #8862e0; } +.tooltip-info.bs-tooltip-left .arrow::before, +.tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #8862e0; +} .tooltip-warning .tooltip-inner { background: #ffaf00; - color: #ffffff; } + color: #ffffff; +} -.tooltip-warning.bs-tooltip-top .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^="top"] .arrow::before { - border-top-color: #ffaf00; } +.tooltip-warning.bs-tooltip-top .arrow::before, +.tooltip-warning.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #ffaf00; +} -.tooltip-warning.bs-tooltip-right .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^="right"] .arrow::before { - border-right-color: #ffaf00; } +.tooltip-warning.bs-tooltip-right .arrow::before, +.tooltip-warning.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #ffaf00; +} -.tooltip-warning.bs-tooltip-bottom .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - border-bottom-color: #ffaf00; } +.tooltip-warning.bs-tooltip-bottom .arrow::before, +.tooltip-warning.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #ffaf00; +} -.tooltip-warning.bs-tooltip-left .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^="left"] .arrow::before { - border-left-color: #ffaf00; } +.tooltip-warning.bs-tooltip-left .arrow::before, +.tooltip-warning.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #ffaf00; +} .tooltip-danger .tooltip-inner { background: #ff6258; - color: #ffffff; } + color: #ffffff; +} -.tooltip-danger.bs-tooltip-top .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^="top"] .arrow::before { - border-top-color: #ff6258; } +.tooltip-danger.bs-tooltip-top .arrow::before, +.tooltip-danger.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #ff6258; +} -.tooltip-danger.bs-tooltip-right .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow::before { - border-right-color: #ff6258; } +.tooltip-danger.bs-tooltip-right .arrow::before, +.tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #ff6258; +} -.tooltip-danger.bs-tooltip-bottom .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - border-bottom-color: #ff6258; } +.tooltip-danger.bs-tooltip-bottom .arrow::before, +.tooltip-danger.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #ff6258; +} -.tooltip-danger.bs-tooltip-left .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow::before { - border-left-color: #ff6258; } +.tooltip-danger.bs-tooltip-left .arrow::before, +.tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #ff6258; +} .tooltip-light .tooltip-inner { background: #fbfbfb; - color: #ffffff; } + color: #ffffff; +} -.tooltip-light.bs-tooltip-top .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow::before { - border-top-color: #fbfbfb; } +.tooltip-light.bs-tooltip-top .arrow::before, +.tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #fbfbfb; +} -.tooltip-light.bs-tooltip-right .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow::before { - border-right-color: #fbfbfb; } +.tooltip-light.bs-tooltip-right .arrow::before, +.tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #fbfbfb; +} -.tooltip-light.bs-tooltip-bottom .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - border-bottom-color: #fbfbfb; } +.tooltip-light.bs-tooltip-bottom .arrow::before, +.tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #fbfbfb; +} -.tooltip-light.bs-tooltip-left .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow::before { - border-left-color: #fbfbfb; } +.tooltip-light.bs-tooltip-left .arrow::before, +.tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #fbfbfb; +} .tooltip-dark .tooltip-inner { background: #252C46; - color: #ffffff; } + color: #ffffff; +} -.tooltip-dark.bs-tooltip-top .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow::before { - border-top-color: #252C46; } +.tooltip-dark.bs-tooltip-top .arrow::before, +.tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #252C46; +} -.tooltip-dark.bs-tooltip-right .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow::before { - border-right-color: #252C46; } +.tooltip-dark.bs-tooltip-right .arrow::before, +.tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #252C46; +} -.tooltip-dark.bs-tooltip-bottom .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - border-bottom-color: #252C46; } +.tooltip-dark.bs-tooltip-bottom .arrow::before, +.tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #252C46; +} -.tooltip-dark.bs-tooltip-left .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow::before { - border-left-color: #252C46; } +.tooltip-dark.bs-tooltip-left .arrow::before, +.tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #252C46; +} /* User Profile */ .user-profile .side-left .card .avatar img { @@ -15319,30 +23712,35 @@ ul { height: 90px; border-radius: 100%; margin-left: auto; - margin-right: auto; } + margin-right: auto; +} .user-profile .side-left .card .avatar .name { text-align: center; color: #252C46; font-size: 1.2rem; font-weight: 600; - margin-bottom: 0; } + margin-bottom: 0; +} .user-profile .side-left .card .avatar .designation { text-align: center; color: #6c757d; font-size: 0.8rem; - font-weight: 600; } + font-weight: 600; +} .user-profile .side-left .card .avatar .email { text-align: center; color: #2196f3; - display: block; } + display: block; +} .user-profile .side-left .card .avatar .number { display: block; text-align: center; - color: #2196f3; } + color: #2196f3; +} .user-profile .side-left .card .overview .achivements { padding-left: 0; @@ -15351,204 +23749,274 @@ ul { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; - justify-content: center; } - .user-profile .side-left .card .overview .achivements li { - width: 33.333%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - .user-profile .side-left .card .overview .achivements li p { - text-align: center; - margin-bottom: 0; - font-weight: 600; - font-size: 1.4rem; - color: #252C46; } - .user-profile .side-left .card .overview .achivements li p:last-child { - font-weight: 500; - font-size: 0.9rem; } + justify-content: center; +} + +.user-profile .side-left .card .overview .achivements li { + width: 33.333%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.user-profile .side-left .card .overview .achivements li p { + text-align: center; + margin-bottom: 0; + font-weight: 600; + font-size: 1.4rem; + color: #252C46; +} + +.user-profile .side-left .card .overview .achivements li p:last-child { + font-weight: 500; + font-size: 0.9rem; +} .user-profile .side-left .card .overview .about-user p { - font-size: 0.8rem; } + font-size: 0.8rem; +} .user-profile .side-left .card .overview .info-links a { font-size: 0.8rem; display: block; - margin-bottom: 10px; } - .user-profile .side-left .card .overview .info-links a i { - font-size: 0.8rem; - margin-right: 10px; } - .user-profile .side-left .card .overview .info-links a span { - text-align: left; - display: inline-block; } + margin-bottom: 10px; +} + +.user-profile .side-left .card .overview .info-links a i { + font-size: 0.8rem; + margin-right: 10px; +} + +.user-profile .side-left .card .overview .info-links a span { + text-align: left; + display: inline-block; +} .calendar-aside { - display: block; } - .calendar-aside .list { - position: relative; - padding: 10px 8px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 5px; - -webkit-transition-duration: 0.25s; - transition-duration: 0.25s; - -webkit-transition-property: background; - transition-property: background; } - .calendar-aside .list .user-text { - margin-bottom: 0; - margin-left: 20px; - font-size: 0.875rem; } - .calendar-aside .list .count { - width: 20px; - height: 20px; - position: relative; - border-radius: 50px; - -webkit-transition-duration: 0.25s; - transition-duration: 0.25s; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-property: opacity; - transition-property: opacity; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .calendar-aside .list .count:before { - content: ""; - position: absolute; - left: 0; - right: 0; - top: 50%; - display: block; - height: 10px; - width: 10px; - margin: auto; - border-radius: 50px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition-duration: 0.25s; - transition-duration: 0.25s; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; } - .calendar-aside .list .count.online:before { - background: #19d895; } - .calendar-aside .list .count.offline:before { - background: #ff6258; } - .calendar-aside .list .count .close { - font-size: 15px; - margin: auto; - opacity: 0; - color: #ff6258; - -webkit-transition-duration: 0.25s; - transition-duration: 0.25s; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; } - .calendar-aside .list:hover { - background: #fbfbfb; } - .calendar-aside .list:hover .count:before { - z-index: 0; - height: 20px; - width: 20px; - background: #fbfbfb; } - .calendar-aside .list:hover .count .close { - z-index: 2; - opacity: 1; } + display: block; +} + +.calendar-aside .list { + position: relative; + padding: 10px 8px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 5px; + -webkit-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-property: background; + transition-property: background; +} + +.calendar-aside .list .user-text { + margin-bottom: 0; + margin-left: 20px; + font-size: 0.875rem; +} + +.calendar-aside .list .count { + width: 20px; + height: 20px; + position: relative; + border-radius: 50px; + -webkit-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; + -webkit-transition-property: opacity; + transition-property: opacity; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.calendar-aside .list .count:before { + content: ""; + position: absolute; + left: 0; + right: 0; + top: 50%; + display: block; + height: 10px; + width: 10px; + margin: auto; + border-radius: 50px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; +} + +.calendar-aside .list .count.online:before { + background: #19d895; +} + +.calendar-aside .list .count.offline:before { + background: #ff6258; +} + +.calendar-aside .list .count .close { + font-size: 15px; + margin: auto; + opacity: 0; + color: #ff6258; + -webkit-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; +} + +.calendar-aside .list:hover { + background: #fbfbfb; +} + +.calendar-aside .list:hover .count:before { + z-index: 0; + height: 20px; + width: 20px; + background: #fbfbfb; +} + +.calendar-aside .list:hover .count .close { + z-index: 2; + opacity: 1; +} .data-list { width: 100%; - overflow: auto; } - .data-list .list-item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - width: 100%; - padding: 10px; - border-bottom: 1px solid #383e5d; } - .data-list .list-item:last-child { - border-bottom: none; } - .data-list .list-item .graph { - margin-left: auto; - width: 110px; } + overflow: auto; +} + +.data-list .list-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + width: 100%; + padding: 10px; + border-bottom: 1px solid #383e5d; +} + +.data-list .list-item:last-child { + border-bottom: none; +} + +.data-list .list-item .graph { + margin-left: auto; + width: 110px; +} #sourceLineChartLegend { padding-left: 0; margin-bottom: 0; - list-style-type: none; } - #sourceLineChartLegend li { - display: inline-block; - margin-right: 20px; - color: #b9c0d3; } - #sourceLineChartLegend li .chart-color { - height: 10px; - width: 10px; - display: inline-block; - margin-right: 5px; - border-radius: 100%; } - .rtl #sourceLineChartLegend li .chart-color { - margin-right: 0px; - margin-left: 5px; } - #sourceLineChartLegend li:last-child { - margin-right: 0; } - .rtl #sourceLineChartLegend li { - margin-right: 0px; - margin-left: 20px; } - .rtl #sourceLineChartLegend li:last-child { - margin-left: 0px; } + list-style-type: none; +} + +#sourceLineChartLegend li { + display: inline-block; + margin-right: 20px; + color: #b9c0d3; +} + +#sourceLineChartLegend li .chart-color { + height: 10px; + width: 10px; + display: inline-block; + margin-right: 5px; + border-radius: 100%; +} + +.rtl #sourceLineChartLegend li .chart-color { + margin-right: 0px; + margin-left: 5px; +} + +#sourceLineChartLegend li:last-child { + margin-right: 0; +} + +.rtl #sourceLineChartLegend li { + margin-right: 0px; + margin-left: 20px; +} + +.rtl #sourceLineChartLegend li:last-child { + margin-left: 0px; +} .social-card.card-default .action-bar i { - color: #dde4eb; } + color: #dde4eb; +} .social-card.card-default .comment { - color: #b9c0d3; } + color: #b9c0d3; +} .social-card.card-default .posted-date { - color: #2196f3; } + color: #2196f3; +} .social-card.card-colored .card-header { - background: inherit; } + background: inherit; +} .social-card.card-colored.facebook-card { - background: #648ACA; } - .social-card.card-colored.facebook-card .card-header { - border-bottom-color: #517cc4; } + background: #648ACA; +} + +.social-card.card-colored.facebook-card .card-header { + border-bottom-color: #517cc4; +} .social-card.card-colored.twitter-card { - background: #4DBFF5; } - .social-card.card-colored.twitter-card .card-header { - border-bottom-color: #35b6f4; } + background: #4DBFF5; +} + +.social-card.card-colored.twitter-card .card-header { + border-bottom-color: #35b6f4; +} .social-card.card-colored.google-card { - background: #E55F4B; } - .social-card.card-colored.google-card .card-header { - border-bottom-color: #e24b35; } + background: #E55F4B; +} + +.social-card.card-colored.google-card .card-header { + border-bottom-color: #e24b35; +} .social-card.card-colored.linkedin-card { - background: #0177b4; } - .social-card.card-colored.linkedin-card .card-header { - border-bottom-color: #01669b; } + background: #0177b4; +} + +.social-card.card-colored.linkedin-card .card-header { + border-bottom-color: #01669b; +} .social-card.card-colored a, .social-card.card-colored .media-info, @@ -15558,37 +24026,45 @@ ul { .social-card.card-colored .platform-name, .social-card.card-colored .headline, .social-card.card-colored .action-bar { - color: #ffffff; } + color: #ffffff; +} .top-selling-card .column-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; - justify-content: space-around; } - .top-selling-card .column-wrapper .column { - width: 45%; - padding: 25px 26px; - border-radius: 3px; - background: #282a40; - -webkit-transform: translateY(-25px); - transform: translateY(-25px); - -webkit-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1); - z-index: 10; } - .top-selling-card .column-wrapper .column i { - font-size: 20px; } + justify-content: space-around; +} + +.top-selling-card .column-wrapper .column { + width: 45%; + padding: 25px 26px; + border-radius: 3px; + background: var(--card-banner-bg); + -webkit-transform: translateY(-25px); + transform: translateY(-25px); + -webkit-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1); + z-index: 10; +} + +.top-selling-card .column-wrapper .column i { + font-size: 20px; +} .top-selling-card .item-wrapper { max-height: 210px; - overflow-y: auto; } + overflow-y: auto; +} .review-card .comment-text { text-overflow: ellipsis; overflow: hidden; max-width: 100%; white-space: nowrap; - max-width: 70%; } + max-width: 70%; +} .list-item { display: -webkit-box; @@ -15596,386 +24072,613 @@ ul { display: flex; width: 100%; padding: 20px 0; - border-bottom: 1px solid #383e5d; } - .list-item:first-child { - padding-top: 30px; } - .list-item:last-child { - border-bottom: none; } - .list-item .preview-image { - max-width: 80px; - width: 80px; - min-width: 80px; } - .list-item .preview-image img { - display: block; - margin: auto; } - .list-item .content { - width: calc(100% - 80px); - padding-right: 30px; } - .list-item .content .user-name { - margin-bottom: 0; - margin-right: 10px; - color: #b9c0d3; - white-space: nowrap; } - .list-item .content .time { - color: #b9c0d3; - margin-bottom: 3px; } - .list-item .content .product-name { - font-weight: 500; - text-overflow: ellipsis; - overflow: hidden; - max-width: 100%; - white-space: nowrap; } - .list-item .content .review-text { - margin-bottom: 0; - font-weight: 300; - text-overflow: ellipsis; - overflow: hidden; - max-width: 100%; - white-space: nowrap; - max-width: 95%; } + border-bottom: 1px solid #383e5d; +} + +.list-item:first-child { + padding-top: 30px; +} + +.list-item:last-child { + border-bottom: none; +} + +.list-item .preview-image { + max-width: 80px; + width: 80px; + min-width: 80px; +} + +.list-item .preview-image img { + display: block; + margin: auto; +} + +.list-item .content { + width: calc(100% - 80px); + padding-right: 30px; +} + +.list-item .content .user-name { + margin-bottom: 0; + margin-right: 10px; + color: #b9c0d3; + white-space: nowrap; +} + +.list-item .content .time { + color: #b9c0d3; + margin-bottom: 3px; +} + +.list-item .content .product-name { + font-weight: 500; + text-overflow: ellipsis; + overflow: hidden; + max-width: 100%; + white-space: nowrap; +} + +.list-item .content .review-text { + margin-bottom: 0; + font-weight: 300; + text-overflow: ellipsis; + overflow: hidden; + max-width: 100%; + white-space: nowrap; + max-width: 95%; +} .todo-list .todo-item { border: 1px solid #383e5d; border-radius: 6px; padding: 10px; - margin-bottom: 10px; } - .todo-list .todo-item form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - .todo-list .todo-item form .checkbox { - width: 40px; } - .todo-list .todo-item form .checkbox .form-check { - margin-left: 10px; } - .todo-list .todo-item form .checkbox .form-check .input-helper:after { - line-height: 0px; } - .todo-list .todo-item form .field-wrapper { - width: calc(100% - 40px); } - .todo-list .todo-item form .field-wrapper .form-group .form-control, .todo-list .todo-item form .field-wrapper .form-group .asColorPicker-input, .todo-list .todo-item form .field-wrapper .form-group .dataTables_wrapper select, .dataTables_wrapper .todo-list .todo-item form .field-wrapper .form-group select, .todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=text], - .todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group select, .todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=number], .todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single, .select2-container--default .todo-list .todo-item form .field-wrapper .form-group .select2-selection--single, .todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .todo-list .todo-item form .field-wrapper .form-group .select2-search__field, .todo-list .todo-item form .field-wrapper .form-group .tt-hint, - .todo-list .todo-item form .field-wrapper .form-group .tt-query, - .todo-list .todo-item form .field-wrapper .form-group .typeahead { - font-weight: 500; } - .todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag { - color: #b9c0d3; } - .todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag:before { - content: "#"; - display: inline-block; } - .todo-list .todo-item form .field-wrapper .form-group .btn, .todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload, .todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled, .todo-list .todo-item form .field-wrapper .form-group .wizard > .actions a, .wizard > .actions .todo-list .todo-item form .field-wrapper .form-group a { - margin-right: 10px; } - .todo-list .todo-item form .field-wrapper .form-group .btn:last-child, .todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload:last-child, .ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload:last-child, .todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled:last-child, .swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled:last-child, .todo-list .todo-item form .field-wrapper .form-group .wizard > .actions a:last-child, .wizard > .actions .todo-list .todo-item form .field-wrapper .form-group a:last-child { - margin-right: 0; } - .todo-list .todo-item:not(.edit-mode) { - position: relative; } - .todo-list .todo-item:not(.edit-mode) .edit-icon { - display: none; - position: absolute; - top: 0; - right: 0; - padding: 10px; - cursor: pointer; } - .todo-list .todo-item:not(.edit-mode):hover { - background: #fbfbfb; } - .todo-list .todo-item:not(.edit-mode):hover .edit-icon { - display: block; } - .todo-list .todo-item:not(.edit-mode):hover * { - background: #fbfbfb; } - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group { - margin-bottom: 0; } - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput { - border: none; - height: 25px; - max-height: 25px !important; - min-height: 25px !important; - padding: 0px 13px !important; } - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag { - background: transparent; - padding: 0; - margin-bottom: 0; } - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag a { - display: none; } - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput #todo-tags-1_addTag, - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tags_clear { - display: none; } - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .form-control, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .asColorPicker-input, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .dataTables_wrapper select, .dataTables_wrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=text], - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=number], .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single, .select2-container--default .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-selection--single, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-search__field, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-hint, - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-query, - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .typeahead { - border: none; } - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .btn, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-file-upload, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-styled, .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .wizard > .actions a, .wizard > .actions .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group a { - display: none; } - .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group.hidden-field { - display: none; } - .todo-list .todo-item.edit-mode form .field-wrapper .form-group .tagsinput .tag { - color: #ffffff; } + margin-bottom: 10px; +} + +.todo-list .todo-item form { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.todo-list .todo-item form .checkbox { + width: 40px; +} + +.todo-list .todo-item form .checkbox .form-check { + margin-left: 10px; +} + +.todo-list .todo-item form .checkbox .form-check .input-helper:after { + line-height: 0px; +} + +.todo-list .todo-item form .field-wrapper { + width: calc(100% - 40px); +} + +.todo-list .todo-item form .field-wrapper .form-group .form-control, +.todo-list .todo-item form .field-wrapper .form-group .asColorPicker-input, +.todo-list .todo-item form .field-wrapper .form-group .dataTables_wrapper select, +.dataTables_wrapper .todo-list .todo-item form .field-wrapper .form-group select, +.todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=text], +.todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group select, +.todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=number], +.todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single, +.select2-container--default .todo-list .todo-item form .field-wrapper .form-group .select2-selection--single, +.todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .todo-list .todo-item form .field-wrapper .form-group .select2-search__field, +.todo-list .todo-item form .field-wrapper .form-group .tt-hint, +.todo-list .todo-item form .field-wrapper .form-group .tt-query, +.todo-list .todo-item form .field-wrapper .form-group .typeahead { + font-weight: 500; +} + +.todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag { + color: #b9c0d3; +} + +.todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag:before { + content: "#"; + display: inline-block; +} + +.todo-list .todo-item form .field-wrapper .form-group .btn, +.todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload, +.ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload, +.todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled, +.todo-list .todo-item form .field-wrapper .form-group .wizard>.actions a, +.wizard>.actions .todo-list .todo-item form .field-wrapper .form-group a { + margin-right: 10px; +} + +.todo-list .todo-item form .field-wrapper .form-group .btn:last-child, +.todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload:last-child, +.ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload:last-child, +.todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled:last-child, +.swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled:last-child, +.todo-list .todo-item form .field-wrapper .form-group .wizard>.actions a:last-child, +.wizard>.actions .todo-list .todo-item form .field-wrapper .form-group a:last-child { + margin-right: 0; +} + +.todo-list .todo-item:not(.edit-mode) { + position: relative; +} + +.todo-list .todo-item:not(.edit-mode) .edit-icon { + display: none; + position: absolute; + top: 0; + right: 0; + padding: 10px; + cursor: pointer; +} + +.todo-list .todo-item:not(.edit-mode):hover { + background: #fbfbfb; +} + +.todo-list .todo-item:not(.edit-mode):hover .edit-icon { + display: block; +} + +.todo-list .todo-item:not(.edit-mode):hover * { + background: #fbfbfb; +} + +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group { + margin-bottom: 0; +} + +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput { + border: none; + height: 25px; + max-height: 25px !important; + min-height: 25px !important; + padding: 0px 13px !important; +} + +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag { + background: transparent; + padding: 0; + margin-bottom: 0; +} + +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag a { + display: none; +} + +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput #todo-tags-1_addTag, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tags_clear { + display: none; +} + +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .form-control, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .asColorPicker-input, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .dataTables_wrapper select, +.dataTables_wrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=text], +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=number], +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single, +.select2-container--default .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-selection--single, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-search__field, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-hint, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-query, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .typeahead { + border: none; +} + +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .btn, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload, +.ajax-upload-dragdrop .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-file-upload, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-styled, +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .wizard>.actions a, +.wizard>.actions .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group a { + display: none; +} + +.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group.hidden-field { + display: none; +} + +.todo-list .todo-item.edit-mode form .field-wrapper .form-group .tagsinput .tag { + color: #ffffff; +} .activity-timeline .activity { - position: relative; } - .activity-timeline .activity:before { - content: ""; - position: absolute; - left: 21px; - top: 5px; - bottom: 0px; - height: 100%; - display: block; - width: 2px; - background: #dee2e6; } - .activity-timeline .activity .icon-wrapper { - border: 3px solid #fff; } - .activity-timeline .activity:last-child:before { - display: none; } + position: relative; +} + +.activity-timeline .activity:before { + content: ""; + position: absolute; + left: 21px; + top: 5px; + bottom: 0px; + height: 100%; + display: block; + width: 2px; + background: #dee2e6; +} + +.activity-timeline .activity .icon-wrapper { + border: 3px solid #fff; +} + +.activity-timeline .activity:last-child:before { + display: none; +} .product-info-card .product-image { - height: 100px; } + height: 100px; +} .horizontal-timeline .time-frame { border-bottom: 1px solid #383e5d; - padding-top: 20px; } - .horizontal-timeline .time-frame:last-child { - border-bottom: none; } - .horizontal-timeline .time-frame .section-time-frame { - margin-bottom: 30px; } - .horizontal-timeline .time-frame .event { - border-left: 1px solid #383e5d; - padding-left: 2rem; - padding-bottom: 30px; - position: relative; } - .horizontal-timeline .time-frame .event:last-child { - border-left: none; } - .horizontal-timeline .time-frame .event .event-text { - line-height: 1; - font-weight: 400; - margin-bottom: 0; - text-overflow: ellipsis; - overflow: hidden; - max-width: 100%; - white-space: nowrap; } - .horizontal-timeline .time-frame .event .tumbnail-views { - display: inline-block; } - .horizontal-timeline .time-frame .event .tumbnail-views .thumbnail { - float: left; - margin-right: 16px; - margin-top: 1rem; } - .horizontal-timeline .time-frame .event .tumbnail-views .thumbnail img { - max-width: 100%; - border-radius: 4px; } - .horizontal-timeline .time-frame .event .event-alert { - margin-top: 1rem; - padding: 11px 25px; - background: rgba(33, 150, 243, 0.2); - width: 80%; - font-family: "roboto", sans-serif; - font-size: 13px; - font-weight: 300; - border-radius: 4px; } - .horizontal-timeline .time-frame .event .event-info { - margin-top: 0.8rem; - font-family: "roboto", sans-serif; - font-size: 12px; - font-weight: 400; - color: #b9c0d3; } - .horizontal-timeline .time-frame .event:before { - content: ""; - position: absolute; - top: 0; - left: -5px; - height: 10px; - width: 10px; - border-radius: 100%; } - .horizontal-timeline .time-frame .event:nth-child(3n+1):before { - background: #8862e0; } - .horizontal-timeline .time-frame .event:nth-child(3n+2):before { - background: #19d895; } - .horizontal-timeline .time-frame .event:nth-child(3n+3):before { - background: #2196f3; } + padding-top: 20px; +} + +.horizontal-timeline .time-frame:last-child { + border-bottom: none; +} + +.horizontal-timeline .time-frame .section-time-frame { + margin-bottom: 30px; +} + +.horizontal-timeline .time-frame .event { + border-left: 1px solid #383e5d; + padding-left: 2rem; + padding-bottom: 30px; + position: relative; +} + +.horizontal-timeline .time-frame .event:last-child { + border-left: none; +} + +.horizontal-timeline .time-frame .event .event-text { + line-height: 1; + font-weight: 400; + margin-bottom: 0; + text-overflow: ellipsis; + overflow: hidden; + max-width: 100%; + white-space: nowrap; +} + +.horizontal-timeline .time-frame .event .tumbnail-views { + display: inline-block; +} + +.horizontal-timeline .time-frame .event .tumbnail-views .thumbnail { + float: left; + margin-right: 16px; + margin-top: 1rem; +} + +.horizontal-timeline .time-frame .event .tumbnail-views .thumbnail img { + max-width: 100%; + border-radius: 4px; +} + +.horizontal-timeline .time-frame .event .event-alert { + margin-top: 1rem; + padding: 11px 25px; + background: rgba(33, 150, 243, 0.2); + width: 80%; + font-family: "roboto", sans-serif; + font-size: 13px; + font-weight: 300; + border-radius: 4px; +} + +.horizontal-timeline .time-frame .event .event-info { + margin-top: 0.8rem; + font-family: "roboto", sans-serif; + font-size: 12px; + font-weight: 400; + color: #b9c0d3; +} + +.horizontal-timeline .time-frame .event:before { + content: ""; + position: absolute; + top: 0; + left: -5px; + height: 10px; + width: 10px; + border-radius: 100%; +} + +.horizontal-timeline .time-frame .event:nth-child(3n+1):before { + background: #8862e0; +} + +.horizontal-timeline .time-frame .event:nth-child(3n+2):before { + background: #19d895; +} + +.horizontal-timeline .time-frame .event:nth-child(3n+3):before { + background: #2196f3; +} /* Timeline */ .vertical-timeline { list-style: none; padding: 0; - position: relative; } - .vertical-timeline:before { - top: 0; - bottom: 0; - position: absolute; - content: " "; - width: 3px; - background-color: #2a2c44; - left: 50%; - margin-left: -1.5px; } - .vertical-timeline .timeline-wrapper { - display: block; - margin-bottom: 20px; - position: relative; - width: 100%; - padding-right: 90px; } - .vertical-timeline .timeline-wrapper:before { - content: " "; - display: table; } - .vertical-timeline .timeline-wrapper:after { - content: " "; - display: table; - clear: both; } - .vertical-timeline .timeline-wrapper .timeline-panel { - border-radius: 2px; - padding: 20px; - position: relative; - background: #2a2c44; - border-radius: 6px; - -webkit-box-shadow: 1px 2px 35px 0 rgba(1, 1, 1, 0.1); - box-shadow: 1px 2px 35px 0 rgba(1, 1, 1, 0.1); - width: 35%; - margin-left: 15%; } - .vertical-timeline .timeline-wrapper .timeline-panel:before { - position: absolute; - top: 0; - width: 100%; - height: 2px; - content: ""; - left: 0; - right: 0; } - .vertical-timeline .timeline-wrapper .timeline-panel:after { - position: absolute; - top: 7px; - right: -14px; - display: inline-block; - border-top: 14px solid transparent; - border-left: 14px solid #2a2c44; - border-right: 0 solid #2a2c44; - border-bottom: 14px solid transparent; - content: " "; } - .vertical-timeline .timeline-wrapper .timeline-panel .timeline-title { - margin-top: 0; - color: #fff; - text-transform: uppercase; } - .vertical-timeline .timeline-wrapper .timeline-panel .timeline-body p { - margin-bottom: 0; } - .vertical-timeline .timeline-wrapper .timeline-panel .timeline-body p + p { - margin-top: 5px; } - .vertical-timeline .timeline-wrapper .timeline-panel .timeline-body ul { - margin-bottom: 0; } - .vertical-timeline .timeline-wrapper .timeline-panel .timeline-footer span { - font-size: 0.6875rem; } - .vertical-timeline .timeline-wrapper .timeline-panel .timeline-footer i { - font-size: 1.5rem; } - .vertical-timeline .timeline-wrapper .timeline-badge { - width: 14px; - height: 14px; - position: absolute; - top: 16px; - left: calc(50% - 7px); - z-index: 100; - border-top-right-radius: 50%; - border-top-left-radius: 50%; - border-bottom-right-radius: 50%; - border-bottom-left-radius: 50%; - border: 2px solid #2a2c44; } - .vertical-timeline .timeline-wrapper .timeline-badge i { - color: #ffffff; } - .vertical-timeline .timeline-wrapper.timeline-inverted { - padding-right: 0; - padding-left: 90px; } - .vertical-timeline .timeline-wrapper.timeline-inverted .timeline-panel { - margin-left: auto; - margin-right: 15%; } - .vertical-timeline .timeline-wrapper.timeline-inverted .timeline-panel:after { - border-left-width: 0; - border-right-width: 14px; - left: -14px; - right: auto; } + position: relative; +} + +.vertical-timeline:before { + top: 0; + bottom: 0; + position: absolute; + content: " "; + width: 3px; + background-color: #2a2c44; + left: 50%; + margin-left: -1.5px; +} + +.vertical-timeline .timeline-wrapper { + display: block; + margin-bottom: 20px; + position: relative; + width: 100%; + padding-right: 90px; +} + +.vertical-timeline .timeline-wrapper:before { + content: " "; + display: table; +} + +.vertical-timeline .timeline-wrapper:after { + content: " "; + display: table; + clear: both; +} + +.vertical-timeline .timeline-wrapper .timeline-panel { + border-radius: 2px; + padding: 20px; + position: relative; + background: #2a2c44; + border-radius: 6px; + -webkit-box-shadow: 1px 2px 35px 0 rgba(1, 1, 1, 0.1); + box-shadow: 1px 2px 35px 0 rgba(1, 1, 1, 0.1); + width: 35%; + margin-left: 15%; +} + +.vertical-timeline .timeline-wrapper .timeline-panel:before { + position: absolute; + top: 0; + width: 100%; + height: 2px; + content: ""; + left: 0; + right: 0; +} + +.vertical-timeline .timeline-wrapper .timeline-panel:after { + position: absolute; + top: 7px; + right: -14px; + display: inline-block; + border-top: 14px solid transparent; + border-left: 14px solid #2a2c44; + border-right: 0 solid #2a2c44; + border-bottom: 14px solid transparent; + content: " "; +} + +.vertical-timeline .timeline-wrapper .timeline-panel .timeline-title { + margin-top: 0; + color: #fff; + text-transform: uppercase; +} + +.vertical-timeline .timeline-wrapper .timeline-panel .timeline-body p { + margin-bottom: 0; +} + +.vertical-timeline .timeline-wrapper .timeline-panel .timeline-body p+p { + margin-top: 5px; +} + +.vertical-timeline .timeline-wrapper .timeline-panel .timeline-body ul { + margin-bottom: 0; +} + +.vertical-timeline .timeline-wrapper .timeline-panel .timeline-footer span { + font-size: 0.6875rem; +} + +.vertical-timeline .timeline-wrapper .timeline-panel .timeline-footer i { + font-size: 1.5rem; +} + +.vertical-timeline .timeline-wrapper .timeline-badge { + width: 14px; + height: 14px; + position: absolute; + top: 16px; + left: calc(50% - 7px); + z-index: 100; + border-top-right-radius: 50%; + border-top-left-radius: 50%; + border-bottom-right-radius: 50%; + border-bottom-left-radius: 50%; + border: 2px solid #2a2c44; +} + +.vertical-timeline .timeline-wrapper .timeline-badge i { + color: #ffffff; +} + +.vertical-timeline .timeline-wrapper.timeline-inverted { + padding-right: 0; + padding-left: 90px; +} + +.vertical-timeline .timeline-wrapper.timeline-inverted .timeline-panel { + margin-left: auto; + margin-right: 15%; +} + +.vertical-timeline .timeline-wrapper.timeline-inverted .timeline-panel:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; +} @media (max-width: 767px) { .timeline .timeline-wrapper { - padding-right: 150px; } - .timeline .timeline-wrapper.timeline-inverted { - padding-left: 150px; } - .timeline .timeline-wrapper .timeline-panel { - width: 100%; - margin-left: 0; - margin-right: 0; } } + padding-right: 150px; + } + + .timeline .timeline-wrapper.timeline-inverted { + padding-left: 150px; + } + + .timeline .timeline-wrapper .timeline-panel { + width: 100%; + margin-left: 0; + margin-right: 0; + } +} .timeline-wrapper-primary .timeline-panel:before { - background: #2196f3; } + background: #2196f3; +} .timeline-wrapper-primary .timeline-badge { - background: #2196f3; } + background: #2196f3; +} .timeline-wrapper-secondary .timeline-panel:before { - background: #dde4eb; } + background: #dde4eb; +} .timeline-wrapper-secondary .timeline-badge { - background: #dde4eb; } + background: #dde4eb; +} .timeline-wrapper-success .timeline-panel:before { - background: #19d895; } + background: #19d895; +} .timeline-wrapper-success .timeline-badge { - background: #19d895; } + background: #19d895; +} .timeline-wrapper-info .timeline-panel:before { - background: #8862e0; } + background: #8862e0; +} .timeline-wrapper-info .timeline-badge { - background: #8862e0; } + background: #8862e0; +} .timeline-wrapper-warning .timeline-panel:before { - background: #ffaf00; } + background: #ffaf00; +} .timeline-wrapper-warning .timeline-badge { - background: #ffaf00; } + background: #ffaf00; +} .timeline-wrapper-danger .timeline-panel:before { - background: #ff6258; } + background: #ff6258; +} .timeline-wrapper-danger .timeline-badge { - background: #ff6258; } + background: #ff6258; +} .timeline-wrapper-light .timeline-panel:before { - background: #fbfbfb; } + background: #fbfbfb; +} .timeline-wrapper-light .timeline-badge { - background: #fbfbfb; } + background: #fbfbfb; +} .timeline-wrapper-dark .timeline-panel:before { - background: #252C46; } + background: #252C46; +} .timeline-wrapper-dark .timeline-badge { - background: #252C46; } + background: #252C46; +} .timeline { list-style: none; - padding-left: 0; } - .timeline .timeline-item { - border-left: 1px solid #383e5d; - color: #b9c0d3; - padding-left: 20px; - padding-bottom: 20px; - position: relative; } - .timeline .timeline-item:before { - content: ""; - height: 10px; - width: 10px; - border-radius: 10px; - position: absolute; - top: 0px; - left: -5px; } - .timeline .timeline-item:nth-child(4n + 1):before { - background: #19d895; } - .timeline .timeline-item:nth-child(4n + 2):before { - background: #2196f3; } - .timeline .timeline-item:nth-child(4n + 3):before { - background: #ffaf00; } - .timeline .timeline-item:nth-child(4n + 4):before { - background: #8862e0; } - .timeline .timeline-item:last-child { - border-left: none; - padding-bottom: 0; } - .timeline .timeline-item .timeline-content { - margin-bottom: 0; - line-height: 10px; } - .timeline .timeline-item .event-time { - margin-bottom: 0; } + padding-left: 0; +} + +.timeline .timeline-item { + border-left: 1px solid #383e5d; + color: #b9c0d3; + padding-left: 20px; + padding-bottom: 20px; + position: relative; +} + +.timeline .timeline-item:before { + content: ""; + height: 10px; + width: 10px; + border-radius: 10px; + position: absolute; + top: 0px; + left: -5px; +} + +.timeline .timeline-item:nth-child(4n + 1):before { + background: #19d895; +} + +.timeline .timeline-item:nth-child(4n + 2):before { + background: #2196f3; +} + +.timeline .timeline-item:nth-child(4n + 3):before { + background: #ffaf00; +} + +.timeline .timeline-item:nth-child(4n + 4):before { + background: #8862e0; +} + +.timeline .timeline-item:last-child { + border-left: none; + padding-bottom: 0; +} + +.timeline .timeline-item .timeline-content { + margin-bottom: 0; + line-height: 10px; +} + +.timeline .timeline-item .event-time { + margin-bottom: 0; +} .board-wrapper { overflow-x: auto; @@ -15986,278 +24689,437 @@ ul { -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .board-wrapper .board-portlet { - background: #151724; - margin: 0px 15px; - padding: 22px 20px; - min-width: 350px; - width: 350px; - border-radius: 4px; } - .board-wrapper .portlet-heading { - font-weight: 500; - margin-bottom: 5px; } - .board-wrapper .task-number { - color: #b9c0d3; } - .board-wrapper .portlet-card-list { - padding-left: 0; - list-style: none; - min-height: 70px; } - .board-wrapper .portlet-card { - width: 100%; - border-radius: 4px; - padding: 20px 20px 20px 20px; - background: #222437; - display: grid; - grid-template-rows: 5; - grid-template-columns: 2; - border-radius: 6px; - position: relative; - margin-bottom: 15px; - cursor: -webkit-grab; - cursor: grab; } - .board-wrapper .portlet-card .progress { - position: absolute; - top: 0px; - left: 0px; - right: 0px; - border-radius: 6px 6px 0px 0px; - height: 4px; } - .board-wrapper .portlet-card .progress .progress-bar { - border-radius: 0px; } - .board-wrapper .portlet-card .task-date { - margin-bottom: 5px; - color: #b9c0d3; - grid-row-start: 1; - grid-column-start: 1; } - .board-wrapper .portlet-card .action-dropdown { - grid-row-start: 1; - grid-column-start: 2; - margin-left: auto; } - .board-wrapper .portlet-card .action-dropdown .dropdown-toggle { - border: none; - background: #222437; } - .board-wrapper .portlet-card .action-dropdown .dropdown-toggle i { - font-size: 20px; - line-height: 20px; } - .board-wrapper .portlet-card .action-dropdown .dropdown-toggle i:before { - margin-right: -10px; } - .board-wrapper .portlet-card .action-dropdown .dropdown-toggle:after { - display: none; } - .board-wrapper .portlet-card .action-dropdown .dropdown-menu-right { - left: 0 !important; } - .board-wrapper .portlet-card .task-title { - font-weight: 500; - grid-row-start: 2; - grid-column-start: 1; - grid-column-end: 3; - font-size: 16px; - margin-bottom: 15px; } - .board-wrapper .portlet-card .image-grouped { - grid-row-start: 3; - grid-column-start: 1; - grid-column-end: 3; } - .board-wrapper .portlet-card .portlet-image { - width: 100%; - display: block; - grid-row-start: 4; - grid-column-start: 1; - grid-column-end: 3; - margin-top: 5px; - margin-left: -20px; - margin-right: -20px; - width: calc(100% + 40px); } - .board-wrapper .portlet-card .badge { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - grid-row-start: 5; - grid-column-start: 1; - grid-column-end: 2; - margin-top: 20px; } - .board-wrapper .portlet-card .due-date { - grid-row-start: 5; - grid-column-start: 2; - grid-column-end: 3; - margin-bottom: 0; - text-align: right; - margin-top: 20px; - color: #b9c0d3; - font-weight: 500; } - .board-wrapper .add-portlet { - background: #222437; - border-radius: 6px; - padding: 25px 10px; - text-align: center; - color: #b9c0d3; - font-weight: 500; - border: none; - width: 100%; - -webkit-transition-duration: 0.4s; - transition-duration: 0.4s; - -webkit-transition-property: "background"; - transition-property: "background"; } - .board-wrapper .add-portlet:hover { - background: #181a27; } + flex-wrap: nowrap; +} -.kanban-toolbar .btn, .kanban-toolbar .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .kanban-toolbar .ajax-file-upload, .kanban-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .kanban-toolbar .swal2-styled, .kanban-toolbar .wizard > .actions a, .wizard > .actions .kanban-toolbar a { - margin-left: 10px; } +.board-wrapper .board-portlet { + background: #151724; + margin: 0px 15px; + padding: 22px 20px; + min-width: 350px; + width: 350px; + border-radius: 4px; +} + +.board-wrapper .portlet-heading { + font-weight: 500; + margin-bottom: 5px; +} + +.board-wrapper .task-number { + color: #b9c0d3; +} + +.board-wrapper .portlet-card-list { + padding-left: 0; + list-style: none; + min-height: 70px; +} + +.board-wrapper .portlet-card { + width: 100%; + border-radius: 4px; + padding: 20px 20px 20px 20px; + background: var(--dropdown-bg); + display: grid; + grid-template-rows: 5; + grid-template-columns: 2; + border-radius: 6px; + position: relative; + margin-bottom: 15px; + cursor: -webkit-grab; + cursor: grab; +} + +.board-wrapper .portlet-card .progress { + position: absolute; + top: 0px; + left: 0px; + right: 0px; + border-radius: 6px 6px 0px 0px; + height: 4px; +} + +.board-wrapper .portlet-card .progress .progress-bar { + border-radius: 0px; +} + +.board-wrapper .portlet-card .task-date { + margin-bottom: 5px; + color: #b9c0d3; + grid-row-start: 1; + grid-column-start: 1; +} + +.board-wrapper .portlet-card .action-dropdown { + grid-row-start: 1; + grid-column-start: 2; + margin-left: auto; +} + +.board-wrapper .portlet-card .action-dropdown .dropdown-toggle { + border: none; + background: var(--dropdown-bg); +} + +.board-wrapper .portlet-card .action-dropdown .dropdown-toggle i { + font-size: 20px; + line-height: 20px; +} + +.board-wrapper .portlet-card .action-dropdown .dropdown-toggle i:before { + margin-right: -10px; +} + +.board-wrapper .portlet-card .action-dropdown .dropdown-toggle:after { + display: none; +} + +.board-wrapper .portlet-card .action-dropdown .dropdown-menu-right { + left: 0 !important; +} + +.board-wrapper .portlet-card .task-title { + font-weight: 500; + grid-row-start: 2; + grid-column-start: 1; + grid-column-end: 3; + font-size: 16px; + margin-bottom: 15px; +} + +.board-wrapper .portlet-card .image-grouped { + grid-row-start: 3; + grid-column-start: 1; + grid-column-end: 3; +} + +.board-wrapper .portlet-card .portlet-image { + width: 100%; + display: block; + grid-row-start: 4; + grid-column-start: 1; + grid-column-end: 3; + margin-top: 5px; + margin-left: -20px; + margin-right: -20px; + width: calc(100% + 40px); +} + +.board-wrapper .portlet-card .badge { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + grid-row-start: 5; + grid-column-start: 1; + grid-column-end: 2; + margin-top: 20px; +} + +.board-wrapper .portlet-card .due-date { + grid-row-start: 5; + grid-column-start: 2; + grid-column-end: 3; + margin-bottom: 0; + text-align: right; + margin-top: 20px; + color: #b9c0d3; + font-weight: 500; +} + +.board-wrapper .add-portlet { + background: var(--dropdown-bg); + border-radius: 6px; + padding: 25px 10px; + text-align: center; + color: #b9c0d3; + font-weight: 500; + border: none; + width: 100%; + -webkit-transition-duration: 0.4s; + transition-duration: 0.4s; + -webkit-transition-property: "background"; + transition-property: "background"; +} + +.board-wrapper .add-portlet:hover { + background: #181a27; +} + +.kanban-toolbar .btn, +.kanban-toolbar .ajax-upload-dragdrop .ajax-file-upload, +.ajax-upload-dragdrop .kanban-toolbar .ajax-file-upload, +.kanban-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .kanban-toolbar .swal2-styled, +.kanban-toolbar .wizard>.actions a, +.wizard>.actions .kanban-toolbar a { + margin-left: 10px; +} .chat-app-wrapper { position: relative; - overflow: hidden; } + overflow: hidden; +} + +.chat-app-wrapper .chat-list-wrapper { + overflow-y: auto; + border-right: 1px solid #383e5d; + padding-bottom: 30px; +} + +@media (max-width: 768px) { .chat-app-wrapper .chat-list-wrapper { - overflow-y: auto; - border-right: 1px solid #383e5d; - padding-bottom: 30px; } - @media (max-width: 768px) { - .chat-app-wrapper .chat-list-wrapper { - position: absolute; - left: -300px; - top: 0; - z-index: 99; - bottom: 0px; - background: #222437; - width: 300px; - height: 100%; - border-right: none; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: "box-shadow", "left", "box-shadow"; - transition-property: "box-shadow", "left", "box-shadow"; - transition-property: "box-shadow", "left"; } - .chat-app-wrapper .chat-list-wrapper.menu-open { - left: 0px; - -webkit-box-shadow: 6px 4px 15px -5px rgba(0, 0, 0, 0.25); - box-shadow: 6px 4px 15px -5px rgba(0, 0, 0, 0.25); } } - .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper { - padding-top: 20px; - padding-bottom: 40px; } - .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item { - display: grid; - grid-template-columns: 45px auto auto; - grid-template-rows: 30px auto; - padding: 15px 20px; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-property: "background"; - transition-property: "background"; } - .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image { - position: relative; } - .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image .dot-indicator { - position: absolute; - top: 15px; - right: -5px; - z-index: 1; - height: 12px; - width: 12px; - border: 2px solid #222437; } - .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name { - color: #b9c0d3; - padding-left: 20px; - margin-bottom: 0; } - .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-time { - color: #b9c0d3; - text-align: right; } - .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-text { - padding-left: 20px; - grid-column-start: 2; - grid-column-end: 4; - grid-row-start: 2; - margin-bottom: 0; } - .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item:hover { - background: rgba(33, 150, 243, 0.1); } - .chat-app-wrapper .chat-search-input { - padding-top: 30px; - padding-bottom: 10px; } - .chat-app-wrapper .chat-search-input .form-control, .chat-app-wrapper .chat-search-input .asColorPicker-input, .chat-app-wrapper .chat-search-input .dataTables_wrapper select, .dataTables_wrapper .chat-app-wrapper .chat-search-input select, .chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=text], - .chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input select, .chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=number], .chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single, .select2-container--default .chat-app-wrapper .chat-search-input .select2-selection--single, .chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .chat-app-wrapper .chat-search-input .select2-search__field, .chat-app-wrapper .chat-search-input .tt-hint, - .chat-app-wrapper .chat-search-input .tt-query, - .chat-app-wrapper .chat-search-input .typeahead { - height: 40px; - border-right: none; - border-radius: 4px 0px 0px 4px; - color: #b9c0d3; } - .chat-app-wrapper .chat-search-input .input-group-text { - padding: 8px 15px; - font-size: 20px; - border-radius: 0px 4px 4px 0px; } - .chat-app-wrapper .chat-search-input .input-group-text i { - color: #b9c0d3; } - .chat-app-wrapper .sidebar-spacer { - padding-left: 20px; - padding-right: 20px; } - .chat-app-wrapper .chat-container-wrapper { + position: absolute; + left: -300px; + top: 0; + z-index: 99; + bottom: 0px; + background: var(--dropdown-bg); + width: 300px; height: 100%; - min-height: 100vh; - max-height: 950px; - overflow-y: auto; - padding-bottom: 20px; - padding: 0 15px 30px 15px; } - .chat-app-wrapper .chat-container-wrapper .chat-bubble { - margin-top: 30px; } - .chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message { - border-radius: 4px; - padding: 20px; } - .chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message p:last-child { - margin-bottom: 0; } - .chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding-top: 10px; } - .chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details .seen-text { - margin-bottom: 0; - color: #b9c0d3; } - .chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .chat-message { - background: #1c1e2f; - margin-left: 45px; } - .chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .sender-details .seen-text { - padding-left: 10px; } - .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message { - background: #2196f3; - margin-left: auto; - max-width: 290px; - margin-right: 45px; } - .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message p { - color: #222437; } - .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; } - .chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details .seen-text { - padding-right: 10px; } - .chat-app-wrapper .chat-sidebar { - height: 100%; - max-height: 950px; - overflow-y: auto; - border-left: 1px solid #383e5d; } - .chat-app-wrapper .chat-text-field { - border-top: 1px solid #383e5d; - padding: 10px 0; } - .chat-app-wrapper .chat-text-field .input-group .input-group-prepend .input-group-text, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-prepend .input-group-text, .chat-app-wrapper .chat-text-field .input-group .asColorPicker-trigger .input-group-text, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-trigger .input-group-text, - .chat-app-wrapper .chat-text-field .input-group .input-group-append .input-group-text, - .chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-append .input-group-text { - border: none; } - .chat-app-wrapper .chat-text-field .input-group .form-control, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .form-control, .chat-app-wrapper .chat-text-field .input-group .asColorPicker-input, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-input, .chat-app-wrapper .chat-text-field .input-group .dataTables_wrapper select, .dataTables_wrapper .chat-app-wrapper .chat-text-field .input-group select, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .chat-app-wrapper .chat-text-field .asColorPicker-wrap select, .chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=text], .chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=text], - .chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group select, - .chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap select, .chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=number], .chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=number], .chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single, .select2-container--default .chat-app-wrapper .chat-text-field .input-group .select2-selection--single, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-selection--single, .chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .input-group .select2-search__field, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-search__field, .chat-app-wrapper .chat-text-field .input-group .tt-hint, .chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-hint, - .chat-app-wrapper .chat-text-field .input-group .tt-query, - .chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-query, - .chat-app-wrapper .chat-text-field .input-group .typeahead, - .chat-app-wrapper .chat-text-field .asColorPicker-wrap .typeahead { - height: 45px; - border: none; } + border-right: none; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: "box-shadow", "left", "box-shadow"; + transition-property: "box-shadow", "left", "box-shadow"; + transition-property: "box-shadow", "left"; + } + + .chat-app-wrapper .chat-list-wrapper.menu-open { + left: 0px; + -webkit-box-shadow: 6px 4px 15px -5px rgba(0, 0, 0, 0.25); + box-shadow: 6px 4px 15px -5px rgba(0, 0, 0, 0.25); + } +} + +.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper { + padding-top: 20px; + padding-bottom: 40px; +} + +.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item { + display: grid; + grid-template-columns: 45px auto auto; + grid-template-rows: 30px auto; + padding: 15px 20px; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-property: "background"; + transition-property: "background"; +} + +.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image { + position: relative; +} + +.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image .dot-indicator { + position: absolute; + top: 15px; + right: -5px; + z-index: 1; + height: 12px; + width: 12px; + border: 2px solid var(--dropdown-bg); +} + +.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name { + color: #b9c0d3; + padding-left: 20px; + margin-bottom: 0; +} + +.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-time { + color: #b9c0d3; + text-align: right; +} + +.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-text { + padding-left: 20px; + grid-column-start: 2; + grid-column-end: 4; + grid-row-start: 2; + margin-bottom: 0; +} + +.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item:hover { + background: rgba(33, 150, 243, 0.1); +} + +.chat-app-wrapper .chat-search-input { + padding-top: 30px; + padding-bottom: 10px; +} + +.chat-app-wrapper .chat-search-input .form-control, +.chat-app-wrapper .chat-search-input .asColorPicker-input, +.chat-app-wrapper .chat-search-input .dataTables_wrapper select, +.dataTables_wrapper .chat-app-wrapper .chat-search-input select, +.chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=text], +.chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input select, +.chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=number], +.chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single, +.select2-container--default .chat-app-wrapper .chat-search-input .select2-selection--single, +.chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .chat-app-wrapper .chat-search-input .select2-search__field, +.chat-app-wrapper .chat-search-input .tt-hint, +.chat-app-wrapper .chat-search-input .tt-query, +.chat-app-wrapper .chat-search-input .typeahead { + height: 40px; + border-right: none; + border-radius: 4px 0px 0px 4px; + color: #b9c0d3; +} + +.chat-app-wrapper .chat-search-input .input-group-text { + padding: 8px 15px; + font-size: 20px; + border-radius: 0px 4px 4px 0px; +} + +.chat-app-wrapper .chat-search-input .input-group-text i { + color: #b9c0d3; +} + +.chat-app-wrapper .sidebar-spacer { + padding-left: 20px; + padding-right: 20px; +} + +.chat-app-wrapper .chat-container-wrapper { + height: 100%; + min-height: 100vh; + max-height: 950px; + overflow-y: auto; + padding-bottom: 20px; + padding: 0 15px 30px 15px; +} + +.chat-app-wrapper .chat-container-wrapper .chat-bubble { + margin-top: 30px; +} + +.chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message { + border-radius: 4px; + padding: 20px; +} + +.chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message p:last-child { + margin-bottom: 0; +} + +.chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-top: 10px; +} + +.chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details .seen-text { + margin-bottom: 0; + color: #b9c0d3; +} + +.chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .chat-message { + background: var(--deep-bg); + margin-left: 45px; +} + +.chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .sender-details .seen-text { + padding-left: 10px; +} + +.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message { + background: #2196f3; + margin-left: auto; + max-width: 290px; + margin-right: 45px; +} + +.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message p { + color: var(--dropdown-bg); +} + +.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} + +.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details .seen-text { + padding-right: 10px; +} + +.chat-app-wrapper .chat-sidebar { + height: 100%; + max-height: 950px; + overflow-y: auto; + border-left: 1px solid #383e5d; +} + +.chat-app-wrapper .chat-text-field { + border-top: 1px solid #383e5d; + padding: 10px 0; +} + +.chat-app-wrapper .chat-text-field .input-group .input-group-prepend .input-group-text, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-prepend .input-group-text, +.chat-app-wrapper .chat-text-field .input-group .asColorPicker-trigger .input-group-text, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-trigger .input-group-text, +.chat-app-wrapper .chat-text-field .input-group .input-group-append .input-group-text, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-append .input-group-text { + border: none; +} + +.chat-app-wrapper .chat-text-field .input-group .form-control, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .form-control, +.chat-app-wrapper .chat-text-field .input-group .asColorPicker-input, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-input, +.chat-app-wrapper .chat-text-field .input-group .dataTables_wrapper select, +.dataTables_wrapper .chat-app-wrapper .chat-text-field .input-group select, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .dataTables_wrapper select, +.dataTables_wrapper .chat-app-wrapper .chat-text-field .asColorPicker-wrap select, +.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=text], +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=text], +.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group select, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap select, +.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=number], +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=number], +.chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single, +.select2-container--default .chat-app-wrapper .chat-text-field .input-group .select2-selection--single, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single, +.select2-container--default .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-selection--single, +.chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .input-group .select2-search__field, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-search__field, +.chat-app-wrapper .chat-text-field .input-group .tt-hint, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-hint, +.chat-app-wrapper .chat-text-field .input-group .tt-query, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-query, +.chat-app-wrapper .chat-text-field .input-group .typeahead, +.chat-app-wrapper .chat-text-field .asColorPicker-wrap .typeahead { + height: 45px; + border: none; +} /*-------------------------------------------------------------------*/ /* === Email === */ @@ -16265,183 +25127,269 @@ ul { .email-wrapper .mail-sidebar { border-right: 1px solid #383e5d; padding: 20px; - background: #222437; } + background: var(--dropdown-bg); +} + +.email-wrapper .mail-sidebar .menu-bar { + width: 100%; + float: right; + height: 100%; + min-height: 100%; +} + +@media (max-width: 576px) { .email-wrapper .mail-sidebar .menu-bar { - width: 100%; - float: right; - height: 100%; - min-height: 100%; } - @media (max-width: 576px) { - .email-wrapper .mail-sidebar .menu-bar { - min-height: 100vh; - max-height: 100%; - height: auto; - overflow-y: auto; - overflow-x: hidden; } } - .email-wrapper .mail-sidebar .menu-bar .menu-items { - padding: 0; - margin-bottom: 0; - height: auto; - list-style-type: none; } - .email-wrapper .mail-sidebar .menu-bar .menu-items li { - padding: 10px 15px; - -webkit-transition: 0.4s; - transition: 0.4s; - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - .email-wrapper .mail-sidebar .menu-bar .menu-items li:hover { - background: rgba(240, 244, 249, 0.8); } - .email-wrapper .mail-sidebar .menu-bar .menu-items li a { - color: #fff; - font-size: 0.875rem; - text-decoration: none; } - .email-wrapper .mail-sidebar .menu-bar .menu-items li a i { - margin-right: 8px; - font-size: 0.875rem; - line-height: 1.5; } - .email-wrapper .mail-sidebar .menu-bar .menu-items li.active { - background: rgba(33, 150, 243, 0.3); - border-radius: 4px; } - .email-wrapper .mail-sidebar .menu-bar .menu-items li.active a { - color: #2196f3; } - .email-wrapper .mail-sidebar .menu-bar .menu-items li.compose:hover { - background: transparent; } - .email-wrapper .mail-sidebar .menu-bar .online-status { - margin-top: 1rem; } - .email-wrapper .mail-sidebar .menu-bar .online-status .chat { - font-size: 0.875rem; - color: #b9c0d3; - margin-bottom: 0; - font-family: "roboto", sans-serif; } - .email-wrapper .mail-sidebar .menu-bar .online-status .status { - height: 10px; - width: 10px; - border-radius: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-transform: translateX(-43px) translateY(2px); - transform: translateX(-43px) translateY(2px); } - .email-wrapper .mail-sidebar .menu-bar .online-status .status:after { - font-size: 12px; - color: #b9c0d3; - margin: -5px 0 0 18px; } - .email-wrapper .mail-sidebar .menu-bar .online-status .status.offline { - background: #ff6258; } - .email-wrapper .mail-sidebar .menu-bar .online-status .status.offline:after { - content: "Offline"; } - .email-wrapper .mail-sidebar .menu-bar .online-status .status.online { - background: #19d895; } - .email-wrapper .mail-sidebar .menu-bar .online-status .status.online:after { - content: "Online"; } - .email-wrapper .mail-sidebar .menu-bar .profile-list { - padding: 10px 0; } - .email-wrapper .mail-sidebar .menu-bar .profile-list-item { - border-bottom: 1px solid #383e5d; - padding: 6px 0; - display: block; } - .email-wrapper .mail-sidebar .menu-bar .profile-list-item:last-child { - border-bottom: 0; } - .email-wrapper .mail-sidebar .menu-bar .profile-list-item a { - text-decoration: none; } - .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0; - width: 20%; - max-width: 40px; } - .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic img { - max-width: 100%; - width: 100%; - border-radius: 100%; } - .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user { - width: 100%; - padding: 5px 10px 0 15px; } - .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name { - margin: 0; - font-family: "roboto", sans-serif; - font-size: 0.875rem; - line-height: 1; - color: #fff; - font-weight: 500; } - .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation { - font-size: calc(0.875rem - 0.1rem); - color: #fff; - margin-bottom: 0; } + min-height: 100vh; + max-height: 100%; + height: auto; + overflow-y: auto; + overflow-x: hidden; + } +} + +.email-wrapper .mail-sidebar .menu-bar .menu-items { + padding: 0; + margin-bottom: 0; + height: auto; + list-style-type: none; +} + +.email-wrapper .mail-sidebar .menu-bar .menu-items li { + padding: 10px 15px; + -webkit-transition: 0.4s; + transition: 0.4s; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.email-wrapper .mail-sidebar .menu-bar .menu-items li:hover { + background: rgba(240, 244, 249, 0.8); +} + +.email-wrapper .mail-sidebar .menu-bar .menu-items li a { + color: #fff; + font-size: 0.875rem; + text-decoration: none; +} + +.email-wrapper .mail-sidebar .menu-bar .menu-items li a i { + margin-right: 8px; + font-size: 0.875rem; + line-height: 1.5; +} + +.email-wrapper .mail-sidebar .menu-bar .menu-items li.active { + background: rgba(33, 150, 243, 0.3); + border-radius: 4px; +} + +.email-wrapper .mail-sidebar .menu-bar .menu-items li.active a { + color: #2196f3; +} + +.email-wrapper .mail-sidebar .menu-bar .menu-items li.compose:hover { + background: transparent; +} + +.email-wrapper .mail-sidebar .menu-bar .online-status { + margin-top: 1rem; +} + +.email-wrapper .mail-sidebar .menu-bar .online-status .chat { + font-size: 0.875rem; + color: #b9c0d3; + margin-bottom: 0; + font-family: "roboto", sans-serif; +} + +.email-wrapper .mail-sidebar .menu-bar .online-status .status { + height: 10px; + width: 10px; + border-radius: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-transform: translateX(-43px) translateY(2px); + transform: translateX(-43px) translateY(2px); +} + +.email-wrapper .mail-sidebar .menu-bar .online-status .status:after { + font-size: 12px; + color: #b9c0d3; + margin: -5px 0 0 18px; +} + +.email-wrapper .mail-sidebar .menu-bar .online-status .status.offline { + background: #ff6258; +} + +.email-wrapper .mail-sidebar .menu-bar .online-status .status.offline:after { + content: "Offline"; +} + +.email-wrapper .mail-sidebar .menu-bar .online-status .status.online { + background: #19d895; +} + +.email-wrapper .mail-sidebar .menu-bar .online-status .status.online:after { + content: "Online"; +} + +.email-wrapper .mail-sidebar .menu-bar .profile-list { + padding: 10px 0; +} + +.email-wrapper .mail-sidebar .menu-bar .profile-list-item { + border-bottom: 1px solid #383e5d; + padding: 6px 0; + display: block; +} + +.email-wrapper .mail-sidebar .menu-bar .profile-list-item:last-child { + border-bottom: 0; +} + +.email-wrapper .mail-sidebar .menu-bar .profile-list-item a { + text-decoration: none; +} + +.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0; + width: 20%; + max-width: 40px; +} + +.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic img { + max-width: 100%; + width: 100%; + border-radius: 100%; +} + +.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user { + width: 100%; + padding: 5px 10px 0 15px; +} + +.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name { + margin: 0; + font-family: "roboto", sans-serif; + font-size: 0.875rem; + line-height: 1; + color: #fff; + font-weight: 500; +} + +.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation { + font-size: calc(0.875rem - 0.1rem); + color: #fff; + margin-bottom: 0; +} /* Mail List Container */ .email-wrapper .mail-list-container { height: 100%; padding-left: 0; padding-right: 0; - background: #222437; } - .email-wrapper .mail-list-container a { - text-decoration: none; } - .email-wrapper .mail-list-container .mail-list { - border-bottom: 1px solid #383e5d; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - padding: 10px 15px; - width: 100%; } - .email-wrapper .mail-list-container .mail-list:last-child { - border-bottom: none; } - .email-wrapper .mail-list-container .mail-list .form-check { - margin-top: 12px; - width: 40px; } - .email-wrapper .mail-list-container .mail-list .content { - width: 90%; - padding-left: 0; - padding-right: 0; } - @media (max-width: 450px) { - .email-wrapper .mail-list-container .mail-list .content { - width: 85%; } } - .email-wrapper .mail-list-container .mail-list .content .sender-name { - margin-bottom: 0; - font-size: 0.875rem; - font-family: "roboto", sans-serif; - font-weight: 500; - max-width: 95%; } - .email-wrapper .mail-list-container .mail-list .content .message_text { - margin: 0; - max-width: 93%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - .email-wrapper .mail-list-container .mail-list .details { - width: 5.5%; } - .email-wrapper .mail-list-container .mail-list .details .date { - text-align: right; - margin: auto 15px auto 0; - white-space: nowrap; } - .email-wrapper .mail-list-container .mail-list .details i { - margin: auto 0; - color: #ddd; } - .email-wrapper .mail-list-container .mail-list .details i.favorite { - color: #ffaf00; } - .email-wrapper .mail-list-container .mail-list.new_mail { - background: rgba(33, 150, 243, 0.3); } - .email-wrapper .mail-list-container .mail-list.new_mail .details .date { - color: #fff; } + background: var(--dropdown-bg); +} + +.email-wrapper .mail-list-container a { + text-decoration: none; +} + +.email-wrapper .mail-list-container .mail-list { + border-bottom: 1px solid #383e5d; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 10px 15px; + width: 100%; +} + +.email-wrapper .mail-list-container .mail-list:last-child { + border-bottom: none; +} + +.email-wrapper .mail-list-container .mail-list .form-check { + margin-top: 12px; + width: 40px; +} + +.email-wrapper .mail-list-container .mail-list .content { + width: 90%; + padding-left: 0; + padding-right: 0; +} + +@media (max-width: 450px) { + .email-wrapper .mail-list-container .mail-list .content { + width: 85%; + } +} + +.email-wrapper .mail-list-container .mail-list .content .sender-name { + margin-bottom: 0; + font-size: 0.875rem; + font-family: "roboto", sans-serif; + font-weight: 500; + max-width: 95%; +} + +.email-wrapper .mail-list-container .mail-list .content .message_text { + margin: 0; + max-width: 93%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.email-wrapper .mail-list-container .mail-list .details { + width: 5.5%; +} + +.email-wrapper .mail-list-container .mail-list .details .date { + text-align: right; + margin: auto 15px auto 0; + white-space: nowrap; +} + +.email-wrapper .mail-list-container .mail-list .details i { + margin: auto 0; + color: #ddd; +} + +.email-wrapper .mail-list-container .mail-list .details i.favorite { + color: #ffaf00; +} + +.email-wrapper .mail-list-container .mail-list.new_mail { + background: rgba(33, 150, 243, 0.3); +} + +.email-wrapper .mail-list-container .mail-list.new_mail .details .date { + color: #fff; +} /* Message Content */ .email-wrapper .message-body .sender-details { @@ -16449,111 +25397,166 @@ ul { border-bottom: 1px solid #dee2e6; display: -webkit-box; display: -ms-flexbox; - display: flex; } - .email-wrapper .message-body .sender-details .details { - padding-bottom: 0; } - .email-wrapper .message-body .sender-details .details .msg-subject { - margin-bottom: 0; - font-family: "roboto", sans-serif; } - .email-wrapper .message-body .sender-details .details .sender-email { - margin-bottom: 20px; - font-family: "roboto", sans-serif; } - .email-wrapper .message-body .sender-details .details .sender-email i { - font-size: 1rem; - font-family: "roboto", sans-serif; - margin: 0 1px 0 7px; } + display: flex; +} + +.email-wrapper .message-body .sender-details .details { + padding-bottom: 0; +} + +.email-wrapper .message-body .sender-details .details .msg-subject { + margin-bottom: 0; + font-family: "roboto", sans-serif; +} + +.email-wrapper .message-body .sender-details .details .sender-email { + margin-bottom: 20px; + font-family: "roboto", sans-serif; +} + +.email-wrapper .message-body .sender-details .details .sender-email i { + font-size: 1rem; + font-family: "roboto", sans-serif; + margin: 0 1px 0 7px; +} .email-wrapper .message-body .message-content { - padding: 50px 15px; } + padding: 50px 15px; +} .email-wrapper .message-body .attachments-sections ul { list-style: none; border-top: 1px solid #dee2e6; - padding: 30px 15px 20px; } - .email-wrapper .message-body .attachments-sections ul li { - padding: 10px; - margin-right: 20px; - border: 1px solid #dee2e6; - border-radius: 5px; } - .email-wrapper .message-body .attachments-sections ul li .thumb { - display: inline-block; - margin-right: 10px; } - .email-wrapper .message-body .attachments-sections ul li .thumb i { - font-size: 30px; - margin: 0; - color: #fff; } - .email-wrapper .message-body .attachments-sections ul li .details p.file-name { - display: block; - margin-bottom: 0; - color: #fff; } - .email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size { - margin-right: 10px; - margin-bottom: 0; - font-size: 0.875rem; } - .email-wrapper .message-body .attachments-sections ul li .details .buttons a { - font-size: 0.875rem; - margin-right: 10px; } - .email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child { - margin-right: 0; } + padding: 30px 15px 20px; +} + +.email-wrapper .message-body .attachments-sections ul li { + padding: 10px; + margin-right: 20px; + border: 1px solid #dee2e6; + border-radius: 5px; +} + +.email-wrapper .message-body .attachments-sections ul li .thumb { + display: inline-block; + margin-right: 10px; +} + +.email-wrapper .message-body .attachments-sections ul li .thumb i { + font-size: 30px; + margin: 0; + color: #fff; +} + +.email-wrapper .message-body .attachments-sections ul li .details p.file-name { + display: block; + margin-bottom: 0; + color: #fff; +} + +.email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size { + margin-right: 10px; + margin-bottom: 0; + font-size: 0.875rem; +} + +.email-wrapper .message-body .attachments-sections ul li .details .buttons a { + font-size: 0.875rem; + margin-right: 10px; +} + +.email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child { + margin-right: 0; +} /* Mail List Container */ .email-wrapper .mail-list-container { height: 100%; padding-left: 0; padding-right: 0; - background: #222437; } - .email-wrapper .mail-list-container a { - text-decoration: none; } - .email-wrapper .mail-list-container .mail-list { - border-bottom: 1px solid #383e5d; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - padding: 10px 15px; - width: 100%; } - .email-wrapper .mail-list-container .mail-list:last-child { - border-bottom: none; } - .email-wrapper .mail-list-container .mail-list .form-check { - margin-top: 12px; - width: 40px; } - .email-wrapper .mail-list-container .mail-list .content { - width: 90%; - padding-left: 0; - padding-right: 0; } - @media (max-width: 450px) { - .email-wrapper .mail-list-container .mail-list .content { - width: 85%; } } - .email-wrapper .mail-list-container .mail-list .content .sender-name { - margin-bottom: 0; - font-size: 0.875rem; - font-family: "roboto", sans-serif; - font-weight: 500; - max-width: 95%; } - .email-wrapper .mail-list-container .mail-list .content .message_text { - margin: 0; - max-width: 93%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - .email-wrapper .mail-list-container .mail-list .details { - width: 5.5%; } - .email-wrapper .mail-list-container .mail-list .details .date { - text-align: right; - margin: auto 15px auto 0; - white-space: nowrap; } - .email-wrapper .mail-list-container .mail-list .details i { - margin: auto 0; - color: #ddd; } - .email-wrapper .mail-list-container .mail-list .details i.favorite { - color: #ffaf00; } - .email-wrapper .mail-list-container .mail-list.new_mail { - background: rgba(33, 150, 243, 0.3); } - .email-wrapper .mail-list-container .mail-list.new_mail .details .date { - color: #fff; } + background: var(--dropdown-bg); +} + +.email-wrapper .mail-list-container a { + text-decoration: none; +} + +.email-wrapper .mail-list-container .mail-list { + border-bottom: 1px solid #383e5d; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 10px 15px; + width: 100%; +} + +.email-wrapper .mail-list-container .mail-list:last-child { + border-bottom: none; +} + +.email-wrapper .mail-list-container .mail-list .form-check { + margin-top: 12px; + width: 40px; +} + +.email-wrapper .mail-list-container .mail-list .content { + width: 90%; + padding-left: 0; + padding-right: 0; +} + +@media (max-width: 450px) { + .email-wrapper .mail-list-container .mail-list .content { + width: 85%; + } +} + +.email-wrapper .mail-list-container .mail-list .content .sender-name { + margin-bottom: 0; + font-size: 0.875rem; + font-family: "roboto", sans-serif; + font-weight: 500; + max-width: 95%; +} + +.email-wrapper .mail-list-container .mail-list .content .message_text { + margin: 0; + max-width: 93%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.email-wrapper .mail-list-container .mail-list .details { + width: 5.5%; +} + +.email-wrapper .mail-list-container .mail-list .details .date { + text-align: right; + margin: auto 15px auto 0; + white-space: nowrap; +} + +.email-wrapper .mail-list-container .mail-list .details i { + margin: auto 0; + color: #ddd; +} + +.email-wrapper .mail-list-container .mail-list .details i.favorite { + color: #ffaf00; +} + +.email-wrapper .mail-list-container .mail-list.new_mail { + background: rgba(33, 150, 243, 0.3); +} + +.email-wrapper .mail-list-container .mail-list.new_mail .details .date { + color: #fff; +} /* Message Content */ .email-wrapper .message-body .sender-details { @@ -16561,80 +25564,116 @@ ul { border-bottom: 1px solid #dee2e6; display: -webkit-box; display: -ms-flexbox; - display: flex; } - .email-wrapper .message-body .sender-details .details { - padding-bottom: 0; } - .email-wrapper .message-body .sender-details .details .msg-subject { - margin-bottom: 0; - font-family: "roboto", sans-serif; } - .email-wrapper .message-body .sender-details .details .sender-email { - margin-bottom: 20px; - font-family: "roboto", sans-serif; } - .email-wrapper .message-body .sender-details .details .sender-email i { - font-size: 1rem; - font-family: "roboto", sans-serif; - margin: 0 1px 0 7px; } + display: flex; +} + +.email-wrapper .message-body .sender-details .details { + padding-bottom: 0; +} + +.email-wrapper .message-body .sender-details .details .msg-subject { + margin-bottom: 0; + font-family: "roboto", sans-serif; +} + +.email-wrapper .message-body .sender-details .details .sender-email { + margin-bottom: 20px; + font-family: "roboto", sans-serif; +} + +.email-wrapper .message-body .sender-details .details .sender-email i { + font-size: 1rem; + font-family: "roboto", sans-serif; + margin: 0 1px 0 7px; +} .email-wrapper .message-body .message-content { - padding: 50px 15px; } + padding: 50px 15px; +} .email-wrapper .message-body .attachments-sections ul { list-style: none; border-top: 1px solid #dee2e6; - padding: 30px 15px 20px; } - .email-wrapper .message-body .attachments-sections ul li { - padding: 10px; - margin-right: 20px; - border: 1px solid #dee2e6; - border-radius: 5px; } - .email-wrapper .message-body .attachments-sections ul li .thumb { - display: inline-block; - margin-right: 10px; } - .email-wrapper .message-body .attachments-sections ul li .thumb i { - font-size: 30px; - margin: 0; - color: #fff; } - .email-wrapper .message-body .attachments-sections ul li .details p.file-name { - display: block; - margin-bottom: 0; - color: #fff; } - .email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size { - margin-right: 10px; - margin-bottom: 0; - font-size: 0.875rem; } - .email-wrapper .message-body .attachments-sections ul li .details .buttons a { - font-size: 0.875rem; - margin-right: 10px; } - .email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child { - margin-right: 0; } + padding: 30px 15px 20px; +} + +.email-wrapper .message-body .attachments-sections ul li { + padding: 10px; + margin-right: 20px; + border: 1px solid #dee2e6; + border-radius: 5px; +} + +.email-wrapper .message-body .attachments-sections ul li .thumb { + display: inline-block; + margin-right: 10px; +} + +.email-wrapper .message-body .attachments-sections ul li .thumb i { + font-size: 30px; + margin: 0; + color: #fff; +} + +.email-wrapper .message-body .attachments-sections ul li .details p.file-name { + display: block; + margin-bottom: 0; + color: #fff; +} + +.email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size { + margin-right: 10px; + margin-bottom: 0; + font-size: 0.875rem; +} + +.email-wrapper .message-body .attachments-sections ul li .details .buttons a { + font-size: 0.875rem; + margin-right: 10px; +} + +.email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child { + margin-right: 0; +} .email-wrapper { display: grid; grid-template-columns: 280px auto; - margin-top: 30px; } - .email-wrapper .mail-view { - display: none; - background: #222437; } - .email-wrapper .mail-view .mail-header-toolbar { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 20px 10px; } - .email-wrapper .email-view-wrapper { - background: #fff; - grid-column-start: 2; - grid-column-end: 3; } + margin-top: 30px; +} + +.email-wrapper .mail-view { + display: none; + background: var(--dropdown-bg); +} + +.email-wrapper .mail-view .mail-header-toolbar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 20px 10px; +} + +.email-wrapper .email-view-wrapper { + background: #fff; + grid-column-start: 2; + grid-column-end: 3; +} @media (max-width: 960px) { .email-wrapper { - grid-template-columns: 200px auto; } } + grid-template-columns: 200px auto; + } +} @media (max-width: 768px) { .email-wrapper { - display: block; } + display: block; + } + .mail-sidebar { position: fixed; top: 63px; @@ -16643,9 +25682,13 @@ ul { z-index: 99; width: 250px; -webkit-transition-duration: 0.6s; - transition-duration: 0.6s; } - .mail-sidebar.menu-open { - left: 0; } } + transition-duration: 0.6s; + } + + .mail-sidebar.menu-open { + left: 0; + } +} /*-------------------------------------------------------------------*/ /* === Plugin overrides === */ @@ -16653,7 +25696,8 @@ ul { .ace_editor { margin: auto; height: 300px; - width: 100%; } + width: 100%; +} /* Avgrund Popup */ .avgrund-popin { @@ -16672,11 +25716,14 @@ ul { line-height: 1.85; border-radius: 10px; -webkit-transform: scale(0.8); - transform: scale(0.8); } - .avgrund-popin p { - font-size: 0.875rem; - font-family: "roboto", sans-serif; - font-weight: initial; } + transform: scale(0.8); +} + +.avgrund-popin p { + font-size: 0.875rem; + font-family: "roboto", sans-serif; + font-weight: initial; +} .avgrund-overlay { background: #000; @@ -16689,7 +25736,8 @@ ul { z-index: 101; visibility: hidden; opacity: 0; - filter: alpha(opacity=0); } + filter: alpha(opacity=0); +} .avgrund-ready .avgrund-overlay, .avgrund-ready .avgrund-popin, @@ -16697,29 +25745,35 @@ body.avgrund-ready { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s all ease-out; - transition: 0.3s all ease-out; } + transition: 0.3s all ease-out; +} body.avgrund-active { - overflow: hidden; } + overflow: hidden; +} .avgrund-active .avgrund-popin { visibility: visible; opacity: 1; -webkit-transform: scale(1.1); - transform: scale(1.1); } + transform: scale(1.1); +} .avgrund-active .avgrund-overlay { visibility: visible; opacity: 0.5; - height: 20000px; } + height: 20000px; +} .avgrund-popin.stack { -webkit-transform: scale(1.5); - transform: scale(1.5); } + transform: scale(1.5); +} .avgrund-active .avgrund-popin.stack { -webkit-transform: scale(1.1); - transform: scale(1.1); } + transform: scale(1.1); +} /* Optional close button styles */ .avgrund-close { @@ -16736,34 +25790,49 @@ body.avgrund-active { width: 17px; text-align: center; line-height: 16px; - border-radius: 50px; } - .avgrund-close:hover { - color: #fff; - text-decoration: none; } + border-radius: 50px; +} + +.avgrund-close:hover { + color: #fff; + text-decoration: none; +} /* Bootstrap Tour */ .tour-tour { padding: 0; border: 0; font-family: "roboto", sans-serif; - background: #fff; } - .tour-tour .popover-title { - background: #2196f3; - color: #fff; - font-size: 0.8125rem; - font-family: "roboto", sans-serif; - padding: 0.75rem; } - .tour-tour.left .arrow:after { - border-left-color: #2196f3; } - .tour-tour.right .arrow:after { - border-right-color: #2196f3; } - .tour-tour.top .arrow:after { - border-top-color: #2196f3; } - .tour-tour.bottom .arrow:after { - border-bottom-color: #2196f3; } + background: #fff; +} + +.tour-tour .popover-title { + background: #2196f3; + color: #fff; + font-size: 0.8125rem; + font-family: "roboto", sans-serif; + padding: 0.75rem; +} + +.tour-tour.left .arrow:after { + border-left-color: #2196f3; +} + +.tour-tour.right .arrow:after { + border-right-color: #2196f3; +} + +.tour-tour.top .arrow:after { + border-top-color: #2196f3; +} + +.tour-tour.bottom .arrow:after { + border-bottom-color: #2196f3; +} .tour-step-background { - display: none; } + display: none; +} #chartjs-tooltip { background: #2a2c44; @@ -16772,28 +25841,37 @@ body.avgrund-active { -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6); -webkit-transition: 0.3s ease; - transition: 0.3s ease; } - #chartjs-tooltip table tr th { - color: #b9c0d3; } - #chartjs-tooltip table tr td { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - line-height: 1px; - padding-top: 5px; - padding-bottom: 5px; } - #chartjs-tooltip table tr td:first-letter { - text-transform: uppercase; } - #chartjs-tooltip table tr td span { - width: 7px; - height: 7px; - display: inline-block; - border-radius: 100px; - margin-right: 7px; - color: #fff; } + transition: 0.3s ease; +} + +#chartjs-tooltip table tr th { + color: #b9c0d3; +} + +#chartjs-tooltip table tr td { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + line-height: 1px; + padding-top: 5px; + padding-bottom: 5px; +} + +#chartjs-tooltip table tr td:first-letter { + text-transform: uppercase; +} + +#chartjs-tooltip table tr td span { + width: 7px; + height: 7px; + display: inline-block; + border-radius: 100px; + margin-right: 7px; + color: #fff; +} .chartjs-legend ul { list-style: none; @@ -16804,312 +25882,432 @@ body.avgrund-active { -webkit-box-align: center; -ms-flex-align: center; align-items: center; - margin-bottom: 0; } - .chartjs-legend ul li { - margin-right: 8%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - white-space: nowrap; - color: #b9c0d3; } - .chartjs-legend ul li span { - height: 10px; - width: 10px; - border-radius: 100%; - margin-right: 10px; - display: inline-block; - font-size: 0.875rem; } + margin-bottom: 0; +} + +.chartjs-legend ul li { + margin-right: 8%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + white-space: nowrap; + color: #b9c0d3; +} + +.chartjs-legend ul li span { + height: 10px; + width: 10px; + border-radius: 100%; + margin-right: 10px; + display: inline-block; + font-size: 0.875rem; +} .rtl .chartjs-legend ul { - padding-right: 0; } - .rtl .chartjs-legend ul li { - margin-right: 0; - margin-left: 8%; } - .rtl .chartjs-legend ul li span { - margin-right: 0; - margin-left: 1rem; } + padding-right: 0; +} + +.rtl .chartjs-legend ul li { + margin-right: 0; + margin-left: 8%; +} + +.rtl .chartjs-legend ul li span { + margin-right: 0; + margin-left: 1rem; +} .ct-chart .ct-grid { - stroke: rgba(255, 255, 255, 0.25); } + stroke: rgba(255, 255, 255, 0.25); +} .ct-chart .ct-label { font-size: 11px; - color: #fff; } + color: #fff; +} .ct-chart .ct-line { - stroke-width: 2px; } + stroke-width: 2px; +} .ct-chart .ct-point { - stroke-width: 8px; } + stroke-width: 8px; +} .ct-chart .ct-chart-pie .ct-label, .ct-chart .ct-chart-donut .ct-label { font-size: 16px; - fill: rgba(255, 255, 255, 0.75); } + fill: rgba(255, 255, 255, 0.75); +} .ct-chart .ct-series-a .ct-point, .ct-chart .ct-series-a .ct-line, .ct-chart .ct-series-a .ct-bar, .ct-chart .ct-series-a .ct-slice-donut { - stroke: #2196f3; } + stroke: #2196f3; +} .ct-chart .ct-series-a .ct-slice-pie, .ct-chart .ct-series-a .ct-slice-donut-solid { fill: #2196f3; - stroke: #fff; } + stroke: #fff; +} .ct-chart .ct-series-b .ct-point, .ct-chart .ct-series-b .ct-line, .ct-chart .ct-series-b .ct-bar, .ct-chart .ct-series-b .ct-slice-donut { - stroke: #8862e0; } + stroke: #8862e0; +} .ct-chart .ct-series-b .ct-slice-pie, .ct-chart .ct-series-b .ct-slice-donut-solid { fill: #8862e0; - stroke: #fff; } + stroke: #fff; +} .ct-chart .ct-series-c .ct-point, .ct-chart .ct-series-c .ct-line, .ct-chart .ct-series-c .ct-bar, .ct-chart .ct-series-c .ct-slice-donut { - stroke: #ff6258; } + stroke: #ff6258; +} .ct-chart .ct-series-c .ct-slice-pie, .ct-chart .ct-series-c .ct-slice-donut-solid { fill: #ff6258; - stroke: #fff; } + stroke: #fff; +} .ct-chart .ct-series-d .ct-point, .ct-chart .ct-series-d .ct-line, .ct-chart .ct-series-d .ct-bar, .ct-chart .ct-series-d .ct-slice-donut { - stroke: #19d895; } + stroke: #19d895; +} .ct-chart .ct-series-d .ct-slice-pie, .ct-chart .ct-series-d .ct-slice-donut-solid { fill: #19d895; - stroke: #fff; } + stroke: #fff; +} .ct-chart .ct-series-e .ct-point, .ct-chart .ct-series-e .ct-line, .ct-chart .ct-series-e .ct-bar, .ct-chart .ct-series-e .ct-slice-donut { - stroke: #ffaf00; } + stroke: #ffaf00; +} .ct-chart .ct-series-e .ct-slice-pie, .ct-chart .ct-series-e .ct-slice-donut-solid { fill: #ffaf00; - stroke: #fff; } + stroke: #fff; +} /* CodeMirror */ .CodeMirror { font-size: 1rem; height: auto; min-height: auto; - text-align: left; } - .CodeMirror .CodeMirror-scroll { - min-height: auto; } + text-align: left; +} + +.CodeMirror .CodeMirror-scroll { + min-height: auto; +} /* Colcade */ * { -webkit-box-sizing: border-box; - box-sizing: border-box; } + box-sizing: border-box; +} .grid:after { display: block; content: ''; - clear: both; } + clear: both; +} .grid-col { float: left; width: 49%; margin-right: 2%; - background: rgba(77, 199, 160, 0.2); } + background: rgba(77, 199, 160, 0.2); +} .grid-col--4 { - margin-right: 0; } + margin-right: 0; +} /* hide two middle */ .grid-col--2, .grid-col--3 { - display: none; } + display: none; +} @media (min-width: 768px) { .grid-col { - width: 32%; } + width: 32%; + } + .grid-col--2 { - display: block; } } + display: block; + } +} @media (min-width: 1200px) { .grid-col { - width: 23.5%; } + width: 23.5%; + } + .grid-col--2, .grid-col--3 { - display: block; } } + display: block; + } +} .grid-item { background: #4dc7a0; - margin-bottom: 20px; } + margin-bottom: 20px; +} .grid-item--a { - height: 80px; } + height: 80px; +} .grid-item--b { - height: 140px; } + height: 140px; +} .grid-item--c { - height: 300px; } + height: 300px; +} /* Colorpicker */ .asColorPicker-dropdown { - max-width: initial; } + max-width: initial; +} .asColorPicker-trigger { height: auto; padding: 10px; border: 1px solid #383e5d; - border-left: none; } - .asColorPicker-trigger span { - width: 8px; - height: 8px; - border-radius: 2px; } + border-left: none; +} + +.asColorPicker-trigger span { + width: 8px; + height: 8px; + border-radius: 2px; +} /* Context Menu */ .context-menu-icon:before { color: #000; - font: normal normal normal 15px/1 "Material Design Icons"; } + font: normal normal normal 15px/1 "Material Design Icons"; +} .context-menu-icon.context-menu-icon-cut:before { - content: '\F190'; } + content: '\F190'; +} .context-menu-icon.context-menu-icon-edit:before { - content: '\F3EF'; } + content: '\F3EF'; +} .context-menu-icon.context-menu-icon-copy:before { - content: '\F18F'; } + content: '\F18F'; +} .context-menu-icon.context-menu-icon-paste:before { - content: '\F613'; } + content: '\F613'; +} .context-menu-icon.context-menu-icon-delete:before { - content: '\F6CB'; } + content: '\F6CB'; +} .context-menu-icon.context-menu-icon-quit:before { - content: '\F156'; } + content: '\F156'; +} .context-menu-list { -webkit-box-shadow: none; box-shadow: none; - border: 1px solid #383e5d; } - .context-menu-list .context-menu-item span { - color: #000; - font-size: 0.75rem; - font-family: "roboto", sans-serif; } - .context-menu-list .context-menu-item.context-menu-hover { - background: #000; } - .context-menu-list .context-menu-item.context-menu-hover span { - color: #fff; } + border: 1px solid #383e5d; +} + +.context-menu-list .context-menu-item span { + color: #000; + font-size: 0.75rem; + font-family: "roboto", sans-serif; +} + +.context-menu-list .context-menu-item.context-menu-hover { + background: #000; +} + +.context-menu-list .context-menu-item.context-menu-hover span { + color: #fff; +} /* Clockpicker */ .clockpicker-popover { - background-color: #383e5d; } - .clockpicker-popover.left .arrow:after { - border-left-color: #383e5d; } - .clockpicker-popover.right .arrow:after { - border-right-color: #383e5d; } - .clockpicker-popover.top .arrow:after { - border-top-color: #383e5d; } - .clockpicker-popover.bottom .arrow:after { - border-bottom-color: #383e5d; } + background-color: #383e5d; +} + +.clockpicker-popover.left .arrow:after { + border-left-color: #383e5d; +} + +.clockpicker-popover.right .arrow:after { + border-right-color: #383e5d; +} + +.clockpicker-popover.top .arrow:after { + border-top-color: #383e5d; +} + +.clockpicker-popover.bottom .arrow:after { + border-bottom-color: #383e5d; +} /* Data Tables */ .dataTables_wrapper { padding-left: 0; - padding-right: 0; } - .dataTables_wrapper label { - font-size: 0.8125rem; } - .dataTables_wrapper select { - padding: 0.4rem; - min-width: 75px; } - .dataTables_wrapper .dataTables_length select { - margin-left: 0.25rem; - margin-right: 0.25rem; } - .dataTables_wrapper .table-footer { - padding-top: 1.88rem; } - .dataTables_wrapper .height-limiter { - max-height: 400px; - overflow-y: auto; - -webkit-box-shadow: inset 0px -6px 18px rgba(0, 0, 0, 0.06); - box-shadow: inset 0px -6px 18px rgba(0, 0, 0, 0.06); } - .dataTables_wrapper .dataTable { - border-collapse: collapse !important; } - .dataTables_wrapper .dataTable .btn, .dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload, .dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled, .dataTables_wrapper .dataTable .wizard > .actions a, .wizard > .actions .dataTables_wrapper .dataTable a { - padding: 0.1rem 1rem; - vertical-align: top; } - .dataTables_wrapper .dataTable thead .sorting:after, .dataTables_wrapper .dataTable thead .sorting:before, - .dataTables_wrapper .dataTable thead .sorting_asc:after, - .dataTables_wrapper .dataTable thead .sorting_asc:before, - .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after, - .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before, - .dataTables_wrapper .dataTable thead .sorting_desc:after, - .dataTables_wrapper .dataTable thead .sorting_desc:before, - .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after, - .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before { - top: 23px; } - .dataTables_wrapper .dataTable thead th { - vertical-align: middle; - padding: 12px 15px; - color: #fff; - font-weight: 500; } - .dataTables_wrapper .dataTable tbody tr td { - z-index: 10; } - .dataTables_wrapper .dataTable.collapsed tbody > tr.odd > td:first-child, .dataTables_wrapper .dataTable.collapsed tbody > tr.even > td:first-child { - padding-left: 30px; - position: relative; } - .dataTables_wrapper .dataTable.collapsed tbody > tr.odd > td:first-child:before, .dataTables_wrapper .dataTable.collapsed tbody > tr.even > td:first-child:before { - content: "\F35d"; - font-family: "Material Design Icons"; - font-size: 20px; - color: #2196f3; - text-rendering: auto; - line-height: inherit; - vertical-align: 0; - font-size: 30px; - position: absolute; - left: 0px; - top: 12px; } - .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details { - list-style: none; - padding-left: 0; } - .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 5px 10px; - border-bottom: #383e5d; } - .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li .dtr-title { - font-weight: 500; } - .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li:nth-child(even) { - background: #1c1e2f; } - .dataTables_wrapper .dataTable.collapsed tbody > tr.child ul.dtr-details li:last-child { - margin-bottom: 0; - border-bottom: none; } - .dataTables_wrapper .dataTables_paginate { - margin-top: 20px !important; } - .dataTables_wrapper .dataTables_info { - font-size: 0.875rem; - color: #b9c0d3; - margin-top: 20px; } + padding-right: 0; +} + +.dataTables_wrapper label { + font-size: 0.8125rem; +} + +.dataTables_wrapper select { + padding: 0.4rem; + min-width: 75px; +} + +.dataTables_wrapper .dataTables_length select { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + +.dataTables_wrapper .table-footer { + padding-top: 1.88rem; +} + +.dataTables_wrapper .height-limiter { + max-height: 400px; + overflow-y: auto; + -webkit-box-shadow: inset 0px -6px 18px rgba(0, 0, 0, 0.06); + box-shadow: inset 0px -6px 18px rgba(0, 0, 0, 0.06); +} + +.dataTables_wrapper .dataTable { + border-collapse: collapse !important; +} + +.dataTables_wrapper .dataTable .btn, +.dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload, +.ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload, +.dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled, +.swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled, +.dataTables_wrapper .dataTable .wizard>.actions a, +.wizard>.actions .dataTables_wrapper .dataTable a { + padding: 0.1rem 1rem; + vertical-align: top; +} + +.dataTables_wrapper .dataTable thead .sorting:after, +.dataTables_wrapper .dataTable thead .sorting:before, +.dataTables_wrapper .dataTable thead .sorting_asc:after, +.dataTables_wrapper .dataTable thead .sorting_asc:before, +.dataTables_wrapper .dataTable thead .sorting_asc_disabled:after, +.dataTables_wrapper .dataTable thead .sorting_asc_disabled:before, +.dataTables_wrapper .dataTable thead .sorting_desc:after, +.dataTables_wrapper .dataTable thead .sorting_desc:before, +.dataTables_wrapper .dataTable thead .sorting_desc_disabled:after, +.dataTables_wrapper .dataTable thead .sorting_desc_disabled:before { + top: 23px; +} + +.dataTables_wrapper .dataTable thead th { + vertical-align: middle; + padding: 12px 15px; + color: #fff; + font-weight: 500; +} + +.dataTables_wrapper .dataTable tbody tr td { + z-index: 10; +} + +.dataTables_wrapper .dataTable.collapsed tbody>tr.odd>td:first-child, +.dataTables_wrapper .dataTable.collapsed tbody>tr.even>td:first-child { + padding-left: 30px; + position: relative; +} + +.dataTables_wrapper .dataTable.collapsed tbody>tr.odd>td:first-child:before, +.dataTables_wrapper .dataTable.collapsed tbody>tr.even>td:first-child:before { + content: "\F35d"; + font-family: "Material Design Icons"; + font-size: 20px; + color: #2196f3; + text-rendering: auto; + line-height: inherit; + vertical-align: 0; + font-size: 30px; + position: absolute; + left: 0px; + top: 12px; +} + +.dataTables_wrapper .dataTable.collapsed tbody>tr.child ul.dtr-details { + list-style: none; + padding-left: 0; +} + +.dataTables_wrapper .dataTable.collapsed tbody>tr.child ul.dtr-details li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 5px 10px; + border-bottom: #383e5d; +} + +.dataTables_wrapper .dataTable.collapsed tbody>tr.child ul.dtr-details li .dtr-title { + font-weight: 500; +} + +.dataTables_wrapper .dataTable.collapsed tbody>tr.child ul.dtr-details li:nth-child(even) { + background: var(--deep-bg); +} + +.dataTables_wrapper .dataTable.collapsed tbody>tr.child ul.dtr-details li:last-child { + margin-bottom: 0; + border-bottom: none; +} + +.dataTables_wrapper .dataTables_paginate { + margin-top: 20px !important; +} + +.dataTables_wrapper .dataTables_info { + font-size: 0.875rem; + color: #b9c0d3; + margin-top: 20px; +} /* Datepicker */ .datepicker.datepicker-dropdown, @@ -17117,144 +26315,198 @@ body.avgrund-active { padding: 0 25px; width: 30%; max-width: 500px; - min-width: 250px; } - .datepicker.datepicker-dropdown .datepicker-days, - .datepicker.datepicker-inline .datepicker-days { - padding: 0.8rem 0.7rem; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed, - .datepicker.datepicker-inline .datepicker-days table.table-condensed { - width: 100%; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th, - .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th { - text-align: center; - padding: 0.5rem 0; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev, - .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev { - color: #6c757d; - padding-bottom: 1rem; - padding-top: 1rem; - text-align: left; - background: #222437; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch, - .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch { - color: #6c757d; - background: #222437; - padding-bottom: 1rem; - padding-top: 1rem; - font-size: 1rem; - font-weight: 600; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next, - .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next { - color: grey; - padding-bottom: 1rem; - padding-top: 1rem; - text-align: right; - background: #222437; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow, - .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow { - font-family: "roboto", sans-serif; - color: #6c757d; - font-size: 0.875rem; - font-weight: initial; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:first-child, - .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:first-child { - text-align: left; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:last-child, - .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:last-child { - text-align: right; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody { - position: relative; - top: 13px; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td { - text-align: center; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day { - font-size: 0.9375rem; - padding: 0.5rem 0; - color: #fff; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:hover { - background: #2a2c44; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:first-child, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:first-child { - text-align: left; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:last-child, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:last-child { - text-align: right; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active { - color: #fff; - background: transparent; - position: relative; - z-index: 1; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before { - content: ""; - width: 38px; - height: 38px; - background: #19d895; - border-radius: 100%; - display: block; - margin: auto; - vertical-align: middle; - position: absolute; - top: 1px; - z-index: -1; - left: 0; - right: 0; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today { - color: #fff; - background: transparent; - position: relative; - z-index: 1; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today:before { - content: ""; - width: 38px; - height: 38px; - background: #2196f3; - border-radius: 100%; - display: block; - margin: auto; - vertical-align: middle; - position: absolute; - top: 1px; - z-index: -1; - left: 0; - right: 0; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.old.day { - color: #eaeaef; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:first-child.day.active:before, .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:first-child.day.today:before, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:first-child.day.active:before, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:first-child.day.today:before { - left: -42px; } - .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:last-child.day.active:before, .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:last-child.day.today:before, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:last-child.day.active:before, - .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:last-child.day.today:before { - left: 30px; } + min-width: 250px; +} + +.datepicker.datepicker-dropdown .datepicker-days, +.datepicker.datepicker-inline .datepicker-days { + padding: 0.8rem 0.7rem; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed, +.datepicker.datepicker-inline .datepicker-days table.table-condensed { + width: 100%; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th, +.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th { + text-align: center; + padding: 0.5rem 0; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev, +.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev { + color: #6c757d; + padding-bottom: 1rem; + padding-top: 1rem; + text-align: left; + background: var(--dropdown-bg); +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch, +.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch { + color: #6c757d; + background: var(--dropdown-bg); + padding-bottom: 1rem; + padding-top: 1rem; + font-size: 1rem; + font-weight: 600; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next, +.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next { + color: grey; + padding-bottom: 1rem; + padding-top: 1rem; + text-align: right; + background: var(--dropdown-bg); +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow, +.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow { + font-family: "roboto", sans-serif; + color: #6c757d; + font-size: 0.875rem; + font-weight: initial; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:first-child, +.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:first-child { + text-align: left; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:last-child, +.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:last-child { + text-align: right; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody { + position: relative; + top: 13px; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td { + text-align: center; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day { + font-size: 0.9375rem; + padding: 0.5rem 0; + color: #fff; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:hover { + background: #2a2c44; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:first-child, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:first-child { + text-align: left; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:last-child, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:last-child { + text-align: right; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active { + color: #fff; + background: transparent; + position: relative; + z-index: 1; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before { + content: ""; + width: 38px; + height: 38px; + background: #19d895; + border-radius: 100%; + display: block; + margin: auto; + vertical-align: middle; + position: absolute; + top: 1px; + z-index: -1; + left: 0; + right: 0; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today { + color: #fff; + background: transparent; + position: relative; + z-index: 1; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today:before { + content: ""; + width: 38px; + height: 38px; + background: #2196f3; + border-radius: 100%; + display: block; + margin: auto; + vertical-align: middle; + position: absolute; + top: 1px; + z-index: -1; + left: 0; + right: 0; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.old.day { + color: #eaeaef; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:first-child.day.active:before, +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:first-child.day.today:before, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:first-child.day.active:before, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:first-child.day.today:before { + left: -42px; +} + +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:last-child.day.active:before, +.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td:last-child.day.today:before, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:last-child.day.active:before, +.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td:last-child.day.today:before { + left: 30px; +} .datepicker.datepicker-inline { width: 100%; max-width: 100%; - min-width: 250px; } - .datepicker.datepicker-inline thead tr th.prev { - color: #fff; - padding-bottom: 0.5rem; - padding-top: 0.5rem; } - .datepicker.datepicker-inline thead tr th.datepicker-switch { - color: #2196f3; - padding-bottom: 0.5rem; - padding-top: 0.5rem; } - .datepicker.datepicker-inline thead tr th.next { - color: #fff; - padding-bottom: 0.5rem; - padding-top: 0.5rem; } + min-width: 250px; +} -.datepicker > div { +.datepicker.datepicker-inline thead tr th.prev { + color: #fff; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.datepicker.datepicker-inline thead tr th.datepicker-switch { + color: #2196f3; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.datepicker.datepicker-inline thead tr th.next { + color: #fff; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.datepicker>div { display: initial; padding: 0.375rem 0.75rem; margin-bottom: 0; @@ -17264,86 +26516,150 @@ body.avgrund-active { color: #fff; text-align: center; white-space: nowrap; - border-radius: 2px; } + border-radius: 2px; +} -.datepicker.input-group, .datepicker.asColorPicker-wrap { +.datepicker.input-group, +.datepicker.asColorPicker-wrap { border: 1px solid #383e5d; - padding: 0; } - .datepicker.input-group .form-control, .datepicker.asColorPicker-wrap .form-control, .datepicker.input-group .asColorPicker-input, .datepicker.asColorPicker-wrap .asColorPicker-input, .datepicker.input-group .dataTables_wrapper select, .dataTables_wrapper .datepicker.input-group select, .datepicker.asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .datepicker.asColorPicker-wrap select, .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group input[type=text], .datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap input[type=text], - .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group select, - .datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap select, .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group input[type=number], .datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap input[type=number], .datepicker.input-group .select2-container--default .select2-selection--single, .select2-container--default .datepicker.input-group .select2-selection--single, .datepicker.asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .datepicker.asColorPicker-wrap .select2-selection--single, .datepicker.input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .datepicker.input-group .select2-search__field, .datepicker.asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .datepicker.asColorPicker-wrap .select2-search__field, .datepicker.input-group .tt-hint, .datepicker.asColorPicker-wrap .tt-hint, - .datepicker.input-group .tt-query, - .datepicker.asColorPicker-wrap .tt-query, - .datepicker.input-group .typeahead, - .datepicker.asColorPicker-wrap .typeahead { - border: none; } + padding: 0; +} + +.datepicker.input-group .form-control, +.datepicker.asColorPicker-wrap .form-control, +.datepicker.input-group .asColorPicker-input, +.datepicker.asColorPicker-wrap .asColorPicker-input, +.datepicker.input-group .dataTables_wrapper select, +.dataTables_wrapper .datepicker.input-group select, +.datepicker.asColorPicker-wrap .dataTables_wrapper select, +.dataTables_wrapper .datepicker.asColorPicker-wrap select, +.datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group input[type=text], +.datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap input[type=text], +.datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group select, +.datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap select, +.datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group input[type=number], +.datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap input[type=number], +.datepicker.input-group .select2-container--default .select2-selection--single, +.select2-container--default .datepicker.input-group .select2-selection--single, +.datepicker.asColorPicker-wrap .select2-container--default .select2-selection--single, +.select2-container--default .datepicker.asColorPicker-wrap .select2-selection--single, +.datepicker.input-group .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .datepicker.input-group .select2-search__field, +.datepicker.asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .datepicker.asColorPicker-wrap .select2-search__field, +.datepicker.input-group .tt-hint, +.datepicker.asColorPicker-wrap .tt-hint, +.datepicker.input-group .tt-query, +.datepicker.asColorPicker-wrap .tt-query, +.datepicker.input-group .typeahead, +.datepicker.asColorPicker-wrap .typeahead { + border: none; +} /* Dropify */ .dropify-wrapper { border: 2px dashed #383e5d; border-radius: 7px; - background: #2a2c44; } - .dropify-wrapper:hover { - background-size: 30px 30px; - background-image: linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent); - -webkit-animation: stripes 2s linear infinite; - animation: stripes 2s linear infinite; } - .dropify-wrapper .dropify-message span.file-icon:before { - display: inline-block; - font: normal normal normal 24px/1 "Material Design Icons"; - font-size: inherit; - text-rendering: auto; - line-height: inherit; - -webkit-font-smoothing: antialiased; - content: '\F552'; - color: #fff; - font-size: 1.25rem; } - .dropify-wrapper .dropify-message p { - font-size: 0.8125rem; - color: #fff; } - .dropify-wrapper .dropify-preview .dropify-infos { - background: rgba(255, 255, 255, 0.9); } - .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename { - color: #2196f3; - font-size: 20px; - font-weight: 400; } - .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message { - color: #333; - font-weight: 500; } - .dropify-wrapper .dropify-preview .dropify-render img { - opacity: 0.7; } - .dropify-wrapper .dropify-clear { - background: #fff; - border: none; - font-weight: 700; - color: #6c757d; } + background: #2a2c44; +} + +.dropify-wrapper:hover { + background-size: 30px 30px; + background-image: linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent); + -webkit-animation: stripes 2s linear infinite; + animation: stripes 2s linear infinite; +} + +.dropify-wrapper .dropify-message span.file-icon:before { + display: inline-block; + font: normal normal normal 24px/1 "Material Design Icons"; + font-size: inherit; + text-rendering: auto; + line-height: inherit; + -webkit-font-smoothing: antialiased; + content: '\F552'; + color: #fff; + font-size: 1.25rem; +} + +.dropify-wrapper .dropify-message p { + font-size: 0.8125rem; + color: #fff; +} + +.dropify-wrapper .dropify-preview .dropify-infos { + background: rgba(255, 255, 255, 0.9); +} + +.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename { + color: #2196f3; + font-size: 20px; + font-weight: 400; +} + +.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message { + color: #333; + font-weight: 500; +} + +.dropify-wrapper .dropify-preview .dropify-render img { + opacity: 0.7; +} + +.dropify-wrapper .dropify-clear { + background: #fff; + border: none; + font-weight: 700; + color: #6c757d; +} /* Dropzone */ .dropzone { border: 1px solid #383e5d; - min-height: 200px; } - .dropzone .dz-message { - text-align: center; - width: 100%; } - .dropzone .dz-message span { - font-size: .8125rem; - color: #fff; } - .dropzone .dz-preview { - margin: 5px; } - .dropzone .dz-preview .dz-image { - width: 74px; - height: 74px; - border-radius: 6px; } - .dropzone .dz-preview .dz-error-message { - top: 80px; - left: -35px; } - .dropzone .dz-preview .dz-success-mark, - .dropzone .dz-preview .dz-error-mark { - margin-left: -17px; } - .dropzone .dz-preview .dz-success-mark svg, - .dropzone .dz-preview .dz-error-mark svg { - width: 35px; - height: 35px; } + min-height: 200px; +} + +.dropzone .dz-message { + text-align: center; + width: 100%; +} + +.dropzone .dz-message span { + font-size: .8125rem; + color: #fff; +} + +.dropzone .dz-preview { + margin: 5px; +} + +.dropzone .dz-preview .dz-image { + width: 74px; + height: 74px; + border-radius: 6px; +} + +.dropzone .dz-preview .dz-error-message { + top: 80px; + left: -35px; +} + +.dropzone .dz-preview .dz-success-mark, +.dropzone .dz-preview .dz-error-mark { + margin-left: -17px; +} + +.dropzone .dz-preview .dz-success-mark svg, +.dropzone .dz-preview .dz-error-mark svg { + width: 35px; + height: 35px; +} /* Flot chart */ .float-chart-container { @@ -17352,119 +26668,158 @@ body.avgrund-active { width: 100%; height: 100%; min-height: 300px; - max-height: 100%; } + max-height: 100%; +} .float-chart { width: 100%; position: relative; max-width: none; - height: 400px; } - .float-chart canvas { - position: absolute !important; - top: 0; - bottom: 0; } + height: 400px; +} + +.float-chart canvas { + position: absolute !important; + top: 0; + bottom: 0; +} .flot-chart-legend { - overflow-x: auto; } - .flot-chart-legend table tr td.legendColorBox { - width: 20px; - height: 20px; - margin-right: 15px; - padding: 0 15px 0 22px; - border-radius: 100%; - overflow: hidden; } - .flot-chart-legend table tr td.legendColorBox:first-child { - padding-left: 0; } - .flot-chart-legend table tr td.legendColorBox div { - border-width: 0 !important; } - .flot-chart-legend table tr td.legendColorBox div div { - border-radius: 100%; - border-width: 5px !important; } - .flot-chart-legend table tr td.legendLabel { - padding: 0 25px 0 0; - border-right: 1px solid #f7f7f9; - font-weight: 600; } - .flot-chart-legend table tr td.legendLabel:last-child { - border-right: none; } + overflow-x: auto; +} + +.flot-chart-legend table tr td.legendColorBox { + width: 20px; + height: 20px; + margin-right: 15px; + padding: 0 15px 0 22px; + border-radius: 100%; + overflow: hidden; +} + +.flot-chart-legend table tr td.legendColorBox:first-child { + padding-left: 0; +} + +.flot-chart-legend table tr td.legendColorBox div { + border-width: 0 !important; +} + +.flot-chart-legend table tr td.legendColorBox div div { + border-radius: 100%; + border-width: 5px !important; +} + +.flot-chart-legend table tr td.legendLabel { + padding: 0 25px 0 0; + border-right: 1px solid #f7f7f9; + font-weight: 600; +} + +.flot-chart-legend table tr td.legendLabel:last-child { + border-right: none; +} /* Google Charts */ .google-chart-container .google-charts { width: 100%; height: 280px; min-height: 280px; - min-width: 100%; } + min-width: 100%; +} /* Icheck */ .icheck, .icheck-flat, .icheck-line, .icheck-square { - margin-bottom: 0.5rem; } - .icheck label, - .icheck-flat label, - .icheck-line label, - .icheck-square label { - font-size: 0.8125rem; - line-height: 1.5; - margin-left: 5px; - margin-bottom: 0; } + margin-bottom: 0.5rem; +} + +.icheck label, +.icheck-flat label, +.icheck-line label, +.icheck-square label { + font-size: 0.8125rem; + line-height: 1.5; + margin-left: 5px; + margin-bottom: 0; +} /* Jquery File Upload */ .ajax-upload-dragdrop { border-color: #383e5d; border-style: dotted; - max-width: 100%; } - .ajax-upload-dragdrop span b { - font-size: 0.8125rem; - color: #fff; - font-weight: initial; } - .ajax-upload-dragdrop .ajax-file-upload { - background: #8862e0; - -webkit-box-shadow: none; - box-shadow: none; - height: auto; } + max-width: 100%; +} + +.ajax-upload-dragdrop span b { + font-size: 0.8125rem; + color: #fff; + font-weight: initial; +} + +.ajax-upload-dragdrop .ajax-file-upload { + background: #8862e0; + -webkit-box-shadow: none; + box-shadow: none; + height: auto; +} .ajax-file-upload-container { - min-height: 100px; } - .ajax-file-upload-container .ajax-file-upload-statusbar { - max-width: 100%; } + min-height: 100px; +} + +.ajax-file-upload-container .ajax-file-upload-statusbar { + max-width: 100%; +} /* Js-grid */ .jsgrid .jsgrid-header-cell, .jsgrid .jsgrid-cell { background: #2a2c44; - border-color: #383e5d; } + border-color: #383e5d; +} .jsgrid .jsgrid-button { - background-image: url("../../images/sprites/jsgrid-icons.png"); } + background-image: url("../../images/sprites/jsgrid-icons.png"); +} .jsgrid .jsgrid-grid-header { border: 1px solid #383e5d; - border-top: 0; } + border-top: 0; +} .jsgrid .jsgrid-grid-body { - border-color: #383e5d; } + border-color: #383e5d; +} .jsgrid .jsgrid-table th { font-weight: initial; font-family: "roboto", sans-serif; - border-top-color: #383e5d; } + border-top-color: #383e5d; +} .jsgrid .jsgrid-table td { - border-color: #383e5d; } + border-color: #383e5d; +} .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number] { - padding: 0.56rem 0; } + padding: 0.56rem 0; +} .jsgrid .jsgrid-header-sort:before { margin-top: 10px; - float: right; } + float: right; +} .jsgrid .jsgrid-header-sort-asc:before { - border-color: transparent transparent #383e5d; } + border-color: transparent transparent #383e5d; +} .jsgrid .jsgrid-header-sort-desc:before { - border-color: #383e5d transparent transparent; } + border-color: #383e5d transparent transparent; +} .jsgrid .jsgrid-pager { line-height: 2; @@ -17473,288 +26828,415 @@ body.avgrund-active { display: flex; -webkit-box-align: center; -ms-flex-align: center; - align-items: center; } + align-items: center; +} .jsgrid .jsgrid-pager-current-page { padding: 0.5rem 0.75rem; font-weight: initial; - line-height: 1.25; } + line-height: 1.25; +} /* Jvectormap */ .jvectormap-container { - background: #ffffff; } + background: #ffffff; +} /* Light Gallery */ .lightGallery { width: 100%; - margin: 0; } - .lightGallery .image-tile { - position: relative; - margin-bottom: 30px; } - .lightGallery .image-tile .demo-gallery-poster { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; } - .lightGallery .image-tile .demo-gallery-poster img { - display: block; - margin: auto; - width: 40%; - max-width: 60px; - min-width: 20px; } - .lightGallery .image-tile img { - max-width: 100%; - width: 100%; } + margin: 0; +} + +.lightGallery .image-tile { + position: relative; + margin-bottom: 30px; +} + +.lightGallery .image-tile .demo-gallery-poster { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.lightGallery .image-tile .demo-gallery-poster img { + display: block; + margin: auto; + width: 40%; + max-width: 60px; + min-width: 20px; +} + +.lightGallery .image-tile img { + max-width: 100%; + width: 100%; +} /* Listify */ .listify-list input { border: 1px solid #383e5d; color: #b9c0d3; - background: #2a2c44; } + background: #2a2c44; +} .listify-list ul.list { list-style: none; - padding-left: 0; } - .listify-list ul.list li { - display: block; - border-bottom: 1px solid #dee2e6; - padding: 15px 10px; } - .listify-list ul.list li h5 { - color: #2196f3; } - .listify-list ul.list li p { - color: #b9c0d3; - margin: 0; } + padding-left: 0; +} + +.listify-list ul.list li { + display: block; + border-bottom: 1px solid #dee2e6; + padding: 15px 10px; +} + +.listify-list ul.list li h5 { + color: #2196f3; +} + +.listify-list ul.list li p { + color: #b9c0d3; + margin: 0; +} /* No-ui-slider */ .noUi-target { border: none; -webkit-box-shadow: none; box-shadow: none; - border-radius: 0; } - .noUi-target.noUi-horizontal { - height: 0.25rem; } - .noUi-target.noUi-horizontal .noUi-handle { - left: -17px; } - .noUi-target.noUi-vertical { - width: 0.25rem; - height: 156px; - display: inline-block; } - .noUi-target.noUi-vertical .noUi-handle { - left: -6px; } - .noUi-target .noUi-base { - background: #f7f7f9; - -webkit-box-shadow: none; - box-shadow: none; - border: none; } - .noUi-target .noUi-base .noUi-connect { - background: #2196f3; - -webkit-box-shadow: none; - box-shadow: none; } - .noUi-target .noUi-base .noUi-origin { - background: #19d895; } - .noUi-target .noUi-base .noUi-origin .noUi-handle { - background: #ffffff; - border-radius: 100%; - border: 1px solid #383e5d; - width: 18px; - height: 18px; - top: -7px; - outline: none; - -webkit-transition-duration: 0.4s; - transition-duration: 0.4s; } - .noUi-target .noUi-base .noUi-origin .noUi-handle:after, .noUi-target .noUi-base .noUi-origin .noUi-handle:before { - display: none; } - .noUi-target .noUi-base .noUi-origin .noUi-handle:after { - display: block; - position: absolute; - top: 5px; - left: 0; - right: 0; - margin: auto; - width: 6px; - height: 6px; - background: #2196f3; - border-radius: 100%; } - .noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { - font-family: "roboto", sans-serif; - border-radius: 4px; - border: none; - line-height: 1; - font-size: 0.875rem; - padding: 13px 12px; - bottom: 190%; } - .noUi-target .noUi-pips .noUi-marker-horizontal, - .noUi-target .noUi-pips .noUi-marker-vertical { - background: #383e5d; } - .noUi-target .noUi-pips .noUi-marker-horizontal { - height: 9px; - width: 1px; } - .noUi-target .noUi-pips .noUi-marker-vertical { - height: 1px; - width: 9px; } - .noUi-target .noUi-pips .noUi-value { - color: #fff; - font-size: 0.94rem; - font-family: "roboto", sans-serif; } + border-radius: 0; +} + +.noUi-target.noUi-horizontal { + height: 0.25rem; +} + +.noUi-target.noUi-horizontal .noUi-handle { + left: -17px; +} + +.noUi-target.noUi-vertical { + width: 0.25rem; + height: 156px; + display: inline-block; +} + +.noUi-target.noUi-vertical .noUi-handle { + left: -6px; +} + +.noUi-target .noUi-base { + background: #f7f7f9; + -webkit-box-shadow: none; + box-shadow: none; + border: none; +} + +.noUi-target .noUi-base .noUi-connect { + background: #2196f3; + -webkit-box-shadow: none; + box-shadow: none; +} + +.noUi-target .noUi-base .noUi-origin { + background: #19d895; +} + +.noUi-target .noUi-base .noUi-origin .noUi-handle { + background: #ffffff; + border-radius: 100%; + border: 1px solid #383e5d; + width: 18px; + height: 18px; + top: -7px; + outline: none; + -webkit-transition-duration: 0.4s; + transition-duration: 0.4s; +} + +.noUi-target .noUi-base .noUi-origin .noUi-handle:after, +.noUi-target .noUi-base .noUi-origin .noUi-handle:before { + display: none; +} + +.noUi-target .noUi-base .noUi-origin .noUi-handle:after { + display: block; + position: absolute; + top: 5px; + left: 0; + right: 0; + margin: auto; + width: 6px; + height: 6px; + background: #2196f3; + border-radius: 100%; +} + +.noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { + font-family: "roboto", sans-serif; + border-radius: 4px; + border: none; + line-height: 1; + font-size: 0.875rem; + padding: 13px 12px; + bottom: 190%; +} + +.noUi-target .noUi-pips .noUi-marker-horizontal, +.noUi-target .noUi-pips .noUi-marker-vertical { + background: #383e5d; +} + +.noUi-target .noUi-pips .noUi-marker-horizontal { + height: 9px; + width: 1px; +} + +.noUi-target .noUi-pips .noUi-marker-vertical { + height: 1px; + width: 9px; +} + +.noUi-target .noUi-pips .noUi-value { + color: #fff; + font-size: 0.94rem; + font-family: "roboto", sans-serif; +} /* Slider Color variations */ .slider-primary .noUi-base .noUi-connect { - background: #2196f3; } + background: #2196f3; +} .slider-primary .noUi-base .noUi-origin { - background: #2196f3; } - .slider-primary .noUi-base .noUi-origin .noUi-handle:after { - background: #2196f3; } - .slider-primary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { - background: #2196f3; - color: #ffffff; } + background: #2196f3; +} + +.slider-primary .noUi-base .noUi-origin .noUi-handle:after { + background: #2196f3; +} + +.slider-primary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { + background: #2196f3; + color: #ffffff; +} .slider-secondary .noUi-base .noUi-connect { - background: #dde4eb; } + background: #dde4eb; +} .slider-secondary .noUi-base .noUi-origin { - background: #dde4eb; } - .slider-secondary .noUi-base .noUi-origin .noUi-handle:after { - background: #dde4eb; } - .slider-secondary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { - background: #dde4eb; - color: #ffffff; } + background: #dde4eb; +} + +.slider-secondary .noUi-base .noUi-origin .noUi-handle:after { + background: #dde4eb; +} + +.slider-secondary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { + background: #dde4eb; + color: #ffffff; +} .slider-success .noUi-base .noUi-connect { - background: #19d895; } + background: #19d895; +} .slider-success .noUi-base .noUi-origin { - background: #19d895; } - .slider-success .noUi-base .noUi-origin .noUi-handle:after { - background: #19d895; } - .slider-success .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { - background: #19d895; - color: #ffffff; } + background: #19d895; +} + +.slider-success .noUi-base .noUi-origin .noUi-handle:after { + background: #19d895; +} + +.slider-success .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { + background: #19d895; + color: #ffffff; +} .slider-info .noUi-base .noUi-connect { - background: #8862e0; } + background: #8862e0; +} .slider-info .noUi-base .noUi-origin { - background: #8862e0; } - .slider-info .noUi-base .noUi-origin .noUi-handle:after { - background: #8862e0; } - .slider-info .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { - background: #8862e0; - color: #ffffff; } + background: #8862e0; +} + +.slider-info .noUi-base .noUi-origin .noUi-handle:after { + background: #8862e0; +} + +.slider-info .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { + background: #8862e0; + color: #ffffff; +} .slider-warning .noUi-base .noUi-connect { - background: #ffaf00; } + background: #ffaf00; +} .slider-warning .noUi-base .noUi-origin { - background: #ffaf00; } - .slider-warning .noUi-base .noUi-origin .noUi-handle:after { - background: #ffaf00; } - .slider-warning .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { - background: #ffaf00; - color: #ffffff; } + background: #ffaf00; +} + +.slider-warning .noUi-base .noUi-origin .noUi-handle:after { + background: #ffaf00; +} + +.slider-warning .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { + background: #ffaf00; + color: #ffffff; +} .slider-danger .noUi-base .noUi-connect { - background: #ff6258; } + background: #ff6258; +} .slider-danger .noUi-base .noUi-origin { - background: #ff6258; } - .slider-danger .noUi-base .noUi-origin .noUi-handle:after { - background: #ff6258; } - .slider-danger .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { - background: #ff6258; - color: #ffffff; } + background: #ff6258; +} + +.slider-danger .noUi-base .noUi-origin .noUi-handle:after { + background: #ff6258; +} + +.slider-danger .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { + background: #ff6258; + color: #ffffff; +} .slider-light .noUi-base .noUi-connect { - background: #fbfbfb; } + background: #fbfbfb; +} .slider-light .noUi-base .noUi-origin { - background: #fbfbfb; } - .slider-light .noUi-base .noUi-origin .noUi-handle:after { - background: #fbfbfb; } - .slider-light .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { - background: #fbfbfb; - color: #ffffff; } + background: #fbfbfb; +} + +.slider-light .noUi-base .noUi-origin .noUi-handle:after { + background: #fbfbfb; +} + +.slider-light .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { + background: #fbfbfb; + color: #ffffff; +} .slider-dark .noUi-base .noUi-connect { - background: #252C46; } + background: #252C46; +} .slider-dark .noUi-base .noUi-origin { - background: #252C46; } - .slider-dark .noUi-base .noUi-origin .noUi-handle:after { - background: #252C46; } - .slider-dark .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { - background: #252C46; - color: #ffffff; } + background: #252C46; +} + +.slider-dark .noUi-base .noUi-origin .noUi-handle:after { + background: #252C46; +} + +.slider-dark .noUi-base .noUi-origin .noUi-handle .noUi-tooltip { + background: #252C46; + color: #ffffff; +} /* Owl-carousel */ .owl-carousel img { - border-radius: 4px; } + border-radius: 4px; +} .owl-carousel.full-width .owl-nav { position: absolute; top: 30%; width: 100%; - margin-top: 0; } - .owl-carousel.full-width .owl-nav .owl-next, - .owl-carousel.full-width .owl-nav .owl-prev { - background: transparent; - color: #ffffff; } - .owl-carousel.full-width .owl-nav .owl-next i:before, - .owl-carousel.full-width .owl-nav .owl-prev i:before { - width: 40px; - height: 40px; - background: #b9c0d3; - border-radius: 100%; - font-size: 1.6rem; - font-weight: bold; - line-height: 40px; } - .owl-carousel.full-width .owl-nav .owl-prev { - float: left; } - .owl-carousel.full-width .owl-nav .owl-next { - float: right; } + margin-top: 0; +} + +.owl-carousel.full-width .owl-nav .owl-next, +.owl-carousel.full-width .owl-nav .owl-prev { + background: transparent; + color: #ffffff; +} + +.owl-carousel.full-width .owl-nav .owl-next i:before, +.owl-carousel.full-width .owl-nav .owl-prev i:before { + width: 40px; + height: 40px; + background: #b9c0d3; + border-radius: 100%; + font-size: 1.6rem; + font-weight: bold; + line-height: 40px; +} + +.owl-carousel.full-width .owl-nav .owl-prev { + float: left; +} + +.owl-carousel.full-width .owl-nav .owl-next { + float: right; +} .owl-carousel.full-width .owl-dots { - margin-top: 1rem; } + margin-top: 1rem; +} .owl-carousel .item-video { width: 200px; - height: 200px; } + height: 200px; +} /* Progressbar-js */ .ui-progress { - border-radius: 50px; } - .ui-progress svg { - background: #383e5d; - border-radius: 50px; } + border-radius: 50px; +} + +.ui-progress svg { + background: #383e5d; + border-radius: 50px; +} .progressbar-js-circle { - width: 100%; } + width: 100%; +} /* Pws-tabs */ .pws_tabs_container ul.pws_tabs_controll { - border-bottom: 1px solid #2196f3; } - .pws_tabs_container ul.pws_tabs_controll li:first-child a { - border-radius: 5px 0 0 0; } - .pws_tabs_container ul.pws_tabs_controll li:last-child a { - border-right: 1px solid #2196f3; - border-radius: 0 5px 0 0; } - .pws_tabs_container ul.pws_tabs_controll li a { - border: 1px solid #2196f3; - border-bottom: none; - border-right: none; - background: #fff; - color: #2196f3; - padding: 0.3em 1.3em; - margin-right: 0; - font-weight: 500; - font-size: 14px; } - .pws_tabs_container ul.pws_tabs_controll li a:hover { - background: #fff; - color: #2196f3; } - .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active { - background: #2196f3; - color: #fff; } + border-bottom: 1px solid #2196f3; +} + +.pws_tabs_container ul.pws_tabs_controll li:first-child a { + border-radius: 5px 0 0 0; +} + +.pws_tabs_container ul.pws_tabs_controll li:last-child a { + border-right: 1px solid #2196f3; + border-radius: 0 5px 0 0; +} + +.pws_tabs_container ul.pws_tabs_controll li a { + border: 1px solid #2196f3; + border-bottom: none; + border-right: none; + background: #fff; + color: #2196f3; + padding: 0.3em 1.3em; + margin-right: 0; + font-weight: 500; + font-size: 14px; +} + +.pws_tabs_container ul.pws_tabs_controll li a:hover { + background: #fff; + color: #2196f3; +} + +.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active { + background: #2196f3; + color: #fff; +} .pws_tabs_container .demo-tabs { border: 1px solid #2196f3; @@ -17762,86 +27244,114 @@ body.avgrund-active { overflow: hidden; background: #fbfbfb; margin-bottom: 45px; - padding-top: 3.5rem; } - .pws_tabs_container .demo-tabs .CodeMirror { - margin-bottom: 20px; } + padding-top: 3.5rem; +} + +.pws_tabs_container .demo-tabs .CodeMirror { + margin-bottom: 20px; +} .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll { border-right: none; - border-bottom: none; } - .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:first-child a { - border-radius: 5px 0 0 0; } - .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:last-child a { - border-bottom: 1px solid #2196f3; - border-radius: 0 0 0 5px; - border-right: 0; } - .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li a { - border-radius: 0; - border: 1px solid #2196f3; - border-right: none; - border-bottom: none; - margin-bottom: 0; } + border-bottom: none; +} + +.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:first-child a { + border-radius: 5px 0 0 0; +} + +.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:last-child a { + border-bottom: 1px solid #2196f3; + border-radius: 0 0 0 5px; + border-right: 0; +} + +.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li a { + border-radius: 0; + border: 1px solid #2196f3; + border-right: none; + border-bottom: none; + margin-bottom: 0; +} .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_list { - margin-bottom: 0; } + margin-bottom: 0; +} .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll { border-top: 1px solid #2196f3; border-right: none; - border-bottom: none; } - .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:first-child a { - border-radius: 0 0 0 5px; } - .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:last-child a { - border-radius: 0 0 5px 0; - border-right: 1px solid #2196f3; } - .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li a { - border-radius: 0; - border: 1px solid #2196f3; - border-top: none; - border-right: none; - margin-right: 0; - margin-bottom: 0; } + border-bottom: none; +} + +.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:first-child a { + border-radius: 0 0 0 5px; +} + +.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:last-child a { + border-radius: 0 0 5px 0; + border-right: 1px solid #2196f3; +} + +.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li a { + border-radius: 0; + border: 1px solid #2196f3; + border-top: none; + border-right: none; + margin-right: 0; + margin-bottom: 0; +} .pws_tabs_container.pws_tabs_horizontal_top .pws_tabs_controll { - border-bottom: 0px; } + border-bottom: 0px; +} .pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:first-child a { border-radius: 0 5px 0 0; - border-right: 1px solid #2196f3; } + border-right: 1px solid #2196f3; +} .pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:last-child a { border-right: none; - border-radius: 5px 0 0 0; } + border-radius: 5px 0 0 0; +} .pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li a { border: 1px solid #2196f3; border-bottom: none; border-right: none; margin-right: 0; - margin-left: 0; } + margin-left: 0; +} /* Quill Editor */ .quill-container { - height: 300px; } + height: 300px; +} .ql-toolbar.ql-snow, .quill-container.ql-snow { - border-color: #383e5d; } + border-color: #383e5d; +} /* Rating */ .br-theme-css-stars .br-widget a, .br-theme-fontawesome-stars .br-widget a { font-size: 15px; - margin-right: 0px; } - .br-theme-css-stars .br-widget a:last-child, - .br-theme-fontawesome-stars .br-widget a:last-child { - margin-right: 0; } + margin-right: 0px; +} + +.br-theme-css-stars .br-widget a:last-child, +.br-theme-fontawesome-stars .br-widget a:last-child { + margin-right: 0; +} .br-theme-css-stars .br-widget a.br-active:after, .br-theme-css-stars .br-widget a.br-selected:after, .br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after { - color: #F9CF57; } + color: #F9CF57; +} .br-theme-bars-1to10 .br-widget a, .br-theme-bars-horizontal .br-widget a, @@ -17849,24 +27359,32 @@ body.avgrund-active { .br-theme-bars-pill .br-widget a, .br-theme-bars-reversed .br-widget a { background-color: rgba(249, 207, 87, 0.6); - color: #F9CF57; } - .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected, - .br-theme-bars-horizontal .br-widget a.br-active, - .br-theme-bars-horizontal .br-widget a.br-selected, - .br-theme-bars-movie .br-widget a.br-active, - .br-theme-bars-movie .br-widget a.br-selected, - .br-theme-bars-pill .br-widget a.br-active, - .br-theme-bars-pill .br-widget a.br-selected, - .br-theme-bars-reversed .br-widget a.br-active, - .br-theme-bars-reversed .br-widget a.br-selected { - background-color: #F9CF57; } + color: #F9CF57; +} + +.br-theme-bars-1to10 .br-widget a.br-active, +.br-theme-bars-1to10 .br-widget a.br-selected, +.br-theme-bars-horizontal .br-widget a.br-active, +.br-theme-bars-horizontal .br-widget a.br-selected, +.br-theme-bars-movie .br-widget a.br-active, +.br-theme-bars-movie .br-widget a.br-selected, +.br-theme-bars-pill .br-widget a.br-active, +.br-theme-bars-pill .br-widget a.br-selected, +.br-theme-bars-reversed .br-widget a.br-active, +.br-theme-bars-reversed .br-widget a.br-selected { + background-color: #F9CF57; +} .br-theme-bars-square .br-widget a { border-color: rgba(249, 207, 87, 0.6); - color: rgba(249, 207, 87, 0.6); } - .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected { - border-color: #F9CF57; - color: #F9CF57; } + color: rgba(249, 207, 87, 0.6); +} + +.br-theme-bars-square .br-widget a.br-active, +.br-theme-bars-square .br-widget a.br-selected { + border-color: #F9CF57; + color: #F9CF57; +} .br-theme-bars-1to10 .br-widget .br-current-rating, .br-theme-bars-horizontal .br-widget .br-current-rating, @@ -17874,50 +27392,68 @@ body.avgrund-active { .br-theme-bars-reversed .br-widget .br-current-rating { color: #fff; font-size: 0.875rem; - font-weight: initial; } + font-weight: initial; +} .br-theme-bars-1to10 { - height: 26px; } - .br-theme-bars-1to10 .br-widget { - height: 24px; } - .br-theme-bars-1to10 .br-widget .br-current-rating { - line-height: 1; } + height: 26px; +} + +.br-theme-bars-1to10 .br-widget { + height: 24px; +} + +.br-theme-bars-1to10 .br-widget .br-current-rating { + line-height: 1; +} .br-theme-bars-pill .br-widget a { - line-height: 2.5; } + line-height: 2.5; +} /* Select2 */ .select2-container--default .select2-results__option--highlighted[aria-selected] { - background: #2196f3; } + background: #2196f3; +} .select2-container--default .select2-dropdown, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { - border-color: #383e5d; } - .select2-container--default .select2-dropdown .select2-search__field, - .select2-container--default .select2-selection--multiple .select2-search__field, - .select2-container--default .select2-selection--single .select2-search__field { - border-color: #383e5d; } + border-color: #383e5d; +} + +.select2-container--default .select2-dropdown .select2-search__field, +.select2-container--default .select2-selection--multiple .select2-search__field, +.select2-container--default .select2-selection--single .select2-search__field { + border-color: #383e5d; +} .select2-container--default .select2-selection--single { - height: auto; } - .select2-container--default .select2-selection--single .select2-selection__rendered { - line-height: 14px; - height: 40px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - .select2-container--default .select2-selection--single .select2-selection__arrow { - top: 8px; } + height: auto; +} + +.select2-container--default .select2-selection--single .select2-selection__rendered { + line-height: 14px; + height: 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow { + top: 8px; +} .select2-container--default .select2-dropdown { - font-size: 0.8125rem; } + font-size: 0.8125rem; +} .select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #383e5d; } + border-color: #383e5d; +} .select2-container--default .select2-selection--multiple .select2-selection__choice { color: #ffffff; @@ -17926,30 +27462,46 @@ body.avgrund-active { padding: 6px; font-size: 0.625rem; font-family: inherit; - line-height: 1; } - .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { - color: #ffffff; } - .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1) { - background: #2196f3; } - .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2) { - background: #19d895; } - .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3) { - background: #8862e0; } - .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4) { - background: #ff6258; } - .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+5) { - background: #ffaf00; } + line-height: 1; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { + color: #ffffff; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1) { + background: #2196f3; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2) { + background: #19d895; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3) { + background: #8862e0; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4) { + background: #ff6258; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+5) { + background: #ffaf00; +} /* Summernote Editor */ .note-editor.note-frame { - border: 1px solid #383e5d; } + border: 1px solid #383e5d; +} .note-popover { - border: 1px solid #383e5d; } + border: 1px solid #383e5d; +} /* SweetAlert */ .swal2-container { - z-index: 1500; } + z-index: 1500; +} .swal2-modal { min-height: 315px; @@ -17963,123 +27515,168 @@ body.avgrund-active { -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; - border-radius: 10px; } - .swal2-modal .swal2-title { - font-size: 25px; - line-height: 1; - font-family: "roboto", sans-serif; - color: #fff; - font-weight: initial; - margin-bottom: 0; } - .swal2-modal .swal2-icon, - .swal2-modal .swal2-success-ring { - margin-top: 0; - margin-bottom: 42px; } - .swal2-modal .swal2-buttonswrapper { - margin-top: 0; - padding: 0; } - .swal2-modal .swal2-buttonswrapper .swal2-styled { - margin-top: 0; - font-weight: initial; } - .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm { - background-color: #19d895 !important; - border: 1px solid #19d895 !important; - font-weight: initial; - margin-top: 32px; } - .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel { - margin-top: 32px; - background-color: #ffffff !important; - border: 1px solid #383e5d; - color: #fff; - font-weight: initial; } - .swal2-modal .swal2-content { - font-size: 0.875rem; - font-family: "roboto", sans-serif; - color: #fff; - font-weight: initial; - margin-top: 11px; } - .swal2-modal .swal2-close { - font-size: 20px; } - .swal2-modal .swal2-success-ring { - left: -30px; } + border-radius: 10px; +} + +.swal2-modal .swal2-title { + font-size: 25px; + line-height: 1; + font-family: "roboto", sans-serif; + color: #fff; + font-weight: initial; + margin-bottom: 0; +} + +.swal2-modal .swal2-icon, +.swal2-modal .swal2-success-ring { + margin-top: 0; + margin-bottom: 42px; +} + +.swal2-modal .swal2-buttonswrapper { + margin-top: 0; + padding: 0; +} + +.swal2-modal .swal2-buttonswrapper .swal2-styled { + margin-top: 0; + font-weight: initial; +} + +.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm { + background-color: #19d895 !important; + border: 1px solid #19d895 !important; + font-weight: initial; + margin-top: 32px; +} + +.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel { + margin-top: 32px; + background-color: #ffffff !important; + border: 1px solid #383e5d; + color: #fff; + font-weight: initial; +} + +.swal2-modal .swal2-content { + font-size: 0.875rem; + font-family: "roboto", sans-serif; + color: #fff; + font-weight: initial; + margin-top: 11px; +} + +.swal2-modal .swal2-close { + font-size: 20px; +} + +.swal2-modal .swal2-success-ring { + left: -30px; +} /* Switchery */ .switchery { width: 35px; height: 21px; - border-radius: 11px; } - .switchery > small { - width: 20px; - height: 20px; } + border-radius: 11px; +} + +.switchery>small { + width: 20px; + height: 20px; +} .switchery-small { width: 25px; - height: 13px; } - .switchery-small > small { - width: 13px; - height: 13px; } + height: 13px; +} + +.switchery-small>small { + width: 13px; + height: 13px; +} .switchery-large { width: 50px; height: 28px; - border-radius: 14px; } - .switchery-large > small { - width: 27px; - height: 27px; } + border-radius: 14px; +} + +.switchery-large>small { + width: 27px; + height: 27px; +} /* Tags */ div.tagsinput { padding: 15px 15px 10px; border-color: #383e5d; - background: #2a2c44; } - div.tagsinput span.tag { - background: #2196f3; - border: 0; - color: #fff; - padding: 6px 14px; - font-size: 0.8125rem; - font-family: inherit; - line-height: 1; } - div.tagsinput span.tag a { - color: #fff; } + background: #2a2c44; +} + +div.tagsinput span.tag { + background: #2196f3; + border: 0; + color: #fff; + padding: 6px 14px; + font-size: 0.8125rem; + font-family: inherit; + line-height: 1; +} + +div.tagsinput span.tag a { + color: #fff; +} /* TinyMCE Editor */ .mce-tinymce.mce-panel, .mce-tinymce .mce-panel { - border-color: #383e5d; } + border-color: #383e5d; +} /* Toast */ .jq-toast-wrap .jq-icon-success { - background-color: #19d895; } + background-color: #19d895; +} .jq-toast-wrap .jq-icon-info { - background-color: #8862e0; } + background-color: #8862e0; +} .jq-toast-wrap .jq-icon-warning { - background-color: #ffaf00; } + background-color: #ffaf00; +} .jq-toast-wrap .jq-icon-error { - background-color: #ff6258; } + background-color: #ff6258; +} /* Typeahead */ .gist, .tt-menu { - text-align: left; } + text-align: left; +} .twitter-typeahead { - max-width: 100%; } + max-width: 100%; +} .typeahead { - background-color: #fff; } - .typeahead:focus { - border-color: #383e5d; } + background-color: #fff; +} + +.typeahead:focus { + border-color: #383e5d; +} .tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} .tt-hint { - color: #6c757d; } + color: #6c757d; +} .tt-menu { width: 100%; @@ -18089,77 +27686,97 @@ div.tagsinput { border: 1px solid #383e5d; border-radius: 8px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); +} .tt-suggestion { padding: 3px 20px; - font-size: inherit; } - .tt-suggestion:hover { - cursor: pointer; - color: #ffffff; - background-color: #2196f3; } - .tt-suggestion .tt-cursor { - color: #ffffff; - background-color: #2196f3; } - .tt-suggestion p { - margin: 0; } + font-size: inherit; +} + +.tt-suggestion:hover { + cursor: pointer; + color: #ffffff; + background-color: #2196f3; +} + +.tt-suggestion .tt-cursor { + color: #ffffff; + background-color: #2196f3; +} + +.tt-suggestion p { + margin: 0; +} /* Wysi Editor */ .wysi-editor #toolbar [data-wysihtml-action] { - float: right; } + float: right; +} .wysi-editor #toolbar, .wysi-editor textarea { width: 920px; padding: 5px; -webkit-box-sizing: border-box; - box-sizing: border-box; } + box-sizing: border-box; +} .wysi-editor textarea { height: 280px; border: 1px solid #383e5d; font-family: inherit; - font-size: 1rem; } + font-size: 1rem; +} .wysi-editor textarea:focus { color: black; - border: 1px solid #383e5d; } + border: 1px solid #383e5d; +} .wysi-editor .wysihtml-action-active, .wysi-editor .wysihtml-command-active { - font-weight: bold; } + font-weight: bold; +} .wysi-editor [data-wysihtml-dialog] { margin: 5px 0 0; padding: 5px; - border: 1px solid #383e5d; } + border: 1px solid #383e5d; +} .wysi-editor a[data-wysihtml-command-value="red"] { - color: #ff6258; } + color: #ff6258; +} .wysi-editor a[data-wysihtml-command-value="green"] { - color: #19d895; } + color: #19d895; +} .wysi-editor a[data-wysihtml-command-value="blue"] { - color: #8862e0; } + color: #8862e0; +} .wysi-editor .wysihtml-editor, .wysi-editor .wysihtml-editor table td { - outline: 1px dotted #383e5d; } + outline: 1px dotted #383e5d; +} .wysi-editor code { background: #ddd; padding: 10px; white-space: pre; display: block; - margin: 1em 0; } + margin: 1em 0; +} .wysi-editor .toolbar { display: block; border-radius: 3px; border: 1px solid #383e5d; margin-bottom: 9px; - line-height: 1em; } + line-height: 1em; +} .wysi-editor .toolbar a { display: inline-block; @@ -18172,31 +27789,37 @@ div.tagsinput { border: 1px solid #383e5d; padding: 0 0.2em; margin: 1px 0; - color: #2196f3; } + color: #2196f3; +} .wysi-editor .toolbar .wysihtml-action-active, .wysi-editor .toolbar a.wysihtml-command-active { background: #222; - color: white; } + color: white; +} .wysi-editor .toolbar .block { padding: 1px; display: inline-block; background: #eee; border-radius: 3px; - margin: 0 1px 1px 0; } + margin: 0 1px 1px 0; +} .wysi-editor div[data-wysihtml-dialog="createTable"] { position: absolute; - background: white; } + background: white; +} .wysi-editor div[data-wysihtml-dialog="createTable"] td { width: 10px; height: 5px; - border: 1px solid #383e5d; } + border: 1px solid #383e5d; +} .wysi-editor .wysihtml-editor table td.wysiwyg-tmp-selected-cell { - outline: 2px solid #19d895; } + outline: 2px solid #19d895; +} .wysi-editor .editor-container-tag { padding: 5px 10px; @@ -18206,304 +27829,456 @@ div.tagsinput { width: 100px; margin-left: -50px; -webkit-transition: 0.1s left, 0.1s top; - transition: 0.1s left, 0.1s top; } + transition: 0.1s left, 0.1s top; +} .wysi-editor .wrap { max-width: 700px; - margin: 40px; } + margin: 40px; +} .wysi-editor .editable .wysihtml-uneditable-container { outline: 1px dotted #383e5d; - position: relative; } + position: relative; +} .wysi-editor .editable .wysihtml-uneditable-container-right { float: right; width: 50%; margin-left: 2em; - margin-bottom: 1em; } + margin-bottom: 1em; +} .wysi-editor .editable .wysihtml-uneditable-container-left { float: left; width: 50%; margin-right: 2em; - margin-bottom: 1em; } + margin-bottom: 1em; +} /* X-editable */ .editable-form .editable { color: #fff; - font-size: 0.8125rem; } + font-size: 0.8125rem; +} .editable-form .editable-click { - border-color: #fff; } + border-color: #fff; +} .editable-container.editable-inline { - max-width: 100%; } - .editable-container.editable-inline .editableform { - max-width: 100%; } - .editable-container.editable-inline .editableform .control-group { - max-width: 100%; - white-space: initial; } - .editable-container.editable-inline .editableform .control-group > div { - max-width: 100%; } - .editable-container.editable-inline .editableform .control-group .editable-input input, - .editable-container.editable-inline .editableform .control-group .editable-input textarea { - max-width: 100%; } - .editable-container.editable-inline .editableform .control-group .editable-input .combodate .form-control, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .asColorPicker-input, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .dataTables_wrapper select, .dataTables_wrapper .editable-container.editable-inline .editableform .control-group .editable-input .combodate select, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=text], - .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate select, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=number], .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single, .select2-container--default .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-selection--single, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-search__field, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-hint, - .editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-query, - .editable-container.editable-inline .editableform .control-group .editable-input .combodate .typeahead { - padding-left: 0; - padding-right: 0; } - @media (max-width: 991px) { - .editable-container.editable-inline .editableform .control-group .editable-buttons { - display: block; - margin-top: 10px; } } + max-width: 100%; +} + +.editable-container.editable-inline .editableform { + max-width: 100%; +} + +.editable-container.editable-inline .editableform .control-group { + max-width: 100%; + white-space: initial; +} + +.editable-container.editable-inline .editableform .control-group>div { + max-width: 100%; +} + +.editable-container.editable-inline .editableform .control-group .editable-input input, +.editable-container.editable-inline .editableform .control-group .editable-input textarea { + max-width: 100%; +} + +.editable-container.editable-inline .editableform .control-group .editable-input .combodate .form-control, +.editable-container.editable-inline .editableform .control-group .editable-input .combodate .asColorPicker-input, +.editable-container.editable-inline .editableform .control-group .editable-input .combodate .dataTables_wrapper select, +.dataTables_wrapper .editable-container.editable-inline .editableform .control-group .editable-input .combodate select, +.editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=text], +.editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate select, +.editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=number], +.editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single, +.select2-container--default .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-selection--single, +.editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-search__field, +.editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-hint, +.editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-query, +.editable-container.editable-inline .editableform .control-group .editable-input .combodate .typeahead { + padding-left: 0; + padding-right: 0; +} + +@media (max-width: 991px) { + .editable-container.editable-inline .editableform .control-group .editable-buttons { + display: block; + margin-top: 10px; + } +} /* Wizard */ .wizard { display: block; width: 100%; - overflow: hidden; } - .wizard a { - outline: 0; } - .wizard ul { - list-style: none !important; - padding: 0; - margin: 0; } - .wizard ul > li { - display: block; - padding: 0; } - .wizard > .steps { - position: relative; - display: block; - width: 100%; } - .wizard > .steps .current-info { - position: absolute; - left: -999em; } - .wizard > .steps .number { - font-size: 0.875rem; } - .wizard > .steps > ul > li { - width: 25%; - float: left; - text-align: center; } - .wizard > .steps a { - display: block; - width: auto; - margin: 0 0.5em 0.5em; - padding: 1em; - text-decoration: none; - border-radius: 5px; - font-size: 0.875rem; - font-family: "roboto", sans-serif; } - .wizard > .steps a:hover { - display: block; - width: auto; - margin: 0 0.5em 0.5em; - padding: 1em; - text-decoration: none; - border-radius: 5px; } - .wizard > .steps a:active { - display: block; - width: auto; - margin: 0 0.5em 0.5em; - padding: 1em; - text-decoration: none; - border-radius: 5px; } - .wizard > .steps .disabled a { - background: #f7f7f9; - color: #6c757d; - cursor: default; } - .wizard > .steps .disabled a:hover { - background: #f7f7f9; - color: #6c757d; - cursor: default; } - .wizard > .steps .disabled a:active { - background: #f7f7f9 e; - color: #6c757d; - cursor: default; } - .wizard > .steps .current a { - background: #2196f3; - color: #ffffff; - cursor: default; } - .wizard > .steps .current a:hover { - background: #2196f3; - color: #ffffff; - cursor: default; } - .wizard > .steps .current a:active { - background: #2196f3; - color: #ffffff; - cursor: default; } - .wizard > .steps .done a { - background: #82c4f8; - color: #ffffff; } - .wizard > .steps .done a:hover { - background: #82c4f8; - color: #ffffff; } - .wizard > .steps .done a:active { - background: #82c4f8; - color: #ffffff; } - .wizard > .steps .error a { - background: #ff6258; - color: #fff; } - .wizard > .steps .error a:hover { - background: #ff6258; - color: #fff; } - .wizard > .steps .error a:active { - background: #ff6258; - color: #fff; } - .wizard > .content { - background: #1c1e2f; - display: block; - margin: 0.5em; - min-height: 24em; - overflow: hidden; - position: relative; - width: auto; - border-radius: 5px; } - .wizard > .content > .title { - position: absolute; - left: -999em; } - .wizard > .content > .body { - float: left; - position: absolute; - width: 95%; - height: 95%; - padding: 2.5%; - overflow-y: auto; } - .wizard > .content > .body ul { - list-style: disc !important; } - .wizard > .content > .body ul > li { - display: list-item; } - .wizard > .content > .body > iframe { - border: 0 none; - width: 100%; - height: 100%; } - .wizard > .content > .body input { - display: block; - border: 1px solid #383e5d; } - .wizard > .content > .body input[type="checkbox"] { - display: inline-block; } - .wizard > .content > .body input.error { - background: #fbe3e4; - border: 1px solid #ffc2be; - color: #ff6258; } - .wizard > .content > .body label { - display: inline-block; - margin-bottom: 0.5em; } - .wizard > .content > .body label.error { - color: #ff6258; - display: inline-block; - margin-left: 1.5em; } - .wizard > .actions { - padding-top: 20px; - position: relative; - display: block; - text-align: right; - width: 100%; } - .wizard > .actions > ul { - display: inline-block; - text-align: right; } - .wizard > .actions > ul > li { - float: left; - margin: 0 0.5em; } - .wizard.vertical > .steps { - display: inline; - float: left; - width: 30%; } - .wizard.vertical > .steps > ul > li { - float: none; - width: 100%; - text-align: left; } - .wizard.vertical > .content { - display: inline; - float: left; - margin: 0 2.5% 0.5em; - width: 65%; } - .wizard.vertical > .actions { - display: inline; - float: right; - margin: 0 2.5%; - width: 95%; } - .wizard.vertical > .actions > ul > li { - margin: 0 0 0 1em; } + overflow: hidden; +} + +.wizard a { + outline: 0; +} + +.wizard ul { + list-style: none !important; + padding: 0; + margin: 0; +} + +.wizard ul>li { + display: block; + padding: 0; +} + +.wizard>.steps { + position: relative; + display: block; + width: 100%; +} + +.wizard>.steps .current-info { + position: absolute; + left: -999em; +} + +.wizard>.steps .number { + font-size: 0.875rem; +} + +.wizard>.steps>ul>li { + width: 25%; + float: left; + text-align: center; +} + +.wizard>.steps a { + display: block; + width: auto; + margin: 0 0.5em 0.5em; + padding: 1em; + text-decoration: none; + border-radius: 5px; + font-size: 0.875rem; + font-family: "roboto", sans-serif; +} + +.wizard>.steps a:hover { + display: block; + width: auto; + margin: 0 0.5em 0.5em; + padding: 1em; + text-decoration: none; + border-radius: 5px; +} + +.wizard>.steps a:active { + display: block; + width: auto; + margin: 0 0.5em 0.5em; + padding: 1em; + text-decoration: none; + border-radius: 5px; +} + +.wizard>.steps .disabled a { + background: #f7f7f9; + color: #6c757d; + cursor: default; +} + +.wizard>.steps .disabled a:hover { + background: #f7f7f9; + color: #6c757d; + cursor: default; +} + +.wizard>.steps .disabled a:active { + background: #f7f7f9 e; + color: #6c757d; + cursor: default; +} + +.wizard>.steps .current a { + background: #2196f3; + color: #ffffff; + cursor: default; +} + +.wizard>.steps .current a:hover { + background: #2196f3; + color: #ffffff; + cursor: default; +} + +.wizard>.steps .current a:active { + background: #2196f3; + color: #ffffff; + cursor: default; +} + +.wizard>.steps .done a { + background: #82c4f8; + color: #ffffff; +} + +.wizard>.steps .done a:hover { + background: #82c4f8; + color: #ffffff; +} + +.wizard>.steps .done a:active { + background: #82c4f8; + color: #ffffff; +} + +.wizard>.steps .error a { + background: #ff6258; + color: #fff; +} + +.wizard>.steps .error a:hover { + background: #ff6258; + color: #fff; +} + +.wizard>.steps .error a:active { + background: #ff6258; + color: #fff; +} + +.wizard>.content { + background: var(--deep-bg); + display: block; + margin: 0.5em; + min-height: 24em; + overflow: hidden; + position: relative; + width: auto; + border-radius: 5px; +} + +.wizard>.content>.title { + position: absolute; + left: -999em; +} + +.wizard>.content>.body { + float: left; + position: absolute; + width: 95%; + height: 95%; + padding: 2.5%; + overflow-y: auto; +} + +.wizard>.content>.body ul { + list-style: disc !important; +} + +.wizard>.content>.body ul>li { + display: list-item; +} + +.wizard>.content>.body>iframe { + border: 0 none; + width: 100%; + height: 100%; +} + +.wizard>.content>.body input { + display: block; + border: 1px solid #383e5d; +} + +.wizard>.content>.body input[type="checkbox"] { + display: inline-block; +} + +.wizard>.content>.body input.error { + background: #fbe3e4; + border: 1px solid #ffc2be; + color: #ff6258; +} + +.wizard>.content>.body label { + display: inline-block; + margin-bottom: 0.5em; +} + +.wizard>.content>.body label.error { + color: #ff6258; + display: inline-block; + margin-left: 1.5em; +} + +.wizard>.actions { + padding-top: 20px; + position: relative; + display: block; + text-align: right; + width: 100%; +} + +.wizard>.actions>ul { + display: inline-block; + text-align: right; +} + +.wizard>.actions>ul>li { + float: left; + margin: 0 0.5em; +} + +.wizard.vertical>.steps { + display: inline; + float: left; + width: 30%; +} + +.wizard.vertical>.steps>ul>li { + float: none; + width: 100%; + text-align: left; +} + +.wizard.vertical>.content { + display: inline; + float: left; + margin: 0 2.5% 0.5em; + width: 65%; +} + +.wizard.vertical>.actions { + display: inline; + float: right; + margin: 0 2.5%; + width: 95%; +} + +.wizard.vertical>.actions>ul>li { + margin: 0 0 0 1em; +} .tabcontrol { display: block; width: 100%; - overflow: hidden; } - .tabcontrol a { - outline: 0; } - .tabcontrol ul { - list-style: none !important; - padding: 0; - margin: 0; } - .tabcontrol ul > li { - display: block; - padding: 0; } - .tabcontrol > .steps { - position: relative; - display: block; - width: 100%; } - .tabcontrol > .steps .current-info { - position: absolute; - left: -999em; } - .tabcontrol > .steps > ul { - position: relative; - margin: 6px 0 0; - top: 1px; - z-index: 1; } - .tabcontrol > .steps > ul > li { - float: left; - margin: 5px 2px 0 0; - padding: 1px; - -webkit-border-top-left-radius: 5px; - -webkit-border-top-right-radius: 5px; - -moz-border-radius-topleft: 5px; - -moz-border-radius-topright: 5px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - .tabcontrol > .steps > ul > li:hover { - background: #edecec; - border: 1px solid #383e5d; - padding: 0; } - .tabcontrol > .steps > ul > li > a { - color: #8ba2b5; - display: inline-block; - border: 0 none; - margin: 0; - padding: 10px 30px; - text-decoration: none; } - .tabcontrol > .steps > ul > li > a:hover { - text-decoration: none; } - .tabcontrol > .steps > ul > li.current { - background: #ffffff; - border: 1px solid #383e5d; - border-bottom: 0 none; - padding: 0 0 1px; - margin-top: 0; } - .tabcontrol > .steps > ul > li.current > a { - padding: 15px 30px 10px; } - .tabcontrol > .content { - position: relative; - display: inline-block; - width: 100%; - height: 35em; - overflow: hidden; - border-top: 1px solid #383e5d; - padding-top: 20px; } - .tabcontrol > .content > .title { - position: absolute; - left: -999em; } - .tabcontrol > .content > .body { - float: left; - position: absolute; - width: 95%; - height: 95%; - padding: 2.5%; } - .tabcontrol > .content > .body ul { - list-style: disc !important; } - .tabcontrol > .content > .body ul > li { - display: list-item; } + overflow: hidden; +} + +.tabcontrol a { + outline: 0; +} + +.tabcontrol ul { + list-style: none !important; + padding: 0; + margin: 0; +} + +.tabcontrol ul>li { + display: block; + padding: 0; +} + +.tabcontrol>.steps { + position: relative; + display: block; + width: 100%; +} + +.tabcontrol>.steps .current-info { + position: absolute; + left: -999em; +} + +.tabcontrol>.steps>ul { + position: relative; + margin: 6px 0 0; + top: 1px; + z-index: 1; +} + +.tabcontrol>.steps>ul>li { + float: left; + margin: 5px 2px 0 0; + padding: 1px; + -webkit-border-top-left-radius: 5px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.tabcontrol>.steps>ul>li:hover { + background: #edecec; + border: 1px solid #383e5d; + padding: 0; +} + +.tabcontrol>.steps>ul>li>a { + color: #8ba2b5; + display: inline-block; + border: 0 none; + margin: 0; + padding: 10px 30px; + text-decoration: none; +} + +.tabcontrol>.steps>ul>li>a:hover { + text-decoration: none; +} + +.tabcontrol>.steps>ul>li.current { + background: #ffffff; + border: 1px solid #383e5d; + border-bottom: 0 none; + padding: 0 0 1px; + margin-top: 0; +} + +.tabcontrol>.steps>ul>li.current>a { + padding: 15px 30px 10px; +} + +.tabcontrol>.content { + position: relative; + display: inline-block; + width: 100%; + height: 35em; + overflow: hidden; + border-top: 1px solid #383e5d; + padding-top: 20px; +} + +.tabcontrol>.content>.title { + position: absolute; + left: -999em; +} + +.tabcontrol>.content>.body { + float: left; + position: absolute; + width: 95%; + height: 95%; + padding: 2.5%; +} + +.tabcontrol>.content>.body ul { + list-style: disc !important; +} + +.tabcontrol>.content>.body ul>li { + display: list-item; +} /*-------------------------------------------------------------------*/ /* === Landing screens === */ @@ -18511,570 +28286,953 @@ div.tagsinput { .full-page-wrapper { min-height: 100vh; padding-left: 0; - padding-right: 0; } + padding-right: 0; +} .auth { - min-height: 100vh; } - .auth.auth-bg-1 { - background: url("../../images/auth/login_1.jpg"); - background-size: cover; } - .auth.register-bg-1 { - background: url("../../images/auth/register.jpg") center center no-repeat; - background-size: cover; } - .auth.theme-one .auto-form-wrapper { - background: #222437; - padding: 40px 40px 10px; - border-radius: 4px; - -webkit-box-shadow: 0 -25px 37.7px 11.3px rgba(8, 143, 220, 0.07); - box-shadow: 0 -25px 37.7px 11.3px rgba(8, 143, 220, 0.07); } - .auth.theme-one .auto-form-wrapper .form-group .input-group, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap { - height: 44px; } - .auth.theme-one .auto-form-wrapper .form-group .input-group .form-control, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .form-control, .auth.theme-one .auto-form-wrapper .form-group .input-group .asColorPicker-input, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .asColorPicker-input, .auth.theme-one .auto-form-wrapper .form-group .input-group .dataTables_wrapper select, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .input-group select, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input[type=text], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input[type=text], - .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group select, - .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input[type=number], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input[type=number], .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-selection--single, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-selection--single, .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-search__field, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-search__field, .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-hint, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-hint, - .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-query, - .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-query, - .auth.theme-one .auto-form-wrapper .form-group .input-group .typeahead, - .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .typeahead { - border: 1px solid #2e334d; - border-right: none; - border-radius: 6px 0 0 6px; - height: 44px; - line-height: 4px; - display: inline-block; - padding-top: 0px; - padding-bottom: 0px; } - .auth.theme-one .auto-form-wrapper .form-group .input-group .form-control:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .form-control:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .asColorPicker-input:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .asColorPicker-input:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .input-group select:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input:focus[type=text], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input:focus[type=text], - .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group select:focus, - .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input:focus[type=number], .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input:focus[type=number], .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-selection--single:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-selection--single:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-search__field:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-search__field:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-hint:focus, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-hint:focus, - .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-query:focus, - .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-query:focus, - .auth.theme-one .auto-form-wrapper .form-group .input-group .typeahead:focus, - .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .typeahead:focus { - border-right: none; - border-color: #2e334d; } - .auth.theme-one .auto-form-wrapper .form-group .input-group .input-group-append, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .input-group-append { - border-left: none; } - .auth.theme-one .auto-form-wrapper .form-group .input-group .input-group-append .input-group-text, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .input-group-append .input-group-text { - border-radius: 0 6px 6px 0; - border-left: none; - border-color: #2e334d; - color: #b6b6b6; } - .auth.theme-one .auto-form-wrapper .form-group .submit-btn { - font-family: "roboto", sans-serif; - font-size: 13px; - padding: 12px 8px; - font-weight: 600; } - .auth.theme-one .auto-form-wrapper .g-login { - border: 1px solid #383e5d; - padding: 13px; - font-size: 12px; - font-weight: 600; - background: transparent; } + min-height: 100vh; +} + +.auth.auth-bg-1 { + background: url("../../images/auth/login_1.jpg"); + background-size: cover; +} + +.auth.register-bg-1 { + background: url("../../images/auth/register.jpg") center center no-repeat; + background-size: cover; +} + +.auth.theme-one .auto-form-wrapper { + background: var(--dropdown-bg); + padding: 40px 40px 10px; + border-radius: 4px; + -webkit-box-shadow: 0 -25px 37.7px 11.3px rgba(8, 143, 220, 0.07); + box-shadow: 0 -25px 37.7px 11.3px rgba(8, 143, 220, 0.07); +} + +.auth.theme-one .auto-form-wrapper .form-group .input-group, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap { + height: 44px; +} + +.auth.theme-one .auto-form-wrapper .form-group .input-group .form-control, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .form-control, +.auth.theme-one .auto-form-wrapper .form-group .input-group .asColorPicker-input, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .asColorPicker-input, +.auth.theme-one .auto-form-wrapper .form-group .input-group .dataTables_wrapper select, +.dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .input-group select, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .dataTables_wrapper select, +.dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select, +.auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input[type=text], +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input[type=text], +.auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group select, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select, +.auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input[type=number], +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input[type=number], +.auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single, +.select2-container--default .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-selection--single, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single, +.select2-container--default .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-selection--single, +.auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-search__field, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-search__field, +.auth.theme-one .auto-form-wrapper .form-group .input-group .tt-hint, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-hint, +.auth.theme-one .auto-form-wrapper .form-group .input-group .tt-query, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-query, +.auth.theme-one .auto-form-wrapper .form-group .input-group .typeahead, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .typeahead { + border: 1px solid #2e334d; + border-right: none; + border-radius: 6px 0 0 6px; + height: 44px; + line-height: 4px; + display: inline-block; + padding-top: 0px; + padding-bottom: 0px; +} + +.auth.theme-one .auto-form-wrapper .form-group .input-group .form-control:focus, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .form-control:focus, +.auth.theme-one .auto-form-wrapper .form-group .input-group .asColorPicker-input:focus, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .asColorPicker-input:focus, +.auth.theme-one .auto-form-wrapper .form-group .input-group .dataTables_wrapper select:focus, +.dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .input-group select:focus, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .dataTables_wrapper select:focus, +.dataTables_wrapper .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select:focus, +.auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input:focus[type=text], +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input:focus[type=text], +.auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group select:focus, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap select:focus, +.auth.theme-one .auto-form-wrapper .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .input-group input:focus[type=number], +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap input:focus[type=number], +.auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single:focus, +.select2-container--default .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-selection--single:focus, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single:focus, +.select2-container--default .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-selection--single:focus, +.auth.theme-one .auto-form-wrapper .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field:focus, +.select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .input-group .select2-search__field:focus, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus, +.select2-container--default .select2-selection--single .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .select2-search__field:focus, +.auth.theme-one .auto-form-wrapper .form-group .input-group .tt-hint:focus, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-hint:focus, +.auth.theme-one .auto-form-wrapper .form-group .input-group .tt-query:focus, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-query:focus, +.auth.theme-one .auto-form-wrapper .form-group .input-group .typeahead:focus, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .typeahead:focus { + border-right: none; + border-color: #2e334d; +} + +.auth.theme-one .auto-form-wrapper .form-group .input-group .input-group-append, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .input-group-append { + border-left: none; +} + +.auth.theme-one .auto-form-wrapper .form-group .input-group .input-group-append .input-group-text, +.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .input-group-append .input-group-text { + border-radius: 0 6px 6px 0; + border-left: none; + border-color: #2e334d; + color: #b6b6b6; +} + +.auth.theme-one .auto-form-wrapper .form-group .submit-btn { + font-family: "roboto", sans-serif; + font-size: 13px; + padding: 12px 8px; + font-weight: 600; +} + +.auth.theme-one .auto-form-wrapper .g-login { + border: 1px solid #383e5d; + padding: 13px; + font-size: 12px; + font-weight: 600; + background: transparent; +} + +.auth.theme-one .auth-footer { + list-style-type: none; + padding-left: 0; + margin-top: 20px; + margin-bottom: 10px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.auth.theme-one .auth-footer li { + margin-right: 10px; + line-height: 1; + padding-right: 10px; + border-right: 1px solid rgba(255, 255, 255, 0.4); +} + +.auth.theme-one .auth-footer li:last-child { + margin-right: 0; + border-right: none; +} + +.auth.theme-one .auth-footer li a { + font-size: 13px; + color: rgba(255, 255, 255, 0.4); +} + +@media (max-width: 576px) { .auth.theme-one .auth-footer { - list-style-type: none; - padding-left: 0; - margin-top: 20px; - margin-bottom: 10px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; -webkit-box-pack: center; -ms-flex-pack: center; - justify-content: center; } - .auth.theme-one .auth-footer li { - margin-right: 10px; - line-height: 1; - padding-right: 10px; - border-right: 1px solid rgba(255, 255, 255, 0.4); } - .auth.theme-one .auth-footer li:last-child { - margin-right: 0; - border-right: none; } - .auth.theme-one .auth-footer li a { - font-size: 13px; - color: rgba(255, 255, 255, 0.4); } - @media (max-width: 576px) { - .auth.theme-one .auth-footer { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } } - .auth.theme-one .footer-text { - color: rgba(255, 255, 255, 0.4); } + justify-content: center; + } +} + +.auth.theme-one .footer-text { + color: rgba(255, 255, 255, 0.4); +} + +.auth.theme-two .auto-form-wrapper { + position: relative; + height: 100vh; + min-height: 100vh; + max-height: 100vh; + padding: 110px 5% 5%; + border-radius: 4px; +} + +@media (max-width: 576px) { .auth.theme-two .auto-form-wrapper { - position: relative; - height: 100vh; - min-height: 100vh; - max-height: 100vh; - padding: 110px 5% 5%; - border-radius: 4px; } - @media (max-width: 576px) { - .auth.theme-two .auto-form-wrapper { - padding: 11% 15px; - text-align: center; - height: 100%; - max-height: 100%; } } - .auth.theme-two .auto-form-wrapper .nav-get-started { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - position: absolute; - top: 30px; - right: 30px; } - @media (max-width: 576px) { - .auth.theme-two .auto-form-wrapper .nav-get-started { - margin-bottom: 5%; - margin-right: auto; - margin-left: auto; - position: relative; - top: unset; - right: unset; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } } - .auth.theme-two .auto-form-wrapper .nav-get-started p { - margin-bottom: 0; - font-weight: 300; } - .auth.theme-two .auto-form-wrapper .nav-get-started .get-started-btn { - border: 1px solid #383e5d; - padding: 10px 20px; - font-size: 12px; - font-weight: 600; - color: #fff; - margin-left: 20px; - border-radius: 50px; } - .auth.theme-two .auto-form-wrapper form { - width: 50%; - min-width: 300px; - max-width: 480px; } - .auth.theme-two .auto-form-wrapper form .form-group { - width: 100%; - margin-bottom: 25px; } - @media (max-width: 576px) { - .auth.theme-two .auto-form-wrapper form .form-group { - margin-right: auto; - margin-left: auto; } } - .auth.theme-two .auto-form-wrapper form .form-group .input-group, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap { - height: 44px; } - .auth.theme-two .auto-form-wrapper form .form-group .input-group .form-control, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .form-control, .auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-input, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-input, .auth.theme-two .auto-form-wrapper form .form-group .input-group .dataTables_wrapper select, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .input-group select, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input[type=text], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input[type=text], - .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group select, - .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input[type=number], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input[type=number], .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-selection--single, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-selection--single, .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-search__field, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-search__field, .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-hint, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-hint, - .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-query, - .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-query, - .auth.theme-two .auto-form-wrapper form .form-group .input-group .typeahead, - .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .typeahead { - border: 1px solid #2e334d; - border-left: none; - border-radius: 0 6px 6px 0; - height: 45px; } - .auth.theme-two .auto-form-wrapper form .form-group .input-group .form-control:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .form-control:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-input:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-input:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .input-group select:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .dataTables_wrapper select:focus, .dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input:focus[type=text], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input:focus[type=text], - .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group select:focus, - .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input:focus[type=number], .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input:focus[type=number], .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-selection--single:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single:focus, .select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-selection--single:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-search__field:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-search__field:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-hint:focus, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-hint:focus, - .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-query:focus, - .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-query:focus, - .auth.theme-two .auto-form-wrapper form .form-group .input-group .typeahead:focus, - .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .typeahead:focus { - border-left: none; - border-color: #2e334d; } - .auth.theme-two .auto-form-wrapper form .form-group .input-group .input-group-prepend .input-group-text, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .input-group-prepend .input-group-text, .auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-trigger .input-group-text, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-trigger .input-group-text { - border-radius: 6px 0 0 6px; - border-color: #2e334d; - border-right: none; - color: #dfdfdf; } - .auth.theme-two .auto-form-wrapper form .form-group .submit-btn { - font-family: "roboto", sans-serif; - font-size: 13px; - padding: 11px 33px; - font-weight: 600; - background-image: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); } - .auth.theme-two .auto-form-wrapper .footer-text { - font-size: 13px; - margin-bottom: 0; } - .auth.theme-two .auto-form-wrapper .auth-footer { - list-style-type: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-top: 7px; - padding-left: 0; - margin-bottom: 0; } - .auth.theme-two .auto-form-wrapper .auth-footer li { - margin-right: 10px; - line-height: 1; - padding-right: 10px; - border-right: 1px solid #b9c0d3; } - .auth.theme-two .auto-form-wrapper .auth-footer li:last-child { - margin-right: 0; - border-right: none; } - .auth.theme-two .auto-form-wrapper .auth-footer li a { - font-size: 13px; - color: #b9c0d3; } - @media (max-width: 576px) { - .auth.theme-two .auto-form-wrapper .auth-footer { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } } - .auth.theme-two .banner-section { - padding-right: 0; } - .auth.theme-two .banner-section .slide-content { - width: 100%; } - .auth.theme-two .banner-section .slide-content.bg-1 { - background: url("../../images/auth/login_2.jpg") no-repeat center center; - background-size: cover; } - .auth.theme-two .banner-section .slide-content.bg-2 { - background: url("../../images/auth/register_2.jpg") no-repeat center center; - background-size: cover; } - .auth.multi-step-login { + padding: 11% 15px; + text-align: center; height: 100%; - min-height: 100vh; - background: #1c1e2f; } - .auth.multi-step-login .step-form { - position: relative; - width: 530px; - margin: 50px auto; - text-align: center; } - .auth.multi-step-login .step-form .step-progress { - padding-left: 0; - list-style-type: none; - margin-bottom: 30px; - overflow: hidden; - counter-reset: step; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-pack: distribute; - justify-content: space-around; } - .auth.multi-step-login .step-form .step-progress li { - position: relative; - list-style-type: none; - color: #fff; - font-size: 18px; - font-weight: 500; - float: left; } - .auth.multi-step-login .step-form .step-progress li:before { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - content: counter(step); - counter-increment: step; - width: 30px; - height: 30px; - line-height: 20px; - font-size: 16px; - font-weight: 600; - color: #fff; - background: #12141f; - border-radius: 100px; - margin: 0 auto 5px auto; } - .auth.multi-step-login .step-form .step-progress li.active:before { - background: #19d895; - color: #fff; } - .auth.multi-step-login .step-form .step-progress li:first-child:after { - content: none; } - .auth.multi-step-login .step-form fieldset { - background: #222437; - border-radius: 10px; - padding: 30px 30px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 0 auto; - width: 100%; - position: relative; } - .auth.multi-step-login .step-form fieldset:not(:first-of-type) { - display: none; } - .auth.multi-step-login .step-form .form-control, .auth.multi-step-login .step-form .asColorPicker-input, .auth.multi-step-login .step-form .dataTables_wrapper select, .dataTables_wrapper .auth.multi-step-login .step-form select, .auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=text], - .auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form select, .auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=number], .auth.multi-step-login .step-form .select2-container--default .select2-selection--single, .select2-container--default .auth.multi-step-login .step-form .select2-selection--single, .auth.multi-step-login .step-form .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth.multi-step-login .step-form .select2-search__field, .auth.multi-step-login .step-form .tt-hint, - .auth.multi-step-login .step-form .tt-query, - .auth.multi-step-login .step-form .typeahead { - height: 40px; - border-radius: 4px; } + max-height: 100%; + } +} + +.auth.theme-two .auto-form-wrapper .nav-get-started { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + position: absolute; + top: 30px; + right: 30px; +} + +@media (max-width: 576px) { + .auth.theme-two .auto-form-wrapper .nav-get-started { + margin-bottom: 5%; + margin-right: auto; + margin-left: auto; + position: relative; + top: unset; + right: unset; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } +} + +.auth.theme-two .auto-form-wrapper .nav-get-started p { + margin-bottom: 0; + font-weight: 300; +} + +.auth.theme-two .auto-form-wrapper .nav-get-started .get-started-btn { + border: 1px solid #383e5d; + padding: 10px 20px; + font-size: 12px; + font-weight: 600; + color: #fff; + margin-left: 20px; + border-radius: 50px; +} + +.auth.theme-two .auto-form-wrapper form { + width: 50%; + min-width: 300px; + max-width: 480px; +} + +.auth.theme-two .auto-form-wrapper form .form-group { + width: 100%; + margin-bottom: 25px; +} + +@media (max-width: 576px) { + .auth.theme-two .auto-form-wrapper form .form-group { + margin-right: auto; + margin-left: auto; + } +} + +.auth.theme-two .auto-form-wrapper form .form-group .input-group, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap { + height: 44px; +} + +.auth.theme-two .auto-form-wrapper form .form-group .input-group .form-control, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .form-control, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-input, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-input, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .dataTables_wrapper select, +.dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .input-group select, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .dataTables_wrapper select, +.dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input[type=text], +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input[type=text], +.auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group select, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input[type=number], +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input[type=number], +.auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single, +.select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-selection--single, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single, +.select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-selection--single, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-search__field, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-search__field, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-hint, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-hint, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-query, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-query, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .typeahead, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .typeahead { + border: 1px solid #2e334d; + border-left: none; + border-radius: 0 6px 6px 0; + height: 45px; +} + +.auth.theme-two .auto-form-wrapper form .form-group .input-group .form-control:focus, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .form-control:focus, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-input:focus, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-input:focus, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .dataTables_wrapper select:focus, +.dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .input-group select:focus, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .dataTables_wrapper select:focus, +.dataTables_wrapper .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select:focus, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input:focus[type=text], +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input:focus[type=text], +.auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group select:focus, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap select:focus, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .input-group input:focus[type=number], +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap input:focus[type=number], +.auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single:focus, +.select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-selection--single:focus, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single:focus, +.select2-container--default .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-selection--single:focus, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-container--default .select2-selection--single .select2-search__field:focus, +.select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .input-group .select2-search__field:focus, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus, +.select2-container--default .select2-selection--single .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .select2-search__field:focus, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-hint:focus, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-hint:focus, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-query:focus, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .tt-query:focus, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .typeahead:focus, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .typeahead:focus { + border-left: none; + border-color: #2e334d; +} + +.auth.theme-two .auto-form-wrapper form .form-group .input-group .input-group-prepend .input-group-text, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .input-group-prepend .input-group-text, +.auth.theme-two .auto-form-wrapper form .form-group .input-group .asColorPicker-trigger .input-group-text, +.auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap .asColorPicker-trigger .input-group-text { + border-radius: 6px 0 0 6px; + border-color: #2e334d; + border-right: none; + color: #dfdfdf; +} + +.auth.theme-two .auto-form-wrapper form .form-group .submit-btn { + font-family: "roboto", sans-serif; + font-size: 13px; + padding: 11px 33px; + font-weight: 600; + background-image: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); +} + +.auth.theme-two .auto-form-wrapper .footer-text { + font-size: 13px; + margin-bottom: 0; +} + +.auth.theme-two .auto-form-wrapper .auth-footer { + list-style-type: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-top: 7px; + padding-left: 0; + margin-bottom: 0; +} + +.auth.theme-two .auto-form-wrapper .auth-footer li { + margin-right: 10px; + line-height: 1; + padding-right: 10px; + border-right: 1px solid #b9c0d3; +} + +.auth.theme-two .auto-form-wrapper .auth-footer li:last-child { + margin-right: 0; + border-right: none; +} + +.auth.theme-two .auto-form-wrapper .auth-footer li a { + font-size: 13px; + color: #b9c0d3; +} + +@media (max-width: 576px) { + .auth.theme-two .auto-form-wrapper .auth-footer { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } +} + +.auth.theme-two .banner-section { + padding-right: 0; +} + +.auth.theme-two .banner-section .slide-content { + width: 100%; +} + +.auth.theme-two .banner-section .slide-content.bg-1 { + background: url("../../images/auth/login_2.jpg") no-repeat center center; + background-size: cover; +} + +.auth.theme-two .banner-section .slide-content.bg-2 { + background: url("../../images/auth/register_2.jpg") no-repeat center center; + background-size: cover; +} + +.auth.multi-step-login { + height: 100%; + min-height: 100vh; + background: var(--deep-bg); +} + +.auth.multi-step-login .step-form { + position: relative; + width: 530px; + margin: 50px auto; + text-align: center; +} + +.auth.multi-step-login .step-form .step-progress { + padding-left: 0; + list-style-type: none; + margin-bottom: 30px; + overflow: hidden; + counter-reset: step; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.auth.multi-step-login .step-form .step-progress li { + position: relative; + list-style-type: none; + color: #fff; + font-size: 18px; + font-weight: 500; + float: left; +} + +.auth.multi-step-login .step-form .step-progress li:before { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + content: counter(step); + counter-increment: step; + width: 30px; + height: 30px; + line-height: 20px; + font-size: 16px; + font-weight: 600; + color: #fff; + background: #12141f; + border-radius: 100px; + margin: 0 auto 5px auto; +} + +.auth.multi-step-login .step-form .step-progress li.active:before { + background: #19d895; + color: #fff; +} + +.auth.multi-step-login .step-form .step-progress li:first-child:after { + content: none; +} + +.auth.multi-step-login .step-form fieldset { + background: var(--dropdown-bg); + border-radius: 10px; + padding: 30px 30px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0 auto; + width: 100%; + position: relative; +} + +.auth.multi-step-login .step-form fieldset:not(:first-of-type) { + display: none; +} + +.auth.multi-step-login .step-form .form-control, +.auth.multi-step-login .step-form .asColorPicker-input, +.auth.multi-step-login .step-form .dataTables_wrapper select, +.dataTables_wrapper .auth.multi-step-login .step-form select, +.auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=text], +.auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form select, +.auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=number], +.auth.multi-step-login .step-form .select2-container--default .select2-selection--single, +.select2-container--default .auth.multi-step-login .step-form .select2-selection--single, +.auth.multi-step-login .step-form .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .auth.multi-step-login .step-form .select2-search__field, +.auth.multi-step-login .step-form .tt-hint, +.auth.multi-step-login .step-form .tt-query, +.auth.multi-step-login .step-form .typeahead { + height: 40px; + border-radius: 4px; +} /* Error */ .error-page { - min-height: 100vh; } + min-height: 100vh; +} + +.error-page h1 { + font-size: 9.375rem; + line-height: 1; +} + +@media (max-width: 991px) { .error-page h1 { - font-size: 9.375rem; - line-height: 1; } - @media (max-width: 991px) { - .error-page h1 { - font-size: 8rem; } } - .error-page h2 { - font-size: 4.375rem; - line-height: 1; } - @media (min-width: 992px) { - .error-page .error-page-divider { - border-left: 3px solid rgba(255, 255, 255, 0.2); } } + font-size: 8rem; + } +} + +.error-page h2 { + font-size: 4.375rem; + line-height: 1; +} + +@media (min-width: 992px) { + .error-page .error-page-divider { + border-left: 3px solid rgba(255, 255, 255, 0.2); + } +} /* Landing */ .landing-page .navbar { padding: 2rem 0; box-shadow: none; - -webkit-box-shadow: none; } - .landing-page .navbar .navbar-brand img { - width: 145px; } - @media (max-width: 991px) { - .landing-page .navbar .navbar-collapse { - display: block; } } - .landing-page .navbar .navbar-collapse.collapse { - display: none; } - .landing-page .navbar .navbar-collapse.show { - display: block; } + -webkit-box-shadow: none; +} + +.landing-page .navbar .navbar-brand img { + width: 145px; +} + +@media (max-width: 991px) { + .landing-page .navbar .navbar-collapse { + display: block; + } +} + +.landing-page .navbar .navbar-collapse.collapse { + display: none; +} + +.landing-page .navbar .navbar-collapse.show { + display: block; +} + +.landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { + color: #ffffff; + padding-left: 1rem; + padding-right: 1rem; + font-size: 0.9375rem; + font-family: "roboto", sans-serif; + text-align: left; +} + +@media (min-width: 992px) { .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { - color: #ffffff; - padding-left: 1rem; - padding-right: 1rem; - font-size: 0.9375rem; - font-family: "roboto", sans-serif; - text-align: left; } - @media (min-width: 992px) { - .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { - margin-left: 1rem; - margin-right: 1rem; } - .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:first-child { - margin-left: 0; } - .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:last-child { - margin-right: 0; } } + margin-left: 1rem; + margin-right: 1rem; + } + + .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:first-child { + margin-left: 0; + } + + .landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:last-child { + margin-right: 0; + } +} .landing-page .top-banner { - background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); } + background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); +} + +.landing-page .top-banner .demo-image img { + max-width: 500px; +} + +@media (min-width: 992px) { .landing-page .top-banner .demo-image img { - max-width: 500px; } - @media (min-width: 992px) { - .landing-page .top-banner .demo-image img { - position: absolute; - left: -80px; } } - @media (max-width: 991px) { - .landing-page .top-banner .demo-image img { - margin-top: 1rem; - max-width: 100%; } } - .landing-page .top-banner .top-banner-content { - padding-top: 80px; - padding-bottom: 120px; } + position: absolute; + left: -80px; + } +} + +@media (max-width: 991px) { + .landing-page .top-banner .demo-image img { + margin-top: 1rem; + max-width: 100%; + } +} + +.landing-page .top-banner .top-banner-content { + padding-top: 80px; + padding-bottom: 120px; +} .landing-page .middle-section { padding-top: 120px; padding-bottom: 80px; text-align: center; - color: #000; } - .landing-page .middle-section .card { - background: #ffffff; - border-radius: 10px; - -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); - -webkit-transition: -webkit-box-shadow 0.5s ease; - transition: -webkit-box-shadow 0.5s ease; - transition: box-shadow 0.5s ease; - transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease; } - .landing-page .middle-section .card:hover { - -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.05); } - .landing-page .middle-section .card.card-icon-top { - position: relative; } - .landing-page .middle-section .card.card-icon-top .card-body { - padding: 3rem; } - .landing-page .middle-section .card.card-icon-top .card-icon { - position: absolute; - width: 65px; - height: 65px; - top: -30px; - left: calc(50% - 30px); } - .landing-page .middle-section .card.card-item-preview { - position: relative; } - .landing-page .middle-section .card.card-item-preview .badge { - position: absolute; - top: -25px; - right: -35px; - width: 65px; - height: 65px; - padding: 1rem; - border-radius: 50%; - line-height: 32px; - font-size: 1rem; } - .landing-page .middle-section .card.card-item-preview .card-img-top { - border-top-left-radius: 10px; - border-top-right-radius: 10px; } + color: #000; +} + +.landing-page .middle-section .card { + background: #ffffff; + border-radius: 10px; + -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); + -webkit-transition: -webkit-box-shadow 0.5s ease; + transition: -webkit-box-shadow 0.5s ease; + transition: box-shadow 0.5s ease; + transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease; +} + +.landing-page .middle-section .card:hover { + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.05); +} + +.landing-page .middle-section .card.card-icon-top { + position: relative; +} + +.landing-page .middle-section .card.card-icon-top .card-body { + padding: 3rem; +} + +.landing-page .middle-section .card.card-icon-top .card-icon { + position: absolute; + width: 65px; + height: 65px; + top: -30px; + left: calc(50% - 30px); +} + +.landing-page .middle-section .card.card-item-preview { + position: relative; +} + +.landing-page .middle-section .card.card-item-preview .badge { + position: absolute; + top: -25px; + right: -35px; + width: 65px; + height: 65px; + padding: 1rem; + border-radius: 50%; + line-height: 32px; + font-size: 1rem; +} + +.landing-page .middle-section .card.card-item-preview .card-img-top { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} .landing-page .bottom-section { color: #000; text-align: center; - padding-top: 80px; } + padding-top: 80px; +} .landing-page .feature-list { margin-top: 100px; - margin-bottom: 100px; } - @media (min-width: 992px) { - .landing-page .feature-list .feature-list-row:first-child { - border-bottom: 1px solid #f4f4f4; } } + margin-bottom: 100px; +} + +@media (min-width: 992px) { + .landing-page .feature-list .feature-list-row:first-child { + border-bottom: 1px solid #f4f4f4; + } +} + +.landing-page .feature-list .feature-list-row .feature-list-item { + padding-top: 1rem; + padding-bottom: 2rem; +} + +.landing-page .feature-list .feature-list-row .feature-list-item i { + display: block; + font-size: 1.875rem; + margin-bottom: 2rem; +} + +@media (min-width: 992px) { .landing-page .feature-list .feature-list-row .feature-list-item { - padding-top: 1rem; - padding-bottom: 2rem; } - .landing-page .feature-list .feature-list-row .feature-list-item i { - display: block; - font-size: 1.875rem; - margin-bottom: 2rem; } - @media (min-width: 992px) { - .landing-page .feature-list .feature-list-row .feature-list-item { - border-right: 1px solid #f4f4f4; } - .landing-page .feature-list .feature-list-row .feature-list-item:last-child { - border-right: 0; } } - .landing-page .feature-list .feature-list-row .feature-list-item .feature-description { - font-family: "roboto", sans-serif; } + border-right: 1px solid #f4f4f4; + } + + .landing-page .feature-list .feature-list-row .feature-list-item:last-child { + border-right: 0; + } +} + +.landing-page .feature-list .feature-list-row .feature-list-item .feature-description { + font-family: "roboto", sans-serif; +} .landing-page .footer { background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1); margin: 0; width: 100%; - padding: 80px 0 0; } - .landing-page .footer .footer-top { - border-bottom: 1px solid rgba(255, 255, 255, 0.2); } - .landing-page .footer .footer-top .brand-logo { - width: 145px; } - .landing-page .footer .footer-top .footer-social-icons { - margin-top: 3rem; } - .landing-page .footer .footer-top .footer-social-icons i { - width: 43px; - height: 43px; - font-size: 1rem; - border-radius: 100%; - text-align: center; - line-height: 43px; - margin-right: 0.5rem; } - .landing-page .footer .footer-top .contact-details i { - font-size: 1.25rem; - font-weight: 500; } - .landing-page .footer .footer-top .nav .nav-item .nav-link { - color: #ffffff; - border-right: 1px solid #383e5d; - padding-top: 0; - padding-bottom: 0; - font-size: 0.9375rem; - font-family: "roboto", sans-serif; - line-height: 1; } - .landing-page .footer .footer-top .nav .nav-item:last-child .nav-link { - border-right: 0; } - .landing-page .footer .footer-top .nav .nav-item:first-child .nav-link { - padding-left: 0; } - .landing-page .footer .footer-top .form-control, .landing-page .footer .footer-top .asColorPicker-input, .landing-page .footer .footer-top .dataTables_wrapper select, .dataTables_wrapper .landing-page .footer .footer-top select, .landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top input[type=text], - .landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top select, .landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top input[type=number], .landing-page .footer .footer-top .select2-container--default .select2-selection--single, .select2-container--default .landing-page .footer .footer-top .select2-selection--single, .landing-page .footer .footer-top .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .landing-page .footer .footer-top .select2-search__field, .landing-page .footer .footer-top .tt-hint, - .landing-page .footer .footer-top .tt-query, - .landing-page .footer .footer-top .typeahead { - background: rgba(0, 0, 0, 0.3); - border: none; - border-radius: 1.25rem; - padding-top: 0.75rem; - padding-bottom: 0.75rem; } - .landing-page .footer .footer-bottom { - color: #ffffff; - font-family: "roboto", sans-serif; } + padding: 80px 0 0; +} + +.landing-page .footer .footer-top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); +} + +.landing-page .footer .footer-top .brand-logo { + width: 145px; +} + +.landing-page .footer .footer-top .footer-social-icons { + margin-top: 3rem; +} + +.landing-page .footer .footer-top .footer-social-icons i { + width: 43px; + height: 43px; + font-size: 1rem; + border-radius: 100%; + text-align: center; + line-height: 43px; + margin-right: 0.5rem; +} + +.landing-page .footer .footer-top .contact-details i { + font-size: 1.25rem; + font-weight: 500; +} + +.landing-page .footer .footer-top .nav .nav-item .nav-link { + color: #ffffff; + border-right: 1px solid #383e5d; + padding-top: 0; + padding-bottom: 0; + font-size: 0.9375rem; + font-family: "roboto", sans-serif; + line-height: 1; +} + +.landing-page .footer .footer-top .nav .nav-item:last-child .nav-link { + border-right: 0; +} + +.landing-page .footer .footer-top .nav .nav-item:first-child .nav-link { + padding-left: 0; +} + +.landing-page .footer .footer-top .form-control, +.landing-page .footer .footer-top .asColorPicker-input, +.landing-page .footer .footer-top .dataTables_wrapper select, +.dataTables_wrapper .landing-page .footer .footer-top select, +.landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], +.jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top input[type=text], +.landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row select, +.jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top select, +.landing-page .footer .footer-top .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], +.jsgrid .jsgrid-table .jsgrid-filter-row .landing-page .footer .footer-top input[type=number], +.landing-page .footer .footer-top .select2-container--default .select2-selection--single, +.select2-container--default .landing-page .footer .footer-top .select2-selection--single, +.landing-page .footer .footer-top .select2-container--default .select2-selection--single .select2-search__field, +.select2-container--default .select2-selection--single .landing-page .footer .footer-top .select2-search__field, +.landing-page .footer .footer-top .tt-hint, +.landing-page .footer .footer-top .tt-query, +.landing-page .footer .footer-top .typeahead { + background: rgba(0, 0, 0, 0.3); + border: none; + border-radius: 1.25rem; + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.landing-page .footer .footer-bottom { + color: #ffffff; + font-family: "roboto", sans-serif; +} .profile-page .profile-header { width: 100%; background: url("../../images/samples/profile_page/profile_header_banner.jpg") no-repeat center center; background-size: cover; padding: 60px 0; - border-radius: 5px; } - .profile-page .profile-header .profile-info .profile-user-name { - margin-bottom: 0; - font-family: "roboto", sans-serif; - font-weight: 600; - color: #222437; } - .profile-page .profile-header .profile-info .profile-user-designation { - margin-bottom: 0; - font-family: "roboto", sans-serif; - color: #222437; } - .profile-page .profile-header .profile-info .br-wrapper { - padding-left: 15px; } - .profile-page .profile-header .profile-info .br-wrapper .br-widget { - height: auto; - -webkit-transform: translateY(-5px); - transform: translateY(-5px); } - .profile-page .profile-header .profile-info .br-wrapper .br-widget a { - font-size: 18px; - margin-right: 0; } - .profile-page .profile-header .details { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - .profile-page .profile-header .details .detail-col { - border-right: 1px solid rgba(56, 62, 93, 0.3); } - .profile-page .profile-header .details .detail-col:last-child { - border-right: none; - margin-right: 0; } - .profile-page .profile-header .details .detail-col p { - margin-bottom: 0; - font-weight: 400; - color: #222437; } - .profile-page .profile-header .details .detail-col p:first-child { - font-weight: 700; } + border-radius: 5px; +} + +.profile-page .profile-header .profile-info .profile-user-name { + margin-bottom: 0; + font-family: "roboto", sans-serif; + font-weight: 600; + color: var(--dropdown-bg); +} + +.profile-page .profile-header .profile-info .profile-user-designation { + margin-bottom: 0; + font-family: "roboto", sans-serif; + color: var(--dropdown-bg); +} + +.profile-page .profile-header .profile-info .br-wrapper { + padding-left: 15px; +} + +.profile-page .profile-header .profile-info .br-wrapper .br-widget { + height: auto; + -webkit-transform: translateY(-5px); + transform: translateY(-5px); +} + +.profile-page .profile-header .profile-info .br-wrapper .br-widget a { + font-size: 18px; + margin-right: 0; +} + +.profile-page .profile-header .details { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.profile-page .profile-header .details .detail-col { + border-right: 1px solid rgba(56, 62, 93, 0.3); +} + +.profile-page .profile-header .details .detail-col:last-child { + border-right: none; + margin-right: 0; +} + +.profile-page .profile-header .details .detail-col p { + margin-bottom: 0; + font-weight: 400; + color: var(--dropdown-bg); +} + +.profile-page .profile-header .details .detail-col p:first-child { + font-weight: 700; +} .profile-page .profile-body { - padding-top: 50px; } - .profile-page .profile-body .tab-switch { - border-bottom: 1px solid #383e5d; } - .profile-page .profile-body .tab-switch .nav-item .nav-link { - color: #b9c0d3; - font-size: 1rem; - padding-bottom: 1.2rem; - font-weight: 600; - border-bottom: 3px solid #ffffff; - -webkit-transition-duration: 0.4s; - transition-duration: 0.4s; - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - -webkit-transition-property: color, border-color; - transition-property: color, border-color; } - .profile-page .profile-body .tab-switch .nav-item .nav-link.active { - color: #000; - border-bottom: 3px solid #2196f3; } - .profile-page .profile-body .tab-body { - border: none; - padding: 10px 0; } - .profile-page .profile-body .tab-body .stages { - position: relative; } - .profile-page .profile-body .tab-body .stages .stage-badge { - position: absolute; - top: 0; - left: -20px; } - .profile-page .profile-body .tab-body .stages .file-icon-wrapper { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .profile-page .profile-body .tab-body .stages .file-icon-wrapper .file-icon { - height: 77px; - width: 69px; - padding: 5px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .profile-page .profile-body .tab-body .stages .file-icon-wrapper .file-icon i { - font-size: 43px; - margin-right: 0; } + padding-top: 50px; +} + +.profile-page .profile-body .tab-switch { + border-bottom: 1px solid #383e5d; +} + +.profile-page .profile-body .tab-switch .nav-item .nav-link { + color: #b9c0d3; + font-size: 1rem; + padding-bottom: 1.2rem; + font-weight: 600; + border-bottom: 3px solid #ffffff; + -webkit-transition-duration: 0.4s; + transition-duration: 0.4s; + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + -webkit-transition-property: color, border-color; + transition-property: color, border-color; +} + +.profile-page .profile-body .tab-switch .nav-item .nav-link.active { + color: #000; + border-bottom: 3px solid #2196f3; +} + +.profile-page .profile-body .tab-body { + border: none; + padding: 10px 0; +} + +.profile-page .profile-body .tab-body .stages { + position: relative; +} + +.profile-page .profile-body .tab-body .stages .stage-badge { + position: absolute; + top: 0; + left: -20px; +} + +.profile-page .profile-body .tab-body .stages .file-icon-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.profile-page .profile-body .tab-body .stages .file-icon-wrapper .file-icon { + height: 77px; + width: 69px; + padding: 5px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.profile-page .profile-body .tab-body .stages .file-icon-wrapper .file-icon i { + font-size: 43px; + margin-right: 0; +} .product-nav-wrapper { display: -webkit-box; @@ -19082,258 +29240,357 @@ div.tagsinput { display: flex; -webkit-box-align: center; -ms-flex-align: center; - align-items: center; } - .product-nav-wrapper .product-filter-nav { - list-style: none; - margin-bottom: 30px; } - .product-nav-wrapper .product-filter-nav li { - display: inline-block; } - .product-nav-wrapper .product-filter-nav li a { - display: inline-block; - font-size: 16px; - font-weight: 500; - margin-right: 20px; - color: #fff; } - .product-nav-wrapper .product-filter-nav li.active a { - color: #2196f3; } - .product-nav-wrapper .product-filter-options { - margin-left: auto; - padding-left: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - .product-nav-wrapper .product-filter-options .account-user-info { - list-style: none; - margin-bottom: 30px; } - .product-nav-wrapper .product-filter-options .account-user-info li { - display: inline-block; } - .product-nav-wrapper .product-filter-options .account-user-info li a { - display: inline-block; - font-size: 16px; - margin-right: 10px; - padding-right: 10px; - line-height: 1; - color: #fff; - border-right: 1px solid #383e5d; } - .product-nav-wrapper .product-filter-options .account-user-info li:last-child a { - border-right: none; } - .product-nav-wrapper .product-filter-options .account-user-info { - list-style: none; - margin-bottom: 30px; } - .product-nav-wrapper .product-filter-options .account-user-info li { - display: inline-block; } - .product-nav-wrapper .product-filter-options .account-user-info li a { - display: inline-block; - font-size: 16px; - margin-right: 10px; - padding-right: 10px; - line-height: 1; - color: #fff; - border-right: 1px solid #383e5d; - text-decoration: none; } - .product-nav-wrapper .product-filter-options .account-user-info li:last-child a { - border-right: none; } - .product-nav-wrapper .product-filter-options .account-user-link { - list-style: none; - margin-bottom: 30px; } - .product-nav-wrapper .product-filter-options .account-user-link li { - display: inline-block; } - .product-nav-wrapper .product-filter-options .account-user-link li a { - display: inline-block; - font-size: 16px; - line-height: 1; - color: #fff; - text-decoration: none; } - .product-nav-wrapper .product-filter-options .account-user-link li a:after { - content: "/"; - display: inline-block; - margin-left: 5px; - margin-right: 5px; } - .product-nav-wrapper .product-filter-options .account-user-link li:last-child a:after { - display: none; - margin-left: 0px; } - .product-nav-wrapper .product-filter-options .account-user-actions { - list-style: none; - margin-bottom: 30px; } - .product-nav-wrapper .product-filter-options .account-user-actions li { - display: inline-block; - margin-right: 15px; - position: relative; } - .product-nav-wrapper .product-filter-options .account-user-actions li .badge { - position: absolute; - top: -12px; - right: -7px; } - .product-nav-wrapper .product-filter-options .account-user-actions li a { - display: inline-block; - font-size: 16px; - line-height: 1; - color: #fff; - text-decoration: none; } - .product-nav-wrapper .product-filter-options .account-user-actions li:last-child { - margin-right: 0; } + align-items: center; +} + +.product-nav-wrapper .product-filter-nav { + list-style: none; + margin-bottom: 30px; +} + +.product-nav-wrapper .product-filter-nav li { + display: inline-block; +} + +.product-nav-wrapper .product-filter-nav li a { + display: inline-block; + font-size: 16px; + font-weight: 500; + margin-right: 20px; + color: #fff; +} + +.product-nav-wrapper .product-filter-nav li.active a { + color: #2196f3; +} + +.product-nav-wrapper .product-filter-options { + margin-left: auto; + padding-left: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.product-nav-wrapper .product-filter-options .account-user-info { + list-style: none; + margin-bottom: 30px; +} + +.product-nav-wrapper .product-filter-options .account-user-info li { + display: inline-block; +} + +.product-nav-wrapper .product-filter-options .account-user-info li a { + display: inline-block; + font-size: 16px; + margin-right: 10px; + padding-right: 10px; + line-height: 1; + color: #fff; + border-right: 1px solid #383e5d; +} + +.product-nav-wrapper .product-filter-options .account-user-info li:last-child a { + border-right: none; +} + +.product-nav-wrapper .product-filter-options .account-user-info { + list-style: none; + margin-bottom: 30px; +} + +.product-nav-wrapper .product-filter-options .account-user-info li { + display: inline-block; +} + +.product-nav-wrapper .product-filter-options .account-user-info li a { + display: inline-block; + font-size: 16px; + margin-right: 10px; + padding-right: 10px; + line-height: 1; + color: #fff; + border-right: 1px solid #383e5d; + text-decoration: none; +} + +.product-nav-wrapper .product-filter-options .account-user-info li:last-child a { + border-right: none; +} + +.product-nav-wrapper .product-filter-options .account-user-link { + list-style: none; + margin-bottom: 30px; +} + +.product-nav-wrapper .product-filter-options .account-user-link li { + display: inline-block; +} + +.product-nav-wrapper .product-filter-options .account-user-link li a { + display: inline-block; + font-size: 16px; + line-height: 1; + color: #fff; + text-decoration: none; +} + +.product-nav-wrapper .product-filter-options .account-user-link li a:after { + content: "/"; + display: inline-block; + margin-left: 5px; + margin-right: 5px; +} + +.product-nav-wrapper .product-filter-options .account-user-link li:last-child a:after { + display: none; + margin-left: 0px; +} + +.product-nav-wrapper .product-filter-options .account-user-actions { + list-style: none; + margin-bottom: 30px; +} + +.product-nav-wrapper .product-filter-options .account-user-actions li { + display: inline-block; + margin-right: 15px; + position: relative; +} + +.product-nav-wrapper .product-filter-options .account-user-actions li .badge { + position: absolute; + top: -12px; + right: -7px; +} + +.product-nav-wrapper .product-filter-options .account-user-actions li a { + display: inline-block; + font-size: 16px; + line-height: 1; + color: #fff; + text-decoration: none; +} + +.product-nav-wrapper .product-filter-options .account-user-actions li:last-child { + margin-right: 0; +} .product-item-wrapper { - margin-bottom: -15px; } - .product-item-wrapper .product-item { - -webkit-box-shadow: none; - box-shadow: none; - margin-bottom: 20px; } - .product-item-wrapper .product-item .card { - -webkit-box-shadow: none; - box-shadow: none; } - .product-item-wrapper .product-item .card-body { - padding: 20px 25px; - display: grid; - position: relative; - grid-template-columns: 70% 30%; - grid-template-rows: auto; - grid-template-areas: "product-image product-image" - "product-title product-price" - "product-variation product-actual-price" - "product-description product-description"; } - .product-item-wrapper .product-item .card-body .action-holder { - position: absolute; - top: 0; - left: 0; - right: 0; - width: 100%; - padding: 35px 40px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - z-index: 2; } - .product-item-wrapper .product-item .card-body .action-holder .sale-badge { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 1; - width: 40px; - height: 40px; - border-radius: 100%; - color: #fff; - font-size: 12px; - font-weight: 500; } - .product-item-wrapper .product-item .card-body .action-holder .favorite-button { - margin-left: auto; - color: #fff; - font-size: 22px; } - .product-item-wrapper .product-item .card-body .product_image { - width: 100%; - max-width: 100%; - min-width: 100%; - grid-area: product-image; - margin-bottom: 15px; - -webkit-transform: scale(1); - transform: scale(1); - z-index: 1; - border-radius: 0px; - -webkit-box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0); - box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: "ease"; - transition-timing-function: "ease"; - -webkit-transition-property: "transform", "border-radius", "box-shadow", "transform", "box-shadow"; - transition-property: "transform", "border-radius", "box-shadow", "transform", "box-shadow"; - transition-property: "transform", "border-radius", "box-shadow"; } - .product-item-wrapper .product-item .card-body .product-title { - grid-area: product-title; - font-size: 16px; - font-weight: 500; - margin-bottom: 10px; } - .product-item-wrapper .product-item .card-body .product-price { - grid-area: product-price; - font-size: 20px; - font-weight: 500; - text-align: right; - margin-bottom: 10px; } - .product-item-wrapper .product-item .card-body .product-actual-price { - grid-area: product-actual-price; - font-size: 15px; - color: #4d4c4c; - text-align: right; - text-decoration: line-through; } - .product-item-wrapper .product-item .card-body .product-variation { - grid-area: product-variation; - list-style-type: none; - display: inline-block; - padding-left: 0; - padding-bottom: 0; } - .product-item-wrapper .product-item .card-body .product-variation li { - display: inline-block; - border: 1px solid #383e5d; - padding: 0px 15px; - border-radius: 4px; - font-size: 12px; - font-weight: 500; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: "background"; - transition-property: "background"; } - .product-item-wrapper .product-item .card-body .product-variation li a { - color: inherit; - text-decoration: none; } - .product-item-wrapper .product-item .card-body .product-variation li:hover { - background: #dde4eb; } - .product-item-wrapper .product-item .card-body .product-description { - grid-area: product-description; - line-height: 1.71; } - .product-item-wrapper .product-item:hover .product_image { - -webkit-transform: scale(1.1); - transform: scale(1.1); - border-radius: 4px; - -webkit-box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.58); - box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.58); } + margin-bottom: -15px; +} + +.product-item-wrapper .product-item { + -webkit-box-shadow: none; + box-shadow: none; + margin-bottom: 20px; +} + +.product-item-wrapper .product-item .card { + -webkit-box-shadow: none; + box-shadow: none; +} + +.product-item-wrapper .product-item .card-body { + padding: 20px 25px; + display: grid; + position: relative; + grid-template-columns: 70% 30%; + grid-template-rows: auto; + grid-template-areas: "product-image product-image" + "product-title product-price" + "product-variation product-actual-price" + "product-description product-description"; +} + +.product-item-wrapper .product-item .card-body .action-holder { + position: absolute; + top: 0; + left: 0; + right: 0; + width: 100%; + padding: 35px 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + z-index: 2; +} + +.product-item-wrapper .product-item .card-body .action-holder .sale-badge { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1; + width: 40px; + height: 40px; + border-radius: 100%; + color: #fff; + font-size: 12px; + font-weight: 500; +} + +.product-item-wrapper .product-item .card-body .action-holder .favorite-button { + margin-left: auto; + color: #fff; + font-size: 22px; +} + +.product-item-wrapper .product-item .card-body .product_image { + width: 100%; + max-width: 100%; + min-width: 100%; + grid-area: product-image; + margin-bottom: 15px; + -webkit-transform: scale(1); + transform: scale(1); + z-index: 1; + border-radius: 0px; + -webkit-box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0); + box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: "ease"; + transition-timing-function: "ease"; + -webkit-transition-property: "transform", "border-radius", "box-shadow", "transform", "box-shadow"; + transition-property: "transform", "border-radius", "box-shadow", "transform", "box-shadow"; + transition-property: "transform", "border-radius", "box-shadow"; +} + +.product-item-wrapper .product-item .card-body .product-title { + grid-area: product-title; + font-size: 16px; + font-weight: 500; + margin-bottom: 10px; +} + +.product-item-wrapper .product-item .card-body .product-price { + grid-area: product-price; + font-size: 20px; + font-weight: 500; + text-align: right; + margin-bottom: 10px; +} + +.product-item-wrapper .product-item .card-body .product-actual-price { + grid-area: product-actual-price; + font-size: 15px; + color: #4d4c4c; + text-align: right; + text-decoration: line-through; +} + +.product-item-wrapper .product-item .card-body .product-variation { + grid-area: product-variation; + list-style-type: none; + display: inline-block; + padding-left: 0; + padding-bottom: 0; +} + +.product-item-wrapper .product-item .card-body .product-variation li { + display: inline-block; + border: 1px solid #383e5d; + padding: 0px 15px; + border-radius: 4px; + font-size: 12px; + font-weight: 500; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: "background"; + transition-property: "background"; +} + +.product-item-wrapper .product-item .card-body .product-variation li a { + color: inherit; + text-decoration: none; +} + +.product-item-wrapper .product-item .card-body .product-variation li:hover { + background: #dde4eb; +} + +.product-item-wrapper .product-item .card-body .product-description { + grid-area: product-description; + line-height: 1.71; +} + +.product-item-wrapper .product-item:hover .product_image { + -webkit-transform: scale(1.1); + transform: scale(1.1); + border-radius: 4px; + -webkit-box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.58); + box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.58); +} .project-list-showcase { margin-left: -20px; margin-right: -20px; - margin-bottom: -20px; } - .project-list-showcase .project-grid { - padding-right: 20px; - padding-left: 20px; - margin-bottom: 40px; - overflow: hidden; } - .project-list-showcase .project-grid .img-holder { - width: 100%; - height: 140px; - border-radius: 4px 4px 0 0; } - .project-list-showcase .project-grid .img-holder.img-bg-1 { - background: url("../../images/samples/300x300/1.jpg") no-repeat center; - background-size: cover; } - .project-list-showcase .project-grid .img-holder.img-bg-2 { - background: url("../../images/samples/300x300/2.jpg") no-repeat center; - background-size: cover; } - .project-list-showcase .project-grid .img-holder.img-bg-3 { - background: url("../../images/samples/300x300/3.jpg") no-repeat center; - background-size: cover; } - .project-list-showcase .project-grid .project-grid-inner { - border: 1px solid #383e5d; - border-radius: 0 0 4px 4px; - padding: 30px 25px 30px 25px; } - .project-list-showcase .project-grid .project-title { - margin-bottom: 0; - font-weight: 500; } - .project-list-showcase .project-grid .project-location { - margin-bottom: 0; - font-weight: 500; - color: white; - margin-bottom: 15px; } - .project-list-showcase .project-grid .action-tags { - font-weight: 500; - color: #fff; } + margin-bottom: -20px; +} + +.project-list-showcase .project-grid { + padding-right: 20px; + padding-left: 20px; + margin-bottom: 40px; + overflow: hidden; +} + +.project-list-showcase .project-grid .img-holder { + width: 100%; + height: 140px; + border-radius: 4px 4px 0 0; +} + +.project-list-showcase .project-grid .img-holder.img-bg-1 { + background: url("../../images/samples/300x300/1.jpg") no-repeat center; + background-size: cover; +} + +.project-list-showcase .project-grid .img-holder.img-bg-2 { + background: url("../../images/samples/300x300/2.jpg") no-repeat center; + background-size: cover; +} + +.project-list-showcase .project-grid .img-holder.img-bg-3 { + background: url("../../images/samples/300x300/3.jpg") no-repeat center; + background-size: cover; +} + +.project-list-showcase .project-grid .project-grid-inner { + border: 1px solid #383e5d; + border-radius: 0 0 4px 4px; + padding: 30px 25px 30px 25px; +} + +.project-list-showcase .project-grid .project-title { + margin-bottom: 0; + font-weight: 500; +} + +.project-list-showcase .project-grid .project-location { + margin-bottom: 0; + font-weight: 500; + color: white; + margin-bottom: 15px; +} + +.project-list-showcase .project-grid .action-tags { + font-weight: 500; + color: #fff; +} .st-wizard-wrapper .st-wizard-steps { display: -webkit-inline-box; @@ -19344,48 +29601,62 @@ div.tagsinput { padding-top: 10px; padding-bottom: 10px; margin-top: 25px; - width: 100%; } - .st-wizard-wrapper .st-wizard-steps .wizard-step { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #b9c0d3; - border-right: 1px solid #383e5d; - margin-right: 20px; - padding-right: 10%; - text-decoration: none; - pointer-events: none; } - .st-wizard-wrapper .st-wizard-steps .wizard-step:last-child { - border-right: none; - margin-right: 0px; - padding-right: 0px; } - .st-wizard-wrapper .st-wizard-steps .wizard-step .step-number { - font-size: 40px; - font-weight: 600; - margin-bottom: 0; - margin-right: 10px; - color: inherit; - font-weight: 500; } - .st-wizard-wrapper .st-wizard-steps .wizard-step .step-details { - margin-bottom: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: inherit; - font-weight: 500; - line-height: 18px; } - @media (max-width: 578px) { - .st-wizard-wrapper .st-wizard-steps .wizard-step .step-details { - display: none; } } - .st-wizard-wrapper .st-wizard-steps .wizard-step.done { - color: #2196f3; - pointer-events: auto; } + width: 100%; +} + +.st-wizard-wrapper .st-wizard-steps .wizard-step { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #b9c0d3; + border-right: 1px solid #383e5d; + margin-right: 20px; + padding-right: 10%; + text-decoration: none; + pointer-events: none; +} + +.st-wizard-wrapper .st-wizard-steps .wizard-step:last-child { + border-right: none; + margin-right: 0px; + padding-right: 0px; +} + +.st-wizard-wrapper .st-wizard-steps .wizard-step .step-number { + font-size: 40px; + font-weight: 600; + margin-bottom: 0; + margin-right: 10px; + color: inherit; + font-weight: 500; +} + +.st-wizard-wrapper .st-wizard-steps .wizard-step .step-details { + margin-bottom: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: inherit; + font-weight: 500; + line-height: 18px; +} + +@media (max-width: 578px) { + .st-wizard-wrapper .st-wizard-steps .wizard-step .step-details { + display: none; + } +} + +.st-wizard-wrapper .st-wizard-steps .wizard-step.done { + color: #2196f3; + pointer-events: auto; +} .st-wizard-wrapper .wizard-footer { display: -webkit-box; @@ -19396,19 +29667,24 @@ div.tagsinput { align-items: center; border-top: 1px solid #383e5d; margin-top: 35px; - padding-top: 30px; } - .st-wizard-wrapper .wizard-footer .terms-checkbox { - display: none; - margin-top: 0px; - margin-bottom: 0; } - .st-wizard-wrapper .wizard-footer .wrapper { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-left: auto; } + padding-top: 30px; +} + +.st-wizard-wrapper .wizard-footer .terms-checkbox { + display: none; + margin-top: 0px; + margin-bottom: 0; +} + +.st-wizard-wrapper .wizard-footer .wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-left: auto; +} body.invoice-page .invoice-banner { background: url("../../images/samples/invoice_banner.jpg") no-repeat center center; @@ -19417,31 +29693,46 @@ body.invoice-page .invoice-banner { margin-top: 20px; border-radius: 4px; padding: 50px; - color: #fff; } - body.invoice-page .invoice-banner hr { - border-top: solid 1px rgba(255, 255, 255, 0.2); } + color: #fff; +} + +body.invoice-page .invoice-banner hr { + border-top: solid 1px rgba(255, 255, 255, 0.2); +} body.invoice-page.invoice-2 table { width: 950px; margin-left: auto; - margin-right: auto; } - body.invoice-page.invoice-2 table tr th, - body.invoice-page.invoice-2 table tr td { - text-align: right; - padding: 25px 10px; } - body.invoice-page.invoice-2 table tr th:first-child, - body.invoice-page.invoice-2 table tr td:first-child { - text-align: left; } - body.invoice-page.invoice-2 table tr th:last-child, - body.invoice-page.invoice-2 table tr td:last-child { - padding-right: 50px; } - body.invoice-page.invoice-2 table tr th { - font-weight: 400; - color: #b9c0d3; } - body.invoice-page.invoice-2 table tr td { - font-weight: 600; } + margin-right: auto; +} + +body.invoice-page.invoice-2 table tr th, +body.invoice-page.invoice-2 table tr td { + text-align: right; + padding: 25px 10px; +} + +body.invoice-page.invoice-2 table tr th:first-child, +body.invoice-page.invoice-2 table tr td:first-child { + text-align: left; +} + +body.invoice-page.invoice-2 table tr th:last-child, +body.invoice-page.invoice-2 table tr td:last-child { + padding-right: 50px; +} + +body.invoice-page.invoice-2 table tr th { + font-weight: 400; + color: #b9c0d3; +} + +body.invoice-page.invoice-2 table tr td { + font-weight: 600; +} @media print { + body.invoice-page .navbar, body.invoice-page .sidebar, body.invoice-page .footer, @@ -19451,10 +29742,12 @@ body.invoice-page.invoice-2 table { .ajax-upload-dragdrop body.invoice-page .ajax-file-upload, body.invoice-page .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper body.invoice-page .swal2-styled, - body.invoice-page .wizard > .actions a, - .wizard > .actions body.invoice-page a, + body.invoice-page .wizard>.actions a, + .wizard>.actions body.invoice-page a, body.invoice-page .card-title { - display: none !important; } } + display: none !important; + } +} .tickets-tab-switch { border-bottom: none; @@ -19465,50 +29758,64 @@ body.invoice-page.invoice-2 table { -ms-flex-pack: justify; justify-content: space-between; margin-left: -10px; - margin-right: -10px; } + margin-right: -10px; +} + +.tickets-tab-switch .nav-item { + display: block; + width: 33.33%; + padding: 0 10px; +} + +@media (max-width: 767.98px) { .tickets-tab-switch .nav-item { - display: block; - width: 33.33%; - padding: 0 10px; } - @media (max-width: 767.98px) { - .tickets-tab-switch .nav-item { - width: 100%; } } - .tickets-tab-switch .nav-item .nav-link { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 4px; - background: #1e2031; - padding: 20px; - text-align: left; - font-weight: 600; - border: none; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - -webkit-transition-property: "background", "color"; - transition-property: "background", "color"; } - .tickets-tab-switch .nav-item .nav-link .badge { - margin-left: auto; - background: #2196f3; - color: #222437; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - -webkit-transition-property: "background", "color"; - transition-property: "background", "color"; } - .tickets-tab-switch .nav-item .nav-link.active { - background: #2196f3; - color: #222437; - border: none; } - .tickets-tab-switch .nav-item .nav-link.active .badge { - background: #ffaf00; - color: #222437; } + width: 100%; + } +} + +.tickets-tab-switch .nav-item .nav-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; + background: #1e2031; + padding: 20px; + text-align: left; + font-weight: 600; + border: none; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + -webkit-transition-property: "background", "color"; + transition-property: "background", "color"; +} + +.tickets-tab-switch .nav-item .nav-link .badge { + margin-left: auto; + background: #2196f3; + color: var(--dropdown-bg); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + -webkit-transition-property: "background", "color"; + transition-property: "background", "color"; +} + +.tickets-tab-switch .nav-item .nav-link.active { + background: #2196f3; + color: var(--dropdown-bg); + border: none; +} + +.tickets-tab-switch .nav-item .nav-link.active .badge { + background: #ffaf00; + color: var(--dropdown-bg); +} .tickets-date-group { display: -webkit-box; @@ -19520,10 +29827,13 @@ body.invoice-page.invoice-2 table { color: #b9c0d3; margin-top: 30px; margin-bottom: 20px; - font-weight: 500; } - .tickets-date-group i { - margin-right: 10px; - font-size: 20px; } + font-weight: 500; +} + +.tickets-date-group i { + margin-right: 10px; + font-size: 20px; +} .tickets-card { display: -webkit-box; @@ -19545,169 +29855,257 @@ body.invoice-page.invoice-2 table { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "background"; - transition-property: "background"; } - .tickets-card .tickets-details { - margin-right: auto; } - .tickets-card .tickets-details .wrapper { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - .tickets-card .tickets-details .wrapper span { - margin-left: 10px; } - .tickets-card .tickets-details .wrapper span:first-child { - margin-left: 0; } - .tickets-card .tickets-details .wrapper span i { - margin-right: 5px; - font-size: 15px; } - .tickets-card .tickets-details h5 { - margin-bottom: 0; } - .tickets-card .tickets-details .badge { - margin-left: 15px; } - .tickets-card .tickets-details .assignee-avatar { - width: 20px; - height: 20px; - border-radius: 100%; - margin-left: 10px; } + transition-property: "background"; +} + +.tickets-card .tickets-details { + margin-right: auto; +} + +.tickets-card .tickets-details .wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.tickets-card .tickets-details .wrapper span { + margin-left: 10px; +} + +.tickets-card .tickets-details .wrapper span:first-child { + margin-left: 0; +} + +.tickets-card .tickets-details .wrapper span i { + margin-right: 5px; + font-size: 15px; +} + +.tickets-card .tickets-details h5 { + margin-bottom: 0; +} + +.tickets-card .tickets-details .badge { + margin-left: 15px; +} + +.tickets-card .tickets-details .assignee-avatar { + width: 20px; + height: 20px; + border-radius: 100%; + margin-left: 10px; +} + +.tickets-card .ticket-float { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +@media (max-width: 767.98px) { .tickets-card .ticket-float { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - @media (max-width: 767.98px) { - .tickets-card .ticket-float { - margin-top: 20px; } } - .tickets-card .ticket-float span { - white-space: nowrap; } - .tickets-card .ticket-float img, - .tickets-card .ticket-float .category-icon { - margin-right: 10px; } - .tickets-card .ticket-float .category-icon { - font-size: 22px; - color: #b9c0d3; } - .tickets-card:hover { - text-decoration: none; - color: inherit; - background: #1e2031; } + margin-top: 20px; + } +} + +.tickets-card .ticket-float span { + white-space: nowrap; +} + +.tickets-card .ticket-float img, +.tickets-card .ticket-float .category-icon { + margin-right: 10px; +} + +.tickets-card .ticket-float .category-icon { + font-size: 22px; + color: #b9c0d3; +} + +.tickets-card:hover { + text-decoration: none; + color: inherit; + background: #1e2031; +} /*-------------------------------------------------------------------*/ .modal .modal-dialog { - margin-top: calc(63px + 30px); } + margin-top: calc(63px + 30px); +} /* Full Calendar */ #calendar .fc-header-toolbar { - background: #222437; + background: var(--dropdown-bg); padding: 28px 0 80px; - margin-bottom: 0; } - #calendar .fc-header-toolbar .fc-button-group { - border-radius: 5px; } - #calendar .fc-header-toolbar .fc-button-group .fc-button { - -webkit-box-shadow: none; - box-shadow: none; - padding: 1px 12px; - margin-right: 0; - font-size: 0.9375rem; - font-weight: 400; - line-height: 1.33; - border: none; - background: #2196f3; - color: #fff; - text-shadow: none; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; } - #calendar .fc-header-toolbar .fc-button-group .fc-button:first-letter { - text-transform: uppercase; } - #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-state-active { - background: #0d8aee; - color: #ffffff; } - #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button, #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button { - background: #2a2c44; - color: #fff; - margin-right: 7px; - height: 2.0625rem; - width: 2.25rem; - border: none; } - #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span, #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span { - top: -3px; - right: 9px; } - #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span:after, #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span:after { - font: normal normal normal 24px/1 "Material Design Icons"; - display: block; - line-height: 21px; } - #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span:after { - content: "\F141"; } - #calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span:after { - content: "\F142"; } - #calendar .fc-header-toolbar .fc-today-button { - -webkit-box-shadow: none; - box-shadow: none; - padding: 1px 12px; - border-radius: 2px; - margin-right: 4px; - font-size: 0.9375rem; - font-weight: 400; - line-height: 1.33; - border: none; - background: #2196f3; - color: #fff; - text-shadow: none; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; } - #calendar .fc-header-toolbar .fc-today-button:first-letter { - text-transform: uppercase; } - #calendar .fc-header-toolbar .fc-left { - padding-left: 25px; } - #calendar .fc-header-toolbar .fc-right { - padding-right: 25px; } - #calendar .fc-header-toolbar .fc-center h2 { - font-size: 1.125rem; - font-weight: 600; - text-transform: uppercase; } + margin-bottom: 0; +} + +#calendar .fc-header-toolbar .fc-button-group { + border-radius: 5px; +} + +#calendar .fc-header-toolbar .fc-button-group .fc-button { + -webkit-box-shadow: none; + box-shadow: none; + padding: 1px 12px; + margin-right: 0; + font-size: 0.9375rem; + font-weight: 400; + line-height: 1.33; + border: none; + background: #2196f3; + color: #fff; + text-shadow: none; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} + +#calendar .fc-header-toolbar .fc-button-group .fc-button:first-letter { + text-transform: uppercase; +} + +#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-state-active { + background: #0d8aee; + color: #ffffff; +} + +#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button, +#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button { + background: #2a2c44; + color: #fff; + margin-right: 7px; + height: 2.0625rem; + width: 2.25rem; + border: none; +} + +#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span, +#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span { + top: -3px; + right: 9px; +} + +#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span:after, +#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span:after { + font: normal normal normal 24px/1 "Material Design Icons"; + display: block; + line-height: 21px; +} + +#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span:after { + content: "\F141"; +} + +#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span:after { + content: "\F142"; +} + +#calendar .fc-header-toolbar .fc-today-button { + -webkit-box-shadow: none; + box-shadow: none; + padding: 1px 12px; + border-radius: 2px; + margin-right: 4px; + font-size: 0.9375rem; + font-weight: 400; + line-height: 1.33; + border: none; + background: #2196f3; + color: #fff; + text-shadow: none; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} + +#calendar .fc-header-toolbar .fc-today-button:first-letter { + text-transform: uppercase; +} + +#calendar .fc-header-toolbar .fc-left { + padding-left: 25px; +} + +#calendar .fc-header-toolbar .fc-right { + padding-right: 25px; +} + +#calendar .fc-header-toolbar .fc-center h2 { + font-size: 1.125rem; + font-weight: 600; + text-transform: uppercase; +} #calendar .fc-view-container .fc-view { - background: #1c1e2f; } - #calendar .fc-view-container .fc-view table thead.fc-head { - border: none; } - #calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header { - border: none; } - #calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header table thead { - border: none; } - #calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header table thead tr th.fc-day-header { - text-transform: uppercase; - padding: 0.4375rem 0; - border-color: #383e5d; - font-size: 0.875rem; } - #calendar .fc-view-container .fc-view table thead.fc-head tr td.fc-head-container { - border-color: #383e5d; - border-bottom: none; - background: #2a2c44; } - #calendar .fc-view-container .fc-view table tbody.fc-body { - background: #222437; } - #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content { - border-color: #383e5d; } - #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row { - border-color: #383e5d; } - #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-bg table tr td { - border-color: #383e5d; } - #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-top { - padding: 8px; - font-size: 0.875rem; - font-weight: 600; } - #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody tr td.fc-event-container .fc-h-event { - background: #19d895; - border: none; - padding: 6px 12px 6px 22px; - font-weight: 500; - color: #ffffff; - font-size: 12px; - border-radius: 4px; } - #calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody tr td.fc-more-cell { - font-weight: 600; - color: #252C46; - padding: 0 7px; } + background: var(--deep-bg); +} -/*# sourceMappingURL=style.css.map */ +#calendar .fc-view-container .fc-view table thead.fc-head { + border: none; +} + +#calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header { + border: none; +} + +#calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header table thead { + border: none; +} + +#calendar .fc-view-container .fc-view table thead.fc-head tr td .fc-widget-header table thead tr th.fc-day-header { + text-transform: uppercase; + padding: 0.4375rem 0; + border-color: #383e5d; + font-size: 0.875rem; +} + +#calendar .fc-view-container .fc-view table thead.fc-head tr td.fc-head-container { + border-color: #383e5d; + border-bottom: none; + background: #2a2c44; +} + +#calendar .fc-view-container .fc-view table tbody.fc-body { + background: var(--dropdown-bg); +} + +#calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content { + border-color: #383e5d; +} + +#calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row { + border-color: #383e5d; +} + +#calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-bg table tr td { + border-color: #383e5d; +} + +#calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-top { + padding: 8px; + font-size: 0.875rem; + font-weight: 600; +} + +#calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody tr td.fc-event-container .fc-h-event { + background: #19d895; + border: none; + padding: 6px 12px 6px 22px; + font-weight: 500; + color: #ffffff; + font-size: 12px; + border-radius: 4px; +} + +#calendar .fc-view-container .fc-view table tbody.fc-body tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody tr td.fc-more-cell { + font-weight: 600; + color: #252C46; + padding: 0 7px; +} + +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/app/frontend/templates/base.html b/app/frontend/templates/base.html index e2634486..0faffab9 100755 --- a/app/frontend/templates/base.html +++ b/app/frontend/templates/base.html @@ -1,5 +1,5 @@ - + @@ -54,7 +54,7 @@ - +
@@ -294,38 +318,37 @@ - - + -{% end %} + {% end %} -{% block js %} - + -{% end %} + {% end %} \ No newline at end of file diff --git a/app/frontend/templates/panel/server_admin_controls.html b/app/frontend/templates/panel/server_admin_controls.html index 542f2ce7..02e28356 100644 --- a/app/frontend/templates/panel/server_admin_controls.html +++ b/app/frontend/templates/panel/server_admin_controls.html @@ -42,7 +42,6 @@
{{ translate('rolesConfig', 'serverName', data['lang']) }} - -
{{ translate('rolesConfig', 'serverAccess', data['lang']) }}
- +
{{ translate('rolesConfig', 'serverAccess', data['lang']) }}
{% for permission in data['permissions_all'] %} - -
{{ permission.name }}
- +
{{ permission.name }}
{% end %} - {% for server in data['servers_all'] %} + {% for server in data['servers_all'] %} {{ server['server_name'] }} - + {% for permission in data['permissions_all'] %} {% if server['server_id'] in data['role']['servers'] %} - - + - + {% else %} + id="permission_{{ server['server_id'] }}_{{ permission.name }}" + name="permission_{{ server['server_id'] }}_{{ permission.name }}" + autocomplete="off" value="1" disabled> {% end %} {% end %} - {% end %} + {% end %} @@ -240,22 +224,18 @@
-

{{ translate('panelConfig', 'save', - data['lang']) }}

+

{{ translate('panelConfig', 'save', data['lang']) }}

- - + +
-

{{ translate('rolesConfig', 'roleUsers', - data['lang']) }}

+

{{ translate('rolesConfig', 'roleUsers', data['lang']) }}

@@ -267,18 +247,18 @@ - {% for user in data['users'] %} + {% for user in data['users'] %} {% for ruser in data['user-roles'][user.user_id] %} - {% if ruser == data['role']['role_name'] %} - - {{ user.username }} - - - - - {% end %} - {% end %} + {% if ruser == data['role']['role_name'] %} + + {{ user.username }} + + + + + {% end %} {% end %} + {% end %}
@@ -292,24 +272,20 @@

{{ translate('rolesConfig', 'created', data['lang']) }} {{ str(data['role']['created']) }} -
- {{ translate('rolesConfig', 'configUpdate', data['lang']) }} {{ str(data['role']['last_update']) - }} -
- {{ translate('userConfig', 'manager', data['lang']) }}: {{ data['role_manager']['username'] }} -
+
+ {{ translate('rolesConfig', 'configUpdate', data['lang']) }} {{ str(data['role']['last_update']) }} +
+ {{ translate('userConfig', 'manager', data['lang']) }}: {{ data['role_manager']['username'] }} +

{% if data['new_role'] %} - {{ translate('rolesConfig', - 'delRole', data['lang']) }}
- {{ translate('rolesConfig', 'doesNotExist', data['lang']) }} + {{ translate('rolesConfig', 'delRole', data['lang']) }}
+ {{ translate('rolesConfig', 'doesNotExist', data['lang']) }} {% else %} - {{ translate('rolesConfig', 'delRole', data['lang']) }} + {{ translate('rolesConfig', 'delRole', data['lang']) }} {% end %} -
@@ -318,37 +294,38 @@ - + + - {% end %} +{% end %} - {% block js %} - + - {% end %} \ No newline at end of file +{% end %} diff --git a/app/frontend/templates/panel/panel_edit_user.html b/app/frontend/templates/panel/panel_edit_user.html index 6f165f52..de60388e 100644 --- a/app/frontend/templates/panel/panel_edit_user.html +++ b/app/frontend/templates/panel/panel_edit_user.html @@ -121,6 +121,19 @@ data['lang']) }}{% end %} {% end %} +
+ + +
{% if data['superuser'] %}